@charset "UTF-8";
  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1.6em;
}
h1, h2, h3, h4{
line-height: 1em;
}
img{
max-width:100%;
height:auto;
vertical-align:bottom;
}
a{
text-decoration: none;
-webkit-transition-duration: 1000ms;
-moz-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
a:hover{
text-decoration: none;
}
a img{
border-style:none;
}
strong{
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
.clear::after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
   .text-center {
text-align: center;
} .ff_eng {
font-family: freude, sans-serif;
font-weight: 400;
}
.ff_tel {
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
} img {
max-width: 100%;
height: auto;
}
.gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.gallery-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 33.333%;
-ms-flex: 1 1 33.333%;
flex: 1 1 33.333%;
}
.pcOnly {
display: block;
}
.spOnly {
display: none;
}
@media screen and (max-width: 900px) {
.pcOnly {
display: none;
}
.spOnly {
display: block;
}
.no-scroll {
height: 100vh;
overflow: hidden;
}
} .anch {
display: block;
height: 77px;
margin-top: -77px;
visibility: hidden;
}
@media screen and (min-width: 900px) {
.slide_side_left {
opacity: 0;
-webkit-transform: translate(-60px, 0);
-ms-transform: translate(-60px, 0);
transform: translate(-60px, 0);
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
.slide_side_right {
opacity: 0;
-webkit-transform: translate(60px, 0);
-ms-transform: translate(60px, 0);
transform: translate(60px, 0);
-webkit-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.slide_bottom01 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.slide_bottom02 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
.slide_bottom03 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 1500ms;
-o-transition: all 1500ms;
transition: all 1500ms;
}
.slide_bottom04 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 2000ms;
-o-transition: all 2000ms;
transition: all 2000ms;
}
.slide_on {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
} h2::after,
h3::after,
h4::after,
h5::after,
h6::after,
.btn01::before,
.table01::after,
.box_apr::after,
.btn01::before,
.wp-block-dp-ex-blocks-colored-box::after,
.box_flow .flow dt > span::after,
.box_contact01,
.contact-waku:before,
.contact-waku:after,
.contact-flow,
.text-center::after,
.tit_main01:after,
.tit_sec01:after,
.tit_sec02:after,
.heading:after,
ul#menu-globalnavi > li::after {
-webkit-transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
-o-transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
}
#hover-contact.is-show, #page-top.is-show, #page-top {
-webkit-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
-o-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
}
.tr-dray03::after {
-webkit-transition-delay: 0.3s !important;
-o-transition-delay: 0.3s !important;
transition-delay: 0.3s !important;
}
.tr-dray04::after {
-webkit-transition-delay: 0.4s !important;
-o-transition-delay: 0.4s !important;
transition-delay: 0.4s !important;
}
.tr-dray08::after {
-webkit-transition-delay: 0.8s !important;
-o-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
}
@media screen and (min-width: 900px) {
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade_up_in {
opacity: 0;
-webkit-animation: fadeUp 1s ease-in 0s 1 normal forwards;
animation: fadeUp 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translate(0px, 35px);
transform: translate(0px, 35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translate(0px, 35px);
transform: translate(0px, 35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
.fade_down_in {
opacity: 0;
-webkit-animation: fadeDown 1s ease-in 0s 1 normal forwards;
animation: fadeDown 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeDown {
0% {
opacity: 0;
-webkit-transform: translate(0px, -35px);
transform: translate(0px, -35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeDown {
0% {
opacity: 0;
-webkit-transform: translate(0px, -35px);
transform: translate(0px, -35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
.fade_left_in {
opacity: 0;
-webkit-animation: fadeLeft 1s ease-in 0s 1 normal forwards;
animation: fadeLeft 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeLeft {
0% {
opacity: 0;
-webkit-transform: translate(-60px, 0);
transform: translate(-60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeLeft {
0% {
opacity: 0;
-webkit-transform: translate(-60px, 0);
transform: translate(-60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
.fade_right_in {
opacity: 0;
-webkit-animation: fadeRight 1s ease-in 0s 1 normal forwards;
animation: fadeRight 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeRight {
0% {
opacity: 0;
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeRight {
0% {
opacity: 0;
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
}
@media screen and (min-width: 900px) {
.ul_anime > li {
opacity: 0;
-webkit-animation: fadeUp 1s ease-in 0s 1 normal forwards;
animation: fadeUp 1s ease-in 0s 1 normal forwards;
}
.ul_anime > li:nth-child(2) {
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.ul_anime > li:nth-child(3) {
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms;
}
.ul_anime > li:nth-child(4) {
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms;
}
} html {
font-size: 62.5%;
}
body {
line-height: 1.6em;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
font-display: swap;
background: #fff;
color: #222222;
}
a { color: #006f9b;
}
a:hover { color: #f7931e;
}
img {
pointer-events: none;
}
.nopc {
display: none;
}
@media screen and (max-width: 900px) {
.nopc {
display: block !important;
}
}
.notab {
display: none;
}
@media screen and (max-width: 1050px) {
.notab {
display: block !important;
}
}
@media screen and (max-width: 900px) {
.notab {
display: none !important;
}
}
.nosp {
display: block;
}
@media screen and (max-width: 900px) {
.nosp {
display: none !important;
}
}
.container {
margin: 0 auto;
padding: 10px 0 40px 0;
}
@media screen and (min-width: 1300px) {
.container {
max-width: 1300px;
padding: 20px 0;
}
}
.wrap {
margin: 0 auto;
}
@media screen and (min-width: 1300px) {
.wrap {
max-width: 1300px;
}
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
.row {
margin-right: 0px;
margin-left: 0px;
}
.pc_block_top {
display: block;
}
@media screen and (max-width: 1350px) {
.pc_block_top {
display: none;
}
}
.sp_none_top {
display: none;
}
@media screen and (max-width: 1350px) {
.sp_none_top {
display: block;
}
}
.sp-top-title {
text-align: center;
margin: 0 auto;
}
.main_visual_sp {
display: none;
}
@media screen and (max-width: 768px) {
.main_visual_sp {
display: block;
}
}
.main_visual_pc {
padding: 20px;
display: block;
}
@media screen and (max-width: 768px) {
.main_visual_pc {
display: none;
}
}
.pc_block {
display: block;
}
@media screen and (max-width: 1224px) {
.pc_block {
display: none;
}
}
.sp_none {
display: none;
}
@media screen and (max-width: 1224px) {
.sp_none {
display: block;
}
}
.header_menu {
opacity: 0;
}
.table_parent {
display: table;
width: 100%;
}
.table_parent .table_cells-2 {
display: table-cell;
width: 50%;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
.table_parent .table_cells-2 {
width: 100% !important;
display: block !important;
}
} .h3_title h3 {
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
color: #3b879f;
font-size: 28px;
font-weight: 600;
line-height: 1.4;
}
.bold {
color: #ef710a;
font-weight: bold;
}
.align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.title-erea {
position: relative;
}
.p_sub_title h3 {
font-family: tbcinergothic-std, sans-serif;
color: #3b879f;
font-size: 24px;
line-height: 1.8;
}
.p_sub_title p {
color: #555555;
line-height: 2;
}
.h4_title h4 {
position: relative;
}
.h4_title h4::after {
position: absolute;
width: 0;
bottom: -14px;
left: 0;
content: "";
height: 4px;
background: #3b879f;
}
.h4_title.is-show h4::after {
width: 30%;
} #wrapper {
position: relative;
-webkit-animation: fadeIn 1.5s ease-in 0s 1 normal;
animation: fadeIn 1.5s ease-in 0s 1 normal;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .navBtn {
position: fixed;
right: 0;
top: 0;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 1000001 !important;
background: #1378BC;
text-align: center;
}
.navBtn span {
display: block;
position: absolute;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
position: absolute;
width: 28px;
height: 2px;
left: 50%;
margin-left: -14px;
display: inline-block;
background-color: #ffffff;
}
.navBtn span:nth-child(1) {
top: 12px;
}
.navBtn span:nth-child(2) {
top: 20px;
}
.navBtn span:nth-child(3) {
top: 28px;
}
.navBtn span:nth-child(4) {
border: none;
color: #fff;
font-size: 13px;
left: 26px;
top: 33px;
display: inline;
background: none;
line-height: 13px;
}
.navBtn.active span:nth-child(1) {
top: 24px;
height: 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navBtn.active span:nth-child(2), .navBtn.active span:nth-child(3) {
top: 24px;
height: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(20px) rotate(-45deg);
-ms-transform: translateY(20px) rotate(-45deg);
transform: translateY(20px) rotate(-45deg);
top: -2px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
top: 38px;
-webkit-transform: translateY(-20px) rotate(45deg);
-ms-transform: translateY(-20px) rotate(45deg);
transform: translateY(-20px) rotate(45deg);
}
@media screen and (max-width: 900px) {
.no-active {
display: none !important;
}
} #header_logo_sp {
display: none;
}
@media screen and (max-width: 900px) {
#header_logo_sp { width: 80%;
max-width: 320px;
display: block;
position: absolute;
top: 13px;
left: 5px;
z-index: 9999999;
}
}
#header_logo_sp a {
display: inline-block;
} #hover-contact.is-show {
right: 0;
}
#hover-contact {
position: fixed;
display: block;
top: 20%;
right: -100px;
margin-right: 24px;
z-index: 99999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media screen and (max-width: 1280px) {
#hover-contact {
margin-right: 16px;
}
}
@media screen and (max-width: 900px) {
#hover-contact {
display: none;
}
}
#hover-contact a {
font-size: 16px;
outline: 0;
color: #3b2929;
font-family: tbcinergothic-std, sans-serif;
cursor: pointer;
text-decoration: none;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#hover-contact .balloon-contact {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 10px 12px;
min-width: 46px;
max-width: 100%;
color: #999;
font-size: 16px;
text-align: center;
background: #fff;
border: solid 2px #999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
}
#hover-contact .balloon-contact:before {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -7px;
border: 6px solid transparent;
border-top: 8px solid #fff;
z-index: 2;
}
#hover-contact .balloon-contact:after {
content: "";
position: absolute;
bottom: -19px;
left: 50%;
margin-left: -9px;
border: 8px solid transparent;
border-top: 10px solid #999;
z-index: 1;
}
#hover-contact .balloon-contact p {
margin: 0;
padding: 0;
}
#hover-contact .icon-contact {
position: relative;
background-color: #32b3c7;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/btn_icn_seach.svg);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
margin: -10px 0 0 4px;
}
#hover-contact .icon-contact a {
display: block;
width: 100%;
height: 100%;
}
#hover-contact .balloon-contact:hover + .icon-contact,
#hover-contact .icon-contact:hover {
background-color: #ef710a;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.icon-circle {
width: 46px;
height: 46px;
border-radius: 13px;
}
header::-webkit-scrollbar { display: none;
}
header#ghd2.active {
height: -webkit-calc(100vh - 77px) !important;
height: calc(100vh - 77px) !important;
}
header#ghd2 {
-webkit-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s; }
@media (min-width: 900px) {
header#ghd2 {
background-color: #1378BC;
width: 240px;
height: 100vh;
display: block;
position: fixed;
z-index: 9999;
top: 0;
}
header#ghd2.scroll {
background: rgba(255, 255, 255, 0.8);
}
header#ghd2:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #32b3c7;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd2.scroll:before {
opacity: 1;
}
}
header#ghd2 .blank_erea {
height: -webkit-calc(100vh - 613px);
height: calc(100vh - 613px);
background: #1378BC;
}
@media screen and (max-width: 900px) {
header#ghd2 .blank_erea {
display: none;
}
}
@media screen and (min-width: 900px) {
header#ghd2 .logo {
display: block;
width: 100%;
margin: 16px 0 0 20px;
-webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards;
animation: fadeIn 2s ease-in 0s 1 normal forwards;
}
}
@media screen and (max-width: 900px) {
header#ghd2 .logo {
height: 102px;
max-width: none;
display: table-cell;
vertical-align: middle;
z-index: 3000;
width: 80px !important;
padding: 10px;
background: none;
display: none;
}
}
@media screen and (max-width: 900px) {
header#ghd2 .logo .sitename {
display: none;
}
}
header#ghd2 .logo .sitename a {
display: block;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media screen and (max-width: 900px) {
header#ghd2 .logo .sitename a {
cursor: pointer;
}
}
header#ghd2 .logo .sitename a:hover {
opacity: 1;
}
@media screen and (max-width: 900px) {
header#ghd2 .logo .sitename a img {
height: 64px;
}
}
@media screen and (max-width: 900px) and (max-width: 1050px) {
header#ghd2 .logo .sitename a img {
height: 40px;
}
}
header#ghd2 .sp-logo {
display: none !important;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
z-index: 1000000 !important;
}
header#ghd2 .sp-logo.active {
display: block !important;
position: fixed;
top: 0;
background: #1378BC;
width: 100%;
vertical-align: middle;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
header#ghd2 .sp-logo.active a {
display: inline-block;
padding: 8px;
}
header#ghd2 .sp-logo.active img {
max-height: 100%;
}
header#ghd2 #gnavi {
padding: 20px 20px 0;
}
@media screen and (max-height: 740px) {
header#ghd2 #gnavi {
overflow: scroll;
-ms-overflow-style: none; scrollbar-width: none; height: 46vh;
}
}
@media screen and (max-height: 540px) {
header#ghd2 #gnavi {
overflow: scroll;
-ms-overflow-style: none; scrollbar-width: none; height: 36vh;
}
}
@media (max-width: 899px) {
header#ghd2 #gnavi {
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: fixed;
left: 0px;
right: 0px;
top: 0px;
height: 100vh;
z-index: 2000;
overflow: auto;
padding-bottom: 56px;
margin-top: 65px;
}
}
header#ghd2 #gnavi.active {
display: block;
}
@media screen and (max-width: 900px) {
header#ghd2 #gnavi.active {
background-color: #1378BC;
display: block;
width: 100%;
z-index: 1000000 !important;
position: fixed;
overflow-y: scroll !important;
top: 0;
left: 0px;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
}
header#ghd2 ul#menu-globalnavi li {
position: relative;  }
header#ghd2 ul#menu-globalnavi li a {
color: white;
padding: 13px 20px;
font-size: 16px;
display: block;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
border-bottom: 1px solid #73A0CD;
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li a {
padding: 9px 0;
}
}
header#ghd2 ul#menu-globalnavi li a:before {
content: "";
display: block;
width: 8px;
height: 8px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #98BBDC;
position: absolute;
right: 16px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
header#ghd2 ul#menu-globalnavi li a:after {
content: '';
position: absolute;
bottom: -1px;
right: 0;
height: 2px;
width: 0%;
background-color: white;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li a:hover {
color: #fff;
}
}
header#ghd2 ul#menu-globalnavi li a:hover:before {
border-color: #fff !important;
right: 12px;
}
header#ghd2 ul#menu-globalnavi li a:hover:after {
width: 100%;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.09, 1);
-o-transition-timing-function: cubic-bezier(1, 0.005, 0.09, 1);
transition-timing-function: cubic-bezier(1, 0.005, 0.09, 1);
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li a:hover:after {
color: #fff;
}
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li .sub-menu li {
font-size: 1.3rem;
font-weight: 400;
}
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li .sub-menu li a {
padding: 4px 0 4px .5em;
font-size: 1.45rem;
}
}
.home header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 > li:first-child a,
.category-news header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(2) a,
.page-id-339 header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(3) a,
.search-results header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(4) a,
.page-id-28 header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(5) a,
.page-id-10 header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(7) a {
color: #3264c8;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu {
opacity: 0;
overflow: hidden;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
position: absolute;
top: 85px;
left: -1px;
max-height: 0;
z-index: 999;
width: auto;
background: #32B4C8;
line-height: 2;
text-align: left;
padding: 0 20px;
font-size: 1.5rem;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu li a {
min-width: 225px;
color: #fff !important;
padding: 10px 0 !important;
border-bottom: 1px solid #fff;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu li a:before {
display: none;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu li:last-child a {
border-bottom: 0;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:hover .sub-menu {
max-height: 9999px;
opacity: 1;
padding: 20px;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
text-align: left;
}
header.scroll#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu {
width: 260px;
top: 70px;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li.menu-item-343 ul.sub-menu {
width: 520px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li.menu-item-343 ul.sub-menu li {
width: calc(50% - 10px);
}
header#ghd #gnavi ul#menu-globalnavi-1 > li.menu-item-343 ul.sub-menu li:last-child a {
border-bottom: 1px solid #fff;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu{ width: 100% !important;
flex-wrap: unset !important;
justify-content: unset !important;
display: block !important;
max-height: 9999px;
opacity: 1;
padding: 0 20px !important;
position: relative;
top: 0 !important;
background: #fff;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li.menu-item-343 ul.sub-menu li,
header#ghd #gnavi ul#menu-globalnavi-1 > li.menu-item-313 ul.sub-menu li{
width: 100%;
border-top: 1px solid #818181;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu li a {
color: #353535 !important;
position: relative;
min-width: 100%;
width: 100%;
padding: 12px 20px !important;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu li a:hover {
color: #3264c8 !important;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li .sub-menu li a:before {
content: "";
position: absolute;
display: block !important;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/sp_arrow.png) no-repeat;
background-size: 100%;
width: 7px !important;
height: 11px !important;
top: 50%;
left: 5px;
transform: translateY(-50%);
transition: all .3s;
}
}
ul#top_menu {
position: absolute;
right: 30px;
top: 30px;
z-index: 94000;
clear: both;
}
ul#top_menu li {
float: left;
}
ul#top_menu li a {
font-size: 15px;
line-height: 24px;
color: #fff;
display: block;
margin: 6px 0;
}
ul#top_menu li a.top_access {
text-shadow: 0px 0px 8px black;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/icon/top_access.svg) no-repeat;
background-size: 28px 28px;
background-position: left center;
padding: 6px 35px 6px 32px;
}
ul#top_menu li a.top_news {
text-shadow: 0px 0px 8px black;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/icon/top_news.svg) no-repeat;
background-size: 28px 28px;
background-position: left center;
padding: 6px 35px 6px 34px;
}
ul#top_menu li a:hover {
color: #ef710a;
}
ul#top_menu li #___gcse_0 {
max-width: 240px;
}
.nav-footer {
width: 100%;
}
@media screen and (min-height: 740px) {
.nav-footer {
display: block;
position: absolute;
bottom: 0;
}
}
@media screen and (max-width: 900px) {
.nav-footer {
display: none;
}
}
.nav-footer .nav-footer-sns {
background: #085DA3;
padding: 20px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-footer .nav-footer-sns a {
display: inline-block;
height: 100%;
}
.nav-footer .nav-footer-sns img {
width: 34px;
}
#tocontact {
display: block;
position: fixed;
width: 65px;
height: 224px;
top: 30%;
right: -82px;
color: #fff;
z-index: 999999;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/icon/contact.png);
}
@media screen and (max-width: 900px) {
#tocontact {
display: none;
}
}
a.tocontact_action:hover #tocontact {
top: 31%;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/icon/contact_hover.png);
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
header#ghd {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
z-index: 1000;
background: rgba(0, 0, 0, 0);
}
@media (min-width: 900px) {
header#ghd {
border-top: 4px solid #32b3c7;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #32b3c7;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd.scroll:before {
opacity: 1;
}
}
@media screen and (max-width: 900px) {
header#ghd {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd.active {
position: fixed; height: 100vh !important;
background: #fff !important;
top: 0;
left: 0;
width: 100%;
}
}
@media screen and (min-width: 900px) {
header#ghd .logo {
opacity: 0;
-webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards;
animation: fadeIn 2s ease-in 0s 1 normal forwards;
}
}
@media screen and (max-width: 900px) {
header#ghd .logo {
height: 102px;
max-width: none;
display: table-cell;
vertical-align: middle;
z-index: 3000;
display: none;
}
}
@media screen and (max-width: 900px) {
header#ghd .logo .sitename {
display: none;
}
}
header#ghd .logo .sitename a {
display: inline-block;
width: 500px;
vertical-align: middle; padding: 0;
display: inline-block;
opacity: 1;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
@media screen and (max-width: 900px) {
header#ghd .logo .sitename a {
padding: 16px 12px;
}
}
@media screen and (max-width: 1050px) {
header#ghd .logo .sitename a {
padding: 16px 15px;
}
}
header#ghd .logo .sitename a:hover {
opacity: 1;
}
@media screen and (max-width: 900px) {
header#ghd .logo .sitename a img {
height: 64px;
}
}
@media screen and (max-width: 900px) and (max-width: 1050px) {
header#ghd .logo .sitename a img {
height: 40px;
}
}
header#ghd .sp-logo {
display: none !important;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
header#ghd .sp-logo.active {
display: block !important;
position: fixed;
top: 0;
height: 65px;
background: #fff; width: 100%;
vertical-align: middle;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
z-index: 300;
}
header#ghd .sp-logo.active a {
display: inline-block;
padding: 10px 15px;
width: 45px;
box-sizing: content-box;
}
header#ghd .sp-logo.active img {
max-height: 100%;
width: 200px;
}
header#ghd #gnavi01 {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 899px) {
header#ghd #gnavi01 {
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: fixed;
left: 0px;
right: 0px;
top: 0px;
height: 100vh;
z-index: 2000;
overflow: auto;
padding-bottom: 56px;
margin-top: 65px;
}
}
header#ghd #gnavi01.active {
display: block;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01.active {
display: block;
width: 100%;
z-index: 1000000 !important;
position: fixed;
overflow-y: scroll !important;
top: 0;
left: 0px;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 .menu-globalnavi-container {
background: #32b3c7;
}
}
@media screen and (min-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li {
position: relative;
display: table;
height: 68px;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li {
max-width: 100%;
display: block;
text-align: left;
border-bottom: 1px solid #949494;
}
header#ghd #gnavi01 ul#menu-globalnavi > li:first-child {
border-top: 1px solid #949494;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li > a {
width: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.1em;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media screen and (min-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li > a {
font-size: 15px;
text-align: center;
color: #32b3c7;
display: table-cell;
vertical-align: middle;
padding: 0 16px;
}
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li > a {
display: block;
color: #fff;
padding: 13px 20px;
font-size: 16px;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li > a:before {
content: "";
display: block;
width: 0;
height: 5px;
background: #32b3c7;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: width .4s;
-o-transition: width .4s;
transition: width .4s;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li > a:before {
content: '';
position: absolute;
bottom: 0;
left: auto;
right: 0;
height: 2px;
width: 0%;
background-color: white;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li > a:hover:before, header#ghd #gnavi01 ul#menu-globalnavi > li > a.current:before {
width: 100%;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li > a:hover {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; }
}
header#ghd #gnavi01 ul#menu-globalnavi > li > a:hover:after {
width: 100%;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li > a:hover:after {
color: #fff;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu {
opacity: 0;
overflow: hidden;
position: absolute;
top: 68px;
left: 0;
z-index: 999;
height: 0px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu {
position: static;
display: none;
width: 100%;
background-color: #1378BC;
opacity: 1;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li {
margin-bottom: 4px;
}
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li {
width: 100%;
margin-bottom: 0;
background-color: #1378BC !important;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li a {
display: block;
padding: 8px 16px;
line-height: 1;
color: #fff;
font-size: 14px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li a {
padding: 12px 16px;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li a:before {
display: none;
}
@media screen and (min-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li a:after {
color: #fff;
}
}
header#ghd #gnavi01 ul#menu-globalnavi > li .sub-menu li a:hover {
opacity: .6;
}
header#ghd #gnavi01 ul#menu-globalnavi > li:hover .sub-menu {
display: block;
opacity: 1;
}
header#ghd #gnavi01 ul#menu-globalnavi li.menu-item:hover {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; }
@media screen and (min-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi li.menu-item:hover .sub-menu {
padding: 8px 0;
width: auto;
height: auto;
max-height: 9999px;
opacity: 1;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
background-color: #32b3c7;
}
}
header#ghd #gnavi01 ul#menu-globalnavi #menu-item-76:hover .sub-menu {
width: 170px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi #menu-item-76:hover .sub-menu {
width: 100%;
}
}
header#ghd #gnavi01 ul#menu-globalnavi #menu-item-81:hover .sub-menu {
width: 240px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi #menu-item-81:hover .sub-menu {
width: 100%;
}
}
header#ghd #gnavi01 ul#menu-globalnavi #menu-item-71:hover .sub-menu {
width: auto;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi01 ul#menu-globalnavi #menu-item-71:hover .sub-menu {
width: 100%;
}
}
@media (max-width: 899px) {
header#ghd #gnavi {
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: fixed;
left: 0px;
right: 0px;
top: 0px;
height: 100vh;
overflow: auto;
padding-bottom: 56px; }
}
header#ghd #gnavi.active {
display: block;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi.active {
display: block;
width: 100%;
z-index: 200 !important;
position: fixed;
overflow-y: scroll !important;
top: 0;
left: 0px;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
}
@media screen and (max-width: 900px) {
header#ghd #gnavi .menu-globalnavi-container {
background: #fff; padding-top: 85px;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 {
max-width: 1100px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 {
width: 100%;
max-width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 100px;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li {
font-size: 1.8rem;
letter-spacing: -0.025em;
font-family: fot-tsukuardgothic-std;
font-weight: 700;
position: relative;
text-align: center;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li {
width: 95%;
margin: 0 auto;
border-bottom: 1px solid #818181;
text-align: left;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:after {
content: "";
display: block;
width: 1px; height: 70px;
background: #32b3c7;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:last-child:after {
display: none;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li a { min-width: 148px; padding: 40px 0 5px;
color: #353535;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transition: unset;
-o-transition: unset;
transition: unset;
font-size: 14px;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li a:hover {
color: #3264c8;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li:after {
display: none;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li a {
min-width: 100%;
width: 100%;
padding: 12px 20px !important;
box-sizing: border-box;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li a:before {
content: "";
display: inline-block;
vertical-align: middle; width: 24px;
height: 19px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/gnav_icn01.svg) no-repeat center/contain;
position: absolute; bottom: 34px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li a:before{
width: 7px !important;
height: 11px !important;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/sp_arrow.png) no-repeat !important;
background-size: 100%;
left: 5px;
top: 52%;
transform: translateY(-50%);
bottom: 0 !important; }
}
header#ghd #gnavi {
margin-left: auto;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li a:hover:before { width: 29px;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(1) {
display: none;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(1) {
display: block;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(1) a:before {
display: none;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(2) a:before { width: 22px;
height: 28px;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/gnav_icn02.svg); bottom: 35px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(1) a:before {
display: block;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(2) a:before {
background-image: none;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(2) a:hover:before { width: 27px;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(3) a:before { width: 26px;
height: 24px;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/gnav_icn03.svg); bottom: 33px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(3) a:before {
background-image: none;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(3) a:hover:before { width: 32px;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(4) a:before { width: 23px;
height: 28px;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/gnav_icn04.svg); bottom: 33px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(4) a:before {
display: block;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(4) a:hover:before { width: 28px;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(5) a:before { width: 26px;
height: 23px;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/gnav_icn05.svg); bottom: 36px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(5) a:before {
background-image: none;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(5) a:hover:before { width: 31px;
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(6) a:before { width: 27px;
height: 28px;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/gnav_icn06.svg); bottom: 35px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(6) a:before {
background-image: none;
}
header#ghd #gnavi ul#menu-globalnavi-1 > linth-child(7) a {
color: #353535;
}
}
header#ghd #gnavi ul#menu-globalnavi-1 > li:nth-child(6) a:hover:before { width: 33px;
}
header#ghd .pc-contact {
position: absolute;
right: 48px;
top: 0;
}
@media screen and (max-width: 900px) {
header#ghd .pc-contact { width: 150px;
right: 70px;
}
}
header#ghd .pc-contact a.hd_btn_tel {
background: #ffef92;
padding: 8px 16px;
text-align: center;
display: inline-block;
border-radius: 0 0 30px 30px;
font-size: 3.3rem;
font-weight: 600;
letter-spacing: 0.03em;
line-height: 1;
color: #754c24;
}
@media screen and (max-width: 900px) {
header#ghd .pc-contact a.hd_btn_tel {
padding: 5px 10px;
border-radius: 0 0 10px 10px;
font-size: 1.4rem;
}
}
header#ghd .pc-contact a.hd_btn_tel:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/hd_icn_tel.svg) center center/contain no-repeat;
margin-right: 8px;
margin-bottom: 4px;
}
@media screen and (max-width: 900px) {
header#ghd .pc-contact a.hd_btn_tel:before {
width: 20px;
height: 20px;
}
}
@-webkit-keyframes lineV {
from {
top: -100px;
}
to {
top: 0;
}
}
@keyframes lineV {
from {
top: -100px;
}
to {
top: 0;
}
}
header#ghd.scroll {
position: fixed;
border-top: none;
background: #f4f4f4;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
-webkit-animation: lineV 3s linear;
animation: lineV 0.3s linear;
}
@media screen and (max-width: 900px) {
header#ghd.scroll {
position: absolute;
}
}
header#ghd.scroll:before {
display: none;
}
header#ghd.scroll .l_cell {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 0;
}
header#ghd.scroll .l_cell .logo { }
header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 > li:after {
display: none;
}
header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 > li a {
min-width: inherit;
padding: 24px 16px 24px;
width: 100%;
}
header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 > li a:before {
display: none;
}
header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 > li:nth-child(1) {
display: block;
}
@-webkit-keyframes spmenu {
from {
opacity: 0;
left: 20px;
}
to {
opacity: 1;
left: 0;
}
}
@keyframes spmenu {
from {
opacity: 0;
left: 20px;
}
to {
opacity: 1;
left: 0;
}
}
@media screen and (max-width: 900px) {
header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 > li a {
min-width: 100%;
width: 100%;
padding: 12px 20px !important;
}
header#ghd.scroll .l_cell #gnavi .menu-globalnavi-container ul#menu-globalnavi-1 > li a:before{
width: 7px !important;
height: 11px !important;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/sp_arrow.png) no-repeat !important;
background-size: 100%;
left: 5px;
top: 52%;
transform: translateY(-50%);
bottom: 0 !important;
display: block;
}
} .provider_navlist {
padding: 60px 0;
}
@media screen and (max-width: 900px) {
.provider_navlist {
padding: 0 0 30px;
margin-top: -20px;
}
.provider_navlist .provider_navlist {
padding: 0 20px 40px;
}
}
.provider_navlist .share_btnlist {
margin: 0 auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
.provider_navlist .share_btnlist {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -24px;
}
}
@media screen and (max-width: 900px) {
.provider_navlist .share_btnlist > li {
width: calc(50% - 20px);
margin: 0 10px 24px;
}
}
.provider_navlist .share_btnlist > li a {
display: inline-block;
position: relative;
}
@media screen and (max-width: 900px) {
.provider_navlist .share_btnlist > li a {
display: block;
}
}
.provider_navlist .share_btnlist > li a:before {
content: "";
width: 100%;
height: 100%;
display: block;
background: #fff;
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
.provider_navlist .share_btnlist > li a:hover img {
opacity: .6;
}
.provider_navlist .share_btnlist > li a img {
border-radius: 8px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
@media screen and (max-width: 900px) {
.provider_navlist .share_btnlist > li a img {
width: 100%;
}
}
.bnrlist_area {
padding: 32px 0;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_line_gray.png) center top repeat;
}
.share_bnrlist {
margin: 0 auto -24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.share_bnrlist {
max-width: 570px;
}
}
.share_bnrlist > li {
width: -webkit-calc(25% - 32px);
width: calc(25% - 32px);
max-width: 264px;
margin: 0 16px 24px;
background: #fff;
}
@media screen and (max-width: 900px) {
.share_bnrlist > li {
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px);
margin: 0 10px 24px;
}
}
.share_bnrlist > li a {
display: inline-block;
position: relative;
}
.share_bnrlist > li a:before {
content: "";
width: 100%;
height: 100%;
display: block;
background: #fff;
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
.share_bnrlist > li a:hover img {
opacity: .6;
}
.share_bnrlist > li a img {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
@media screen and (max-width: 900px) {
.share_bnrlist > li a img {
width: 100%;
}
}
.share_contact {
background: #f4f4f4;
padding: 36px 0;
}
.share_contact .heading {
text-align: center;
padding: 28px 0;
position: relative;
margin-bottom: 16px;
}
.share_contact .heading::after {
position: absolute;
width: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #32b3c7;
}
.share_contact .heading .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.share_contact .heading .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.share_contact .heading > .tit {
font-size: 2.2rem;
letter-spacing: 0.05em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #32b3c7;
}
@media screen and (max-width: 900px) {
.share_contact .heading > .tit {
font-size: 1.8rem;
}
}
.share_contact .is-show:after {
width: 250px;
}
@media screen and (max-width: 900px) {
.share_contact .is-show:after {
width: 30%;
}
}
.share_contact .txt_line {
padding: 24px 0;
text-align: center;
}
.share_contact .txt_line p {
color: #444444;
font-size: 1.8rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
.share_contact .txt_line p {
font-size: 1.6rem;
line-height: 1.8;
}
}
.share_contact .bnr_area {
margin: 8px auto 24px;
}
.share_contact .bnr_area .btn_std1 {
width: 194px;
}
.share_recruit {
padding: 48px 0;
}
.share_recruit .bnr_recruit {
width: 627px;
height: 249px;
margin: 0 auto;
position: relative;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/share_rec_bg.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit {
width: 94%;
height: 200px;
}
}
.share_recruit .bnr_recruit div.obj {
width: 361px;
height: 310px;
display: block;
position: absolute;
right: -180px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/obj_rec_bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
}
@media screen and (max-width: 940px) {
.share_recruit .bnr_recruit div.obj {
right: -140px;
}
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit div.obj {
width: 200px;
height: 172px;
right: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.share_recruit .bnr_recruit div.obj:before {
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
top: 0;
left: 0;
content: "";
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/obj_rec_bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit div.obj:hover {
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
}
.share_recruit .bnr_recruit div.obj:hover:before {
width: 100%;
height: 100%;
opacity: 1;
display: block;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/obj_rec_bg_o.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit div.obj:hover:before {
width: 200px;
height: 172px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
}
.share_recruit .bnr_recruit div.obj img {
z-index: 5;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#instagram {
padding-top: 40px;
background-color: #779ec6;
}
@media screen and (min-width: 900px) {
#instagram {
padding-left: 20px;
padding-right: 70px;
}
}
#instagram h2 {
color: white;
}
#instagram #insta-gallery-feed-1 {
max-width: 1100px;
padding: 20px 20px;
width: 100%;
margin: 0 auto;
}
#instagram .insta-gallery-actions {
display: none;
}
#instagram .insta-gallery-image-wrap {
border-radius: 20px;
} .btn_std0 {
font-size: 1.4rem;
padding: 14px;
position: relative;
display: block;
text-align: center;
background-color: #32b3c7;
line-height: 1;
border-radius: 24px;
max-width: 240px;
color: #fff;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
.btn_std0 {
padding: 10px 12px;
}
}
.btn_std1 {
font-size: 1.4rem;
padding: 14px;
position: relative;
display: block;
text-align: center;
background-color: #32b3c7;
line-height: 1;
border-radius: 24px;
max-width: 240px;
color: #fff;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
.btn_std1 {
padding: 10px 12px;
}
}
.btn_std1:after {
content: ""; display: inline-block; width: 11px; height: 27px; background-image: url(//nagasaki929.com/wp-content/themes/taulabo/images/arrow03-r.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.btn_std1:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
.btn_std1:hover:after {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
footer#gft {
font-size: 13px;
}
@media screen and (max-width: 900px) {
footer#gft {
padding-bottom: 72px !important;
}
}
footer#gft > .ft_area > .wrap {
margin: 0 auto;
padding: 10px 0 40px 0;
max-width: 1230px;
}
footer#gft > .one {
background: #32b3c7;
color: #fff;
padding: 20px 0;
}
footer#gft > .two {
background: #f4f4f4;
padding: 16px 0;
}
@media screen and (max-width: 900px) {
footer#gft > .two {
padding: 16px 20px;
}
footer#gft > .ft_area > .wrap {
padding-bottom: 10px;
}
}
footer#gft .gr_sns {
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto -16px;
}
footer#gft .sns_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 16px 16px;
}
footer#gft .sns_inner .sns_icon {
width: 51px;
}
@media screen and (max-width: 900px) {
footer#gft .sns_inner .sns_icon {
width: 35px;
}
}
footer#gft .sns_inner .balloon1 {
position: relative;
margin: 4px 0 4px 16px;
padding: 7px 7px 7px 14px;
min-width: 190px;
max-width: 100%;
color: #3264c8;
font-size: 1.4rem;
background: #FFF;
border: solid 2px #b3b3b3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 12px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 900px) {
footer#gft .sns_inner .balloon1 {
margin: 4px 0 4px 12px;
padding: 7px 7px 7px 10px;
min-width: 170px;
}
}
@media screen and (min-width: 769px) {
footer#gft .sns_inner .balloon1:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-top: -4px;
}
}
footer#gft .sns_inner .balloon1:before {
content: "";
position: absolute;
top: 50%;
left: -15px;
margin-top: -8px;
border: 8px solid transparent;
border-right: 8px solid #FFF;
z-index: 2;
}
footer#gft .sns_inner .balloon1:after {
content: "";
position: absolute;
top: 50%;
left: -20px;
margin-top: -10px;
border: 10px solid transparent;
border-right: 10px solid #b3b3b3;
z-index: 1;
}
footer#gft .sns_inner .balloon1 p {
margin: 0;
padding: 0;
}
footer#gft .sns_inner .balloon1 a {
color: #3264c8;
}
footer#gft .seach_area {
margin: 0 auto 40px;
}
footer#gft .btn_seach {
border: none;
font-size: 2.3rem;
letter-spacing: 0.025em;
line-height: 1;
padding: 16px;
border-radius: 32px;
width: 90%;
max-width: 480px;
margin: 16px auto;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
background-color: #f7931e;
color: #fff;
}
@media screen and (max-width: 900px) {
footer#gft .btn_seach {
font-size: 4.5vw;
}
}
footer#gft .btn_seach:after {
content: "";
display: inline-block;
width: 28px; height: 28px; background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/btn_icn_seach.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media screen and (max-width: 900px) {
footer#gft .btn_seach:after {
width: 25px;
height: 25px;
right: 13px;
}
}
footer#gft .btn_seach:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #3264c8;
}
footer#gft .btn_seach:hover:after {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
footer#gft .top-thunks {
height: 368px;
position: relative;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/top_thunks.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 900px) {
footer#gft .top-thunks {
margin-top: -20px;
}
}
footer#gft .top-thunks p {
position: relative;
top: 20px;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-style: italic;
font-size: 36px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 4px;
text-shadow: 0px 0px 8px black;
color: white;
}
@media screen and (max-width: 900px) {
footer#gft .top-thunks p {
font-size: 1.5rem;
}
}
footer#gft .top-thunks img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
footer#gft #map_canvas {
height: 480px !important;
background-color: #000;
}
@media screen and (max-width: 900px) {
footer#gft .ft_contact_ol {
padding: 0 15px;
}
}
footer#gft .ft_contact_ol .footer-contact {
border: 2px solid white;
padding: 10px 0 40px;
}
footer#gft .ft_contact_ol .footer-contact > .tit {
text-align: center;
font-size: 20px;
font-weight: 500;
margin: 20px 0 30px;
padding: 0 20px;
}
footer#gft .ft_contact_ol .footer-contact .row {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
footer#gft .ft_contact_ol .footer-contact .row a {
display: inline-block;
}
@media screen and (min-width: 1200px) {
footer#gft .ft_contact_ol .footer-contact .row .left a::after,
footer#gft .ft_contact_ol .footer-contact .row .right a::after {
display: none !important;
}
footer#gft .ft_contact_ol .footer-contact .row .left {
padding-left: 180px;
}
footer#gft .ft_contact_ol .footer-contact .row .right {
padding-right: 180px;
}
}
@media screen and (max-width: 1200px) {
footer#gft .ft_contact_ol .footer-contact .row .left,
footer#gft .ft_contact_ol .footer-contact .row .right {
max-width: 500px;
margin: 0 auto;
padding: 0 20px;
}
footer#gft .ft_contact_ol .footer-contact .row .left {
margin-bottom: 20px;
}
}
footer#gft .ft_menu_ol {
margin-top: 30px;
}
@media screen and (min-width: 1188px) {
footer#gft .ft_menu_ol {
padding: 10px 120px 10px;
}
}
@media screen and (max-width: 990px) {
footer#gft .ft_menu_ol .col-lg-3 {
text-align: center;
}
}
footer#gft .ft_menu_ol a {
display: block;
color: #fff;
line-height: 1.6em;
}
@media screen and (max-width: 900px) {
footer#gft .ft_menu_ol a:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 900px) {
footer#gft .ft_menu_ol a:after {
content: "";
position: absolute;
display: inline-block;
left: 0;
right: 0;
bottom: 10px;
border-bottom: 2px solid #fff;
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
footer#gft .ft_menu_ol a:hover:after {
-webkit-transform: scale(0.25, 1);
-ms-transform: scale(0.25, 1);
transform: scale(0.25, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
}
footer#gft .ft_menu_ol h2 {
font-size: 16px;
text-align: center;
border: 2px solid #fff;
padding: 8px 24px;
margin: 16px 0;
display: inline-block;
}
footer#gft .ft_menu_ol ul {
position: relative;
list-style-type: none;
margin: 6px 0 0 0;
}
footer#gft .ft_menu_ol ul li {
position: relative;
line-height: 1em;
font-size: 14px;
padding-bottom: 16px;
}
footer#gft .site_info {
text-align: center;
padding-top: 16px;
}
footer#gft .site_info .ft_logo {
margin: 0 auto 0;
}
footer#gft .site_info .ft_logo a {
color: #3264c8;
display: block;
}
footer#gft .site_info .ft_logo img {
margin: 0 auto 0;
}
footer#gft .site_info .ul_date {
color: #3264c8;
font-weight: 400;
font-size: 1.6rem;
line-height: 2;
margin: 0.8em auto 1.6em;
}
@media screen and (max-width: 900px) {
footer#gft .site_info .ul_date {
font-size: 1.2rem;
}
footer#gft .ft_menu_ol {
margin-top: -15px;
}
}
footer#gft .site_info .ul_date > li {
padding: 0.2em 0;
}
footer#gft .site_info .ul_date > li.tel {
font-weight: 700;
font-size: 2.2rem;
}
footer#gft .copyright {
margin: 8px auto;
text-align: center;
font-size: 1.5rem;
color: #3264c8;
}
footer#gft .copyright a {
color: #3264c8;
}
footer#gft .copyright a:hover {
color: #F98200;
}
@media screen and (max-width: 900px) {
.sp-foot {
position: fixed;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 72px;
z-index: 100000;
}
.sp-foot .sp-foot-child {
width: 50%;
color: #fff;
text-align: center;
}
.sp-foot .sp-foot-child a {
color: #fff;
font-size: 20px;
font-weight: bold;
position: relative;
padding: 20px 0 20px 40px;
display: inline-block;
}
.sp-foot .sp-foot-child a img {
position: absolute;
width: 30px;
height: auto;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sp-foot .foot-tel {
background: #62ba2a;
}
.sp-foot .foot-mail {
background: #1378BC;
}
}
#page-top {
position: fixed;
display: block;
bottom: -100px;
right: 0;
margin-right: 24px;
z-index: 999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media screen and (max-width: 1280px) {
#page-top {
margin-right: 16px;
}
}
@media screen and (max-width: 900px) {
#page-top {
display: none;
}
}
#page-top.is-show {
bottom: 30px;
}
#page-top .icon-pagetop {
position: relative;
background-color: #32b3c7;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/images/icon/icon_totop.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
}
#page-top .icon-pagetop a {
display: block;
width: 100%;
height: 100%;
}
#page-top .icon-pagetop:hover {
background-color: #ef710a;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
body.home .main-wrap #container #taulabo_front {
display: block !important;
position: relative;
}  .sec_share,
main { padding-top: 150px;
}
main.main_home {
padding-top: 223px;
}
@media screen and (max-width: 1500px) {
.sec_share,
main,
main.main_home {
overflow: hidden;
}
}
@media screen and (max-width: 900px) {
.sec_share,
main {
padding-top: 65px;
}
}
@media screen and (min-width: 1050px) and (max-width: 1387px)  {
main.main_home {
padding-top: 280px;
}
}
@media screen and (min-width: 900px) and (max-width: 1050px)  {
main.main_home {
padding-top: 308px;
}
.sec_share, main {
padding-top: 170px;
}
}
@media screen and (max-width: 900px) {
.sec_share.main_home,
main.main_home {
padding-top: 0;
}
}
.sec_share #breadcrumb,
main #breadcrumb {
width: 100%;
}
@media screen and (max-width: 900px) {
.sec_share #breadcrumb,
main #breadcrumb { display: flex;
width: 95%;
margin: 25px auto 0;
}
}
.sec_share #breadcrumb ul,
main #breadcrumb ul {
max-width: 1080px;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
zoom: 1;
}
.sec_share #breadcrumb ul li,
main #breadcrumb ul li {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.5em;
color: #222222;
position: relative;
}
.sec_share #breadcrumb ul li a,
main #breadcrumb ul li a {
display: inline-block;
padding: 12px 20px 12px 0;
color: #0086a5;
}
.sec_share #breadcrumb ul li a:hover,
main #breadcrumb ul li a:hover {
color: #222222;
}
.sec_share #breadcrumb ul li.bc_home,
main #breadcrumb ul li.bc_home {
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/pan_icn_home.svg) no-repeat;
background-size: 14px 18px;
background-position: left center;
margin: 0 8px 0 4px;
}
.sec_share #breadcrumb ul li.bc_home a,
main #breadcrumb ul li.bc_home a {
padding-left: 20px;
}
.sec_share #breadcrumb ul li.bc_home:before,
main #breadcrumb ul li.bc_home:before {
content: "";
margin: 0px;
}
.sec_share #breadcrumb ul li.bc_current,
main #breadcrumb ul li.bc_current {
margin: 0 8px;
}
.sec_share #breadcrumb ul li:not(:last-child)::before,
main #breadcrumb ul li:not(:last-child)::before {
content: "";
display: block;
width: 6px;
height: 6px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 0px;
}
.sec_share .main_tit_common3,
main .main_tit_common3 {
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_sky_top.jpg) center 0 repeat-x #fff;
position: relative;
padding-top: 120px;
margin-bottom: 40px;
z-index: 1;
}
.sec_share .main_tit_common3 .wrap,
main .main_tit_common3 .wrap {
position: relative;
}
.sec_share .main_tit_common3 .title,
main .main_tit_common3 .title {
position: relative;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-size: 3.6rem;
padding: 0 18px;
font-weight: bold;
z-index: 10;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common3 .title,
main .main_tit_common3 .title {
font-size: 18px;
}
.sec_share #breadcrumb ul li a,
main #breadcrumb ul li a {
padding: 12px 10px 12px 0;
}
.sec_share #breadcrumb ul li.bc_current,
main #breadcrumb ul li.bc_current {
margin: 0 5px;
}
}
.sec_share .main_tit_common3 .title:before,
main .main_tit_common3 .title:before {
content: "";
position: relative;
top: 4px;
font-size: 40px;
font-weight: normal;
margin-right: 16px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/ttl_bdr_l.png) no-repeat;
background-position: left center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common3 .title:before,
main .main_tit_common3 .title:before {
font-size: 30px;
}
}
.sec_share .main_tit_common3 .title:after,
main .main_tit_common3 .title:after {
content: "";
position: relative;
top: 4px;
font-weight: normal;
font-size: 40px;
margin-left: 16px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/ttl_bdr_r.png) no-repeat;
background-position: right center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common3 .title:after,
main .main_tit_common3 .title:after {
font-size: 30px;
}
}
.sec_share .main_tit_common3 + section,
main .main_tit_common3 + section {
z-index: 10;
position: relative;
}
.sec_share .main_tit_common2,
main .main_tit_common2 {
background: #fff;
position: relative;
border-top: 1px solid #e5e5e5;
}
.sec_share .main_tit_common2::after,
main .main_tit_common2::after {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #e5e5e5;
}
.sec_share .main_tit_common2 .wrap,
main .main_tit_common2 .wrap {
position: relative;
min-height: 180px;
}
.sec_share .main_tit_common2 .heading,
main .main_tit_common2 .heading {
text-align: center;
padding: 28px 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
z-index: 500;
}
.sec_share .main_tit_common2 .heading::after,
main .main_tit_common2 .heading::after {
position: absolute;
width: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #32b3c7;
}
.sec_share .main_tit_common2 .heading .eng,
main .main_tit_common2 .heading .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common2 .heading .eng,
main .main_tit_common2 .heading .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.sec_share .main_tit_common2 .heading > .title,
main .main_tit_common2 .heading > .title {
font-size: 2.6rem;
letter-spacing: 0.1em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #32b3c7;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common2 .heading > .title,
main .main_tit_common2 .heading > .title {
font-size: 1.8rem;
}
}
.sec_share .main_tit_common2 .is-show:after,
main .main_tit_common2 .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common2 .is-show:after,
main .main_tit_common2 .is-show:after {
width: 30%;
}
}
.sec_share .main_tit_common2 #breadcrumb,
main .main_tit_common2 #breadcrumb {
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.sec_share .main_tit_common2 #breadcrumb ul,
main .main_tit_common2 #breadcrumb ul {
max-width: 1170px;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
zoom: 1;
}
.sec_share .main_tit_common2 #breadcrumb ul li,
main .main_tit_common2 #breadcrumb ul li {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.5em;
color: #222222;
position: relative;
}
.sec_share .main_tit_common2 #breadcrumb ul li a,
main .main_tit_common2 #breadcrumb ul li a {
display: inline-block;
padding: 12px 20px 12px 0;
color: #0086a5;
}
.sec_share .main_tit_common2 #breadcrumb ul li a:hover,
main .main_tit_common2 #breadcrumb ul li a:hover {
color: #222222;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_home,
main .main_tit_common2 #breadcrumb ul li.bc_home {
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_pan_logo.svg) no-repeat;
background-size: 28px 22px;
background-position: left center;
margin: 0 8px 0 4px;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_home a,
main .main_tit_common2 #breadcrumb ul li.bc_home a {
padding-left: 34px;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_home:before,
main .main_tit_common2 #breadcrumb ul li.bc_home:before {
content: "";
margin: 0px;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_current,
main .main_tit_common2 #breadcrumb ul li.bc_current {
margin: 0 8px;
}
.sec_share .main_tit_common2 #breadcrumb ul li:not(:last-child)::before,
main .main_tit_common2 #breadcrumb ul li:not(:last-child)::before {
content: "";
display: block;
width: 6px;
height: 6px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 0px;
}
@media screen and (max-width: 900px) {
.sec_share .sec .wrap,
main .sec .wrap {
padding: 10px 15px 40px;
}
}
.sec_share .tit_uline,
main .tit_uline {
font-size: 2.8rem;
margin: 0 auto 32px;
padding: 16px 0;
position: relative;
border-bottom: 3px solid #e5e5e5;
color: #32b3c7;
}
@media screen and (max-width: 900px) {
.sec_share .tit_uline,
main .tit_uline {
font-size: 2rem;
padding: 12px 0;
margin-bottom: 24px;
}
}
.sec_share .tit_uline::after,
main .tit_uline::after {
position: absolute;
width: 0;
bottom: -3px;
left: 0%;
content: "";
height: 3px;
background: #32b3c7;
}
.sec_share .is-show:after,
main .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .is-show:after,
main .is-show:after {
width: 30%;
}
}
.sec_share .tit_sec01,
main .tit_sec01 {
text-align: center;
padding: 28px 0;
position: relative;
margin-bottom: 16px;
}
.sec_share .tit_sec01:after,
main .tit_sec01:after {
position: absolute;
width: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #32b3c7;
}
.sec_share .tit_sec01.is-show:after,
main .tit_sec01.is-show:after {
width: 250px;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec01.is-show:after,
main .tit_sec01.is-show:after {
width: 30%;
}
}
.sec_share .tit_sec01 .eng,
main .tit_sec01 .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec01 .eng,
main .tit_sec01 .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.sec_share .tit_sec01 > .tit,
main .tit_sec01 > .tit {
font-size: 2.2rem;
letter-spacing: 0.05em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #32b3c7;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec01 > .tit,
main .tit_sec01 > .tit {
font-size: 1.8rem;
}
}
.sec_share .tit_sec02,
main .tit_sec02 {
text-align: center;
padding: 28px 0;
position: relative;
margin-bottom: 16px;
border-bottom: 4px solid #e5e5e5;
}
.sec_share .tit_sec02::after,
main .tit_sec02::after {
position: absolute;
width: 0;
bottom: -4px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #32b3c7;
z-index: 500;
}
.sec_share .tit_sec02 .eng,
main .tit_sec02 .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec02 .eng,
main .tit_sec02 .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.sec_share .tit_sec02 > .tit,
main .tit_sec02 > .tit {
font-size: 2.6rem;
letter-spacing: 0.05em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #32b3c7;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec02 > .tit,
main .tit_sec02 > .tit {
font-size: 1.8rem;
}
}
.sec_share .is-show:after,
main .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .is-show:after,
main .is-show:after {
width: 30%;
}
}
.sec_share .tit_blk01,
main .tit_blk01 {
font-size: 2.8rem;
font-weight: 200;
line-height: 1;
padding: 20px 0;
margin: 0 auto 40px;
position: relative;
border-bottom: 3px solid #e5e5e5;
color: #32b3c7;
text-align: center;
}
@media screen and (max-width: 900px) {
.sec_share .tit_blk01,
main .tit_blk01 {
font-size: 2rem;
padding: 12px 0;
margin-bottom: 24px;
}
}
.sec_share .tit_blk01::after,
main .tit_blk01::after {
position: absolute;
width: 0;
bottom: -3px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 3px;
background: #32b3c7;
}
.sec_share .is-show:after,
main .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .is-show:after,
main .is-show:after {
width: 30%;
}
}
main .sec_under-construction {
max-width: 910px;
margin: 0 auto;
padding: 80px 20px 250px;
}
main .sec_under-construction .wrap {
padding: 80px 100px;
text-align: center;
border: 4px solid #1378BC;
}
@media screen and (max-width: 900px) {
main .sec_under-construction .wrap {
padding: 60px 20px;
}
}
main .sec_under-construction .wrap p {
font-size: 1.6rem;
line-height: 2.3;
color: #59281d;
}
main .sec_soon1 .txt_line {
padding: 40px 0;
}
main .sec_soon1 .txt_line p.soon {
font-size: 1.9rem;
line-height: 2;
letter-spacing: 0.025em;
text-align: center;
}
@media screen and (max-width: 900px) {
main .sec_soon1 .txt_line p.soon {
font-size: 2.2rem;
line-height: 1.4;
}
}
main .bg_stripe {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/stripe/bg_str_blu.jpg) repeat;
}
main .bg_stripe2 {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/stripe2.jpg) repeat;
}
main .bg_stripe_lg {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/stripe_lg.png) repeat;
}
main .tit_charm {
position: relative;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-size: 22px;
color: #1378BC;
padding: 0 18px;
font-weight: bold;
}
@media screen and (max-width: 900px) {
main .tit_charm {
font-size: 18px;
}
}
main .tit_charm:before {
content: "";
position: relative;
top: 4px;
font-size: 40px;
font-weight: normal;
margin-right: 16px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/ttl_bdr_l.png) no-repeat;
background-position: left center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
main .tit_charm:before {
font-size: 30px;
}
}
main .tit_charm:after {
content: "";
position: relative;
top: 4px;
font-weight: normal;
font-size: 40px;
margin-left: 16px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/ttl_bdr_r.png) no-repeat;
background-position: right center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
main .tit_charm:after {
font-size: 30px;
}
}
main .tit_charm-less {
text-align: center;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 30px;
color: #37b44a;
padding: 0 18px;
font-weight: bold;
}
main .tit_charm-less:before {
content: "[";
font-weight: normal;
font-size: 40px;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
margin-right: 16px;
}
main .tit_charm-less:after {
content: "]";
font-weight: normal;
font-size: 40px;
margin-left: 16px;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
} .search-results footer#gft .seach_area, .search-results #hover-contact.is-show {
display: none;
}
.search_box .keyword_btn {
background-color: #f7931e;
color: #fff;
}
.search_box .keyword_btn:hover {
background-color: #3264c8;
}
.search_box .keyword_btn:after {
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
}
.searchlist .wrap {
font-size: 1.8rem;
}
.searchlist .wrap .blk_count {
font-size: 1.9rem;
line-height: 1.8;
letter-spacing: 0.025em;
text-align: center;
padding: 16px 0;
}
.searchlist .wrap .shop_list {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .shop_list {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.searchlist .wrap .search_shop {
width: 49%;
border: 2px solid #9ad2e8;
border-radius: 24px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 24px;
position: relative;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop {
width: 95%;
max-width: 600px;
}
}
.searchlist .wrap .search_shop.show {
display: none;
}
.searchlist .wrap .search_shop > a {
padding: 24px 24px 80px;
display: inline-block;
width: 100%;
height: 100%;
color: #1a1a1a;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
@media screen and (min-width: 900px) {
.searchlist .wrap .search_shop > a {
padding-bottom: 45px;
}
}
.searchlist .wrap .search_shop > a > .tit {
text-align: center;
font-size: 2.9rem;
letter-spacing: 0.025em;
color: #3264c8;
margin-bottom: 16px;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop > a > .tit {
font-size: 1.9rem;
}
}
.searchlist .wrap .search_shop .lo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .lo {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.searchlist .wrap .search_shop .lo .tmb {
min-width: 220px;
margin-right: 24px;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .lo .tmb {
max-width: 290px;
margin: 0 0 10px 0;
width: 100%;
min-width: 100%;
text-align: center;
}
}
.searchlist .wrap .search_shop .lo .txt {
width: 100%;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .lo .txt {
width: 100%;
}
}
.searchlist .wrap .search_shop .lo .txt .ul_date > li {
border-bottom: 1px dotted #1a1a1a;
}
.searchlist .wrap .search_shop .lo .txt .ul_date > li dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .lo .txt .ul_date > li dl {
font-size: 1.4rem;
}
}
.searchlist .wrap .search_shop .lo .txt .ul_date > li dl dt, .searchlist .wrap .search_shop .lo .txt .ul_date > li dl dd {
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.searchlist .wrap .search_shop .lo .txt .ul_date > li dl dt {
color: #777777;
width: 8em;
}
.searchlist .wrap .search_shop .lo .txt .ul_date > li dl dd {
width: 100%;
}
.searchlist .wrap .search_shop .blk_srv .ul_service {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -24px;
margin: 24px 0 12px -12px;
}
.searchlist .wrap .search_shop .blk_srv .ul_service > li {
margin-left: 12px;
margin-bottom: 12px;
font-size: 1.5rem;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .blk_srv .ul_service > li {
font-size: 1.3rem;
}
}
.searchlist .wrap .search_shop .blk_srv .ul_service > li span {
border-radius: 40px;
display: inline-block;
padding: 0.2em 0.8em;
background: #fff297;
color: #60463a;
border: 1px solid #ddbc54;  white-space: nowrap;
}
.searchlist .wrap .search_shop .date_copy .tit {
font-size: 1.8rem;
letter-spacing: 0.025em;
line-height: 1.6;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .date_copy .tit {
font-size: 1.4rem;
}
}
.searchlist .wrap .search_shop .btn_area {
position: relative;
width: 240px;
bottom: 120px;
left: 24px;
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 103px;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .btn_area {
bottom: 95px;
left: 0;
height: 83px;
}
}
.searchlist .wrap .search_shop .btn_det {
display: block;
position: relative;
text-align: center;
padding: 14px;
border-radius: 24px;
width: 240px;
margin: 0 auto;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
line-height: 1;
font-size: 1.6rem;
letter-spacing: 0.025em;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
background-color: #E5E5E5;
color: #2B2B2B;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .btn_det {
width: 200px;
padding: 10px 12px;
}
}
.searchlist .wrap .search_shop .btn_det:after {
content: "";
display: inline-block;
width: 11px; height: 13px; background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_main.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.searchlist .wrap .search_shop .btn_det:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
.searchlist .wrap .search_shop .btn_det:hover:after {
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
.searchlist .wrap .search_shop .btn_index {
margin-top: 15px;
}
@media screen and (max-width: 900px) {
.searchlist .wrap .search_shop .btn_index {
margin-top: 10px;
}
}
.search_box .wrap {
width: 800px;
padding: 50px 70px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 24px;
border: 2px solid #ede4ab;
background: #fffbde;
}
@media screen and (max-width: 900px) {
.search_box .wrap {
width: 100%;
}
}
.blk_search_type {
margin: 0 auto 40px;
text-align: center;
}
@media screen and (max-width: 900px) {
.blk_search_type {
margin-bottom: 25px;
}
}
.blk_search_type:last-child {
margin-bottom: 0;
}
.blk_search_type .tit {
max-width: 100%;
font-size: 2.5rem;
letter-spacing: 0.025em;
line-height: 1.5;
background: #F9E6B7;
color: #52562B;
margin: 0 auto;
padding: 0.3em;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}
@media screen and (max-width: 900px) {
.blk_search_type .tit {
font-size: 1.8rem;
}
}
.blk_search_type .desc {
font-size: 1.9rem;
letter-spacing: 0.025em;
line-height: 1.4;
margin: 20px auto 25px;
text-align: center;
font-weight: 700;
}
@media screen and (max-width: 900px) {
.blk_search_type .desc {
font-size: 1.5rem;
}
}
.blk_search_type .desc img {
width: 20px;
margin: 0 5px 0;
}
.blk_search_type .ul_search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 2.2rem;
text-align: left;
}
@media screen and (max-width: 900px) {
.blk_search_type .ul_search {
font-size: 1.6rem;
}
}
.blk_search_type .ul_search > li {
width: 20%;
margin-bottom: 20px;
font-size: 2rem;
font-weight: 700;
}
@media screen and (max-width: 900px) {
.blk_search_type .ul_search > li {
width: auto;
font-size: 1.6rem;
margin: 0 15px 10px 0;
}
}
.blk_search_type .ul_search > li label input[type=checkbox] {
opacity: 0;
position: absolute;
}
.blk_search_type .ul_search > li label input[type=checkbox] + span {
display: inline-block;
vertical-align: middle;
}
.blk_search_type .ul_search > li label input[type=checkbox] + span:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin: -5px 4px 0 0;
border: solid 2px #BDBDBD;
line-height: 14px;
text-align: center;
border-radius: 3px;
background: #F0F0F0;
}
.blk_search_type .ul_search > li label input[type=checkbox]:checked + span:before {
content: "\2714";
font-size: 1.6rem;
}
.blk_search_type .ul_search_srv > li {
width: auto;
margin-right: 1em;
}
.blk_search_type .keyword_box {
width: 620px;
background: #f0f0f0;
border: 2px solid #bdbdbd;
padding: 10px;
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.9rem;
letter-spacing: 0.025em;
margin: 32px auto 0;
display: inline-block;
}
@media screen and (max-width: 900px) {
.blk_search_type .keyword_box {
width: 100%;
max-width: 420px;
}
}
.btn_area {
text-align: center;
}
.keyword_btn {
border: none;
font-size: 2.3rem;
letter-spacing: 0.025em;
line-height: 1;
padding: 20px;
border-radius: 32px;
width: 480px;
margin: 32px auto;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
background-color: #E5E5E5;
color: #2B2B2B;
}
@media screen and (max-width: 900px) {
.keyword_btn {
width: 100%;
max-width: 420px;
font-size: 1.4rem;
}
}
.keyword_btn:after {
content: "";
display: inline-block;
width: 11px; height: 13px; background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_main.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.keyword_btn:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
.keyword_btn:hover:after {
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
.top_form .keyword_btn:after {
width: 28px;
height: 28px;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/btn_icn_seach.svg);
background-repeat: no-repeat;
background-size: contain;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 900px) {
.top_form .keyword_btn:after {
width: 20px;
height: 20px;
}
}
.top_form .top_form_blue_link {
font-size: 1.9rem;
color: #006F9B;
font-weight: bold;
text-decoration: underline;
display: table;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
.top_form .top_form_blue_link {
font-size: 1.4rem;
}
}
main.main_members .members_bnr {
position: relative;
margin: 15px 0 0;
}
main.main_members .members_bnr img {
position: relative;
display: table;
margin: 0 auto;
}
main.main_members .members_bnr h1 {
position: absolute;
font-size: 3.8rem;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
main.main_members .members_list {
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_line_gray.png) center top repeat;
margin-bottom: 45px;
padding-bottom: 85px;
}
main.main_members .members_list .members_list_dtl {
padding-top: 70px;
}
main.main_members .members_list .members_list_dtl h3 {
background: #494949;
font-size: 2.6rem;
font-family: fot-tsukuardgothic-std;
color: #fff;
padding: 13px 20px 15px;
font-weight: bold;
line-height: 1.5;
}
main.main_members .members_list .members_list_dtl ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 25px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_members .members_list .members_list_dtl ul li {
width: 50%;
background: #f4f4f4;
padding: 25px 30px 40px;
}
main.main_members .members_list .members_list_dtl ul li:nth-child(2n) {
background: #fff;
}
main.main_members .members_list .members_list_dtl ul li:nth-child(4n+3) {
background: #fff;
}
main.main_members .members_list .members_list_dtl ul li:nth-child(4n) {
background: #f4f4f4;
}
main.main_members .members_list .members_list_dtl ul li h4 {
position: relative;
font-size: 2.2rem;
padding-bottom: 25px;
}
main.main_members .members_list .members_list_dtl ul li h4:after {
position: absolute;
content: "";
width: 100px;
height: 4px;
background: #7F7F7F;
bottom: 0;
left: 0;
}
main.main_members .members_list .members_list_dtl ul li .text {
font-size: 1.5rem;
padding-top: 25px;
}
main.main_members .members_list .members_list_dtl ul li .tel {
font-size: 2.4rem;
font-family: fot-tsukuardgothic-std;
color: #494949;
font-weight: bold;
}
main.main_members .members_list .members_list_dtl ul li .tel a {
font-size: 3.3rem;
color: #0094c1;
margin-left: 10px;
}
main.main_members .members_list .members_list_dtl ul li .btn_index {
margin: 15px 0 0;
}
.members_list_tit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 40px 0 0;
}
.members_list_tit li {
width: 48%;
padding-bottom: 20px;
}
.members_list_tit li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
background: #3264c8;
font-size: 2rem;
color: #fff;
padding: 15px 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.3;
border-radius: 50px;
font-weight: 600;
}
.members_list_tit li a .whiteNumber {
width: 40px;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #FFFFFF;
color: #3264C8;
border-radius: 50%;
margin-right: 25px;
}
.members_list_tit li a img {
width: 42px;
margin-left: auto;
}
@media screen and (max-width: 900px) {
main.main_members {
padding-top: 85px;
}
main.main_members .members_bnr img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
main.main_members .members_bnr h1 {
width: 100%;
font-size: 2.5rem;
text-align: center;
}
main.main_members .members_list .members_list_dtl {
width: 95%;
margin: 0 auto;
padding-top: 40px;
}
main.main_members .members_list .members_list_dtl h3 {
font-size: 2.2rem;
padding: 13px 10px 15px;
}
main.main_members .members_list .members_list_dtl ul li {
width: 100%;
padding: 20px;
background: #f4f4f4 !important;
}
main.main_members .members_list .members_list_dtl ul li:nth-child(2n) {
background: #fff !important;
}
main.main_members .members_list .members_list_dtl ul li h4 {
font-size: 2rem;
padding-bottom: 15px;
line-height: 1.5;
}
main.main_members .members_list .members_list_dtl ul li h4:after {
width: 80px;
height: 3px;
}
main.main_members .members_list .members_list_dtl ul li .text {
font-size: 1.4rem;
padding-top: 15px;
}
main.main_members .members_list .members_list_dtl ul li .tel {
font-size: 1.6rem;
}
main.main_members .members_list .members_list_dtl ul li .tel a {
font-size: 2.6rem;
}
main.main_members .members_list .members_list_dtl ul li .btn_index {
margin: 10px 0 0;
}
.members_list_tit {
width: 95%;
margin: 0 auto;
}
.members_list_tit li {
padding-bottom: 10px;
}
.members_list_tit li a {
font-size: 1.7rem;
padding: 10px;
}
.members_list_tit li a .whiteNumber {
width: 23px;
height: 23px;
margin-right: 5px;
-webkit-flex-basis: 23px;
-ms-flex-preferred-size: 23px;
flex-basis: 23px;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.members_list_tit li a img {
width: 25px;
}
}
main.main_cat_contact {
margin-bottom: 60px;
}
main.main_cat_contact .members_bnr {
position: relative;
margin: 15px 0 0;
}
main.main_cat_contact .members_bnr img {
position: relative;
display: table;
margin: 0 auto;
}
main.main_cat_contact .members_bnr h1 {
position: absolute;
font-size: 3.8rem;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
main.main_cat_contact .sec_contact1 .wrap {
padding: 40px 0 0;
margin-bottom: 0;
}
main.main_cat_contact .sec_contact1 .blk_contact1 {
padding: 24px 0;
text-align: center;
width: 786px;
margin: 0 auto;
border: 2px solid #d5cdcd;
}
main.main_cat_contact .sec_contact1 .blk_contact1 p {
font-size: 1.8rem;
line-height: 1.8;
}
main.main_cat_contact .sec_contact1 .blk_contact1 p b {
font-size: 2.4rem;
font-weight: normal;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 {
display: inline-block;
padding: 16px 16px;
color: #32b3c7;
color: #333;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel {
display: inline-block;
position: relative;
font-weight: 600;
font-style: normal;
font-size: 5.2rem;
font-family: fot-tsukuardgothic-std;
line-height: 1;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel:before {
content: "";
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/contact/icn_tel.svg);
background-size: contain;
width: 46px;
height: 46px;
display: inline-block;
vertical-align: middle;
margin-right: 0.2em;
margin-bottom: 0.1em;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02:hover {
text-decoration: none;
color: #ef710a;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02:hover span.p_tel {
text-decoration: none;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box {
width: 538px;
margin: 24px auto;
padding: 16px 32px 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #def4ff;
border-radius: 12px;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt {
text-align: left;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt p {
font-size: 1.6rem;
line-height: 1.6;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt .bnr_area {
margin: 16px 0 12px;
text-align: left;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt .bnr_area a.btn_std1 {
margin: 0;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 {
text-align: center;
margin: 0 auto 16px;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 .tit_err {
font-size: 2rem;
line-height: 1;
color: #d84a5e;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 p {
font-size: 1.8rem;
line-height: 2;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 {
text-align: center;
margin: 0 auto 16px;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 .tit_confirm {
font-size: 2rem;
line-height: 1;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 p {
font-size: 1.8rem;
line-height: 2;
}
@media screen and (max-width: 1050px) {
main.main_cat_contact .sec_contact1 .blk_contact1 {
width: 96%;
}
}
@media screen and (min-width: 800px) {
main.main_cat_contact .sec_contact1 .blk_contact1.is-show {
width: 80%;
}
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel {
font-size: 2em;
line-height: 1.8em;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box {
width: 100%;
max-width: 600px;
padding: 12px;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .lo1 {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .tmb {
text-align: center;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .tmb img {
width: 80px;
}
}
@media screen and (max-width: 900px) {
main.main_cat_contact {
padding-top: 85px;
}
main.main_cat_contact .members_bnr img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
main.main_cat_contact .members_bnr h1 {
width: 100%;
font-size: 2.5rem;
width: 100%;
}
main.main_cat_contact .sec_contact1 .blk_contact1 {
padding: 15px;
}
main.main_cat_contact .sec_contact1 .blk_contact1 p {
font-size: 1.3rem;
}
main.main_cat_contact .sec_contact1 .blk_contact1 p b {
font-size: 1.8rem;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 {
padding: 15px 0;
}
main.main_cat_contact .sec_contact2 .intro p {
font-size: 1.4rem;
}
main.main_cat_contact .sec_contact2 .blk_complete .txt_line p {
font-size: 1.4rem;
}
main.main_cat_contact .sec_contact2 .blk_complete .tit_complete {
font-size: 1.6rem;
}
main.main_cat_contact .sec_contact2 .contact-waku {
padding-bottom: 0;
}
main.main_cat_contact #contact_box {
margin: 0 auto;
padding-bottom: 0;
} main.main_cat_contact #contact_box input[type="tel"] {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box input[type="text"] {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box input[type="email"] {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box input[type="number"] {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box input[type="url"] {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box input[type="password"] {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box input[type="date"] {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box textarea {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box .radio {
font-size: 1.4rem;
padding: 0;
}
main.main_cat_contact #contact_box #mw-wp-form-captcha {
font-size: 1.4rem;
}
main.main_cat_contact #contact_box .contact_bottom li {
font-size: 1.4rem;
padding: 0;
}
main.main_cat_contact #contact_box th {
font-size: 1.4rem;
margin-bottom: 5px;
}
main.main_cat_contact #contact_box td {
font-size: 1.4rem;
margin-bottom: 15px;
}
#contact_box div.contact_bottom div.item input[type="submit"] {
margin: 25px auto;
}
}
main.main_aboutCleaning .members_bnr {
position: relative;
margin: 15px 0 0;
}
main.main_aboutCleaning .members_bnr img {
position: relative;
display: table;
margin: 0 auto;
}
main.main_aboutCleaning .members_bnr h1 {
position: absolute;
font-size: 3.8rem;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_aboutCleaning {
padding-top: 85px;
}
main.main_aboutCleaning .members_bnr img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
main.main_aboutCleaning .members_bnr h1 {
width: 100%;
font-size: 2.5rem;
width: 100%;
}
} main.main_search {
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/key_bg1.png) center bottom -190px repeat-x;
padding-bottom: 150px;
}
main.main_search .searchIn {
position: relative;
}
main.main_search .noResult {
position: absolute;
bottom: 25px;
color: #870000;
width: 85%;
text-align: center;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
main.main_search .search_box {
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/index/cleaning_bg1.png) center top 130px no-repeat;
background-size: 1800px 614px;
}
main.main_search .search_box .wrap {
position: relative;
}
main.main_search .search_box .wrap:before {
position: absolute;
content: "";
width: 134px;
height: 168px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/search/search_bg1.png) no-repeat;
background-size: 100%;
top: 200px;
left: -170px;
}
main.main_search .search_box .wrap:after {
position: absolute;
content: "";
width: 134px;
height: 168px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/search/search_bg2.png) no-repeat;
background-size: 100%;
bottom: 255px;
right: -165px;
}
main.main_search .searchlist {
margin-top: 30px;
}
main.main_search .btn_area {
z-index: 10;
padding: 1px 50px;
margin: -10px auto;
}
@media screen and (max-width: 900px) {
main.main_search {
padding-bottom: 90px;
}
main.main_search .noResult {
font-size: 1.3rem;
bottom: 10px;
}
main.main_search .search_box .wrap {
position: relative;
width: 95%;
padding: 20px;
}
main.main_search .btn_area {
padding: 0;
margin: 0 auto;
}
main.main_search .btn_area .keyword_btn {
width: 100%;
max-width: 420px;
font-size: 1.3rem;
}
.search footer#gft .ft_menu_ol {
margin-top: -35px;
}
} main.main_shop {
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/key_bg1.png) center bottom -190px repeat-x;
padding-bottom: 150px;
}
main.main_shop .shop_date {
margin-bottom: 100px;
}
@media screen and (max-width: 900px) {
main.main_shop.mainshop_single {
padding-top: 90px;
padding-bottom: 90px;
}
main.main_shop .shop_date {
margin-bottom: 20px;
}
} main.main_aboutCleaning #home_cleaning {
min-height: 620px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/index/cleaning_bg1.png) center bottom no-repeat;
background-size: 1800px 614px;
position: relative;
margin: 50px 0 100px;
}
@media screen and (max-width: 900px) {
main.main_aboutCleaning #home_cleaning {
min-height: 100%;
margin-bottom: 0;
background: none;
}
}
main.main_aboutCleaning #home_cleaning.mb0 {
margin-bottom: 0;
}
@media screen and (max-width: 900px) {
main.main_aboutCleaning #home_cleaning.mb0 {
margin: 0;
}
}
main.main_aboutCleaning #home_cleaning .ul_cleaning {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li {
position: relative;
width: 47%;
max-width: 472px;
margin-top: 20px;
overflow: hidden;
border: 2px solid #aee0e5;
background-color: #fff;
}
@media screen and (max-width: 900px) {
main.main_aboutCleaning #home_cleaning .ul_cleaning li {
width: 100%;
}
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li:after {
position: absolute;
content: "";
width: 24px;
height: 24px;
background: -webkit-gradient(linear, left top, right bottom, from(#aee0e5), color-stop(50%, #aee0e5), color-stop(50%, #f0f0f0), to(#f0f0f0));
background: -webkit-linear-gradient(left top, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
background: -o-linear-gradient(left top, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
background: linear-gradient(to right bottom, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
bottom: 0;
right: 0;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li .cleanText {
padding: 10px 20px 20px;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li figure {
background: #fff;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li figure img {
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
opacity: 1;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li .cleanText .tit {
font-size: 21px;
font-weight: bold;
color: #036eb8;
line-height: 1.5;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li a:hover .cleanText .tit {
color: #f7931e;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li a:hover figure img {
opacity: 0.6;
}
main.main_aboutCleaning #home_cleaning .ul_cleaning li .cleanText .desc {
font-size: 16px;
line-height: 1.7;
color: #0f0f0f;
padding-top: 10px;
}
main.main_aboutCleaning .cleaningIn {
width: 95%;
margin: 0 auto;
padding: 30px 0;
}
main.main_aboutCleaning .cleaningIn .cleaningList {
width: 100%;
max-width: 880px;
margin: 0 auto;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl {
margin-bottom: 30px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #32B4C8;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 7px 30px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 48px;
height: 48px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/cleaning_icn_link.svg) center center/contain no-repeat;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt img {
width: 65px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt h4 {
padding-left: 10px;
font-family: fot-tsukuardgothic-std;
font-size: 2.8rem;
font-weight: bold;
color: #fff;
line-height: 1.5;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dd {
padding: 15px 40px;
border: 3px solid #32B4C8;
border-top: none;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dd p {
font-size: 1.7rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dd .btn_index {
margin: 15px 0 5px;
}
@media screen and (max-width: 900px) {
main.main_aboutCleaning {
padding-top: 85px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt {
padding: 10px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt img {
width: 45px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt h4 {
font-size: 1.8rem;
padding: 0 35px 0 5px;
line-height: 1.5;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dt:after {
width: 30px;
height: 30px;
right: 5px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dd {
padding: 10px;
}
main.main_aboutCleaning .cleaningIn .cleaningList dl dd p {
font-size: 1.4rem;
line-height: 1.6;
}
}  .members_bnr2 h1 {
color: #32B4C8;
}
.members_bnr2 h1 span {
display: block;
text-align: center;
padding-bottom: 10px;
font-size: 2rem;
color: #52586D;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
}
main.main_proCleaning .proCleanIn .firstText {
font-size: 1.6rem;
text-align: center;
line-height: 2.6;
padding: 60px 0 20px;
}
main.main_proCleaning .proCleanIn .claningTypes {
padding: 40px 0 0;
}
main.main_proCleaning .proCleanIn .claningTypes .heading .desc {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
color: #000;
font-weight: normal;
}
main.main_proCleaning .proCleanIn .fiveTips {
position: relative;
width: 100%;
max-width: 915px;
margin: 0 auto;
padding-top: 20px;
}
main.main_proCleaning .proCleanIn .washingTech {
position: relative;
width: 100%;
max-width: 915px;
margin: 0 auto;
}
main.main_proCleaning .proCleanIn .washingTech .heading .desc {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
color: #000;
font-weight: normal;
}
main.main_proCleaning .proCleanIn .washingTech:before {
position: absolute;
content: "";
width: 92px;
height: 213px;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/pro_cleaning/pro_img3.png);
left: 50px;
top: -15px;
}
main.main_proCleaning .proCleanIn .washingTech:after {
position: absolute;
content: "";
width: 92px;
height: 213px;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/pro_cleaning/pro_img4.png);
right: 60px;
top: -50px;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList li {
position: relative;
width: 430px;
padding: 70px 30px 20px;
border: 2px solid #3264C8;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList li:before {
position: absolute;
content: "";
width: 57px;
height: 31px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/pro_cleaning/pro_stars.svg) no-repeat;
background-size: 100% auto;
top: 10px;
right: 20px;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList li:after {
position: absolute;
content: "";
width: 24px;
height: 24px;
background: -webkit-gradient(linear, left top, right bottom, from(#99B2E4), color-stop(50%, #99B2E4), color-stop(50%, #F0F0F0), to(#F0F0F0));
background: -webkit-linear-gradient(left top, #99B2E4 0%, #99B2E4 50%, #F0F0F0 50%, #F0F0F0 100%);
background: -o-linear-gradient(left top, #99B2E4 0%, #99B2E4 50%, #F0F0F0 50%, #F0F0F0 100%);
background: linear-gradient(to right bottom, #99B2E4 0%, #99B2E4 50%, #F0F0F0 50%, #F0F0F0 100%);
bottom: 0;
right: 0;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList li h4 {
font-size: 1.8rem;
color: #3264C8;
font-weight: bold;
text-align: center;
border-bottom: 5px solid #3264C8;
margin-bottom: 15px;
line-height: 1.6;
height: 75px;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList li p {
font-size: 1.5rem;
line-height: 1.8;
}
main.main_proCleaning .proCleanIn .proCleaningImg {
width: 100%;
max-width: 1070px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 50px auto 100px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
main.main_proCleaning .proCleanIn .proCleaningImg li:first-child {
width: 563px;
}
main.main_proCleaning .proCleanIn .proCleaningImg li:nth-child(2) {
width: 400px;
}
.proCleanPinkList li {
position: relative;
width: 100%;
max-width: 590px;
font-size: 3rem;
color: #CC5091;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
margin: 10px auto;
padding-left: 50px;
}
.proCleanPinkList li:before {
position: absolute;
content: "";
width: 37px;
height: 37px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/pro_cleaning/pro_pink_arr.svg) no-repeat;
background-size: 100% auto;
left: 0;
top: 8px;
}
main.main_chooseShop .choShopIn {
padding-top: 60px;
}
main.main_chooseShop .choShopIn .choShopTop .heading .desc {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
color: #000;
font-weight: normal;
}
main.main_chooseShop .choShopIn .members_list_tit {
width: 100%;
max-width: 1030px;
margin: 0 auto;
}
main.main_chooseShop .choShopIn .threeCleaning {
min-height: 620px;
padding-top: 65px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/index/cleaning_bg1.png) center bottom no-repeat;
background-size: 1800px 614px;
}
main.main_chooseShop .choShopIn .threeCleaning .tmb {
width: 95%;
max-width: 1100px;
margin: 24px auto 0px;
text-align: center;
}
main.main_chooseShop .choShopIn .threeCleaning .threeCleaningList {
width: 95%;
max-width: 720px;
margin: 0 auto;
padding-top: 10px;
}
main.main_chooseShop .choShopIn .threeCleaning .threeCleaningList li {
position: relative;
padding: 35px 30px;
margin-top: 75px;
font-size: 1.5rem;
border: 2px solid #3264C8;
border-radius: 20px;
background: #fff;
}
main.main_chooseShop .choShopIn .threeCleaning .threeCleaningList li:before {
position: absolute;
content: "";
width: 75px;
height: 106px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/choose-shop/book_icon.svg) no-repeat;
background-size: 100% auto;
right: -55px;
bottom: -10px;
}
main.main_chooseShop .choShopIn .threeCleaning .threeCleaningList li h4 {
position: absolute;
width: 305px;
text-align: center;
padding: 10px 0 13px;
border-radius: 50px;
background: #3264C8;
color: #fff;
font-size: 2.2rem;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
top: -35px;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
line-height: 1.5;
}
main.main_chooseShop .choShopIn .chooseCleaning {
padding-top: 80px;
}
main.main_chooseShop .choShopIn .chooseCleaning .tmb {
width: 95%;
max-width: 1100px;
margin: 24px auto 0px;
text-align: center;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 95%;
max-width: 710px;
margin: 25px auto 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li {
width: 100%;
margin-top: 30px;
padding: 15px 30px 25px;
background: #FFFBDE;
border: 2px solid #EDE4AB;
border-radius: 20px;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li h4 {
color: #3264C8;
font-size: 2.2rem;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
text-align: center;
line-height: 1.5;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li h4 span {
display: block;
font-size: 1.8rem;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li p {
font-size: 1.5rem;
padding-top: 20px;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li .chooseCleaningImg {
clear: right;
float: right;
width: 220px;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li .chooseCleaningImg + p {
padding: 0;
}
main.main_chooseShop .choShopIn .generalProcess {
min-height: 620px;
padding-top: 65px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/index/cleaning_bg1.png) center no-repeat;
background-size: 1800px 614px;
}
main.main_chooseShop .choShopIn .generalProcess .claningTypesList {
width: 95%;
max-width: 915px;
margin: 30px auto;
}
main.main_chooseShop .choShopIn .generalProcess .claningTypesList li {
width: 430px;
background: #fff;
margin-top: 50px;
}
main.main_chooseShop .choShopIn .pointsOfUse {
padding-top: 80px;
}
main.main_chooseShop .choShopIn .pointsOfUse .tmb {
width: 95%;
max-width: 1100px;
margin: 24px auto 0px;
text-align: center;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 95%;
max-width: 1090px;
margin: 40px auto 80px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog {
margin-top: 45px;
padding: 25px 47px 45px;
border: 1px solid #52586D;
border-radius: 30px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog h4 {
text-align: center;
font-size: 2.7rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
line-height: 1.5;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog .proCleanPinkList {
margin-top: 30px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog .proCleanPinkList li {
font-size: 2.1rem;
margin: 5px auto;
padding-left: 30px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog .proCleanPinkList li:before {
width: 25px;
height: 25px;
top: 6px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .mtRight {
margin-right: 60px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseImg {
width: 235px;
margin-top: 35px;
}
main.main_chooseShop .choShopIn .accidentOfUse {
padding-top: 80px;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 95%;
max-width: 1090px;
margin: 40px auto 80px;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .lead {
margin: 0 auto;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .lead .cap {
width: 510px;
font-size: 1.6rem;
letter-spacing: 0.024em;
line-height: 1.8;
position: relative;
padding: 16px 8px 16px 56px;
margin-right: -44px;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .lead .cap:before {
position: absolute;
content: "";
width: 99px;
height: 102px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/choose-shop/accident_icn1.svg) no-repeat;
background-size: 100% auto;
left: -48px;
bottom: 0px;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .compensation {
margin: 24px auto;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .compensation .tit {
font-size: 2.4rem;
font-weight: bold;
background: #c0272d;
width: 350px;
text-align: center;
margin: 20px auto;
padding: 10px 0 13px;
border-radius: 50px;
color: #fff;
line-height: 1.5;
}
.button_hosho {
text-align: center;
font-size: 14px;
padding: 15px;
background-color: #fff;
border: 1px solid;
border-radius: 5px;
}
.hoshowariai{
text-align: center;
margin-top: 20px;
}
main.main_chooseShop .choShopIn .flowOfUse {
padding-top: 80px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn {
width: 95%;
max-width: 1090px;
margin: 40px auto 80px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box {
border: 2px solid #32b3c7;
border-radius: 38px;
padding: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box:before {
position: absolute;
content: "";
width: 115px;
height: 117px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/choose-shop/process_chara.png) no-repeat;
background-size: 100% auto;
right: 48px;
top: -24px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .box_process > .tit {
color: #3264C8;
font-size: 2.8rem;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
text-align: center;
line-height: 1.5;
margin-bottom: 24px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px auto;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep > li {
width: 33%;
padding: 0 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep > li .tmb {
text-align: center;
margin-bottom: 16px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep > li .cap p {
font-size: 1.8rem;
line-height: 1.6;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 164px;
height: 228px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/choose-shop/process_check_tmb.png) center center/contain no-repeat;
position: absolute;
left: 50%;
top: 40px;
z-index: 100;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check > li {
width: 46%;
max-width: 360px;
padding: 0;
margin: 0 32px 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check > li > .tit {
font-size: 2.2rem;
letter-spacing: 0.024em;
line-height: 1.6;
padding: 16px 0;
color: #3264C8;
border-bottom: 3px solid #3264C8;
margin-bottom: 16px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check > li p {
font-size: 1.5rem;
line-height: 1.8;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .process3 .tmb {
margin: 32px auto;
text-align: center;
}
.choShopTitle {
padding: 25px 0;
text-align: center;
background: #FFFFDC;
font-size: 2.8rem;
font-weight: 900;
color: #3264C8;
line-height: 1.5;
}
.claningTypesList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 95%;
max-width: 1390px;
margin: 0 auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.claningTypesList li {
position: relative;
width: 31%;
border: 2px solid #3264C8;
padding: 65px 35px 30px;
}
.claningTypesList li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 53px;
height: 60px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step01.svg) center center/contain no-repeat;
position: absolute;
left: 50%;
top: -16px;
z-index: 100;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.claningTypesList li:nth-child(2):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step02.svg);
}
.claningTypesList li:nth-child(3):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step03.svg);
}
.claningTypesList li:nth-child(4):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step04.svg);
}
.claningTypesList li:nth-child(5):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step05.svg);
}
.claningTypesList li:nth-child(6):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step06.svg);
}
.claningTypesList li:nth-child(7):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step07.svg);
}
.claningTypesList li:nth-child(8):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step08.svg);
}
.claningTypesList li:nth-child(9):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step09.svg);
}
.claningTypesList li:nth-child(10):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step10.svg);
}
.claningTypesList li h4 {
font-size: 2.2rem;
color: #3264C8;
font-weight: bold;
text-align: center;
border-bottom: 5px solid #3264C8;
padding-bottom: 15px;
margin-bottom: 15px;
line-height: 1.5;
}
.claningTypesList li p {
font-size: 1.5rem;
line-height: 1.8;
}
main .hd_std1.heading.heading2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
main .hd_std1.heading.heading2 .tit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 35px auto;
justify-content: center;
}
@media screen and (max-width: 900px) {
.members_bnr2 h1 span {
font-size: 1.6rem;
}
main.main_proCleaning .proCleanIn {
width: 95%;
margin: 0 auto;
}
main.main_proCleaning .proCleanIn .firstText {
font-size: 1.4rem;
line-height: 2;
padding-top: 25px;
}
main.main_proCleaning .proCleanIn .claningTypes {
padding: 25px 0 0;
}
main.main_proCleaning .proCleanIn .claningTypes .heading .desc {
font-size: 1.4rem;
line-height: 1.8;
}
main.main_proCleaning .proCleanIn .washingTech .heading .desc {
font-size: 1.4rem;
line-height: 1.8;
}
main.main_proCleaning .proCleanIn .washingTech:before {
display: none;
}
main.main_proCleaning .proCleanIn .washingTech:after {
display: none;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList {
margin-top: -15px;
padding: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList li {
width: 100%;
padding: 55px 20px 20px;
margin-bottom: 30px;
}
main.main_proCleaning .proCleanIn .washingTech .washingTechList li h4 {
height: auto;
padding-bottom: 15px;
}
main.main_proCleaning .proCleanIn .proCleaningImg {
margin: 20px auto 40px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
main.main_proCleaning .proCleanIn .proCleaningImg li:first-child {
margin-bottom: 30px;
}
.proCleanPinkList li {
font-size: 1.8rem;
padding-left: 30px;
}
.proCleanPinkList li:before {
width: 20px;
height: 20px;
top: 6px;
}
main.main_chooseShop .choShopIn {
padding-top: 25px;
}
main.main_chooseShop .choShopIn .choShopTop {
width: 95%;
margin: 0 auto;
}
main.main_chooseShop .choShopIn .choShopTop .heading .desc {
font-size: 1.4rem;
line-height: 1.8;
}
main.main_chooseShop .choShopIn .members_list_tit {
padding-top: 0;
}
main.main_chooseShop .choShopIn .members_list_tit li {
width: 100%;
}
main.main_chooseShop .choShopIn .threeCleaning {
padding-top: 40px;
}
main.main_chooseShop .choShopIn .threeCleaning .threeCleaningList li {
padding: 25px 20px 50px;
margin-top: 40px;
font-size: 1.4rem;
}
main.main_chooseShop .choShopIn .threeCleaning .threeCleaningList li h4 {
width: 240px;
padding: 10px 0 14px;
font-size: 1.5rem;
top: -22px;
}
main.main_chooseShop .choShopIn .threeCleaning .threeCleaningList li:before {
width: 55px;
height: 76px;
right: -10px;
bottom: -10px;
}
main.main_chooseShop .choShopIn .chooseCleaning {
padding-top: 40px;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn {
margin-top: 0;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li {
padding: 15px;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li h4 {
font-size: 1.6rem;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li h4 span {
font-size: 1.6rem;
}
main.main_chooseShop .choShopIn .chooseCleaning .chooseCleaningIn li p {
font-size: 1.4rem;
padding-top: 10px;
}
main.main_chooseShop .choShopIn .pointsOfUse {
padding-top: 40px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn {
margin: 0 auto;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .mtRight {
margin-right: 0;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog {
width: 100%;
margin-top: 25px;
padding: 20px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog h4 {
font-size: 1.6rem;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog .proCleanPinkList {
margin-top: 10px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog .proCleanPinkList li {
font-size: 1.5rem;
padding-left: 20px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseBlog .proCleanPinkList li:before {
width: 15px;
height: 15px;
top: 7px;
}
main.main_chooseShop .choShopIn .pointsOfUse .pointsOfUseIn .pointsOfUseImg {
margin: 35px auto 0;
}
main.main_chooseShop .choShopIn .generalProcess {
padding-top: 40px;
}
main.main_chooseShop .choShopIn .generalProcess .claningTypesList {
margin: 20px auto 0;
}
main.main_chooseShop .choShopIn .generalProcess .claningTypesList li {
width: 100%;
margin: 30px 0 0;
}
main.main_chooseShop .choShopIn .accidentOfUse {
padding-top: 30px;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn {
margin: 40px auto 0px;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .lead .cap {
width: auto;
font-size: 1.4rem;
padding: 16px 8px 16px 86px;
margin-right: 0;
line-height: 1.6;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .lead .cap:before {
width: 80px;
height: 102px;
left: 0px;
top: 0;
bottom: auto;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .compensation {
margin: 0 auto;
}
main.main_chooseShop .choShopIn .accidentOfUse .accidentOfUseIn .compensation .tit {
font-size: 4.5vw;
width: 90%;
max-width: 480px;
}
main.main_chooseShop .choShopIn .flowOfUse {
padding-top: 30px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box {
border-radius: 38px;
padding: 24px 16px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box:before {
width: 80px;
height: 82px;
right: 0px;
top: -60px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .box_process > .tit {
font-size: 2.4rem;
margin-bottom: 12px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 24px auto;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep > li {
width: 100%;
padding: 0;
margin-bottom: 32px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep > li .tmb {
width: 80%;
margin: 0 auto 16px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_keep > li .cap p {
font-size: 1.4rem;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check {
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 24px auto;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 164px;
height: 228px;
position: static;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
text-align: center;
margin: 0 auto 24px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check > li {
width: 100%;
max-width: inherit;
padding: 0;
margin: 0 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check > li > .tit {
font-size: 1.8rem;
padding: 12px 0;
border-bottom: 3px solid #3264C8;
margin-bottom: 12px;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .ul_check > li p {
font-size: 1.4rem;
}
main.main_chooseShop .choShopIn .flowOfUse .flowOfUseIn .box .process3 .tmb {
margin: 32px auto;
text-align: center;
}
.claningTypesList li {
width: 100%;
padding: 55px 20px 20px;
margin-bottom: 30px;
}
main .hd_std1.heading.heading2 .tit {
margin: 15px auto 30px;
}
.choShopTitle {
padding: 15px;
font-size: 1.8rem;
line-height: 1.3;
}
} main.main_showClothing .showClothingIn .showClothingTop {
padding: 30px 0 10px;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn {
width: 95%;
max-width: 1100px;
margin: 0 auto;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 70px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelLeft {
padding: 0 68px;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelLeft h4 {
padding-bottom: 30px;
font-size: 2.1rem;
text-align: center;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelLeft figure {
width: 412px;
padding: 25px;
border: 2px solid #808080;
border-radius: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 550px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight li {
position: relative;
width: 100%;
padding: 55px 40px 35px;
margin: 30px 0 25px;
font-size: 1.9rem;
line-height: 1.7;
border: 2px solid #999999;
border-radius: 10px;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight li h4 {
position: absolute;
width: 419px;
font-size: 2.8rem;
color: #fff;
background: #ED1C24;
top: -35px;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
text-align: center;
padding: 10px 15px;
border-radius: 50px;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
line-height: 1.5;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight li:nth-child(2) h4 {
background: #3264C8;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight li:nth-child(3) h4 {
background: #00A99D;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight li:nth-child(4) h4 {
background: #93278F;
}
main.main_showClothing .showClothingIn .text_line {
padding-top: 30px;
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
text-align: center;
}
main.main_showClothing .showClothingIn .displayClothes {
margin: 75px auto;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn {
width: 95%;
max-width: 1175px;
margin: 0 auto;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList li {
position: relative;
width: 100%;
padding: 55px 40px 35px;
margin: 30px 0 25px;
font-size: 1.9rem;
line-height: 1.7;
border: 2px solid #999999;
border-radius: 10px;
width: 550px;
margin-top: 55px;
padding: 50px 25px 30px;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList li:before {
position: absolute;
content: "";
width: 122px;
height: 132px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/show-clothing/show_icon3.svg) no-repeat;
background-size: 100% auto;
right: -40px;
bottom: -20px;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList li h4 {
position: absolute;
width: 419px;
font-size: 2.8rem;
color: #fff;
background: #ED1C24;
top: -35px;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
text-align: center;
padding: 10px 15px;
border-radius: 50px;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
background: #3264C8;
line-height: 1.5;
}
main.main_showClothing .showClothingIn .clothingLabel {
margin-top: 40px;
}
main.main_showClothing .showClothingIn .clothingLabel .text_line span {
position: relative;
}
main.main_showClothing .showClothingIn .clothingLabel .text_line span:before {
position: absolute;
content: "";
width: 143px;
height: 130px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/show-clothing/show_icon2.png) no-repeat;
background-size: 100% auto;
left: -170px;
top: -20px;
}
main.main_showClothing .showClothingIn .clothingLabel .text_line span:after {
position: absolute;
content: "";
width: 143px;
height: 130px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/show-clothing/show_icon1.png) no-repeat;
background-size: 100% auto;
right: -330px;
top: -25px;
}
@media screen and (max-width: 900px) {
main.main_showClothing .showClothingIn .showClothingTop {
width: 95%;
margin: 0 auto;
}
main.main_showClothing .showClothingIn .showLabel {
margin-top: -20px;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec {
padding-top: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelLeft {
padding: 0;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelLeft h4 {
padding-bottom: 20px;
font-size: 1.6rem;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelLeft figure {
width: 100%;
max-width: 412px;
padding: 15px;
border-radius: 20px;
margin: 0 auto;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight {
width: 100%;
margin-top: 30px;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight li {
padding: 35px 20px 25px;
margin: 30px 0 10px;
font-size: 1.4rem;
}
main.main_showClothing .showClothingIn .showLabel .showLabelIn .showLabelSec .showLabelRight li h4 {
width: 240px;
font-size: 1.5rem;
top: -22px;
padding: 10px 0 14px;
}
main.main_showClothing .showClothingIn .text_line {
font-size: 1.4rem;
line-height: 1.8;
width: 95%;
margin: 0 auto;
}
main.main_showClothing .showClothingIn .displayClothes {
margin: 40px auto;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList {
margin-top: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList li {
padding: 35px 20px 25px;
margin: 30px 0 10px;
font-size: 1.4rem;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList li:before {
width: 100px;
height: 104px;
right: -12px;
bottom: -65px;
}
main.main_showClothing .showClothingIn .displayClothes .displayClothesIn .displayClothesList li h4 {
width: 240px;
font-size: 1.5rem;
top: -22px;
padding: 10px 0 14px;
}
main.main_showClothing .showClothingIn .clothingLabel .text_line span:before {
display: none;
}
main.main_showClothing .showClothingIn .clothingLabel .text_line span:after {
display: none;
}
} main.main_stainRemoval .stainIn {
padding-top: 60px;
}
main.main_stainRemoval .stainIn .recommendation .text_line {
padding-top: 30px;
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
text-align: center;
}
main.main_stainRemoval .stainIn .stainTop .heading .desc {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
color: #000;
font-weight: normal;
}
main.main_stainRemoval .stainIn .detergents {
margin-top: 30px;
}
main.main_stainRemoval .stainIn .detergents .detergentsSec {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 95%;
max-width: 720px;
margin: 50px auto;
padding: 30px 40px 20px;
border: 2px solid #3264C8;
background: #FFFFF0;
border-radius: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
main.main_stainRemoval .stainIn .detergents .detergentsSec figure {
width: 279px;
}
main.main_stainRemoval .stainIn .detergents .detergentsSec ul li {
font-size: 1.9rem;
line-height: 1.8;
}
main.main_stainRemoval .stainIn .rushing .rushingList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 95%;
max-width: 1275px;
margin: 30px auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
main.main_stainRemoval .stainIn .rushing .rushingList li {
width: 398px;
margin-bottom: 50px;
padding: 25px 35px;
border: 2px solid #3264C8;
}
main.main_stainRemoval .stainIn .rushing .rushingList li h4 {
padding: 15px 0 20px;
font-size: 2.1rem;
text-align: center;
line-height: 1.5;
}
main.main_stainRemoval .stainIn .rushing .rushingList li p {
font-size: 1.9rem;
}
main.main_stainRemoval .stainIn .rushing .rushingList li p span {
display: block;
font-size: 2.1rem;
color: #3264C8;
font-weight: bold;
}
main.main_stainRemoval .stainIn .recommendationList {
width: 95%;
max-width: 1285px;
margin: 30px auto 50px;
}
main.main_stainRemoval .stainIn .recommendationList tr th, main.main_stainRemoval .stainIn .recommendationList tr td {
position: relative;
}
main.main_stainRemoval .stainIn .recommendationList tr th:after, main.main_stainRemoval .stainIn .recommendationList tr td:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 2px;
background-image: -webkit-linear-gradient(left, #000, #000 5px, transparent 5px, transparent 10px);
background-image: -o-linear-gradient(left, #000, #000 5px, transparent 5px, transparent 10px);
background-image: linear-gradient(to right, #000, #000 5px, transparent 5px, transparent 10px);
background-size: 10px 1px;
background-repeat: repeat-x;
position: absolute;
bottom: 0;
left: 0;
}
main.main_stainRemoval .stainIn .recommendationList tr th {
padding: 25px 0;
text-align: center;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
vertical-align: middle;
width: 15%;
font-size: 3.2rem;
}
main.main_stainRemoval .stainIn .recommendationList tr td {
padding: 25px 0;
text-align: center;
font-family: fot-tsukuardgothic-std;
font-weight: bold;
vertical-align: middle;
font-size: 2.7rem;
}
main.main_stainRemoval .stainIn .recommendationList tr td:nth-child(2) {
width: 25%;
}
main.main_stainRemoval .stainIn .recommendationList tr td:nth-child(3) {
width: 25%;
text-align: center;
}
main.main_stainRemoval .stainIn .recommendationList tr td:last-child {
width: 35%;
padding: 0 40px;
text-align: left;
}
@media screen and (max-width: 900px) {
main.main_stainRemoval .stainIn {
padding-top: 25px;
}
main.main_stainRemoval .stainIn .stainTop {
width: 95%;
margin: 0 auto;
}
main.main_stainRemoval .stainIn .stainTop .heading .desc {
font-size: 1.4rem;
line-height: 1.8;
width: 95%;
margin: 0 auto;
}
main.main_stainRemoval .stainIn .detergents .detergentsSec {
margin: 40px auto;
padding: 20px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
main.main_stainRemoval .stainIn .detergents .detergentsSec figure {
max-width: 279px;
width: 100%;
margin: 0 auto 20px;
}
main.main_stainRemoval .stainIn .detergents .detergentsSec ul li {
font-size: 1.5rem;
}
main.main_stainRemoval .stainIn .rushing .rushingList li {
width: 100%;
margin-bottom: 20px;
padding: 20px;
}
main.main_stainRemoval .stainIn .rushing .rushingList li h4 {
padding: 10px 0 15px;
font-size: 1.8rem;
}
main.main_stainRemoval .stainIn .rushing .rushingList li p {
font-size: 1.5rem;
}
main.main_stainRemoval .stainIn .rushing .rushingList li p span {
font-size: 1.8rem;
}
main.main_stainRemoval .stainIn .recommendationList tr th {
padding: 10px !important;
width: 15%;
font-size: 1.6rem;
}
main.main_stainRemoval .stainIn .recommendationList tr td {
padding: 10px !important;
font-size: 1.4rem;
}
} @media screen and (max-width: 1500px) {
footer#gft > .one,
.sec_share,
.sec {
padding-left: 20px;
padding-right: 80px;
}
}
@media screen and (min-width: 1500px) {
footer#gft > .one,
.sec_share,
.sec {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 900px) {
footer#gft > .one,
.sec_share,
.sec {
padding-left: 0px;
padding-right: 0px;
}
}
.titlePro {
top: 40% !important;
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
vertical-align: bottom;
} .sp {
display: none;
}
@media (max-width: 899px) {
.sp {
display: inherit;
}
}
@media (max-width: 899px) {
.pc {
display: none;
}
} .inner {
position: relative;
margin: 0px auto;
}
.grid_2cell {
display: table;
}
.grid_2cell .cell {
display: table-cell;
vertical-align: middle;
}
ul.ul_table > li > dl {
display: table;
}
ul.ul_table > li > dl > dt,
ul.ul_table > li > dl > dd {
display: table-cell;
vertical-align: middle;
}
ul.ul_table > li > dl > dt {
width: 120px;
padding-right: 4px;
}
a.std_icn1 {
position: relative;
}
a.std_icn1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
margin-right: 0.4em;
background: url(//nagasaki929.com/wp-content/themes/img/common/arr.svg) 0 0 no-repeat;
background-size: contain;
} .clearfix:after {
content: "";
display: block;
clear: both;
height: 0px;
visibility: hidden;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}   #pagenation {
position: relative;
overflow: hidden;
text-align: center;
margin: 0 auto;
}
#pagenation .pagination {
clear: both;
padding: 20px 0;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2rem;
line-height: 16px;
}
#pagenation span,
#pagenation a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 16px 5px 16px;
text-decoration: none;
width: auto;
color: #fff;
background: #1378BC;
}
#pagenation a:hover {
background: #fff;
color: #1378BC;
border: 1px solid #1378BC;
}
#pagenation .current {
padding: 6px 16px 5px 16px;
background: #fff;
color: #1378BC;
border: 1px solid #1378BC;
} #single {
background: #f6f6f8;
}
#single .topCatPostUp {
margin-top: 0;
}
#post_single {
display: flex;
width: 95%;
max-width: 1100px;
margin: 0 auto;
flex-wrap: wrap;
}
#post_single .wrap {
width: 100%;
border-radius: 12px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
padding: 20px;
background: #fff;
border: 2px solid #e5e5e5;
}
@media screen and (min-width: 900px) {
#post_single .wrap {
padding: 30px;
}
}
#post_single .wrap a {
color: #266b91;
text-decoration: underline;
display: inline-block;
}
#post_single .wrap a:hover {
color: #ed005b;
}
#post_single .wrap .single_head, #post_single .wrap h2 , #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 28px;
font-weight: bold;
line-height: 1.8;
padding: 8px 0 16px;
color: #555;
position: relative;
}
#post_single .wrap .single_head:after, #post_single .wrap h2:after, #post_single .wrap h3:after, #post_single .wrap h4:after, #post_single .wrap h5:after, #post_single .wrap h6:after {
position: absolute;
width: 350px;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #3264c8;
}
#post_single .wrap h2 , #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 24px;
}
#post_single .wrap h2:after, #post_single .wrap h3:after, #post_single .wrap h4:after, #post_single .wrap h5:after, #post_single .wrap h6:after {
height: 1px;
} @media screen and (max-width: 900px) {
#post_single .wrap .single_head:after, #post_single .wrap h2:after , #post_single .wrap h3:after {
width: 40%;
}
}
@media screen and (max-width: 900px) {
#post_single .wrap iframe {
max-width: 100%;
height: auto;
}
}
#post_single .wrap p.time {
padding-bottom: 10px;
text-align: right;
color: #858585;
font-size: 14px;
}
#post_single .wrap h3,
#post_single .wrap h4,
#post_single .wrap h5,
#post_single .wrap h6 {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: bold;
line-height: 1.6em;
margin-top: 30px;
}
#post_single .wrap p {
line-height: 2em;
font-size: 18px;
margin: 10px 0 28px;
}
#post_single .wrap p.has-small-font-size {
font-size: 85%;
}
#post_single .wrap p.has-medium-font-size {
font-size: 120%;
}
#post_single .wrap p.has-large-font-size {
font-size: 150%;
}
#post_single .wrap p.has-huge-font-size {
font-size: 200%;
}
#post_single .wrap strong {
font-weight: bold;
}
#post_single .wrap .wp-caption {
margin-top: 18px;
}
@media screen and (max-width: 900px) {
#post_single .wrap .wp-caption {
width: auto !important;
}
}
#post_single .wrap .wp-caption .wp-caption-text {
text-align: center;
margin-top: 8px;
}
#post_single .paging {
display: flex;
width: 100%;
margin: 40px auto;
padding: 0;
font-size: 15px;
justify-content: space-between;
}
#post_single .paging .pagePart {
max-width: 50%;
}
#post_single .paging .next a,
#post_single .paging .prev a {
color: #6d6d6d;
display: block;
position: relative;
}
#post_single .paging .next a:hover,
#post_single .paging .prev a:hover {
color: #fc0010;
}
#post_single .paging .next a {
background: url(//dejimabase.com/wp-content/themes/dejimabase/images/common/arrow-l.png) no-repeat;
background-size: 8px 13px;
background-position: left center;
padding-left: 24px;
}
#post_single .paging .prev a {
background: url(//dejimabase.com/wp-content/themes/dejimabase/images/common/arrow-r.png) no-repeat;
background-size: 8px 13px;
background-position: right center;
padding-right: 24px;
text-align: right;
}
#post_single figure, #post_single .wp-block-image {
margin: 18px 0 0;
display: inline-block;
text-align: center;
}
.addtoany_content {
padding-top: 80px;
}
.addtoany_header {
color: #777;
font-size: 17px;
}
@media screen and (max-width: 900px) {
#post_single {
margin-top: 30px;
}
#post_single .paging {
flex-direction: column;
}
#post_single .paging .pagePart {
max-width: 100%;
}
#post_single .wrap {
padding: 2.5% 0;
}
#post_single .wrap, #post_single .wrap p {
font-size: 16px;
}
#post_single .wrap p {
margin: 10px 0 20px;
}
#post_single .wrap .single_head, #post_single .wrap h2, #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 22px;
}
#post_single .wrap .cat_date {
margin-top: 10px;
}
#post_single .wrap p.time {
margin: 10px 0 0;
padding-bottom: 0;
}
.addtoany_content {
padding-top: 20px;
}
} .entry {
line-height: 2;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
position: static;
clear: both;
float: none;
color: #32b3c7;
}
.entry h1 {
font-size: 145.5%;
}
.entry h2 {
font-size: 136.4%;
}
.entry h3 {
font-size: 127.3%;
}
.entry h4 {
font-size: 127.3%;
}
.entry h5 {
font-size: 118.2%;
}
.entry h6 {
font-size: 100%;
}
.entry strong, .entry b {
font-weight: bold;
}
.entry p {
margin: 0em 0em 0.8em 0em;
}
.entry em {
font-style: italic;
}
.entry ol {
margin: 1em 2em 1em;
}
.entry ul {
margin: 1em 0 1em;
}
.entry ul li {
margin: 0em 0em 0.5em 1em;
}
.entry ol li {
margin: 0em 0em 0.5em 0em;
}
.entry ul {
list-style: disc;
}
.entry ol {
list-style: decimal;
}
.entry dl {
margin: 1em 0;
}
.entry dd {
margin-left: 2em;
}
.entry table.wp-oembed,
.entry table.wp-oembed td {
border: none;
}
.entry table caption {
font-size: 14px;
font-weight: bold;
text-align: left;
}
.entry table {
clear: both;
width: 99%;
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin: 1em 0 1em 1px;
}
.entry table th {
padding: 0.5em;
border: #ccc solid;
border-width: 0 0 1px 1px;
background: #f5f5f5;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
}
.entry table td {
padding: .5em;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
}
.entry img {
display: block;
max-width: 100%;
height: auto;
margin: 1.6em 0;
}
.entry img.aligncenter {
margin: auto;
}
.entry a {
text-decoration: underline;
transition-duration: 0.3s;
} .post-content {
line-height: 1.8;
padding: 0 8px;
}
@media (max-width: 899px) {
.post-content {
margin: 40px 0;
}
}
.post-content h2 {
background: #32b3c7 none repeat scroll 0 0;
border-radius: 8px;
color: #fff;
font-size: 2.8rem;
margin: 16px 0;
padding: 12px 12px;
}
.post-content h3 {
border-bottom: 4px solid #32b3c7;
font-size: 2.4rem;
margin: 16px 0;
padding: 4px;
}
.post-content h4 {
color: #32b3c7;
font-size: 2rem;
margin: 16px 0;
padding: 4px;
}
.post-content img {
border-radius: 4px;
}
.post-content img.non {
border-radius: 0;
}
.post-content a {
color: #205a97;
text-decoration: underline;
}
.post-content a:hover {
color: #32b3c7;
}
.post-content p {
font-size: 1.6rem;
line-height: 2;
}
@media (max-width: 899px) {
.post-content p {
line-height: 1.6;
font-size: 2.2rem;
}
}
.post-content table {
margin: 16px auto;
font-size: 1.6rem;
}
@media (max-width: 899px) {
.post-content table {
font-size: 2rem;
}
}
.post-content table th, .post-content table td {
border: 1px solid #bbb;
padding: 8px 10px;
}
.post-content table tr:nth-child(2n+1) th,
.post-content table tr:nth-child(2n+1) td {
background: #f5f5f5 none repeat scroll 0 0;
}
.post-content pre {
margin: 1.6em 0;
padding: 1em 1.6em;
font-size: 1.8rem;
border: 1px solid #e5e5e5;
background: #f9f9f9;
}
.post-content blockquote {
border: 1px solid #e5e5e5;
background: #f9f9f9;
margin: 1.6em 0;
padding: 24px 20px 24px 55px;
position: relative;
}
.post-content blockquote:before {
content: '\f10d';
font-family: FontAwesome;
font-size: 120px;
color: #e5e5e5;
position: absolute;
top: 24px;
left: 12px;
font-size: 32px;
line-height: 1;
width: 40px;
height: 40px;
line-height: 38px;
border-radius: 50%;
background: #444;
color: #fff;
left: -20px;
font-size: 16px;
padding-top: 2px;
text-align: center;
}
.post-content dl {
font-size: 1.8rem;
}
@media (max-width: 899px) {
.post-content dl {
font-size: 2rem;
}
}
.post-content ol {
margin: 16px 0 16px 18px;
}
.post-content ol li {
list-style-type: decimal;
margin: 4px 0;
font-size: 1.8rem;
}
@media (max-width: 899px) {
.post-content ol li {
font-size: 2.2rem;
}
}
.post-content ul {
margin: 16px 0 16px 18px;
}
.post-content ul li {
list-style-type: disc;
margin: 4px 0;
font-size: 1.8rem;
}
@media (max-width: 899px) {
.post-content ul li {
font-size: 2.2rem;
}
}
.post-content p {
margin-bottom: 0.8em;
}
.post-content img {
display: block;
margin: 0.8em auto;
}
.post-content .related {
border: 2px solid #e0e0e0;
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
}
.post-content .related:last-child {
margin-top: 40px;
}
.post-content .related.title {
font-size: 16px;
line-height: 1;
margin: 0 0 8px;
padding: 0;
}
.post-content .related ul {
margin: 0 0 0 14px;
}
.post-content .related ul li {
margin: 0;
}  #wall_top {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_bg.jpg);
padding-bottom: 200px;
}
#wall_painting {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_bg.jpg);
}
#wall_painting .container {
margin: 0 auto;
padding: 10px 0 120px 0;
}
@media screen and (max-width: 900px) {
#wall_painting .container {
padding: 10px 0 90px 0;
}
}
#wall_painting #service {
padding: 10px 0 120px;
}
@media screen and (max-width: 900px) {
#wall_painting #service {
padding: 15px 0 60px;
}
}
#wall_painting .container-fluid {
padding: 0;
margin: 0;
}
#wall_painting .row {
margin-right: 0px !important;
margin-left: 0px !important;
}
#wall_painting .wall_1 {
margin-top: 50px;
}
#wall_painting .wall_1 .wall_top_text {
padding: 0 20px;
}
#wall_painting .wall_1 .col-12 {
padding: 0;
}
#wall_painting .wall_1 .col-xl-6 {
padding: 0;
}
#wall_painting .wall_1 .box {
display: table;
width: 100%;
height: auto;
}
#wall_painting .wall_1 .box img {
margin-top: 100px;
}
@media screen and (min-width: 1600px) {
#wall_painting .wall_1 .box img {
margin-top: 20px;
}
}
@media screen and (max-width: 1200px) {
#wall_painting .wall_1 .box img {
margin-top: 50px;
}
}
#wall_painting .wall_1 p {
padding: 20px 10px;
}
@media screen and (max-width: 900px) {
.img_sp_wall img {
width: 180px;
}
}
.contents_boder {
position: relative;
overflow: hidden;
padding: 80px 0 100px;
top: -140px;
margin-bottom: -140px;
z-index: 99;
}
@media screen and (max-width: 900px) {
.contents_boder {
margin-bottom: -248px;
}
}
.contents_boder:before {
content: "";
position: absolute;
top: -20px;
left: 0;
width: 120%;
height: 100%;
margin: 10% -10% 0;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/stripe2.jpg) repeat;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
z-index: -1;
border-top: 5px solid #1378BC;
}
@media screen and (max-width: 900px) {
.contents_boder:before {
height: 40%;
}
}
.contents_boder_erea {
-webkit-box-sizing: boder-box;
box-sizing: boder-box;
width: 100%;
margin: 0 auto;
color: #fff;
text-align: center;
} .wall_flow {
z-index: 199;
}
.wall_flow p {
padding: 20px 10px;
}
.wall_flow .align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wall_flow .m-arrow {
margin: 70px 0 10px;
}
.flow_title {
height: 75px;
}
.flow_title h3 {
height: 75px;
padding-left: 95px;
display: table-cell; vertical-align: middle;
font-size: 22px;
font-family: tbcinergothic-std, sans-serif;
color: #d15959;
line-height: 1.4;
letter-spacing: 0.1em;
}
.flow_title h3::before {
content: "";
position: absolute;
margin-left: 15px;
width: 75px;
height: 75px;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_1.png) no-repeat;
z-index: 10;
}
.flow_title2 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_2.png) no-repeat;
}
.flow_title3 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_3.png) no-repeat;
}
.flow_title4 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_4.png) no-repeat;
}
.flow_title5 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_5.png) no-repeat;
}
.flow_title6 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_6.png) no-repeat;
}
.flow_title7 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_7.png) no-repeat;
}
.flow_title8 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_8.png) no-repeat;
}
.flow_title9 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_9.png) no-repeat;
}
.flow_title10 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_10.png) no-repeat;
}
.flow_title11 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_11.png) no-repeat;
}
.flow_title12 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_12.png) no-repeat;
}
.flow_title13 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_13.png) no-repeat;
}
.flow_title14 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_14.png) no-repeat;
}
.flow_title15 h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/step_15.png) no-repeat;
}
.check_title h3::before {
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/wall_painting/check.png) no-repeat;
} .contact_bottom a[target=_blank] {
padding-right: 22px;
margin-right: 5px;
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/a_icon.png);
background-size: 16px 13px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
main.main_cat_contact .sec_contact1 .wrap {
padding: 40px 0 0;
margin-bottom: 0;
}
main.main_cat_contact .sec_contact1 .blk_contact1 {
padding: 24px 0;
text-align: center;
width: 786px;
margin: 0 auto;
border: 2px solid #d5cdcd;
}
@media screen and (max-width: 1050px) {
main.main_cat_contact .sec_contact1 .blk_contact1 {
width: 96%;
}
}
@media screen and (min-width: 800px) {
main.main_cat_contact .sec_contact1 .blk_contact1.is-show {
width: 80%;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 p {
font-size: 1.8rem;
line-height: 1.8;
}
main.main_cat_contact .sec_contact1 .blk_contact1 p b {
font-size: 2.4rem;
font-weight: normal;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 {
display: inline-block;
padding: 16px 16px;
color: #32b3c7;
color: #333;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel {
display: inline-block;
position: relative;
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 5.2rem;
line-height: 1;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel {
font-size: 2em;
line-height: 1.8em;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel:before {
content: "";
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/contact/icn_tel.svg);
background-size: contain;
width: 46px;
height: 46px;
display: inline-block;
vertical-align: middle;
margin-right: 0.2em;
margin-bottom: 0.1em;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02:hover {
text-decoration: none;
color: #ef710a;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02:hover span.p_tel {
text-decoration: none;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box {
width: 538px;
margin: 24px auto;
padding: 16px 32px 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #def4ff;
border-radius: 12px;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .box {
width: 100%;
max-width: 600px;
padding: 12px;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .box .lo1 {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .box .tmb {
text-align: center;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .tmb img {
width: 80px;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt {
text-align: left;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt p {
font-size: 1.6rem;
line-height: 1.6;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt .bnr_area {
margin: 16px 0 12px;
text-align: left;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt .bnr_area a.btn_std1 {
margin: 0;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 {
text-align: center;
margin: 0 auto 16px;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 .tit_err {
font-size: 2rem;
line-height: 1;
color: #d84a5e;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 p {
font-size: 1.8rem;
line-height: 2;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 {
text-align: center;
margin: 0 auto 16px;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 .tit_confirm {
font-size: 2rem;
line-height: 1;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 p {
font-size: 1.8rem;
line-height: 2;
}
main.main_cat_contact .sec_contact2 {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
main.main_cat_contact .sec_contact2 .intro {
text-align: center;
margin: 16px auto;
}
main.main_cat_contact .sec_contact2 .intro p {
font-size: 1.6rem;
line-height: 1.8;
}
main.main_cat_contact .sec_contact2 .contact-waku {
position: relative;
}
main.main_cat_contact .sec_contact2 .contact-waku:before, main.main_cat_contact .sec_contact2 .contact-waku:after {
content: "";
display: block;
border: 5px solid #d5cdcd;
width: 80%;
height: 40px;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact2 .contact-waku:before, main.main_cat_contact .sec_contact2 .contact-waku:after {
width: 100%;
}
}
main.main_cat_contact .sec_contact2 .contact-waku:before {
margin: 0 auto 20px auto;
border-bottom: none;
}
main.main_cat_contact .sec_contact2 .contact-waku:after {
margin: 0 auto 20px auto;
border-top: none;
}
main.main_cat_contact .sec_contact2 .contact-waku.is-show:before, main.main_cat_contact .sec_contact2 .contact-waku.is-show:after {
width: 100%;
}
main.main_cat_contact .sec_contact2 .blk_complete {
padding: 32px 0;
text-align: center;
}
main.main_cat_contact .sec_contact2 .blk_complete .tit_complete {
font-size: 2rem;
line-height: 1;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact2 .blk_complete .txt_line {
font-size: 1.8rem;
}
main.main_cat_contact .sec_contact2 .blk_complete .txt_line p {
line-height: 2;
margin-bottom: 1.6em;
}
main.main_cat_contact .sec_contact2 .blk_complete .txt_line p:last-child {
margin-bottom: 0;
}
main.main_cat_contact .sec_contact .contact-flow {
max-width: 700px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
main.main_cat_contact .sec_contact .contact-flow.is-show {
max-width: 400px;
}
@media screen and (max-width: 800px) {
main.main_cat_contact .sec_contact .contact-flow.is-show {
max-width: 260px;
}
}
main.main_cat_contact .sec_contact .contact-flow:before {
content: "";
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
height: 2px;
background-color: #d5cdcd;
position: absolute;
top: 7px;
left: 25px;
z-index: 0;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list {
width: 100%;
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item {
width: 60px;
position: relative;
top: 3px;
z-index: 1;
font-size: .9rem;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #d5cdcd;
color: #3b2929;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item:before {
position: static;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
display: block;
background-color: #d5cdcd;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item.active {
color: #32b3c7;
color: #3b2929;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item.active:before {
background-color: #32b3c7;
background-color: #3b2929;
}
main.main_contact-complete .sec_contact2 {
margin: 40px auto 0;
} #contact_on {
padding-top: 30px !important;
}
#contact,
#contact-confirm,
#contact-complete,
#contact-err {
padding-top: 1.5em;
}
#contact_box {
padding: 40px;
margin: 40px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
max-width: 820px;
}
@media screen and (max-width: 900px) {
#contact_box {
padding: 40px 10px;
}
}
#contact_box th {
color: #9ca7b1;
display: block;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 0;
}
#contact_box th .emphasis {
font-size: 14px;
color: #fff;
background: #ff816c;
border-radius: 8px;
font-size: 1.4rem;
width: 53px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
margin-left: 14px;
}
#contact_box td {
display: block;
margin-bottom: 24px;
font-size: 1.8rem;
}
#contact_box td .descri {
margin: 0 .5em;
font-size: 1.8rem;
}
#contact_box input[name=zip], #contact_box input[name=zip1] {
width: initial !important;
margin-bottom: 12px;
}
#contact_box input[type="tel"],
#contact_box input[type="text"],
#contact_box input[type="email"],
#contact_box textarea {
width: 100%;
}
#contact_box input[type="tel"],
#contact_box input[type="text"],
#contact_box input[type="email"],
#contact_box input[type="number"],
#contact_box input[type="url"],
#contact_box input[type="password"],
#contact_box input[type="date"],
#contact_box textarea {
background: #fffef0;
padding: 11px;
font-size: 16px;
border-radius: 6px;
border: 2px solid #cccccc;
width: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact_box .mwform-tel-field input[type="text"],
#contact_box .mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
}
@media screen and (max-width: 900px) {
#contact_box .mwform-tel-field input[type="text"],
#contact_box .mwform-zip-field input[type="text"] {
width: 30%;
}
}
#contact_box .contact_bottom li {
text-align: center;
font-size: 1.8rem;
padding: 16px 0 46px;
}
#contact_box .contact_bottom li a {
color: #50b5cc;
}
#contact_box .contact_bottom li a:hover {
color: #6d6d6d;
}
#contact_box #mw-wp-form-captcha {
text-align: center;
padding: 0 3% 2em 3%;
line-height: 2.5em;
font-size: 1.8rem;
}
#contact_box #mw-wp-form-captcha img {
margin-bottom: 10px;
border-radius: 10px;
width: 200px;
}
#contact_box #mw-wp-form-captcha input {
width: 200px;
height: 50px;
margin: 10px auto 0;
}
#contact_box div.contact_bottom div.item {
margin: 20px auto;
text-align: center;
}
@media screen and (min-width: 900px) {
#contact_box div.contact_bottom div.item {
width: 400px;
}
}
#contact_box div.contact_bottom div.item input[type="submit"] {
color: #fff;
background: #3b2929;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 400px;
max-width: 326px;
width: 100%;
height: 50px;
border-radius: 30px;
font-weight: bold;
font-size: 2rem;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
-webkit-box-shadow: #000 3px 3px 2px;
box-shadow: #000 3px 3px 2px;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
border: none;
letter-spacing: 0.06em;
margin: 25px 10px;
}
#contact_box div.contact_bottom div.item input[type="submit"]:hover {
background: #ef710a;
}
.radio {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 15px 0;
font-size: 1.8rem;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mw_wp_form .vertical-item {
float: left;
width: auto;
margin: 5px 30px 5px 0;
}
.mw_wp_form .error {
font-size: 1.6rem;
color: #B70000;
display: block;
padding: 8px 0;
} main.main_privacy .sec_privacy1 .wrap {
margin: 0 auto;
padding-top: 50px;
padding-bottom: 68px;
}
@media screen and (max-width: 900px) {
main.main_privacy .sec_privacy1 .wrap {
padding: 0;
padding-top: 20px;
}
}
@media screen and (max-width: 980px) {
main.main_privacy .sec_privacy1 .offset-1 {
margin-left: 0;
}
main.main_privacy .sec_privacy1 .col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
main.main_privacy .sec_privacy1 .ol_std > li {
margin-bottom: 32px;
}
main.main_privacy .sec_privacy1 .ol_std > li:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std > li > .tit {
font-size: 1.8rem;
font-weight: 600;
line-height: 1;
padding: 12px 4px;
border-bottom: 1px solid #e5e5e5;
position: relative;
color: #3264c8;
}
main.main_privacy .sec_privacy1 .ol_std > li > .tit:after {
width: 350px;
content: "";
height: 1px;
background: #3264c8;
position: absolute;
left: 0;
bottom: -1px;
}
@media screen and (max-width: 900px) {
main.main_privacy .sec_privacy1 .ol_std > li > .tit {
line-height: 1.5;
}
main.main_privacy .sec_privacy1 .ol_std > li > .tit:after {
width: 30%;
}
}
main.main_privacy .sec_privacy1 .ol_std > li .tit + .txt_line {
margin: 8px auto;
}
main.main_privacy .sec_privacy1 .ol_std > li .txt_line p {
line-height: 1.8;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 8px;
}
main.main_privacy .sec_privacy1 .ol_std > li .txt_line p:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det {
margin: 24px auto;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det > li {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 8px;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det > li:last-child {
margin-bottom: 0;
}
main.main_recruit .sec_recruit1 .wrap {
max-width: 1100px;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 68px;
}
main.main_recruit .sec_recruit1 .lead_img {
margin: 0 auto 40px;
}
@media screen and (max-width: 900px) {
main.main_recruit .sec_recruit1 .lead_img {
margin-bottom: 24px;
}
}
main.main_recruit .sec_recruit1 .ol_std {
width: 100%;
}
main.main_recruit .sec_recruit1 .ol_std > li {
margin-bottom: 32px;
}
main.main_recruit .sec_recruit1 .ol_std > li:last-child {
margin-bottom: 0;
}
main.main_recruit .sec_recruit1 .ol_std > li > .tit {
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
padding: 12px 4px;
border-bottom: 1px solid #e5e5e5;
position: relative;
color: #32b3c7;
}
main.main_recruit .sec_recruit1 .ol_std > li > .tit:after {
width: 350px;
content: "";
height: 1px;
background: #32b3c7;
position: absolute;
left: 0;
bottom: -1px;
}
@media screen and (max-width: 900px) {
main.main_recruit .sec_recruit1 .ol_std > li > .tit:after {
width: 30%;
}
}
main.main_recruit .sec_recruit1 .ol_std > li .tit + .txt_line {
margin: 8px auto;
}
main.main_recruit .sec_recruit1 .ol_std > li .txt_line p {
line-height: 1.8;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 8px;
}
main.main_recruit .sec_recruit1 .ol_std > li .txt_line p:last-child {
margin-bottom: 0;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det {
margin: 16px auto;
counter-reset: number;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li {
margin-bottom: 24px;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li:last-child {
margin-bottom: 0;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li > .tit {
line-height: 1.6;
font-size: 1.5rem;
font-weight: 400;
font-style: normal;
padding-left: 1em;
text-indent: -1em;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li > .tit:before {
counter-increment: number;
content: counter(number) ".";
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li > p {
margin-left: 1em;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li ul.ul_det {
line-height: 1.8;
font-size: 1.5rem;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li ul.ul_det li {
margin: 8px 0;
}
.none {
display: none;
opacity: 0;
}
@media screen and (min-width: 1300px) {
br.ld {
display: none;
}
}
@media screen and (min-width: 1210px) {
br.sm {
display: none;
}
}
@media screen and (max-width: 1210px) {
br.md {
display: none;
}
}
@media screen and (min-width: 900px) {
br.sp {
display: none;
}
}
@media screen and (max-width: 899px) {
br.pc {
display: none;
}
.notab {
display: none;
}
}
main .wrap {
max-width: 1080px;
margin: 0 auto;
}
main .btn_area {
z-index: 10;
padding: 14px 50px;
margin: 16px auto;
}
@media screen and (max-width: 900px) {
main .btn_area {
margin-top: 0px;
padding: 0 0 15px;
}
}
main .btn_next,
main .btn_index {
display: block;
position: relative;
text-align: center;
padding: 14px;
border-radius: 24px;
max-width: 240px;
margin: 0 auto;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
line-height: 1;
font-size: 1.6rem;
letter-spacing: 0.025em;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
background-color: #E5E5E5;
color: #2B2B2B;
}
@media screen and (max-width: 900px) {
main .btn_next,
main .btn_index {
max-width: 200px;
padding: 10px 12px;
}
}
main .btn_next:after,
main .btn_index:after {
content: "";
display: inline-block;
width: 11px; height: 13px; background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_main.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
main .btn_next:hover,
main .btn_index:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
main .btn_next:hover:after,
main .btn_index:hover:after {
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
main .btn_index {
width: 240px;
}
@media screen and (max-width: 900px) {
main .btn_index {
width: 200px;
}
}
main .sec_top .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
main .sec_top .tit_sec03:before, main .sec_top .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main .sec_top .tit_sec03:before, main .sec_top .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03:before, main .sec_top .tit_sec03:after {
display: none;
}
}
main .sec_top .tit_sec03:before {
left: 0;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main .sec_top .tit_sec03:after {
right: 0;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main .sec_top .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main .sec_top .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main .sec_top .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main .sec_top .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03 > .tit2 {
font-size: 2rem;
}
main .sec_top .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
main .hd_std1 .sub {
font-family: fot-tsukuardgothic-std;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 1.2;
color: #52586d;
text-align: center;
margin: 24px auto -25px;
}
@media screen and (max-width: 900px) {
main .hd_std1 .sub {
font-size: 1.4rem;
margin: 0 auto -5px;
}
}
main .hd_std1 .desc {
font-size: 1.9rem;
font-weight: 600;
line-height: 1.8;
color: #1378bc;
text-align: center;
margin: -20px 0 40px;
}
@media screen and (max-width: 900px) {
main .hd_std1 .desc {
font-size: 1.4rem;
}
}
main .hd_std1 .tit {
font-family: fot-tsukuardgothic-std;
font-size: 3.2rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 1.4;
color: #3264c8;
text-align: center;
position: relative;
margin: 24px auto;
}
@media screen and (max-width: 900px) {
main .hd_std1 .tit {
display: table;
margin: 20px auto 40px;
font-size: 2.2rem;
padding: 0 40px;
}
}
main .hd_std1 .tit_obj1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 64px;
height: 75px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/h_obj1.svg) center center no-repeat;
background-size: contain;
position: relative;
left: -40px;
top: 0;
}
main .hd_std1 .tit_obj1:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 46px;
height: 76px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/h_obj2.svg) center center no-repeat;
background-size: contain;
position: relative;
right: -40px;
top: 0;
}
@media screen and (max-width: 900px) {
main .hd_std1 .tit_obj1:before, main .hd_std1 .tit_obj1:after {
position: absolute;
width: 30px;
height: 48px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
main .hd_std1 .tit_obj1:before {
left: 0;
}
main .hd_std1 .tit_obj1:after {
right: 0;
}
}
main .hd_std1 .tit_obj2:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 76px;
height: 62px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/h_obj3.svg) center center no-repeat;
background-size: contain;
position: relative;
left: -40px;
top: 0;
}
@media screen and (max-width: 900px) {
main .hd_std1 .tit_obj2:before {
position: absolute;
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
left: -5px;
}
}
main .hd_std1 .tit_obj2:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 60px;
height: 58px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/h_obj4.svg) center center no-repeat;
background-size: contain;
position: relative;
right: -40px;
top: -8px;
}
@media screen and (max-width: 900px) {
main .hd_std1 .tit_obj2:after {
position: absolute;
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 33px;
right: -5px;
}
}
main.main_home #home_campaigns {
position: relative;
padding: 0;
}
main.main_home #home_campaigns .wrap {
padding: 0;
}
main.main_home #home_campaigns .ul_campaigns {
margin: 40px auto;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_home #home_campaigns .ul_campaigns {
padding: 0 15px;
}
}
main.main_home #home_campaigns .ul_campaigns a {
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
main.main_home #home_campaigns .ul_campaigns a:hover {
opacity: .56;
}
@media screen and (max-width: 900px) {
main.main_home #home_campaigns .ul_campaigns a:hover img {
width: 100%;
}
}
main.main_home .sec_top .txt_line {
text-align: center;
}
main.main_home .sec_top .txt_line p {
font-size: 1.6rem;
line-height: 2;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_home .sec_top .txt_line p {
font-size: 1.4rem;
margin-top: -15px;
}
}
main.main_home #home_message {
margin-bottom: 56px;
}
@media screen and (max-width: 900px) {
main.main_home #home_message {
margin: -20px 0 0;
}
}
main.main_home #home_cleaning {
min-height: 620px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/index/cleaning_bg1.png) center bottom no-repeat;
background-size: 1800px 614px;
position: relative;
margin-bottom: 100px;
}
@media screen and (max-width: 900px) {
main.main_home #home_cleaning {
min-height: 100%;
margin-bottom: 0;
background: none;
}
}
main.main_home #home_cleaning .ul_cleaning {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
main.main_home #home_cleaning .ul_cleaning li {
position: relative;
width: 47%;
max-width: 472px;
margin-top: 20px;
overflow: hidden;
border: 2px solid #aee0e5;
background-color: #fff;
}
@media screen and (max-width: 900px) {
main.main_home #home_cleaning .ul_cleaning {
margin-top: -25px;
}
main.main_home #home_cleaning .ul_cleaning li {
width: 100%;
}
}
main.main_home #home_cleaning .ul_cleaning li:after {
position: absolute;
content: "";
width: 24px;
height: 24px;
background: -webkit-gradient(linear, left top, right bottom, from(#aee0e5), color-stop(50%, #aee0e5), color-stop(50%, #f0f0f0), to(#f0f0f0));
background: -webkit-linear-gradient(left top, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
background: -o-linear-gradient(left top, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
background: linear-gradient(to right bottom, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
bottom: 0;
right: 0;
}
main.main_home #home_cleaning .ul_cleaning li .cleanText {
padding: 10px 20px 20px;
}
@media screen and (max-width: 900px) {
main.main_home #home_cleaning .ul_cleaning li .cleanText {
padding: 5px 15px 20px;
}
}
main.main_home #home_cleaning .ul_cleaning li figure {
background: #fff;
}
main.main_home #home_cleaning .ul_cleaning li figure img {
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
opacity: 1;
}
main.main_home #home_cleaning .ul_cleaning li .cleanText .tit {
font-size: 21px;
font-weight: bold;
color: #036eb8;
line-height: 1.5;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
main.main_home #home_cleaning .ul_cleaning li a:hover .cleanText .tit {
color: #f7931e;
}
main.main_home #home_cleaning .ul_cleaning li a:hover figure img {
opacity: 0.6;
}
main.main_home #home_cleaning .ul_cleaning li .cleanText .desc {
font-size: 16px;
line-height: 1.7;
color: #0f0f0f;
padding-top: 10px;
}
@media screen and (max-width: 900px) {
main.main_home #home_cleaning .ul_cleaning li .cleanText .desc {
padding-top: 5px;
}
}
main.main_home #home_serch {
margin-bottom: 72px;
}
@media screen and (max-width: 900px) {
main.main_home #home_serch {
margin: -25px 0 0;
}
}
main.main_home #home_serch .box {
margin: 40px auto 0;
text-align: center;
}
.page-id-28 #home_mark {
display: none;
}
.page-id-28 #top_topics {
margin-top: 150px;
}
.page-id-237 #home_mark {
display: none;
}
.page-id-237 #top_topics {
margin-top: 150px;
}
.page-id-33 #home_mark {
display: none;
}
.page-id-33 #top_topics {
margin-top: 150px;
}
@media screen and (max-width: 900px) {
.page-id-28 #top_topics {
margin-top: 50px;
}
.page-id-237 #top_topics {
margin-top: 50px;
}
.page-id-33 #top_topics {
margin-top: 0;
}
}
main.main_home #home_mark,
.share_mark {
margin-bottom: 72px;
}
@media screen and (max-width: 900px) {
main.main_home #home_mark,
.share_mark {
margin-bottom: 0;
}
}
@media screen and (max-width: 900px) {
main.main_home #home_mark .wrap,
.share_mark .wrap {
padding-bottom: 5px;
}
}
main.main_home #home_mark .lo1,
.share_mark .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 24px auto;
}
@media screen and (max-width: 900px) {
main.main_home #home_mark .lo1,
.share_mark .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_home #home_mark .lo1 .tmb,
.share_mark .lo1 .tmb {
margin-right: 32px;
}
@media screen and (max-width: 900px) {
main.main_home #home_mark .lo1 .tmb,
.share_mark .lo1 .tmb {
margin: 0 0 30px;
}
}
main.main_home #home_mark .lo1 .txt p,
.share_mark .lo1 .txt p {
font-size: 1.6rem;
line-height: 2;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_home #home_mark .lo1 .txt p,
.share_mark .lo1 .txt p {
font-size: 1.4rem;
line-height: 1.8;
}
}
main.main_home #home_service,
.share_service {
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_line_blue.png) center 180px repeat-x;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_home #home_service,
.share_service {
background-repeat: repeat-x;
background-position: center 70px;
z-index: 20;
}
}
main.main_home #home_service .wrap,
.share_service .wrap {
padding: 8px 0 102px;
}
main.main_home #home_service .wrap .heading,
.share_service .wrap .heading {
margin-top: -56px;
margin-bottom: 8px;
}
main.main_home #home_service .wrap .tit_sec03,
.share_service .wrap .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
main.main_home #home_service .wrap .tit_sec03:before, main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_home #home_service .wrap .tit_sec03:before, main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03:before, main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:after {
display: none;
}
}
main.main_home #home_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:before {
left: 0;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:after {
right: 0;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_home #home_service .wrap .tit_sec03 > .copy,
.share_service .wrap .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03 > .copy,
.share_service .wrap .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_home #home_service .wrap .tit_sec03 > .tit,
.share_service .wrap .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03 > .tit,
.share_service .wrap .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main.main_home #home_service .wrap .tit_sec03 > .tit2,
.share_service .wrap .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_home #home_service .wrap .tit_sec03 > .tit2 span,
.share_service .wrap .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03 > .tit2,
.share_service .wrap .tit_sec03 > .tit2 {
font-size: 2rem;
}
main.main_home #home_service .wrap .tit_sec03 > .tit2 span,
.share_service .wrap .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
width: 1040px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding-top: 420px;
z-index: 100;
}
@media screen and (max-width: 1280px) {
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
zoom: 80%;
}
}
@media screen and (max-width: 1000px) {
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
zoom: 60%;
}
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
width: auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 30px;
}
}
main.main_home #home_service .ul_nav_bnr:before,
.share_service .ul_nav_bnr:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 348px;
height: 313px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/service_obj1.svg) center center no-repeat;
background-size: contain;
position: absolute;
top: 56px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr:before,
.share_service .ul_nav_bnr:before {
width: 80%;
height: auto;
}
}
main.main_home #home_service .ul_nav_bnr > li,
.share_service .ul_nav_bnr > li {
width: 330px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li,
.share_service .ul_nav_bnr > li {
width: 100%;
margin-bottom: 40px;
}
}
main.main_home #home_service .ul_nav_bnr > li > .tit,
.share_service .ul_nav_bnr > li > .tit {
width: 330px;
height: 100px;
padding-top: 10px;
text-align: center;
font-weight: 600;
font-size: 2.4rem;
line-height: 1.2;
color: #fff;
position: relative;
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li > .tit,
.share_service .ul_nav_bnr > li > .tit {
width: 100vw;
}
}
main.main_home #home_service .ul_nav_bnr > li > .tit:before,
.share_service .ul_nav_bnr > li > .tit:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 330px;
height: 156px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/service_h_bg.svg) center center no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
main.main_home #home_service .ul_nav_bnr > li a,
.share_service .ul_nav_bnr > li a {
display: block;
}
main.main_home #home_service .ul_nav_bnr > li a .tmb,
.share_service .ul_nav_bnr > li a .tmb {
margin-bottom: 8px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li a .tmb,
.share_service .ul_nav_bnr > li a .tmb {
min-width: 60%;
margin: 0 auto;
text-align: center;
}
}
main.main_home #home_service .ul_nav_bnr > li a .tmb:before,
.share_service .ul_nav_bnr > li a .tmb:before {
content: "";
width: 100%;
height: 100%;
display: block;
background: #fff;
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
main.main_home #home_service .ul_nav_bnr > li a .tmb img,
.share_service .ul_nav_bnr > li a .tmb img {
border-radius: 8px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li a .tmb img,
.share_service .ul_nav_bnr > li a .tmb img {
width: 100%;
}
}
main.main_home #home_service .ul_nav_bnr > li a:hover img,
.share_service .ul_nav_bnr > li a:hover img {
opacity: .6;
}
main.main_home #home_service .ul_nav_bnr > li .cap,
.share_service .ul_nav_bnr > li .cap {
padding: 8px 0;
font-size: 1.5rem;
line-height: 1.4;
letter-spacing: 0.025em;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li .cap,
.share_service .ul_nav_bnr > li .cap {
font-size: 1.4rem;
text-align: center;
}
}
main.main_home #home_service .ul_nav_bnr > li .cap p,
.share_service .ul_nav_bnr > li .cap p {
white-space: nowrap;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li .cap p,
.share_service .ul_nav_bnr > li .cap p {
white-space: normal;
}
}
main.main_home #home_service .ul_nav_bnr > li:nth-child(1), main.main_home #home_service .ul_nav_bnr > li:nth-child(2),
.share_service .ul_nav_bnr > li:nth-child(1),
.share_service .ul_nav_bnr > li:nth-child(2) {
position: absolute;
top: 0;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li:nth-child(1), main.main_home #home_service .ul_nav_bnr > li:nth-child(2),
.share_service .ul_nav_bnr > li:nth-child(1),
.share_service .ul_nav_bnr > li:nth-child(2) {
position: static;
}
}
main.main_home #home_service .ul_nav_bnr > li:nth-child(1),
.share_service .ul_nav_bnr > li:nth-child(1) {
left: 0;
}
main.main_home #home_service .ul_nav_bnr > li:nth-child(2),
.share_service .ul_nav_bnr > li:nth-child(2) {
right: 0;
}
main.main_home #home_service .btn_blk,
.share_service .btn_blk {
margin: 8px auto;
}
main.main_home #home_service .btn_blk .btn_next:hover,
.share_service .btn_blk .btn_next:hover {
background: #1378BC;
}
.share_service .wrap {
padding: 8px 0 164px;
}
#top_topics,
#top_case,
#archive_posts {
z-index: 10;
padding: 0px 0 0;
}
@media screen and (max-width: 900px) {
#top_topics,
#top_case,
#archive_posts {
padding-bottom: 20px !important;
}
}
#top_topics .category_list,
#top_case .category_list,
#archive_posts .category_list {
position: relative;
overflow: hidden;
margin: -20px 0 0;
}
#top_topics .category_list ul,
#top_case .category_list ul,
#archive_posts .category_list ul {
position: relative;
left: 50%;
float: left;
}
#top_topics .category_list ul li,
#top_case .category_list ul li,
#archive_posts .category_list ul li {
float: left;
position: relative;
left: -50%;
}
#top_topics .category_list ul li a,
#top_case .category_list ul li a,
#archive_posts .category_list ul li a {
color: #cecece;
background: #fff;
border: 1px solid #cecece;
padding: 10px 20px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 8px;
}
#top_topics .category_list ul li a.on,
#top_topics .category_list ul li a:hover,
#top_case .category_list ul li a.on,
#top_case .category_list ul li a:hover,
#archive_posts .category_list ul li a.on,
#archive_posts .category_list ul li a:hover {
color: #fff;
background: #3264c8;
border: 1px solid #3264c8;
}
#top_topics .container,
#top_case .container,
#archive_posts .container {
margin: 0 auto;
}
#top_topics .container .col-lg-4, #top_topics .container .col-md-4,
#top_case .container .col-lg-4,
#top_case .container .col-md-4,
#archive_posts .container .col-lg-4,
#archive_posts .container .col-md-4 {
position: relative;
}
#top_topics .container .col-lg-4:after, #top_topics .container .col-md-4:after,
#top_case .container .col-lg-4:after,
#top_case .container .col-md-4:after,
#archive_posts .container .col-lg-4:after,
#archive_posts .container .col-md-4:after {
position: absolute;
content: "";
width: 24px;
height: 24px;
background: -webkit-gradient(linear, left top, right bottom, from(#aee0e5), color-stop(50%, #aee0e5), color-stop(50%, #f0f0f0), to(#f0f0f0));
background: -webkit-linear-gradient(left top, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
background: -o-linear-gradient(left top, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
background: linear-gradient(to right bottom, #aee0e5 0%, #aee0e5 50%, #f0f0f0 50%, #f0f0f0 100%);
bottom: 0;
right: 15px;
}
#top_topics .post,
#top_case .post,
#archive_posts .post {
position: relative;
margin-top: 14px;
overflow: hidden;
border: 2px solid #aee0e5;
background-color: #fff;
}
@media screen and (max-width: 900px) {
#top_topics .post,
#top_case .post,
#archive_posts .post {
height: auto !important;
}
#top_topics .post p:last-child,
#top_case .post p:last-child,
#archive_posts .post p:last-child {
margin-bottom: 5px;
}
#top_topics .container .col-lg-4,
#top_topics .container .col-md-4,
#top_case .container .col-lg-4,
#top_case .container .col-md-4,
#archive_posts .container .col-lg-4,
#archive_posts .container .col-md-4 {
padding: 0;
}
#top_topics .container .col-lg-4:after,
#top_topics .container .col-md-4:after,
#top_case .container .col-lg-4:after,
#top_case .container .col-md-4:after,
#archive_posts .container .col-lg-4:after,
#archive_posts .container .col-md-4:after {
right: 0;
}
}
#top_topics .post a,
#top_case .post a,
#archive_posts .post a {
color: #222222;
position: relative;
overflow: hidden;
display: block;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#top_topics .post a:hover img,
#top_case .post a:hover img,
#archive_posts .post a:hover img {
opacity: 0.6;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
width: 110%;
}
#top_topics .post .post_img,
#top_case .post .post_img,
#archive_posts .post .post_img {
overflow: hidden;
width: auto;
position: relative;
height: 121px;
}
#top_topics .post .post_img img,
#top_case .post .post_img img,
#archive_posts .post .post_img img {
display: block;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
width: 100%; -o-object-fit: cover;
object-fit: cover;
}
#top_topics .post .post_img:before,
#top_case .post .post_img:before,
#archive_posts .post .post_img:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//nagasaki929.com/wp-content/themes/taulabo/images/lattice.png);
background-image: none;
height: 140px;
width: auto;
z-index: 500;
margin: 0;
}
#top_topics .post .post_cons,
#top_case .post .post_cons,
#archive_posts .post .post_cons {
height: 182px;
}
#top_topics .post .post_date,
#top_case .post .post_date,
#archive_posts .post .post_date {
margin: 20px 30px;
}
@media screen and (max-width: 900px) {
#top_topics .post .post_date,
#top_case .post .post_date,
#archive_posts .post .post_date {
margin: 20px 15px;
}
}
#top_topics .post .post_date .tit_post,
#top_case .post .post_date .tit_post,
#archive_posts .post .post_date .tit_post {
line-height: 1.6em;
min-height: 50px;
max-height: 50px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 1.6rem;
}
#top_topics .post .post_date .row_blk,
#top_case .post .post_date .row_blk,
#archive_posts .post .post_date .row_blk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#top_topics .post .post_date .tit_cat,
#top_case .post .post_date .tit_cat,
#archive_posts .post .post_date .tit_cat { font-size: 16px;
}
#top_topics .post .post_date h3.works,
#top_case .post .post_date h3.works,
#archive_posts .post .post_date h3.works {
color: #94c745;
}
#top_topics .post .post_date h3.employ,
#top_case .post .post_date h3.employ,
#archive_posts .post .post_date h3.employ {
color: #926fc2;
}
#top_topics .post .post_date h3.news,
#top_case .post .post_date h3.news,
#archive_posts .post .post_date h3.news {
color: #50b5cc;
}
#top_topics .post .post_date h3.column,
#top_case .post .post_date h3.column,
#archive_posts .post .post_date h3.column {
color: #7cb259;
}
#top_topics .post .post_date h3.info,
#top_case .post .post_date h3.info,
#archive_posts .post .post_date h3.info {
color: #50b5cc;
}
#top_topics .post .post_date h3.event,
#top_case .post .post_date h3.event,
#archive_posts .post .post_date h3.event {
color: #ef710a;
}
#top_topics .post .post_date h3.museum,
#top_case .post .post_date h3.museum,
#archive_posts .post .post_date h3.museum {
color: #46af73;
}
#top_topics .post .post_date h3.cafe,
#top_case .post .post_date h3.cafe,
#archive_posts .post .post_date h3.cafe {
color: #af6a37;
}
#top_topics .post .post_date h3.subsidy,
#top_case .post .post_date h3.subsidy,
#archive_posts .post .post_date h3.subsidy {
color: #a773c9;
}
#top_topics .post .post_date h3.important,
#top_case .post .post_date h3.important,
#archive_posts .post .post_date h3.important {
color: #fb535c;
}
#top_topics .post .post_date h3.model,
#top_case .post .post_date h3.model,
#archive_posts .post .post_date h3.model {
color: #37b44a;
}
#top_topics .post .post_date p,
#top_case .post .post_date p,
#archive_posts .post .post_date p {
font-size: 1.4rem;
}
#top_topics .post .post_date p.date,
#top_case .post .post_date p.date,
#archive_posts .post .post_date p.date {
color: #999;
line-height: 1em;
font-size: 1.4rem;
margin-top: 8px;
}
#archive_posts {
width: 100%;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/key_bg1.png) center bottom -190px repeat-x;
margin-bottom: -16px;
padding-bottom: 150px;
}
main #top_topics {
background-color: white;
position: relative; }
@media screen and (max-width: 900px) {
main #top_topics {
z-index: 30;
}
}
main #top_topics .wrap {
position: relative;
top: -50px;
padding: 4px 0;
margin-bottom: -80px;
}
main #top_topics .top_topic_bg {
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_line_gray.png) center top repeat;
margin-top: 50px;
padding-bottom: 30px;
}
@media screen and (max-width: 900px) {
main #top_topics .top_topic_bg {
padding: 0 15px;
}
}
main #works {
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 120px;
padding-bottom: 80px;
}
main #works .wrap {
padding: 4px 0;
}
main #works .wrap .heading {
margin-top: -94px;
margin-bottom: 8px;
}
main #works:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main #works .works-content {
position: relative;
max-width: 1120px;
margin: 0 auto;
margin-top: 50px;
}
@media screen and (min-width: 1100px) {
main #works .works-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
main #works .post_cons {
height: 182px;
}
@media screen and (min-width: 1100px) {
main #works .works-item-outline {
width: 33.333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
main #works .works-item-outline > a {
position: relative;
overflow: hidden;
display: block;
}
main #works .works-item-outline .works-item {
width: 100%;
margin: 20px 1.5%;
border-radius: 10px;
overflow: hidden;
}
@media screen and (max-width: 900px) {
main #works .works-item-outline .works-item {
margin: 20px 0;
}
}
main #works .works-item-outline .works-item img {
width: 100%;
height: 182px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px;
}
main #works .works-item-outline .works-item .works-title {
padding: 15px 20px;
}
main #works .works-item-outline .works-item .works-title .post-categories {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
main #works .works-item-outline .works-item .works-title .post-categories li {
color: #152024 !important;
display: inline-block;
background: #fff;
border: 1px solid #6d6d6d;
padding: 8px 17px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 14px 9px 8px 0;
}
main #works .works-item-outline .works-item .works-title .label {
color: #969696;
}
main #works .works-item-outline .works-item .works-title h4 {
color: #1378BC;
font-size: 1.6rem;
font-weight: 400;
margin: 4px 0 8px;
}
main #works .works-item-outline .works-item p {
color: #222222;
font-size: 1.8rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
main #works.share_works {
padding-top: 0px;
}
main #works.share_works:before {
width: 100%;
height: 82px;
top: -80px;
content: "";
position: absolute;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_sky_yane3.png) center top repeat-x;
z-index: 0;
}
main #works.share_works .wrap {
padding: 0;
margin-top: -40px;
}
main #works.share_works .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
main #works.share_works .tit_sec03:before, main #works.share_works .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main #works.share_works .tit_sec03:before, main #works.share_works .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03:before, main #works.share_works .tit_sec03:after {
display: none;
}
}
main #works.share_works .tit_sec03:before {
left: 0;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main #works.share_works .tit_sec03:after {
right: 0;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main #works.share_works .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main #works.share_works .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main #works.share_works .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main #works.share_works .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03 > .tit2 {
font-size: 2rem;
}
main #works.share_works .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
@-webkit-keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
@keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
.loading {
display: none;
} #video {
margin: 0;
width: 100%;
min-height: 765px;
height: 100vh;
min-width: 100%;
z-index: -100;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
#video {
min-height: 480px;
height: 60vh;
}
}
.video_pc {
display: block;
}
@media screen and (max-width: 900px) {
.video_pc {
display: none;
}
}
.video_sp {
display: none;
}
@media screen and (max-width: 900px) {
.video_sp {
display: block;
}
}
.object_fit_img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
} #visual01 {
width: 100%;
background: #fff;
margin: 0;
padding: 0; }
#visual01:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 107px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/visual_under.png) center top no-repeat;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
@media screen and (max-width: 900px) {
#visual01:after {
height: 54px;
display: none;
}
}
#visual01 #visual_wrap {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100vh;
}
@media screen and (max-width: 768px) {
#visual01 #visual_wrap {
height: 60vh;
}
}
#visual01 #visual_wrap #main_visual {
width: 100%;
margin: 0 auto;
}
#visual01 #visual_wrap .visual-contents {
z-index: 999;
position: absolute;
text-align: center;
top: 24%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
width: 100%;
height: 3.2rem;
color: white;
}
@media screen and (max-width: 900px) {
#visual01 #visual_wrap .visual-contents {
top: 28%;
}
}
#visual01 #visual_wrap .visual-contents .main-title {
font-style: italic;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0.05em;
text-shadow: 0px 0px 8px black;
font-size: 5rem;
-webkit-text-stroke: 2px #1378BC;
text-stroke: 2px #1378BC;
}
@media screen and (max-width: 1300px) {
#visual01 #visual_wrap .visual-contents .main-title {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1050px) {
#visual01 #visual_wrap .visual-contents .main-title {
font-size: 1.8rem;
}
}
@media screen and (max-width: 900px) {
#visual01 #visual_wrap .visual-contents .main-title {
font-size: 2.8rem;
}
}
#visual01 #visual_wrap .visual-contents .main-title p {
line-height: 1.4;
}
#visual01 #visual_wrap .visual-contents .main-title .main-title-01 {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#visual01 #visual_wrap .visual-contents .main-title .main-title-02 {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#visual01 #visual_wrap .visual-contents .sub-title {
font-size: 3.2rem;
font-weight: 900;
letter-spacing: 0.05em;
text-shadow: 0px 0px 8px black;
margin: 8px 0 80px;
-webkit-text-stroke: 2px #1378BC;
text-stroke: 2px #1378BC;
}
@media screen and (max-width: 900px) {
#visual01 #visual_wrap .visual-contents .sub-title {
font-size: 2rem;
margin: 8px 0 40px;
}
}
#visual01 #visual_wrap .visual-contents img {
max-width: 650px;
width: 100%;
padding: 0 10px;
}
#visual01 .loading {
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
}
#visual01 .slide {
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
#visual01 .slide .item {
display: none;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#visual01 .slide .item:first-child {
display: block;
}
#visual01 .marker {
position: absolute;
right: 0;
bottom: 240px;
z-index: 10;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-size: 0px;
line-height: 0px;
display: none;
opacity: 0;
}
@media screen and (max-width: 900px) {
#visual01 .marker {
bottom: 160px;
}
}
#visual01 .marker li {
display: inline-block;
width: 12px;
height: 12px;
margin: 0px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
border-radius: 6px;
}
#visual01 .marker li.current {
background: #fff;
}
#visual01 .scroll {
position: absolute;
z-index: 10;
bottom: 160px;
left: 50%;
margin-left: -35px;
}
#visual01 .scroll a {
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
#visual01 .scroll {
bottom: 90px;
margin-left: -30px;
}
#visual01 .scroll img {
width: 60px;
display: none;
}
}
#visual01 .scroll.move {
-webkit-animation: moveItem 1.2s infinite;
animation: moveItem 1.2s infinite;
opacity: 0;
}
#visual {
width: 100%;
background: #fff;
margin: 0 0 64px;
padding: 0;
position: relative;
}
@media screen and (max-width: 768px) {
#visual {
margin: 0;
}
}
#visual #visual_wrap {
margin: 0 auto 0;
padding: 0;
width: 100%; }
@media screen and (max-width: 900px) {
#visual #visual_wrap {  height: auto;
margin: 60px 0 0;
}
}
#visual #visual_wrap #main_visual {
width: 100%;
margin: 0 auto;
}
#visual #visual_wrap .visual-contents {
z-index: 999;
position: absolute;
text-align: center;
top: 24%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
width: 100%;
height: 3.2rem;
color: white;
}
@media screen and (max-width: 900px) {
#visual #visual_wrap .visual-contents {
top: 28%;
}
}
#visual #visual_wrap .visual-contents .main-title {
font-style: italic;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0.05em;
text-shadow: 0px 0px 8px black;
font-size: 5rem;
-webkit-text-stroke: 2px #1378BC;
text-stroke: 2px #1378BC;
}
@media screen and (max-width: 1300px) {
#visual #visual_wrap .visual-contents .main-title {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1050px) {
#visual #visual_wrap .visual-contents .main-title {
font-size: 1.8rem;
}
}
@media screen and (max-width: 900px) {
#visual #visual_wrap .visual-contents .main-title {
font-size: 2.8rem;
}
}
#visual #visual_wrap .visual-contents .main-title p {
line-height: 1.4;
}
#visual #visual_wrap .visual-contents .main-title .main-title-01 {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#visual #visual_wrap .visual-contents .main-title .main-title-02 {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#visual #visual_wrap .visual-contents .sub-title {
font-size: 3.2rem;
font-weight: 900;
letter-spacing: 0.05em;
text-shadow: 0px 0px 8px black;
margin: 8px 0 80px;
-webkit-text-stroke: 2px #1378BC;
text-stroke: 2px #1378BC;
}
@media screen and (max-width: 900px) {
#visual #visual_wrap .visual-contents .sub-title {
font-size: 2rem;
margin: 8px 0 40px;
}
}
#visual #visual_wrap .visual-contents img {
max-width: 650px;
width: 100%;
padding: 0 10px;
}
#visual .loading {
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
}
#visual .slide {
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
#visual .slide .item {
display: none;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 100;
}
#visual .slide .item:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 272px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/index/key_bg1.png) center top repeat-x;
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
}
@media screen and (max-width: 900px) {
#visual .slide .item:after {
height: 20vw;
bottom: 5vw;
}
}
#visual .slide .item img {
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
#visual .slide .item:first-child {
display: block;
}
#visual .marker {
position: absolute;
right: 0;
bottom: -40px;
z-index: 10;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-size: 0px;
line-height: 0px;
display: none;
opacity: 0;
}
@media screen and (max-width: 900px) {
#visual .marker {
bottom: -40px;
}
}
#visual .marker li {
display: inline-block;
width: 16px;
height: 16px;
margin: 0px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #32b3c7;
border-radius: 8px;
}
@media screen and (max-width: 900px) {
#visual .marker li {
width: 10px;
height: 10px;
}
}
#visual .marker li.current {
background: #32b3c7;
}
@media screen and (min-width: 900px) {
#common_service .sec_aboutus02,
#common_service .sec_top3,
main .sec_aboutus02,
main .sec_top3 {
padding-left: 0;
padding-right: 0;
}
}
#common_service .sec_aboutus02 .wrap,
#common_service .sec_top3 .wrap,
main .sec_aboutus02 .wrap,
main .sec_top3 .wrap {
max-width: inherit;
}
#common_service .sec_aboutus02 .txt_line,
#common_service .sec_top3 .txt_line,
main .sec_aboutus02 .txt_line,
main .sec_top3 .txt_line {
padding: 24px 0;
text-align: center;
}
#common_service .sec_aboutus02 .txt_line p,
#common_service .sec_top3 .txt_line p,
main .sec_aboutus02 .txt_line p,
main .sec_top3 .txt_line p {
color: #444444;
font-size: 1.8rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .txt_line p,
#common_service .sec_top3 .txt_line p,
main .sec_aboutus02 .txt_line p,
main .sec_top3 .txt_line p {
font-size: 1.6rem;
line-height: 1.8;
}
}
#common_service .sec_aboutus02 .ul_nav,
#common_service .sec_top3 .ul_nav,
main .sec_aboutus02 .ul_nav,
main .sec_top3 .ul_nav {
margin: 16px auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav,
#common_service .sec_top3 .ul_nav,
main .sec_aboutus02 .ul_nav,
main .sec_top3 .ul_nav {
margin: 16px -15px;
padding: 0 15px;
}
}
#common_service .sec_aboutus02 .ul_nav:before,
#common_service .sec_top3 .ul_nav:before,
main .sec_aboutus02 .ul_nav:before,
main .sec_top3 .ul_nav:before {
content: "";
width: 100%;
height: 190px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/bg_line_blue.png) center;
position: absolute;
top: 12px;
left: 0;
z-index: -1;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav:before,
#common_service .sec_top3 .ul_nav:before,
main .sec_aboutus02 .ul_nav:before,
main .sec_top3 .ul_nav:before {
height: 40%;
}
}
#common_service .sec_aboutus02 .ul_nav > li,
#common_service .sec_top3 .ul_nav > li,
main .sec_aboutus02 .ul_nav > li,
main .sec_top3 .ul_nav > li {
width: 282px;
margin: 0 16px;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav > li,
#common_service .sec_top3 .ul_nav > li,
main .sec_aboutus02 .ul_nav > li,
main .sec_top3 .ul_nav > li {
margin: 0 8px;
}
}
#common_service .sec_aboutus02 .ul_nav > li .tmb,
#common_service .sec_top3 .ul_nav > li .tmb,
main .sec_aboutus02 .ul_nav > li .tmb,
main .sec_top3 .ul_nav > li .tmb {
-webkit-transform: skewY(2deg);
-ms-transform: skewY(2deg);
transform: skewY(2deg);
overflow: hidden;
}
#common_service .sec_aboutus02 .ul_nav > li .tmb img,
#common_service .sec_top3 .ul_nav > li .tmb img,
main .sec_aboutus02 .ul_nav > li .tmb img,
main .sec_top3 .ul_nav > li .tmb img {
-webkit-transform: skewY(-2deg) scale(1.2);
-ms-transform: skewY(-2deg) scale(1.2);
transform: skewY(-2deg) scale(1.2);
}
#common_service .sec_aboutus02 .ul_nav > li .cap,
#common_service .sec_top3 .ul_nav > li .cap,
main .sec_aboutus02 .ul_nav > li .cap,
main .sec_top3 .ul_nav > li .cap {
text-align: center;
font-size: 1.8rem;
line-height: 1;
margin: 16px auto;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav > li .cap,
#common_service .sec_top3 .ul_nav > li .cap,
main .sec_aboutus02 .ul_nav > li .cap,
main .sec_top3 .ul_nav > li .cap {
font-size: 1.4rem;
}
}
#common_service .sec_aboutus02 .ul_nav > li a .cap,
#common_service .sec_top3 .ul_nav > li a .cap,
main .sec_aboutus02 .ul_nav > li a .cap,
main .sec_top3 .ul_nav > li a .cap {
color: #32b3c7;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li,
#common_service .sec_top3 .ul_tmb_over1 > li,
main .sec_aboutus02 .ul_tmb_over1 > li,
main .sec_top3 .ul_tmb_over1 > li {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a,
#common_service .sec_top3 .ul_tmb_over1 > li a,
main .sec_aboutus02 .ul_tmb_over1 > li a,
main .sec_top3 .ul_tmb_over1 > li a {
display: block;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a .tmb,
#common_service .sec_top3 .ul_tmb_over1 > li a .tmb,
main .sec_aboutus02 .ul_tmb_over1 > li a .tmb,
main .sec_top3 .ul_tmb_over1 > li a .tmb {
position: relative;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a .tmb:before,
#common_service .sec_top3 .ul_tmb_over1 > li a .tmb:before,
main .sec_aboutus02 .ul_tmb_over1 > li a .tmb:before,
main .sec_top3 .ul_tmb_over1 > li a .tmb:before {
content: "";
width: 100%;
height: 100%;
display: block;
background: #fff;
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a .tmb img,
#common_service .sec_top3 .ul_tmb_over1 > li a .tmb img,
main .sec_aboutus02 .ul_tmb_over1 > li a .tmb img,
main .sec_top3 .ul_tmb_over1 > li a .tmb img {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a:hover img,
#common_service .sec_top3 .ul_tmb_over1 > li a:hover img,
main .sec_aboutus02 .ul_tmb_over1 > li a:hover img,
main .sec_top3 .ul_tmb_over1 > li a:hover img {
opacity: .6;
}
@media screen and (max-width: 900px) {
main.main_shop .wrap iframe {
max-width: 100%;
height: auto;
}
}
main.main_shop .wrap strong {
font-weight: bold;
}
main.main_shop .wrap .wp-caption {
margin-top: 18px;
max-width: 100%;
}
@media screen and (max-width: 900px) {
main.main_shop .wrap .wp-caption {
width: auto !important;
}
}
main.main_shop .wrap .wp-caption .wp-caption-text {
text-align: center;
margin-top: 8px;
}
main.main_shop .shop_outline .wrap {
max-width: 1020px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_outline .wrap {
margin: 0 15px;
}
}
main.main_shop .shop_outline .heading .title {
font-size: 3.4rem;
line-height: 1.4;
font-family: fot-tsukuardgothic-std;
font-weight: 600;
color: #3264c8;
position: relative;
border-bottom: 1px solid #3264c8;
padding: 8px 16px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_outline .heading .title {
font-size: 2.4rem;
}
}
main.main_shop .shop_outline .heading .title:after {
content: "";
width: 6px;
height: 32px;
background: #3264c8;
position: absolute;
left: 0;
bottom: 0;
}
main.main_shop .shop_outline .box {
background: #f4f4f4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 24px;
padding: 32px;
margin: 16px auto 50px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_outline .box {
padding: 16px 8px;
}
}
main.main_shop .shop_outline .ul_date > li dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.76rem;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_outline .ul_date > li dl {
font-size: 1.4rem;
}
}
main.main_shop .shop_outline .ul_date > li dl dt, main.main_shop .shop_outline .ul_date > li dl dd {
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_shop .shop_outline .ul_date > li dl dt {
color: #777777;
width: 7em;
}
main.main_shop .shop_outline .ul_date > li dl dd a {
word-break: break-all;
color: #006f9b;
text-decoration: underline;
transition-duration: 0.3s;
}
main.main_shop .shop_outline .ul_date > li dl dd a:hover {
color: #f7931e;
}
main.main_shop .shop_outline .ul_service {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -24px;
margin: 24px 0 12px -12px;
}
main.main_shop .shop_outline .ul_service > li {
margin-left: 12px;
margin-bottom: 12px;
font-size: 1.5rem;
}
main.main_shop .shop_outline .ul_service > li span {
border-radius: 40px;
display: inline-block;
padding: 0.4em 1.2em;
background: #fff297;
color: #60463a;
border: 1px solid #ddbc54; white-space: nowrap;
}
main.main_shop .shop_date .wrap {
max-width: 1020px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .wrap {
margin: 0 15px;
}
}
main.main_shop .shop_date .heading .tit {
font-size: 3.4rem;
line-height: 1.4;
font-family: fot-tsukuardgothic-std;
font-weight: 600;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .heading .tit {
font-size: 2rem;
}
}
main.main_shop .shop_date .lo1 {
margin: 30px auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
main.main_shop .shop_date.shop_date1 {
margin-bottom: 0;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 24px auto 56px;
}
}
main.main_shop .shop_date .lo1 .icatch img {
border-radius: 12px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .lo1 .icatch {
width: 100%;
margin-bottom: 24px;
}
main.main_shop .shop_date .lo1 .icatch img {
width: 100%;
}
}
main.main_shop .shop_date .lo1 .googlemap {
width: 534px;
height: 338px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .lo1 .googlemap {
width: 100%;
}
}
main.main_shop .shop_date .lo1 .googlemap .acf-map {
width: 100%;
height: 338px;
}
main.main_shop .shop_date .lo1 .googlemap .acf-map img {
max-width: inherit !important;
}
main.main_shop .shop_date .editer {
background: #fffdf0;
border: 1px solid #ede4ab;
padding: 40px;
border-radius: 18px;
margin-bottom: 40px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .editer {
padding: 24px 12px;
}
}
main.main_shop .shop_date .editer .heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .editer .heading {
margin-bottom: 20px;
}
}
main.main_shop .shop_date .editer .heading h2.tit {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
color: #1a1a1a;
font-size: 2.2rem;
letter-spacing: 0.025em;
line-height: 1.6;
font-family: fot-tsukuardgothic-std;
margin: 0 0 0 140px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .editer .heading h2.tit {
margin: 70px 0 0 0;
font-size: 1.8rem;
}
}
main.main_shop .shop_date .editer .heading .owner {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
position: absolute;
left: 0;
top: -64px;
margin-right: 32px;
}
main.main_shop .shop_date .editer .heading .owner img {
border-radius: 60px;
border: 1px solid #29abe2;
width: 111px;
height: 111px;
object-fit: cover;
}
main.main_shop .shop_date .editer .post p {
font-size: 1.6rem;
line-height: 2.2;
margin-bottom: 1.6em;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .editer .post p {
font-size: 1.4rem;
line-height: 1.6;
}
}
main.main_shop .shop_date .editer .post p:last-child {
margin-bottom: 0;
}
main.main_shop .shop_date .gr_date {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px dotted #1a1a1a;
margin-top: 15px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .gr_date {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 15px;
}
}
main.main_shop .shop_date .gr_date .ul_date {
width: 48%;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .gr_date .ul_date {
width: 100%;
}
}
main.main_shop .shop_date .gr_date .ul_date > li {
border-bottom: 1px dotted #1a1a1a;
}
main.main_shop .shop_date .gr_date .ul_date > li dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .gr_date .ul_date > li dl {
width: 100%;
font-size: 1.4rem;
}
}
main.main_shop .shop_date .gr_date .ul_date > li dl dt, main.main_shop .shop_date .gr_date .ul_date > li dl dd {
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_shop .shop_date .gr_date .ul_date > li dl dt {
color: #777777;
width: 7em;
}
main.main_shop .shop_date .gr_date .ul_date > li dl dd { width: calc(100% - 7em);
}
main.main_shop .shop_date .gr_date .ul_date > li dl dd a {
word-break: break-all;
color: #006f9b;
text-decoration: underline;
transition-duration: 0.3s;
}
main.main_shop .shop_date .gr_date .ul_date > li dl dd a:hover {
color: #f7931e;
}
main.main_shop .shop_date .gr_date .ul_scopearea {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_shop .shop_date .gr_date .ul_scopearea li:after {
content: "／";
margin-left: 0.5em;
margin-right: 0.5em;
}
main.main_shop .shop_date .area_sns {
padding: 40px;
border-radius: 18px;
margin: 32px auto;
background: #f4f4f4;
}
main.main_shop .shop_date .area_gallery {
margin: 24px auto;
}
main.main_shop .shop_date .ul_gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 -32px -36px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .ul_gallery {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 -16px;
}
}
main.main_shop .shop_date .ul_gallery > li {
margin: 0 0 32px 36px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .ul_gallery > li {
width: 48%;
margin: 0 0 16px;
}
}
main.main_shop .shop_date .ul_gallery > li img {
border-radius: 18px;
}
main.main_shop .shop_date .shop_conv {
text-align: center;
}
main.main_shop .shop_date .shop_conv .btn_shop {
border: none;
font-size: 2.3rem;
letter-spacing: 0.025em;
line-height: 1;
padding: 16px;
background: #f7931e;
border-radius: 32px;
color: #fff;
width: 480px;
margin: 32px auto;
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .shop_conv .btn_shop {
width: 100%;
font-size: 1.8rem;
padding: 12px;
}
}
main.main_shop .shop_date .shop_conv .btn_shop:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 19px;
height: 22px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/alink_icn_arr.svg) center center no-repeat;
background-size: contain;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .shop_conv .btn_shop:after {
width: 16px;
height: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
main.main_shop .shop_date .shop_conv .btn_shop:hover {
background: #3264c8;
}
main.main_shop .shop_date .shop_conv .btn_shop:hover:after {
background-image: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
main.main_shop .shop_date .area_back {
text-align: right;
}
main.main_shop .shop_date .area_back a.a_back {
color: #006f9b;
font-size: 1.9rem;
font-weight: 600;
letter-spacing: 0.025em;
text-decoration: underline;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .area_back a.a_back {
font-size: 1.6rem;
}
}
main.main_shop .shop_date .area_back a.a_back:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 22px;
height: 22px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/common/alink_icn1.svg) center center no-repeat;
background-size: contain;
margin-left: 8px;
}
@media screen and (max-width: 900px) {
main.main_shop .shop_date .area_back a.a_back:after {
width: 18px;
height: 18px;
}
}
main.main_shop #home_mark {
margin-bottom: 72px;
}
@media screen and (max-width: 900px) {
main.main_shop #home_mark {
margin-bottom: 0;
}
}
main.main_shop #home_mark .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 24px auto;
}
@media screen and (max-width: 900px) {
main.main_shop #home_mark .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_shop #home_mark .lo1 .tmb {
margin-right: 32px;
}
@media screen and (max-width: 900px) {
main.main_shop #home_mark .lo1 .tmb {
margin: 0 0 16px;
}
}
main.main_shop #home_mark .lo1 .txt p {
font-size: 1.6rem;
line-height: 2;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_shop #home_mark .lo1 .txt p {
font-size: 1.4rem;
}
}
.gr_sns {
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 -16px -16px;
}
.gr_sns .sns_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 16px 16px;
}
.gr_sns .sns_inner .sns_icon {
width: 51px;
}
.gr_sns .sns_inner .balloon1 {
position: relative;
margin: 4px 0 4px 16px;
padding: 7px 7px 7px 14px;
min-width: 190px;
max-width: 100%;
color: #3264c8;
font-size: 1.4rem;
background: #FFF;
border: solid 2px #b3b3b3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 12px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (min-width: 769px) {
.gr_sns .sns_inner .balloon1:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-top: -4px;
}
}
.gr_sns .sns_inner .balloon1:before {
content: "";
position: absolute;
top: 50%;
left: -15px;
margin-top: -8px;
border: 8px solid transparent;
border-right: 8px solid #FFF;
z-index: 2;
}
.gr_sns .sns_inner .balloon1:after {
content: "";
position: absolute;
top: 50%;
left: -20px;
margin-top: -10px;
border: 10px solid transparent;
border-right: 10px solid #b3b3b3;
z-index: 1;
}
.gr_sns .sns_inner .balloon1 p {
margin: 0;
padding: 0;
}
.gr_sns .sns_inner .balloon1 a {
color: #3264c8;
}
main.main_joinus #lead_joinus .tmb {
text-align: center;
margin: 40px auto;
}
main.main_joinus #lead_joinus .txt_line {
text-align: center;
}
main.main_joinus #lead_joinus .txt_line p {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
}
main.main_joinus #lead_merit {
padding: 40px 0 40px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit {
padding: 0;
}
}
main.main_joinus #lead_merit .tmb_obi {
min-height: 620px;
background: url(//nagasaki929.com/wp-content/themes/taulabo/site/img/index/cleaning_bg1.png) center bottom no-repeat;
background-size: 1800px 614px;
position: relative;
margin-bottom: 100px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit .tmb_obi {
min-height: auto;
background-size: cover;
margin-bottom: 10px;
}
}
main.main_joinus #lead_merit .tmb_obi .tmb {
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit .tmb_obi .tmb {
padding: 0 20px;
}
}
main.main_joinus #lead_merit .wrap {
max-width: 960px;
}
main.main_joinus #lead_merit .ol_merit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 64px auto -32px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit .ol_merit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_joinus #lead_merit .ol_merit > li {
width: 48%;
background: #32b3c7;
color: #fff;
border-radius: 20px;
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 32px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit .ol_merit > li {
width: 100%;
}
}
main.main_joinus #lead_merit .ol_merit > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 44px;
height: 44px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_ol01.svg) center center/contain no-repeat;
position: absolute;
left: 16px;
top: 24px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit .ol_merit > li:before {
width: 30px;
height: 30px;
top: 30px;
}
}
main.main_joinus #lead_merit .ol_merit > li:nth-child(2):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_ol02.svg);
}
main.main_joinus #lead_merit .ol_merit > li:nth-child(3):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_ol03.svg);
}
main.main_joinus #lead_merit .ol_merit > li:nth-child(4):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_ol04.svg);
}
main.main_joinus #lead_merit .ol_merit > li:nth-child(5):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_ol05.svg);
}
main.main_joinus #lead_merit .ol_merit > li:nth-child(6):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_ol06.svg);
}
main.main_joinus #lead_merit .ol_merit > li .tit {
font-size: 2.8rem;
font-weight: 700;
font-family: fot-tsukuardgothic-std;
letter-spacing: -0.01em;
white-space: nowrap;
margin-bottom: 16px;
padding-left: 44px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit .ol_merit > li .tit {
font-size: 2.2rem;
white-space: inherit;
padding-left: 35px;
line-height: 1.4;
}
}
main.main_joinus #lead_merit .ol_merit > li .desc {
font-size: 1.7rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit .ol_merit > li .desc {
font-size: 1.5rem;
}
}
main.main_joinus #lead_merit .ol_merit > li .txt {
min-height: 194px;
height: 100%;
color: #fff;
border: 2px solid #fff;
border-radius: 14px;
display: block;
padding: 20px 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
main.main_joinus #lead_step {
padding: 40px 0;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_step {
padding: 0;
}
}
main.main_joinus #lead_step .heading {
max-width: 1080px;
margin: 0 auto;
position: relative;
}
main.main_joinus #lead_step .heading:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 68px;
height: 120px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/h_obj1.svg) center center/contain no-repeat;
position: absolute;
left: -26px;
top: -16px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_step .heading:before {
display: none;
}
}
main.main_joinus #lead_step .heading:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 50px;
height: 136px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/h_obj2.svg) center center/contain no-repeat;
position: absolute;
right: -24px;
top: -76px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_step .heading:after {
display: none;
}
}
main.main_joinus #lead_step .ol_step {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 64px auto -32px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_step .ol_step {
margin-top: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
main.main_joinus #lead_step .ol_step > li {
max-width: 540px;
width: 49%;
background: #fff;
border: 2px solid #3264c8;
padding: 56px 28px 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 32px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_step .ol_step > li {
width: 100%;
}
}
main.main_joinus #lead_step .ol_step > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 53px;
height: 60px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step01.svg) center center/contain no-repeat;
position: absolute;
left: 26px;
top: -16px;
z-index: 100;
}
main.main_joinus #lead_step .ol_step > li:nth-child(2):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step02.svg);
}
main.main_joinus #lead_step .ol_step > li:nth-child(3):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step03.svg);
}
main.main_joinus #lead_step .ol_step > li:nth-child(4):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_icn_step04.svg);
}
main.main_joinus #lead_step .ol_step > li .tit {
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 1.4;
color: #3264c8;
margin-bottom: 24px;
padding: 8px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_step .ol_step > li .tit {
margin-bottom: 10px;
padding: 0;
}
}
main.main_joinus #lead_step .ol_step > li .tit:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 26px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/h_line1.svg) right center/contain no-repeat;
position: absolute;
right: 3px;
bottom: -16px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_step .ol_step > li .tit:after {
display: none;
}
}
main.main_joinus #lead_step .ol_step > li .desc {
font-size: 1.5rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
main.main_joinus #lead_merit2 {
padding: 40px 0 40px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 {
padding: 0;
}
}
main.main_joinus #lead_merit2 .wrap {
max-width: 1180px;
padding: 0 40px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .wrap {
padding: 0;
}
}
main.main_joinus #lead_merit2 > .tit {
color: #ed1c24;
font-size: 4rem;
text-align: center;
font-weight: 900;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 > .tit {
font-size: 6.4vw;
}
}
main.main_joinus #lead_merit2 > .tit span {
display: block;
font-size: 4.8rem;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 > .tit span {
font-size: 7.2vw;
}
}
main.main_joinus #lead_merit2 .tmb {
margin: 32px auto;
text-align: center;
}
main.main_joinus #lead_merit2 .ol_merit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px auto -40px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .ol_merit {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
}
main.main_joinus #lead_merit2 .ol_merit > li {
max-width: 520px;
width: 48%;
min-height: 216px;
background: #fff;
border: 2px solid #3264c8;
padding: 24px 28px 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 40px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .ol_merit > li {
width: 96%;
margin: 0 auto 45px;
min-height: inherit;
padding: 10px 20px 20px;
}
}
main.main_joinus #lead_merit2 .ol_merit > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 53px;
height: 53px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_ol01.svg) center center/contain no-repeat;
position: absolute;
left: -24px;
top: -24px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .ol_merit > li:before {
width: 46px;
height: 46px;
top: -35px;
left: 0;
}
}
main.main_joinus #lead_merit2 .ol_merit > li:nth-child(2):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_ol02.svg);
}
main.main_joinus #lead_merit2 .ol_merit > li:nth-child(3):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_ol03.svg);
}
main.main_joinus #lead_merit2 .ol_merit > li:nth-child(4):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_ol04.svg);
}
main.main_joinus #lead_merit2 .ol_merit > li:nth-child(5):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_ol05.svg);
}
main.main_joinus #lead_merit2 .ol_merit > li:nth-child(5) .ul_merit {
max-width: 314px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .ol_merit > li:nth-child(5) .ul_merit {
max-width: 100%;
}
}
main.main_joinus #lead_merit2 .ol_merit > li:nth-child(6):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/joinus_ol06.svg);
background-size: cover;
}
main.main_joinus #lead_merit2 .ol_merit > li:last-child {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/joinus/ul_merit_bg1.jpg);
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .ol_merit > li:last-child {
display: none;
}
}
main.main_joinus #lead_merit2 .ol_merit > li .tit {
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 1.4;
color: #3264c8;
padding: 8px 0;
position: relative;
}
main.main_joinus #lead_merit2 .ol_merit > li .tit:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 5px;
background: #3264c8;
right: 3px;
bottom: -16px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .ol_merit > li .tit:after {
display: none;
}
}
main.main_joinus #lead_merit2 .ol_merit > li .ul_merit {
font-size: 1.5rem;
line-height: 1.8;
letter-spacing: 0.025em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_joinus #lead_merit2 .ol_merit > li .ul_merit > li {
list-style: disc;
margin-left: 1.6em;
margin-right: 1em;
} main.main_joinus #lead_merit2 .ol_merit > li p{
margin-top: .8em;
font-size: 1.5rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
main.main_joinus #lead_merit2 .ol_merit > li p span {
color: #ed1c24;
}
main.main_joinus #lead_merit2 .ol_merit > li .obj {
position: absolute;
right: 32px;
bottom: 8px;
}
@media screen and (max-width: 900px) {
main.main_joinus #lead_merit2 .ol_merit > li .obj {
position: static;
text-align: center;
margin-top: 32px;
}
}
main.main_clothing #clothinggaityu {
padding: 40px 0 40px;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothinggaityu {
padding: 0;
}
}
main.main_clothing #clothinggaityu .wrap {
max-width: 1100px;
}
main.main_clothing #clothinggaityu .tmb {
width: 95%;
max-width: 1100px;
margin: 24px auto 0px;
text-align: center;
}
main.main_clothing #clothinggaityu .taisaku_gr {
max-width: 624px;
margin: 0 auto;
text-align: center;
padding: 16px 0 16px;
margin-bottom: 16px;
position: relative;
}
main.main_clothing #clothinggaityu .taisaku_gr .tit {
font-size: 2.4rem;
font-weight: 900;
letter-spacing: 0.024em;
color: #ed1c24;
margin-bottom: 0.8em;
}
main.main_clothing #clothinggaityu .taisaku_gr p {
font-size: 1.5rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
main.main_clothing #clothinggaityu .taisaku_gr .img1 {
margin: 24px auto;
}
main.main_clothing #clothinggaityu .taisaku_gr .obj1 {
position: absolute;
right: -60px;
top: 24px;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothinggaityu .taisaku_gr .obj1 {
display: none;
}
}
main.main_clothing #clothingpoint {
padding: 40px 0 40px;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothingpoint {
padding: 0;
}
}
main.main_clothing #clothingpoint .wrap {
max-width: 1100px;
padding: 0 40px;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothingpoint .wrap {
padding: 0;
}
}
main.main_clothing #clothingpoint .tmb {
width: 95%;
max-width: 1100px;
margin: 24px auto 0px;
text-align: center;
}
main.main_clothing #clothingpoint .ol_merit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px auto -40px;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothingpoint .ol_merit {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
}
main.main_clothing #clothingpoint .ol_merit > li {
max-width: 520px;
width: 48%;
min-height: 216px;
background: #fff;
border: 2px solid #3264c8;
padding: 24px 28px 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 40px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothingpoint .ol_merit > li {
width: 96%;
margin: 0 auto 45px;
min-height: inherit;
padding: 10px 20px 20px;
}
}
main.main_clothing #clothingpoint .ol_merit > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 53px;
height: 53px;
background: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/clothing/clothing_ol01.svg) center center/contain no-repeat;
position: absolute;
left: -24px;
top: -24px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothingpoint .ol_merit > li:before {
width: 46px;
height: 46px;
top: -35px;
left: 0;
}
}
main.main_clothing #clothingpoint .ol_merit > li:nth-child(2):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/clothing/clothing_ol02.svg);
}
main.main_clothing #clothingpoint .ol_merit > li:nth-child(3):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/clothing/clothing_ol03.svg);
}
main.main_clothing #clothingpoint .ol_merit > li:nth-child(4):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/clothing/clothing_ol04.svg);
}
main.main_clothing #clothingpoint .ol_merit > li:nth-child(5):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/clothing/clothing_ol05.svg);
}
main.main_clothing #clothingpoint .ol_merit > li:nth-child(5) .ul_merit {
max-width: 314px;
}
main.main_clothing #clothingpoint .ol_merit > li:nth-child(6):before {
background-image: url(https://nagasaki929.com/wp-content/themes/taulabo/site/img/clothing/clothing_ol06.svg);
background-size: cover;
}
main.main_clothing #clothingpoint .ol_merit > li .tit {
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 1.4;
color: #3264c8;
padding: 8px 0;
position: relative;
}
main.main_clothing #clothingpoint .ol_merit > li .tit:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 5px;
background: #3264c8;
right: 3px;
bottom: -16px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_clothing #clothingpoint .ol_merit > li .tit:after {
display: none;
}
}
main.main_clothing #clothingpoint .ol_merit > li .desc {
font-size: 1.5rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
main.main_clothing #clothingpoint .ol_merit > li .desc span {
color: #ed1c24;
}
main.main_about #sec_lead {
padding: 0 0 40px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_lead {
padding: 0;
}
}
main.main_about #sec_lead .tmb {
text-align: center;
margin: 40px auto;
}
main.main_about #sec_lead .txt_line {
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_about #sec_lead .txt_line {
text-align: left;
}
}
main.main_about #sec_lead .txt_line .tit {
font-size: 2.4rem;
font-weight: 400;
font-family: ten-mincho-text, serif;
color: #3264c8;
line-height: 1.6;
letter-spacing: 0.025em;
white-space: nowrap;
margin-bottom: 24px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_lead .txt_line .tit {
font-size: 2rem;
white-space: initial;
text-align: left;
}
}
main.main_about #sec_lead .txt_line p {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
}
main.main_about #sec_lead .ul_point {
max-width: 930px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 64px auto -32px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_lead .ul_point {
margin: 30px auto -32px;
}
}
main.main_about #sec_lead .ul_point > li {
width: 100%;
background: #daf2f2;
border-radius: 20px;
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 32px;
position: relative;
}
main.main_about #sec_lead .ul_point > li .txt {
border: 2px solid #fff;
border-radius: 14px;
display: block;
padding: 20px 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_about #sec_lead .ul_point > li .txt {
padding: 10px;
}
}
main.main_about #sec_lead .ul_point > li .tit {
font-size: 2.8rem;
font-weight: 700;
color: #1796a3;
font-family: fot-tsukuardgothic-std;
letter-spacing: 0.01em;
white-space: nowrap;
margin-bottom: 16px;
line-height: 1.5;
}
@media screen and (max-width: 900px) {
main.main_about #sec_lead .ul_point > li .tit {
font-size: 2.2rem;
white-space: initial;
margin-bottom: 10px;
line-height: 1.4;
}
}
main.main_about #sec_lead .ul_point > li .desc {
font-size: 1.7rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_about #sec_lead .ul_point > li .desc {
font-size: 1.5rem;
}
}
main.main_about #sec_outline {
padding: 40px 0 0;
}
@media screen and (max-width: 900px) {
main.main_about #sec_outline {
padding: 0;
}
}
main.main_about #sec_outline .heading .tit {
font-size: 2.6rem;
line-height: 1.4;
letter-spacing: 0.025em;
font-family: fot-tsukuardgothic-std;
font-weight: 600;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_about #sec_outline .heading .tit {
font-size: 2rem;
}
}
main.main_about #sec_outline .gr_date {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px dotted #1a1a1a;
margin-top: 10px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_outline .gr_date {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_about #sec_outline .gr_date .ul_date {
width: 48%;
}
@media screen and (max-width: 900px) {
main.main_about #sec_outline .gr_date .ul_date {
width: 100%;
}
}
main.main_about #sec_outline .gr_date .ul_date > li {
border-bottom: 1px dotted #1a1a1a;
}
main.main_about #sec_outline .gr_date .ul_date > li dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.8rem;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_about #sec_outline .gr_date .ul_date > li dl {
width: 100%;
font-size: 1.5rem;
}
}
main.main_about #sec_outline .gr_date .ul_date > li dl dt, main.main_about #sec_outline .gr_date .ul_date > li dl dd {
padding: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_about #sec_outline .gr_date .ul_date > li dl dt {
color: #777777;
width: 7em;
}
main.main_about #sec_outline .gr_date .ul_date > li dl dd {
width: 20em;
}
main.main_about #sec_outline .gr_date .ul_date > li dl dd a {
color: #006f9b;
text-decoration: underline;
transition-duration: 0.3s;
}
main.main_about #sec_outline .gr_date .ul_date > li dl dd a:hover {
color: #f7931e;
}
main.main_about #sec_outline .gr_date .ul_scopearea {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_about #sec_outline .gr_date .ul_scopearea li:after {
content: "／";
margin-left: 0.5em;
margin-right: 0.5em;
}
main.main_about #sec_things {
padding: 85px 0 0;
margin-top: -45px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_things {
padding: 0;
margin: 0;
}
}
main.main_about #sec_things .blk_thing {
padding-top: 40px;
margin-bottom: 40px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_things .blk_thing {
padding: 0;
}
}
@media screen and (max-width: 900px) {
main.main_about #sec_things .blk_thing:last-child {
margin: 0;
}
}
main.main_about #sec_things .blk_thing > .tit {
font-size: 2.6rem;
letter-spacing: 0.025em;
font-family: fot-tsukuardgothic-std;
text-align: center;
background: #e5f0f9;
padding: 5px;
line-height: 1.5;
}
@media screen and (max-width: 900px) {
main.main_about #sec_things .blk_thing > .tit {
font-size: 2.2rem;
}
}
main.main_about #sec_things .blk_thing .ul_thing {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 32px auto -32px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_things .blk_thing .ul_thing {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
}
main.main_about #sec_things .blk_thing .ul_thing > li {
max-width: 540px;
width: 49%;
background: #fff;
border: 2px solid #3264c8;
padding: 24px 28px 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 32px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_about #sec_things .blk_thing .ul_thing > li {
width: 100%;
padding: 10px 15px 20px;
}
}
@media screen and (max-width: 900px) {
main.main_about #sec_things .blk_thing .ul_thing > li:last-child {
margin-bottom: 0;
}
}
main.main_about #sec_things .blk_thing .ul_thing > li .tit {
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 1.4;
color: #3264c8;
padding: 8px 0;
position: relative;
}
main.main_about #sec_things .blk_thing .ul_thing > li .tit:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 5px;
background: #a3bde5;
right: 3px;
bottom: -16px;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_about #sec_things .blk_thing .ul_thing > li .tit:after {
display: none;
}
}
main.main_about #sec_things .blk_thing .ul_thing > li .desc {
font-size: 1.5rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
main.main_about #sec_organogram {
padding: 85px 0 0;
margin-top: -45px;
}
@media screen and (max-width: 900px) {
main.main_about #sec_organogram {
padding: 0;
margin: 0;
}
}
main.main_about #sec_organogram .txt_line {
text-align: center;
margin-bottom: 16px;
}
main.main_about #sec_organogram .txt_line p {
font-size: 2rem;
line-height: 1.4;
letter-spacing: 0.025em;
font-family: fot-tsukuardgothic-std;
font-weight: 600;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_about #sec_organogram .txt_line p {
font-size: 1.8rem;
}
}
main.main_about #sec_organogram .chart {
max-width: 955px;
width: 90%;
margin: 32px auto;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_about #sec_organogram .chart {
margin-bottom: -35px;
}
}
main.main_about #sec_organogram .chart img {
width: 100%;
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.s_spOnly {
display: none;
}
@media (max-width: 430px) {
.s_spOnly {
display: block;
}
}
@media screen and (max-width: 900px) {
.page-id-10 footer#gft {
padding-bottom: 0 !important;
}
}
main.main_error section {
padding-bottom: 150px;
}
main.main_error p {
font-size: 18px;
}
main.main_error .errText {
padding-bottom: 35px;
}
@media screen and (max-width: 900px) {
main.main_error section {
padding: 0 2% 50px;
}
main.main_error p {
font-size: 14px;
}
}
header#ghd .l_cell {
display: flex;
padding-top: 15px;
justify-content: space-between;
width: 100%;
max-width: 1390px;
margin: 0 auto;
flex-wrap: wrap;
} .slider {
margin-top: -120px;
}
.slider .slideInr {
position: relative;
}
.slider .slideInr p {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
color: #fff;
font-weight: 700;
line-height: 1.5;
letter-spacing: 3.75px;
text-align: center;
text-shadow: 0px 0px 8px #393939CC;
}
@media screen and (max-width: 900px) {
.slider {
margin-top: 0;
}
.slider .slideInr p {
font-size: 22px;
top: 45%;
transform: translate(-50%, -45%);
}
.flexslider .slides img {
height: 280px !important;
object-fit: cover;
}
}@font-face {
font-family: 'flexslider-icon';
src: url(//nagasaki929.com/wp-content/themes/taulabo/site/css/fonts/flexslider-icon.eot);
src: url(//nagasaki929.com/wp-content/themes/taulabo/site/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//nagasaki929.com/wp-content/themes/taulabo/site/css/fonts/flexslider-icon.woff) format('woff'), url(//nagasaki929.com/wp-content/themes/taulabo/site/css/fonts/flexslider-icon.ttf) format('truetype'), url(//nagasaki929.com/wp-content/themes/taulabo/site/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #fff; position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
display: none; }
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute; bottom: 40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block; border: 1.5px solid #fff;
cursor: pointer;
text-indent: -9999px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover { background: rgba(255, 255, 255, 0.7);
}
.flex-control-paging li a.flex-active { cursor: default;
background: #fff;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
@media screen and (max-width: 900px) {
.flexslider {
margin: 0 0 15px;
}
.flex-control-nav { bottom: 20px;
}
}