@charset "utf-8";
html, body, div, span, applet, object,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, figure,nav,header {
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline;
background: transparent;
font-weight: normal;
-webkit-tap-highlight-color:transparent; 
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}
video{cursor:pointer!important; max-width:100%!important;}
input, select, textarea {
font-size: 16px;
line-height: 150%;
}
img{max-width: 100%; height: auto;}
:focus { outline: none;}
figure{margin-bottom:0!important;}

/*FOUT対応*/
html {
visibility: hidden;
}
html.wf-active, html.loading-delay {
visibility: visible;
}

body {
font-family:'Noto Serif JP','ＭＳ Ｐ明朝','MS PMincho','century',serif;
font-size:16px;
letter-spacing:0.1em;
line-height:175%;
color: #595656;
text-align:left;
word-break: break-all;
}
@media screen and (max-width: 480px){body{font-size:14px;}}

img {
border: none;
vertical-align:bottom;
}
a img:hover{opacity: 0.8;}

ol,ul{padding: 0; margin: 0;}
li{list-style: none; word-break: break-all;}

a {text-decoration: none!important; color:#595656;}
a:hover {text-decoration: none; color:#595656 !important; opacity: 0.3; transition:.3s;}
a:visited {text-decoration: none!important; color:#595656;}

.ofh{overflow: hidden!important;}
.por{position:relative!important;}
.poa{position:absolute!important;}
.pof{position:fixed!important;}
.jcc{justify-content: center!important;}
@media screen and (max-width:480px){.jcc{justify-content: start!important;}}
.jcca{justify-content: center!important;}
.tac{text-align: center !important;}
@media screen and (max-width:480px){.tac-xs{text-align: center !important;}}
.tac-md{text-align: center !important;}
@media screen and (max-width:480px){.tac-md{text-align: left !important;}}
.tal{text-align: left !important;}
.tar{text-align: right !important;}
.vat{vertical-align:top !important;}
.vab{vertical-align:bottom !important;}
.vam{vertical-align:middle !important;}
.tac2{margin-right: auto; margin-left: auto;}
@media screen and (max-width: 480px){.tac2-xs{margin-right: auto; margin-left: auto;}}
.ass{align-self:flex-start!important;}
.asc{align-self:center!important;}
.ase{align-self:flex-end!important;}
.cpo{cursor:pointer!important;}

.z0{z-index:1050; position:relative;}
.z1{z-index:1051; position:relative;}
.z2{z-index:1052; position:relative;}
.z3{z-index:1053; position:relative;}
.z4{z-index:1054; position:relative;}
.z5{z-index:1055; position:relative;}

.dib{display: inline-block;}
.din{display: inline;}
.dbr{display: block;}

/*bootstrap*/
.container{max-width:1450px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left:25px;}
.container1000{max-width:1000px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left:25px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.container1000{max-width:800px;}}
.container1100{max-width:1100px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left:25px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.container1100{max-width:800px;}}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}

.embed-responsive::before {
display: block;
content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

.embed-responsive-21by9::before {
padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
padding-top: 56.25%;
}

.embed-responsive-4by3::before {
padding-top: 75%;
}

.embed-responsive-1by1::before {
padding-top: 100%;
}

.fade {
transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}

.fade:not(.show) {
opacity: 0;
}
.modal-open {
overflow: hidden;
}

.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}

.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1060;
display: none;
overflow: hidden;
outline: 0;
}

.modal-dialog {
position: relative;
width: auto;
padding: 25px 10px;
pointer-events: none;
}

.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}

.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}

.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
display: block;
height: calc(100vh - (0.5rem * 2));
content: "";
}

.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-clip: padding-box;
color: #fff;
}

.modal-content h2{margin-top:10px;}

.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: rgba( 17, 17, 17, 0.5 );;
}

.modal-backdrop.fade {
opacity: 0;
}

.modal-backdrop.show {
opacity: 0.8;
}

.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}

@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
body.modal-open{
padding-right:17px!important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
body.modal-open{
padding-right:17px!important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}

/*マージン・パディング*/
.nomargin{margin: 0 !important;}
.nopadding{padding:0 !important;}

.m0-t{margin-top: 0px !important;}
.m5-t{margin-top: 5px !important;}
.m10-t{margin-top: 10px !important;}
.m15-t{margin-top: 15px !important;}
.m20-t{margin-top: 20px !important;}
.m25-t{margin-top: 25px !important;}
.m30-t{margin-top: 30px !important;}
.m35-t{margin-top: 35px !important;}
.m40-t{margin-top: 40px !important;}
.m45-t{margin-top: 45px !important;}
.m50-t{margin-top: 50px !important;}
.m60-t{margin-top: 60px !important;}
.m70-t{margin-top: 70px !important;}
.m80-t{margin-top: 80px !important;}
.m90-t{margin-top: 90px !important;}
.m100-t{margin-top: 100px !important;}

.m0-b{margin-bottom: 0px !important;}
.m5-b{margin-bottom: 5px !important;}
.m10-b{margin-bottom: 10px !important;}
.m15-b{margin-bottom: 15px !important;}
.m20-b{margin-bottom: 20px !important;}
.m25-b{margin-bottom: 25px !important;}
.m30-b{margin-bottom: 30px !important;}
.m35-b{margin-bottom: 35px !important;}
.m40-b{margin-bottom: 40px !important;}
.m45-b{margin-bottom: 45px !important;}
.m50-b{margin-bottom: 50px !important;}
.m60-b{margin-bottom: 60px !important;}
.m70-b{margin-bottom: 70px !important;}
.m80-b{margin-bottom: 80px !important;}
.m90-b{margin-bottom: 90px !important;}
.m100-b{margin-bottom: 100px !important;}

.m0-l{margin-left: 0px !important;}
.m5-l{margin-left: 5px !important;}
.m10-l{margin-left: 10px !important;}
.m15-l{margin-left: 15px !important;}
.m20-l{margin-left: 20px !important;}
.m25-l{margin-left: 25px !important;}
.m30-l{margin-left: 30px !important;}
.m35-l{margin-left: 35px !important;}
.m40-l{margin-left: 40px !important;}
.m45-l{margin-left: 45px !important;}
.m50-l{margin-left: 50px !important;}
.m60-l{margin-left: 60px !important;}
.m70-l{margin-left: 70px !important;}
.m80-l{margin-left: 80px !important;}
.m90-l{margin-left: 90px !important;}
.m100-l{margin-left: 100px !important;}

.m0-r{margin-right: 0px !important;}
.m5-r{margin-right: 5px !important;}
.m10-r{margin-right: 10px !important;}
.m15-r{margin-right: 15px !important;}
.m20-r{margin-right: 20px !important;}
.m25-r{margin-right: 25px !important;}
.m30-r{margin-right: 30px !important;}
.m35-r{margin-right: 35px !important;}
.m40-r{margin-right: 40px !important;}
.m45-r{margin-right: 45px !important;}
.m50-r{margin-right: 50px !important;}
.m60-r{margin-right: 60px !important;}
.m70-r{margin-right: 70px !important;}
.m80-r{margin-right: 80px !important;}
.m90-r{margin-right: 90px !important;}
.m100-r{margin-right: 100px !important;}

.m5-0-t{margin-top:5px!important;}
@media screen and (max-width: 480px){.m5-0-t{margin-top:0!important;}}
.m10-0-t{margin-top:10px!important;}
@media screen and (max-width: 480px){.m10-0-t{margin-top:0!important;}}
.m20-0-t{margin-top:20px!important;}
@media screen and (max-width: 480px){.m20-0-t{margin-top:0!important;}}
.m30-0-t{margin-top:30px!important;}
@media screen and (max-width: 480px){.m30-0-t{margin-top:0!important;}}
.m40-0-t{margin-top:40px!important;}
@media screen and (max-width: 480px){.m40-0-t{margin-top:0!important;}}
.m50-0-t{margin-top:50px!important;}
@media screen and (max-width: 480px){.m50-0-t{margin-top:0!important;}}
.m60-0-t{margin-top:60px!important;}
@media screen and (max-width: 480px){.m60-0-t{margin-top:0!important;}}
.m70-0-t{margin-top:70px!important;}
@media screen and (max-width: 480px){.m70-0-t{margin-top:0!important;}}
.m80-0-t{margin-top:80px!important;}
@media screen and (max-width: 480px){.m80-0-t{margin-top:0!important;}}
.m90-0-t{margin-top:90px!important;}
@media screen and (max-width: 480px){.m90-0-t{margin-top:0!important;}}
.m100-0-t{margin-top:100px!important;}
@media screen and (max-width: 480px){.m100-0-t{margin-top:0!important;}}

.m0-5-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-5-t{margin-top:5px!important;}}
.m0-10-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-10-t{margin-top:10px!important;}}
.m0-20-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-20-t{margin-top:20px!important;}}
.m0-30-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-30-t{margin-top:30px!important;}}
.m0-40-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-40-t{margin-top:40px!important;}}
.m0-50-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-50-t{margin-top:50px!important;}}
.m0-60-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-60-t{margin-top:60px!important;}}
.m0-70-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-70-t{margin-top:70px!important;}}
.m0-80-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-80-t{margin-top:80px!important;}}
.m0-90-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-90-t{margin-top:90px!important;}}
.m0-100-t{margin-top:0px!important;}
@media screen and (max-width: 480px){.m0-100-t{margin-top:100px!important;}}

.m5-0-b{margin-bottom:5px!important;}
@media screen and (max-width: 480px){.m5-0-b{margin-bottom:0!important;}}
.m10-0-b{margin-bottom:10px!important;}
@media screen and (max-width: 480px){.m10-0-b{margin-bottom:0!important;}}
.m20-0-b{margin-bottom:20px!important;}
@media screen and (max-width: 480px){.m20-0-b{margin-bottom:0!important;}}
.m30-0-b{margin-bottom:30px!important;}
@media screen and (max-width: 480px){.m30-0-b{margin-bottom:0!important;}}
.m40-0-b{margin-bottom:40px!important;}
@media screen and (max-width: 480px){.m40-0-b{margin-bottom:0!important;}}
.m50-0-b{margin-bottom:50px!important;}
@media screen and (max-width: 480px){.m50-0-b{margin-bottom:0!important;}}
.m60-0-b{margin-bottom:60px!important;}
@media screen and (max-width: 480px){.m60-0-b{margin-bottom:0!important;}}
.m70-0-b{margin-bottom:70px!important;}
@media screen and (max-width: 480px){.m70-0-b{margin-bottom:0!important;}}
.m80-0-b{margin-bottom:80px!important;}
@media screen and (max-width: 480px){.m80-0-b{margin-bottom:0!important;}}
.m90-0-b{margin-bottom:90px!important;}
@media screen and (max-width: 480px){.m90-0-b{margin-bottom:0!important;}}
.m100-0-b{margin-bottom:100px!important;}
@media screen and (max-width: 480px){.m100-0-b{margin-bottom:0!important;}}

.m0-5-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-5-b{margin-bottom:5px!important;}}
.m0-10-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-10-b{margin-bottom:10px!important;}}
.m0-20-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-20-b{margin-bottom:20px!important;}}
.m0-30-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-30-b{margin-bottom:30px!important;}}
.m0-40-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-40-b{margin-bottom:40px!important;}}
.m0-50-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-50-b{margin-bottom:50px!important;}}
.m0-60-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-60-b{margin-bottom:60px!important;}}
.m0-70-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-70-b{margin-bottom:70px!important;}}
.m0-80-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-80-b{margin-bottom:80px!important;}}
.m0-90-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-90-b{margin-bottom:90px!important;}}
.m0-100-b{margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-100-b{margin-bottom:100px!important;}}
.mm5-0-l{margin-left:-5px!important;}
@media screen and (max-width: 480px){.mm5-0-l{margin-left:0!important;}}
.m5-0-l{margin-left:5px!important;}
@media screen and (max-width: 480px){.m5-0-l{margin-left:0!important;}}
.m10-0-l{margin-left:10px!important;}
@media screen and (max-width: 480px){.m10-0-l{margin-left:0!important;}}
.m20-0-l{margin-left:20px!important;}
@media screen and (max-width: 480px){.m20-0-l{margin-left:0!important;}}
.m30-0-l{margin-left:30px!important;}
@media screen and (max-width: 480px){.m30-0-l{margin-left:0!important;}}
.m40-0-l{margin-left:40px!important;}
@media screen and (max-width: 480px){.m40-0-l{margin-left:0!important;}}
.m50-0-l{margin-left:50px!important;}
@media screen and (max-width: 480px){.m50-0-l{margin-left:0!important;}}
.m60-0-l{margin-left:60px!important;}
@media screen and (max-width: 480px){.m60-0-l{margin-left:0!important;}}
.m70-0-l{margin-left:70px!important;}
@media screen and (max-width: 480px){.m70-0-l{margin-left:0!important;}}
.m80-0-l{margin-left:80px!important;}
@media screen and (max-width: 480px){.m80-0-l{margin-left:0!important;}}
.m90-0-l{margin-left:90px!important;}
@media screen and (max-width: 480px){.m90-0-l{margin-left:0!important;}}
.m100-0-l{margin-left:100px!important;}
@media screen and (max-width: 480px){.m100-0-l{margin-left:0!important;}}

.m0-5-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-5-l{margin-left:5px!important;}}
.m0-10-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-10-l{margin-left:10px!important;}}
.m0-20-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-20-l{margin-left:20px!important;}}
.m0-30-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-30-l{margin-left:30px!important;}}
.m0-40-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-40-l{margin-left:40px!important;}}
.m0-50-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-50-l{margin-left:50px!important;}}
.m0-60-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-60-l{margin-left:60px!important;}}
.m0-70-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-70-l{margin-left:70px!important;}}
.m0-80-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-80-l{margin-left:80px!important;}}
.m0-90-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-90-l{margin-left:90px!important;}}
.m0-100-l{margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-100-l{margin-left:100px!important;}}

.m5-0-r{margin-right:5px!important;}
@media screen and (max-width: 480px){.m5-0-r{margin-right:0!important;}}
.m10-0-r{margin-right:10px!important;}
@media screen and (max-width: 480px){.m10-0-r{margin-right:0!important;}}
.m20-0-r{margin-right:20px!important;}
@media screen and (max-width: 480px){.m20-0-r{margin-right:0!important;}}
.m30-0-r{margin-right:30px!important;}
@media screen and (max-width: 480px){.m30-0-r{margin-right:0!important;}}
.m40-0-r{margin-right:40px!important;}
@media screen and (max-width: 480px){.m40-0-r{margin-right:0!important;}}
.m50-0-r{margin-right:50px!important;}
@media screen and (max-width: 480px){.m50-0-r{margin-right:0!important;}}
.m60-0-r{margin-right:60px!important;}
@media screen and (max-width: 480px){.m60-0-r{margin-right:0!important;}}
.m70-0-r{margin-right:70px!important;}
@media screen and (max-width: 480px){.m70-0-r{margin-right:0!important;}}
.m80-0-r{margin-right:80px!important;}
@media screen and (max-width: 480px){.m80-0-r{margin-right:0!important;}}
.m90-0-r{margin-right:90px!important;}
@media screen and (max-width: 480px){.m90-0-r{margin-right:0!important;}}
.m100-0-r{margin-right:100px!important;}
@media screen and (max-width: 480px){.m100-0-r{margin-right:0!important;}}

.m0-5-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-5-r{margin-right:5px!important;}}
.m0-10-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-10-r{margin-right:10px!important;}}
.m0-20-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-20-r{margin-right:20px!important;}}
.m0-30-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-30-r{margin-right:30px!important;}}
.m0-40-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-40-r{margin-right:40px!important;}}
.m0-50-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-50-r{margin-right:50px!important;}}
.m0-60-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-60-r{margin-right:60px!important;}}
.m0-70-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-70-r{margin-right:70px!important;}}
.m0-80-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-80-r{margin-right:80px!important;}}
.m0-90-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-90-r{margin-right:90px!important;}}
.m0-100-r{margin-right:0px!important;}
@media screen and (max-width: 480px){.m0-100-r{margin-right:100px!important;}}

.m0-5-lr{margin-right:0px!important; margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-5-lr{margin-right:5px!important; margin-left:5px!important;}}
.m0-10-lr{margin-right:0px!important; margin-left:0px!important;}
@media screen and (max-width: 480px){.m0-10-lr{margin-right:10px!important; margin-left:10px!important;}}
.m0-20-lr{margin-right:0px!important; margin-left:1px!important;}
@media screen and (max-width: 480px){.m0-20-lr{margin-right:20px!important; margin-left:20px!important;}}
.m0-30-lr{margin-right:0px!important; margin-left:2px!important;}
@media screen and (max-width: 480px){.m0-30-lr{margin-right:30px!important; margin-left:30px!important;}}
.m0-40-lr{margin-right:0px!important; margin-left:3px!important;}
@media screen and (max-width: 480px){.m0-40-lr{margin-right:40px!important; margin-left:40px!important;}}
.m0-50-lr{margin-right:0px!important; margin-left:4px!important;}
@media screen and (max-width: 480px){.m0-50-lr{margin-right:50px!important; margin-left:50px!important;}}
.m0-60-lr{margin-right:0px!important; margin-left:5px!important;}
@media screen and (max-width: 480px){.m0-60-lr{margin-right:60px!important; margin-left:60px!important;}}
.m0-70-lr{margin-right:0px!important; margin-left:6px!important;}
@media screen and (max-width: 480px){.m0-70-lr{margin-right:70px!important; margin-left:70px!important;}}
.m0-80-lr{margin-right:0px!important; margin-left:7px!important;}
@media screen and (max-width: 480px){.m0-80-lr{margin-right:80px!important; margin-left:80px!important;}}
.m0-90-lr{margin-right:0px!important; margin-left:8px!important;}
@media screen and (max-width: 480px){.m0-90-lr{margin-right:90px!important; margin-left:90px!important;}}
.m0-100-lr{margin-right:0px!important; margin-left:9px!important;}
@media screen and (max-width: 480px){.m0-100-lr{margin-right:100px!important; margin-left:100px!important;}}

.m5-0-lr{margin-right:5px!important; margin-left:5px!important;}
@media screen and (max-width: 480px){.m5-0-lr{margin-right:0!important; margin-left:0!important;}}
.m10-0-lr{margin-right:10px!important; margin-left:10px!important;}
@media screen and (max-width: 480px){.m10-0-lr{margin-right:0!important; margin-left:0!important;}}
.m20-0-lr{margin-right:20px!important; margin-left:20px!important;}
@media screen and (max-width: 480px){.m20-0-lr{margin-right:0!important; margin-left:0!important;}}
.m30-0-lr{margin-right:30px!important; margin-left:30px!important;}
@media screen and (max-width: 480px){.m30-0-lr{margin-right:0!important; margin-left:0!important;}}
.m40-0-lr{margin-right:40px!important; margin-left:40px!important;}
@media screen and (max-width: 480px){.m40-0-lr{margin-right:0!important; margin-left:0!important;}}
.m50-0-lr{margin-right:50px!important; margin-left:50px!important;}
@media screen and (max-width: 480px){.m50-0-lr{margin-right:0!important; margin-left:0!important;}}
.m60-0-lr{margin-right:60px!important; margin-left:60px!important;}
@media screen and (max-width: 480px){.m60-0-lr{margin-right:0!important; margin-left:0!important;}}
.m70-0-lr{margin-right:70px!important; margin-left:70px!important;}
@media screen and (max-width: 480px){.m70-0-lr{margin-right:0!important; margin-left:0!important;}}
.m80-0-lr{margin-right:80px!important; margin-left:80px!important;}
@media screen and (max-width: 480px){.m80-0-lr{margin-right:0!important; margin-left:0!important;}}
.m90-0-lr{margin-right:90px!important; margin-left:90px!important;}
@media screen and (max-width: 480px){.m90-0-lr{margin-right:0!important; margin-left:0!important;}}
.m100-0-lr{margin-right:100px!important; margin-left:100px!important;}
@media screen and (max-width: 480px){.m100-0-lr{margin-right:0!important; margin-left:0!important;}}

.m5-0-tb{margin-top:5px!important; margin-bottom:5px!important;}
@media screen and (max-width: 480px){.m5-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m10-0-tb{margin-top:10px!important; margin-bottom:10px!important;}
@media screen and (max-width: 480px){.m10-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m20-0-tb{margin-top:20px!important; margin-bottom:20px!important;}
@media screen and (max-width: 480px){.m20-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m30-0-tb{margin-top:30px!important; margin-bottom:30px!important;}
@media screen and (max-width: 480px){.m30-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m40-0-tb{margin-top:40px!important; margin-bottom:40px!important;}
@media screen and (max-width: 480px){.m40-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m50-0-tb{margin-top:50px!important; margin-bottom:50px!important;}
@media screen and (max-width: 480px){.m50-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m60-0-tb{margin-top:60px!important; margin-bottom:60px!important;}
@media screen and (max-width: 480px){.m60-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m70-0-tb{margin-top:70px!important; margin-bottom:70px!important;}
@media screen and (max-width: 480px){.m70-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m80-0-tb{margin-top:80px!important; margin-bottom:80px!important;}
@media screen and (max-width: 480px){.m80-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m90-0-tb{margin-top:90px!important; margin-bottom:90px!important;}
@media screen and (max-width: 480px){.m90-0-tb{margin-top:0!important; margin-bottom:0!important;}}
.m100-0-tb{margin-top:100px!important; margin-bottom:100px!important;}
@media screen and (max-width: 480px){.m100-0-tb{margin-top:0!important; margin-bottom:0!important;}}

.m0-5-tb{margin-top:0px!important; margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-5-tb{margin-top:5px!important; margin-bottom:5px!important;}}
.m0-10-tb{margin-top:0px!important; margin-bottom:0px!important;}
@media screen and (max-width: 480px){.m0-10-tb{margin-top:10px!important; margin-bottom:10px!important;}}
.m0-20-tb{margin-top:0px!important; margin-bottom:1px!important;}
@media screen and (max-width: 480px){.m0-20-tb{margin-top:20px!important; margin-bottom:20px!important;}}
.m0-30-tb{margin-top:0px!important; margin-bottom:2px!important;}
@media screen and (max-width: 480px){.m0-30-tb{margin-top:30px!important; margin-bottom:30px!important;}}
.m0-40-tb{margin-top:0px!important; margin-bottom:3px!important;}
@media screen and (max-width: 480px){.m0-40-tb{margin-top:40px!important; margin-bottom:40px!important;}}
.m0-50-tb{margin-top:0px!important; margin-bottom:4px!important;}
@media screen and (max-width: 480px){.m0-50-tb{margin-top:50px!important; margin-bottom:50px!important;}}
.m0-60-tb{margin-top:0px!important; margin-bottom:5px!important;}
@media screen and (max-width: 480px){.m0-60-tb{margin-top:60px!important; margin-bottom:60px!important;}}
.m0-70-tb{margin-top:0px!important; margin-bottom:6px!important;}
@media screen and (max-width: 480px){.m0-70-tb{margin-top:70px!important; margin-bottom:70px!important;}}
.m0-80-tb{margin-top:0px!important; margin-bottom:7px!important;}
@media screen and (max-width: 480px){.m0-80-tb{margin-top:80px!important; margin-bottom:80px!important;}}
.m0-90-tb{margin-top:0px!important; margin-bottom:8px!important;}
@media screen and (max-width: 480px){.m0-90-tb{margin-top:90px!important; margin-bottom:90px!important;}}
.m0-100-tb{margin-top:0px!important; margin-bottom:9px!important;}
@media screen and (max-width: 480px){.m0-100-tb{margin-top:100px!important; margin-bottom:100px!important;}}

.m10-0-a{margin:10px!important;}
@media screen and (max-width: 480px){.m10-0-a{margin:0!important;}}
.m20-0-a{margin:20px!important;}
@media screen and (max-width: 480px){.m20-0-a{margin:0!important;}}
.m30-0-a{margin:30px!important;}
@media screen and (max-width: 480px){.m30-0-a{margin:0!important;}}
.m40-0-a{margin:40px!important;}
@media screen and (max-width: 480px){.m40-0-a{margin:0!important;}}
.m50-0-a{margin:50px!important;}
@media screen and (max-width: 480px){.m50-0-a{margin:0!important;}}
.m60-0-a{margin:60px!important;}
@media screen and (max-width: 480px){.m60-0-a{margin:0!important;}}
.m70-0-a{margin:70px!important;}
@media screen and (max-width: 480px){.m70-0-a{margin:0!important;}}
.m80-0-a{margin:80px!important;}
@media screen and (max-width: 480px){.m80-0-a{margin:0!important;}}
.m90-0-a{margin:90px!important;}
@media screen and (max-width: 480px){.m90-0-a{margin:0!important;}}
.m100-0-a{margin:100px!important;}
@media screen and (max-width: 480px){.m100-0-a{margin:0!important;}}

.m0-10-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-10-a{margin:10px!important;}}
.m0-20-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-20-a{margin:20px!important;}}
.m0-30-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-30-a{margin:30px!important;}}
.m0-40-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-40-a{margin:40px!important;}}
.m0-50-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-50-a{margin:50px!important;}}
.m0-60-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-60-a{margin:60px!important;}}
.m0-70-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-70-a{margin:70px!important;}}
.m0-80-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-80-a{margin:80px!important;}}
.m0-90-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-90-a{margin:90px!important;}}
.m0-100-a{margin:0!important;}
@media screen and (max-width: 480px){.m0-100-a{margin:100px!important;}}

.m50-20-b{margin-bottom:50px;}
@media screen and (max-width: 480px){.m50-20-b{margin-bottom:20px;}}
.m50-25-t{margin-top:50px;}
@media screen and (max-width: 480px){.m50-25-t{margin-top:25px;}}
.m50-25-b{margin-bottom:50px;}
@media screen and (max-width: 480px){.m50-25-b{margin-bottom:25px;}}
.m50-25-tb{margin-top:50px; margin-bottom:50px;}
@media screen and (max-width: 480px){.m50-25-tb{margin-top:25px; margin-bottom:25px;}}
.m100-50-t{margin-top:100px;}
@media screen and (max-width: 480px){.m100-50-t{margin-top:50px;}}
.m50-100-t{margin-top:50px;}
@media screen and (max-width: 480px){.m50-100-t{margin-top:100px;}}
.m100-50-b{margin-bottom:100px;}
@media screen and (max-width: 480px){.m100-50-b{margin-bottom:50px;}}
.m50-100-b{margin-bottom:50px;}
@media screen and (max-width: 480px){.m50-100-b{margin-bottom:100px;}}
.m100-50-tb{margin-top:100px; margin-bottom:100px;}
@media screen and (max-width: 480px){.m100-50-tb{margin-top:50px; margin-bottom:50px;}}

.pside, .pside0, .pside5, .pside10, .pside15, .pside20, .pside22, .pside23 {padding-left: 80px; padding-right: 80px;}
@media screen and (min-width: 481px) and ( max-width: 991px){.pside, .pside0 {padding-left: 50px; padding-right: 50px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.pside5 {padding-left: 30px; padding-right: 30px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.pside10 {padding-left: 35px; padding-right: 35px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.pside15 {padding-left: 40px; padding-right: 40px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.pside20, .pside22, .pside23 {padding-left: 45px; padding-right: 45px;}}
@media screen and (max-width: 480px){.pside {padding-left: 25px; padding-right: 25px;}}
@media screen and (max-width: 480px){.pside0 {padding-left: 0; padding-right: 0;}}
@media screen and (max-width: 480px){.pside5 {padding-left: 5px; padding-right: 5px;}}
@media screen and (max-width: 480px){.pside10 {padding-left: 10px; padding-right: 10px;}}
@media screen and (max-width: 480px){.pside15 {padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 480px){.pside20 {padding-left: 20px; padding-right: 20px;}}
@media screen and (max-width: 480px){.pside22 {padding-left: 22px; padding-right: 22px;}}
@media screen and (max-width: 480px){.pside23 {padding-left: 23px; padding-right: 23px;}}

.p1-a{padding: 1px !important;}
.p2-a{padding: 2px !important;}
.p3-a{padding: 3px !important;}
.p4-a{padding: 4px !important;}
.p5-a{padding: 5px !important;}
.p10-a{padding: 10px !important;}
.p15-a{padding: 15px !important;}
.p20-a{padding: 20px !important;}
.p25-a{padding: 25px !important;}
.p30-a{padding: 30px !important;}
.p40-a{padding: 40px !important;}
.p50-a{padding: 50px !important;}
.p60-a{padding: 60px !important;}
.p70-a{padding: 70px !important;}
.p80-a{padding: 80px !important;}
.p90-a{padding: 90px !important;}
.p100-a{padding: 100px !important;}

.p3-tb{padding-top: 3px !important; padding-bottom: 3px !important;}
.p5-tb{padding-top: 5px !important; padding-bottom: 5px !important;}
.p10-tb{padding-top: 10px !important; padding-bottom: 10px !important;}
.p15-tb{padding-top: 15px !important; padding-bottom: 15px !important;}
.p20-tb{padding-top: 20px !important; padding-bottom: 20px !important;}
.p25-tb{padding-top: 25px !important; padding-bottom: 25px !important;}
.p30-tb{padding-top: 30px !important; padding-bottom: 30px !important;}
.p40-tb{padding-top: 40px !important; padding-bottom: 40px !important;}
.p50-tb{padding-top: 50px !important; padding-bottom: 50px !important;}

.p3-lr{padding-left: 3px !important; padding-right: 3px !important;}
.p5-lr{padding-left: 5px !important; padding-right: 5px !important;}
.p10-lr{padding-left: 10px !important; padding-right: 10px !important;}
.p15-lr{padding-left: 15px !important; padding-right: 15px !important;}
.p20-lr{padding-left: 20px !important; padding-right: 20px !important;}
.p25-lr{padding-left: 25px !important; padding-right: 25px !important;}
.p25-lr-md{padding-left: 25px !important; padding-right: 25px !important;}
@media screen and (max-width: 480px){.p25-lr-md{padding-left: 0px !important; padding-right: 0px !important;}}
.p25-lr-xs{padding-left: 0px !important; padding-right: 0px !important;}
@media screen and (max-width: 480px){.p25-lr-xs{padding-left: 25px !important; padding-right: 25px !important;}}
.p30-lr{padding-left: 30px !important;; padding-right: 30px !important;}
.p40-lr{padding-left: 40px !important;; padding-right: 40px !important;}
.p50-lr{padding-left: 50px !important;; padding-right: 50px !important;}
.p60-lr{padding-left: 60px !important;; padding-right: 60px !important;}
.p70-lr{padding-left: 70px !important;; padding-right: 70px !important;}
.p80-lr{padding-left: 80px !important;; padding-right: 80px !important;}
.p90-lr{padding-left: 90px !important;; padding-right: 90px !important;}
.p100-lr{padding-left: 100px !important;; padding-right: 100px !important;}

.p0-t{padding-top: 0px !important;}
.p3-t{padding-top: 3px !important;}
.p4-t{padding-top: 4px !important;}
.p5-t{padding-top: 5px !important;}
.p10-t{padding-top: 10px !important;}
.p15-t{padding-top: 15px !important;}
.p20-t{padding-top: 20px !important;}
.p25-t{padding-top: 25px !important;}
.p30-t{padding-top: 30px !important;}
.p35-t{padding-top: 35px !important;}
.p40-t{padding-top: 40px !important;}
.p45-t{padding-top: 45px !important;}
.p50-t{padding-top: 50px !important;}
.p60-t{padding-top: 60px !important;}
.p70-t{padding-top: 70px !important;}
.p80-t{padding-top: 80px !important;}
.p90-t{padding-top: 90px !important;}
.p100-t{padding-top: 100px !important;}

.p0-b{padding-bottom: 0px !important;}
.p3-b{padding-bottom: 3px !important;}
.p5-b{padding-bottom: 5px !important;}
.p10-b{padding-bottom: 10px !important;}
.p15-b{padding-bottom: 15px !important;}
.p20-b{padding-bottom: 20px !important;}
.p25-b{padding-bottom: 25px !important;}
.p30-b{padding-bottom: 30px !important;}
.p35-b{padding-bottom: 35px !important;}
.p40-b{padding-bottom: 40px !important;}
.p45-b{padding-bottom: 45px !important;}
.p50-b{padding-bottom: 50px !important;}
.p60-b{padding-bottom: 60px !important;}
.p70-b{padding-bottom: 70px !important;}
.p80-b{padding-bottom: 80px !important;}
.p90-b{padding-bottom: 90px !important;}
.p100-b{padding-bottom: 100px !important;}

.p0-l{padding-left: 0px !important;}
.p3-l{padding-left: 3px !important;}
.p5-l{padding-left: 5px !important;}
.p10-l{padding-left: 10px !important;}
.p15-l{padding-left: 15px !important;}
.p20-l{padding-left: 20px !important;}
.p25-l{padding-left: 25px !important;}
.p30-l{padding-left: 30px !important;}
.p35-l{padding-left: 35px !important;}
.p40-l{padding-left: 40px !important;}
.p45-l{padding-left: 45px !important;}
.p50-l{padding-left: 50px !important;}

.p0-r{padding-right: 0px !important;}
.p3-r{padding-right: 3px !important;}
.p5-r{padding-right: 5px !important;}
.p10-r{padding-right: 10px !important;}
.p15-r{padding-right: 15px !important;}
.p20-r{padding-right: 20px !important;}
.p25-r{padding-right: 25px !important;}
.p30-r{padding-right: 30px !important;}
.p35-r{padding-right: 35px !important;}
.p40-r{padding-right: 40px !important;}
.p45-r{padding-right: 45px !important;}
.p50-r{padding-right: 50px !important;}

.p70-80-t{padding-top:70px;}
@media screen and (max-width: 480px){.p70-80-t{padding-top:80px!important;}}
.p50-80-t{padding-top:50px;}
@media screen and (max-width: 480px){.p50-80-t{padding-top:80px!important;}}
.p60-40-t{padding-top:60px;}/*プランページ*/
@media screen and (max-width: 480px){.p60-40-t{padding-top:40px!important;}}
.p80-60-t{padding-top:80px;}
@media screen and (max-width: 480px){.p80-60-t{padding-top:60px!important;}}
.p80-60-b{padding-bottom:80px;}
@media screen and (max-width: 480px){.p80-60-b{padding-bottom:60px!important;}}
.p80-60-tb{padding-top:80px; padding-bottom:80px;}
@media screen and (max-width: 480px){.p80-60-tb{padding-top:60px!important; padding-bottom:60px!important;}}
.p50-35-t{padding-top:50px;}
@media screen and (max-width: 480px){.p50-35-t{padding-top:35px!important;}}
.p50-35-b{padding-bottom:50px;}
@media screen and (max-width: 480px){.p50-35-b{padding-bottom:35px!important;}}
.p50-35-tb{padding-top:50px; padding-bottom:50px;}
@media screen and (max-width: 480px){.p50-35-tb{padding-top:35px!important; padding-bottom:35px!important;}}
.p35-15-t{padding-top:35px;}/*プランページ*/
@media screen and (max-width: 480px){.p35-15-t{padding-top:15px;}}

.p5-0-t{padding-top:5px!important;}
@media screen and (max-width: 480px){.p5-0-t{padding-top:0!important;}}
.p10-0-t{padding-top:10px!important;}
@media screen and (max-width: 480px){.p10-0-t{padding-top:0!important;}}
.p20-0-t{padding-top:20px!important;}
@media screen and (max-width: 480px){.p20-0-t{padding-top:0!important;}}
.p30-0-t{padding-top:30px!important;}
@media screen and (max-width: 480px){.p30-0-t{padding-top:0!important;}}
.p40-0-t{padding-top:40px!important;}
@media screen and (max-width: 480px){.p40-0-t{padding-top:0!important;}}
.p50-0-t{padding-top:50px!important;}
@media screen and (max-width: 480px){.p50-0-t{padding-top:0!important;}}
.p60-0-t{padding-top:60px!important;}
@media screen and (max-width: 480px){.p60-0-t{padding-top:0!important;}}
.p70-0-t{padding-top:70px!important;}
@media screen and (max-width: 480px){.p70-0-t{padding-top:0!important;}}
.p80-0-t{padding-top:80px!important;}
@media screen and (max-width: 480px){.p80-0-t{padding-top:0!important;}}
.p90-0-t{padding-top:90px!important;}
@media screen and (max-width: 480px){.p90-0-t{padding-top:0!important;}}
.p100-0-t{padding-top:100px!important;}
@media screen and (max-width: 480px){.p100-0-t{padding-top:0!important;}}

.p0-5-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-5-t{padding-top:5px!important;}}
.p0-10-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-10-t{padding-top:10px!important;}}
.p0-20-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-20-t{padding-top:20px!important;}}
.p0-30-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-30-t{padding-top:30px!important;}}
.p0-40-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-40-t{padding-top:40px!important;}}
.p0-50-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-50-t{padding-top:50px!important;}}
.p0-60-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-60-t{padding-top:60px!important;}}
.p0-70-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-70-t{padding-top:70px!important;}}
.p0-80-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-80-t{padding-top:80px!important;}}
.p0-90-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-90-t{padding-top:90px!important;}}
.p0-100-t{padding-top:0px!important;}
@media screen and (max-width: 480px){.p0-100-t{padding-top:100px!important;}}

.p5-0-b{padding-bottom:5px!important;}
@media screen and (max-width: 480px){.p5-0-b{padding-bottom:0!important;}}
.p10-0-b{padding-bottom:10px!important;}
@media screen and (max-width: 480px){.p10-0-b{padding-bottom:0!important;}}
.p20-0-b{padding-bottom:20px!important;}
@media screen and (max-width: 480px){.p20-0-b{padding-bottom:0!important;}}
.p30-0-b{padding-bottom:30px!important;}
@media screen and (max-width: 480px){.p30-0-b{padding-bottom:0!important;}}
.p40-0-b{padding-bottom:40px!important;}
@media screen and (max-width: 480px){.p40-0-b{padding-bottom:0!important;}}
.p50-0-b{padding-bottom:50px!important;}
@media screen and (max-width: 480px){.p50-0-b{padding-bottom:0!important;}}
.p60-0-b{padding-bottom:60px!important;}
@media screen and (max-width: 480px){.p60-0-b{padding-bottom:0!important;}}
.p70-0-b{padding-bottom:70px!important;}
@media screen and (max-width: 480px){.p70-0-b{padding-bottom:0!important;}}
.p80-0-b{padding-bottom:80px!important;}
@media screen and (max-width: 480px){.p80-0-b{padding-bottom:0!important;}}
.p90-0-b{padding-bottom:90px!important;}
@media screen and (max-width: 480px){.p90-0-b{padding-bottom:0!important;}}
.p100-0-b{padding-bottom:100px!important;}
@media screen and (max-width: 480px){.p100-0-b{padding-bottom:0!important;}}

.p0-5-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-5-b{padding-bottom:5px!important;}}
.p0-10-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-10-b{padding-bottom:10px!important;}}
.p0-20-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-20-b{padding-bottom:20px!important;}}
.p0-30-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-30-b{padding-bottom:30px!important;}}
.p0-40-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-40-b{padding-bottom:40px!important;}}
.p0-50-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-50-b{padding-bottom:50px!important;}}
.p0-60-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-60-b{padding-bottom:60px!important;}}
.p0-70-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-70-b{padding-bottom:70px!important;}}
.p0-80-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-80-b{padding-bottom:80px!important;}}
.p0-90-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-90-b{padding-bottom:90px!important;}}
.p0-100-b{padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-100-b{padding-bottom:100px!important;}}

.p5-0-l{padding-left:5px!important;}
@media screen and (max-width: 480px){.p5-0-l{padding-left:0!important;}}
.p10-0-l{padding-left:10px!important;}
@media screen and (max-width: 480px){.p10-0-l{padding-left:0!important;}}
.p20-0-l{padding-left:20px!important;}
@media screen and (max-width: 480px){.p20-0-l{padding-left:0!important;}}
.p30-0-l{padding-left:30px!important;}
@media screen and (max-width: 480px){.p30-0-l{padding-left:0!important;}}
.p40-0-l{padding-left:40px!important;}
@media screen and (max-width: 480px){.p40-0-l{padding-left:0!important;}}
.p50-0-l{padding-left:50px!important;}
@media screen and (max-width: 480px){.p50-0-l{padding-left:0!important;}}
.p60-0-l{padding-left:60px!important;}
@media screen and (max-width: 480px){.p60-0-l{padding-left:0!important;}}
.p70-0-l{padding-left:70px!important;}
@media screen and (max-width: 480px){.p70-0-l{padding-left:0!important;}}
.p80-0-l{padding-left:80px!important;}
@media screen and (max-width: 480px){.p80-0-l{padding-left:0!important;}}
.p90-0-l{padding-left:90px!important;}
@media screen and (max-width: 480px){.p90-0-l{padding-left:0!important;}}
.p100-0-l{padding-left:100px!important;}
@media screen and (max-width: 480px){.p100-0-l{padding-left:0!important;}}

.p0-5-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-5-l{padding-left:5px!important;}}
.p0-10-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-10-l{padding-left:10px!important;}}
.p0-20-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-20-l{padding-left:20px!important;}}
.p0-25-l{padding-left:0!important;}
@media screen and (max-width: 480px){.p0-25-l{padding-left:25px!important;}}
.p0-30-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-30-l{padding-left:30px!important;}}
.p0-40-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-40-l{padding-left:40px!important;}}
.p0-50-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-50-l{padding-left:50px!important;}}
.p0-60-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-60-l{padding-left:60px!important;}}
.p0-70-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-70-l{padding-left:70px!important;}}
.p0-80-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-80-l{padding-left:80px!important;}}
.p0-90-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-90-l{padding-left:90px!important;}}
.p0-100-l{padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-100-l{padding-left:100px!important;}}

.p5-0-r{padding-right:5px!important;}
@media screen and (max-width: 480px){.p5-0-r{padding-right:0!important;}}
.p10-0-r{padding-right:10px!important;}
@media screen and (max-width: 480px){.p10-0-r{padding-right:0!important;}}
.p20-0-r{padding-right:20px!important;}
@media screen and (max-width: 480px){.p20-0-r{padding-right:0!important;}}
.p30-0-r{padding-right:30px!important;}
@media screen and (max-width: 480px){.p30-0-r{padding-right:0!important;}}
.p40-0-r{padding-right:40px!important;}
@media screen and (max-width: 480px){.p40-0-r{padding-right:0!important;}}
.p50-0-r{padding-right:50px!important;}
@media screen and (max-width: 480px){.p50-0-r{padding-right:0!important;}}
.p60-0-r{padding-right:60px!important;}
@media screen and (max-width: 480px){.p60-0-r{padding-right:0!important;}}
.p70-0-r{padding-right:70px!important;}
@media screen and (max-width: 480px){.p70-0-r{padding-right:0!important;}}
.p80-0-r{padding-right:80px!important;}
@media screen and (max-width: 480px){.p80-0-r{padding-right:0!important;}}
.p90-0-r{padding-right:90px!important;}
@media screen and (max-width: 480px){.p90-0-r{padding-right:0!important;}}
.p100-0-r{padding-right:100px!important;}
@media screen and (max-width: 480px){.p100-0-r{padding-right:0!important;}}

.p0-5-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-5-r{padding-right:5px!important;}}
.p0-10-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-10-r{padding-right:10px!important;}}
.p0-20-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-20-r{padding-right:20px!important;}}
.p0-25-r{padding-right:0!important;}
@media screen and (max-width: 480px){.p0-25-r{padding-right:25px!important;}}
.p0-30-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-30-r{padding-right:30px!important;}}
.p0-40-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-40-r{padding-right:40px!important;}}
.p0-50-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-50-r{padding-right:50px!important;}}
.p0-60-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-60-r{padding-right:60px!important;}}
.p0-70-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-70-r{padding-right:70px!important;}}
.p0-80-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-80-r{padding-right:80px!important;}}
.p0-90-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-90-r{padding-right:90px!important;}}
.p0-100-r{padding-right:0px!important;}
@media screen and (max-width: 480px){.p0-100-r{padding-right:100px!important;}}

.p0-5-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-5-lr{padding-right:5px!important; padding-left:5px!important;}}
.p0-10-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-10-lr{padding-right:10px!important; padding-left:10px!important;}}
.p0-15-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-15-lr{padding-right:15px!important; padding-left:15px!important;}}
.p0-20-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-20-lr{padding-right:20px!important; padding-left:20px!important;}}
.p0-25-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-25-lr{padding-right:25px!important; padding-left:25px!important;}}
.p0-30-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-30-lr{padding-right:30px!important; padding-left:30px!important;}}
.p0-40-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-40-lr{padding-right:40px!important; padding-left:40px!important;}}
.p0-50-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-50-lr{padding-right:50px!important; padding-left:50px!important;}}
.p0-60-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-60-lr{padding-right:60px!important; padding-left:60px!important;}}
.p0-70-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-70-lr{padding-right:70px!important; padding-left:70px!important;}}
.p0-80-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-80-lr{padding-right:80px!important; padding-left:80px!important;}}
.p0-90-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-90-lr{padding-right:90px!important; padding-left:90px!important;}}
.p0-100-lr{padding-right:0px!important; padding-left:0px!important;}
@media screen and (max-width: 480px){.p0-100-lr{padding-right:100px!important; padding-left:100px!important;}}

.p5-0-lr{padding-right:5px!important; padding-left:5px!important;}
@media screen and (max-width: 480px){.p5-0-lr{padding-right:0!important; padding-left:0!important;}}
.p10-0-lr{padding-right:10px!important; padding-left:10px!important;}
@media screen and (max-width: 480px){.p10-0-lr{padding-right:0!important; padding-left:0!important;}}
.p15-0-lr{padding-right:15px!important; padding-left:15px!important;}
@media screen and (max-width: 480px){.p15-0-lr{padding-right:0!important; padding-left:0!important;}}
.p20-0-lr{padding-right:20px!important; padding-left:20px!important;}
@media screen and (max-width: 480px){.p20-0-lr{padding-right:0!important; padding-left:0!important;}}
.p25-0-lr{padding-right:25px!important; padding-left:25px!important;}
@media screen and (max-width: 480px){.p25-0-lr{padding-right:0!important; padding-left:0!important;}}
.p30-0-lr{padding-right:30px!important; padding-left:30px!important;}
@media screen and (max-width: 480px){.p30-0-lr{padding-right:0!important; padding-left:0!important;}}
.p40-0-lr{padding-right:40px!important; padding-left:40px!important;}
@media screen and (max-width: 480px){.p40-0-lr{padding-right:0!important; padding-left:0!important;}}
.p50-0-lr{padding-right:50px!important; padding-left:50px!important;}
@media screen and (max-width: 480px){.p50-0-lr{padding-right:0!important; padding-left:0!important;}}
.p60-0-lr{padding-right:60px!important; padding-left:60px!important;}
@media screen and (max-width: 480px){.p60-0-lr{padding-right:0!important; padding-left:0!important;}}
.p70-0-lr{padding-right:70px!important; padding-left:70px!important;}
@media screen and (max-width: 480px){.p70-0-lr{padding-right:0!important; padding-left:0!important;}}
.p80-0-lr{padding-right:80px!important; padding-left:80px!important;}
@media screen and (max-width: 480px){.p80-0-lr{padding-right:0!important; padding-left:0!important;}}
.p90-0-lr{padding-right:90px!important; padding-left:90px!important;}
@media screen and (max-width: 480px){.p90-0-lr{padding-right:0!important; padding-left:0!important;}}
.p100-0-lr{padding-right:100px!important; padding-left:100px!important;}
@media screen and (max-width: 480px){.p100-0-lr{padding-right:0!important; padding-left:0!important;}}

.p5-0-tb{padding-top:5px!important; padding-bottom:5px!important;}
@media screen and (max-width: 480px){.p5-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p10-0-tb{padding-top:10px!important; padding-bottom:10px!important;}
@media screen and (max-width: 480px){.p10-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p20-0-tb{padding-top:20px!important; padding-bottom:20px!important;}
@media screen and (max-width: 480px){.p20-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p30-0-tb{padding-top:30px!important; padding-bottom:30px!important;}
@media screen and (max-width: 480px){.p30-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p40-0-tb{padding-top:40px!important; padding-bottom:40px!important;}
@media screen and (max-width: 480px){.p40-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p50-0-tb{padding-top:50px!important; padding-bottom:50px!important;}
@media screen and (max-width: 480px){.p50-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p60-0-tb{padding-top:60px!important; padding-bottom:60px!important;}
@media screen and (max-width: 480px){.p60-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p70-0-tb{padding-top:70px!important; padding-bottom:70px!important;}
@media screen and (max-width: 480px){.p70-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p80-0-tb{padding-top:80px!important; padding-bottom:80px!important;}
@media screen and (max-width: 480px){.p80-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p90-0-tb{padding-top:90px!important; padding-bottom:90px!important;}
@media screen and (max-width: 480px){.p90-0-tb{padding-top:0!important; padding-bottom:0!important;}}
.p100-0-tb{padding-top:100px!important; padding-bottom:100px!important;}
@media screen and (max-width: 480px){.p100-0-tb{padding-top:0!important; padding-bottom:0!important;}}

.p0-5-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-5-tb{padding-top:5px!important; padding-bottom:5px!important;}}
.p0-10-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-10-tb{padding-top:10px!important; padding-bottom:10px!important;}}
.p0-20-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-20-tb{padding-top:20px!important; padding-bottom:20px!important;}}
.p0-30-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-30-tb{padding-top:30px!important; padding-bottom:30px!important;}}
.p0-40-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-40-tb{padding-top:40px!important; padding-bottom:40px!important;}}
.p0-50-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-50-tb{padding-top:50px!important; padding-bottom:50px!important;}}
.p0-60-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-60-tb{padding-top:60px!important; padding-bottom:60px!important;}}
.p0-70-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-70-tb{padding-top:70px!important; padding-bottom:70px!important;}}
.p0-80-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-80-tb{padding-top:80px!important; padding-bottom:80px!important;}}
.p0-90-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-90-tb{padding-top:90px!important; padding-bottom:90px!important;}}
.p0-100-tb{padding-top:0px!important; padding-bottom:0px!important;}
@media screen and (max-width: 480px){.p0-100-tb{padding-top:100px!important; padding-bottom:100px!important;}}

.p10-0-a{padding:10px!important;}
@media screen and (max-width: 480px){.p10-0-a{padding:0!important;}}
.p20-0-a{padding:20px!important;}
@media screen and (max-width: 480px){.p20-0-a{padding:0!important;}}
.p30-0-a{padding:30px!important;}
@media screen and (max-width: 480px){.p30-0-a{padding:0!important;}}
.p40-0-a{padding:40px!important;}
@media screen and (max-width: 480px){.p40-0-a{padding:0!important;}}
.p50-0-a{padding:50px!important;}
@media screen and (max-width: 480px){.p50-0-a{padding:0!important;}}
.p60-0-a{padding:60px!important;}
@media screen and (max-width: 480px){.p60-0-a{padding:0!important;}}
.p70-0-a{padding:70px!important;}
@media screen and (max-width: 480px){.p70-0-a{padding:0!important;}}
.p80-0-a{padding:80px!important;}
@media screen and (max-width: 480px){.p80-0-a{padding:0!important;}}
.p90-0-a{padding:90px!important;}
@media screen and (max-width: 480px){.p90-0-a{padding:0!important;}}
.p100-0-a{padding:100px!important;}
@media screen and (max-width: 480px){.p100-0-a{padding:0!important;}}

.p0-10-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-10-a{padding:10px!important;}}
.p0-20-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-20-a{padding:20px!important;}}
.p0-30-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-30-a{padding:30px!important;}}
.p0-40-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-40-a{padding:40px!important;}}
.p0-50-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-50-a{padding:50px!important;}}
.p0-60-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-60-a{padding:60px!important;}}
.p0-70-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-70-a{padding:70px!important;}}
.p0-80-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-80-a{padding:80px!important;}}
.p0-90-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-90-a{padding:90px!important;}}
.p0-100-a{padding:0!important;}
@media screen and (max-width: 480px){.p0-100-a{padding:100px!important;}}

.p5vh-t{padding-top:5vh!important;}
.p5vh-b{padding-bottom:5vh!important;}
.p5vh-tb{padding-top:5vh !important; padding-bottom:5vh!important;}
.p10vh-t{padding-top:10vh!important;}
.p10vh-b{padding-bottom:10vh!important;}
.p10vh-tb{padding-top:10vh !important; padding-bottom:10vh!important;}
@media screen and (min-width: 481px) and ( max-width: 991px){.p10vh-tb{padding-top:4vh !important; padding-bottom:4vh!important;}}

/*マイナスマージン*/
.mm5-t{margin-top:-5px !important;}
.mm10-t{margin-top:-10px !important;}
.mm12-t{margin-top:-12px !important;}
.mm15-t{margin-top:-15px !important;}
.mm20-t{margin-top:-20px !important;}
.mm25-t{margin-top:-25px !important;}
.mm30-t{margin-top:-30px !important;}
.mm35-t{margin-top:-35px !important;}
.mm40-t{margin-top:-40px !important;}
.mm45-t{margin-top:-45px !important;}
.mm50-t{margin-top:-50px !important;}

.mm5-b{margin-bottom:-5px !important;}
.mm10-b{margin-bottom:-10px !important;}
.mm15-b{margin-bottom:-15px !important;}
.mm20-b{margin-bottom:-20px !important;}
.mm25-b{margin-bottom:-25px !important;}
.mm30-b{margin-bottom:-30px !important;}
.mm35-b{margin-bottom:-35px !important;}
.mm40-b{margin-bottom:-40px !important;}
.mm45-b{margin-bottom:-45px !important;}
.mm50-b{margin-bottom:-50px !important;}

.mm5-l{margin-left:-5px !important;}
.mm10-l{margin-left:-10px !important;}
.mm15-l{margin-left:-15px !important;}
.mm20-l{margin-left:-20px !important;}
.mm25-l{margin-left:-25px !important;}
.mm30-l{margin-left:-30px !important;}
.mm35-l{margin-left:-35px !important;}
.mm40-l{margin-left:-40px !important;}
.mm45-l{margin-left:-45px !important;}
.mm50-l{margin-left:-50px !important;}

.mm5-r{margin-right:-5px !important;}
.mm10-r{margin-right:-10px !important;}
.mm15-r{margin-right:-15px !important;}
.mm20-r{margin-right:-20px !important;}
.mm25-r{margin-right:-25px !important;}
.mm30-r{margin-right:-30px !important;}
.mm35-r{margin-right:-35px !important;}
.mm40-r{margin-right:-40px !important;}
.mm45-r{margin-right:-45px !important;}
.mm50-r{margin-right:-50px !important;}

.w100{width:100% !important;}

/*max-width*/
.mw100{max-width:100px !important;}
.mw150{max-width:150px !important;}
.mw200{max-width:200px !important;}
.mw250{max-width:250px !important;}
.mw300{max-width:300px !important;}
.mw350{max-width:350px !important;}
.mw400{max-width:400px !important;}
.mw450{max-width:450px !important;}
.mw500{max-width:500px !important;}
.mw550{max-width:550px !important;}
.mw600{max-width:600px !important;}
.mw650{max-width:650px !important;}
.mw700{max-width:700px !important;}
.mw750{max-width:750px !important;}
.mw800{max-width:800px !important;}
.mw850{max-width:850px !important;}
.mw880{max-width:880px !important;}
.mw900{max-width:900px !important;}
.mw910{max-width:910px !important;}
.mw920{max-width:920px !important;}
.mw930{max-width:930px !important;}
.mw940{max-width:940px !important;}
.mw950{max-width:950px !important;}
.mw960{max-width:960px !important;}
.mw970{max-width:970px !important;}
.mw980{max-width:980px !important;}
.mw990{max-width:990px !important;}
.mw1000{max-width:1000px !important;}
.mw1050{max-width:1050px !important;}
.mw1100{max-width:1100px !important;}
.mw1150{max-width:1150px !important;}
.mw1200{max-width:1200px !important;}
.mw1250{max-width:1250px !important;}
.mw1300{max-width:1300px !important;}
.mw1350{max-width:1350px !important;}
.mw1400{max-width:1400px !important;}
.mw1450{max-width:1450px !important;}
.mw1500{max-width:1500px !important;}

/*バックグラウンドカラー*/
.bg-1{background-color:#f1f1f1;}
.bg-2{background-color:#fff;}
.bg-3{background-color:#595656;}
.bg-4{background-color:#dde6e5;}/*ライトブルー*/
.bg-5{background-color:#d7b46e;}/*ライトゴールド（必須項目など）*/
.bg-6{background-color:#f9f9f9;}/*ライトグレー*/
.bg-7{background-color:#f1e0c7;}/*ベージュ*/
.bg-8{background-color:#fcf1e0;}/*ライトベージュ*/
.bg-9{background-color:#e7d8d1;}/*ライトピンク*/
.bg-10{background-color:#f0b6a6;}/*ピンク*/
.bg-11{background-color:#e96446;}/*オレンジ*/
.bg-12{background-color:#302f3d;}/*ネイビー*/
.bg-13{background-color:#bc1f29;}/*赤*/
.bg-14{background: url(img/bg/bg_1.jpg) repeat; background-color:#ccc;}
.bg-15{background-color:#00b900;}/*グリーン*/
.bg-16{background-color: #88AEA0!important;}/*草色*/
.bg-17{background-color:#eeeeed; background-image: radial-gradient(#ffffff 4%, transparent 9%), radial-gradient(#ffffff 4%, transparent 9%); background-position: 0 0, 14px 14px; background-size: 28px 28px;}/*グレードット*/
.bg-18{background-image:url(/wp-content/themes/template/img/bg/bg-18.jpg); background-repeat : repeat ;}/*花柄*/
.bg-18-2{background-image:url(/wp-content/themes/template/img/bg/bg-18-2.jpg); background-repeat : repeat ;}/*花柄ピンク*/
.bg-19{background-image:url(/wp-content/themes/template/img/bg/bg-19.jpg); background-repeat : repeat ;}/*グレー和紙*/
.bg-19-2{background-image:url(/wp-content/themes/template/img/bg/bg-19-2.jpg); background-repeat : repeat ;}/*グレー和紙ピンク*/
.bg-20{background-image:url(/wp-content/themes/template/img/bg/bg-20.jpg); background-repeat : repeat ;}/*花柄*/
.bg-21{background-image:url(/wp-content/themes/template/img/bg/bg-21.jpg); background-repeat : repeat ;}/*花柄*/
.bg-22{background-color: rgba(89,177,235,1)!important;}/*水色*/
.bg-23{background-color: #a892a7!important;}/*カラーコーデ１*/
.bg-24{background-color: #d49db3!important;}/*カラーコーデ１*/
.bg-25{background-color: #e097b4!important;}/*カラーコーデ１*/
.bg-26{background-color: #eae8e1!important;}/*カラーコーデ１*/
.bg-27{background-color: #d1b4c3!important;}/*カラーコーデ１*/
.bg-28{background:repeating-linear-gradient(45deg, #f6f4ef 0, #f6f4ef 10px, white 10px, white 20px);}
.bg-29-bottom{
background: url(/wp-content/themes/template/img/bg/top_bg_top.svg) no-repeat;
background-size:100% auto;
background-color: #fff;
}
.bg-29-top{
background: url(/wp-content/themes/template/img/bg/top_bg_bottom.svg) no-repeat;
background-size:100% auto;
background-color: #fff;
}
.bg-30{
width: 100%;
background-image: url(/wp-content/themes/template/img/bg/749061772r.webp);
background-size:100%;
background-repeat: no-repeat;
background-color: #fff;
}
.bg-31{background-color:#f8f39e;}/*黄色*/
@media screen and (max-width: 480px){.bg-30 {background-image: url(/wp-content/themes/template/img/bg/749061772r_sp.webp);}}
/*色から透明グラデーション*/
.gradient-w{background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));}/*上から白くグラデーション*/
.gr-b{background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); width: 100vw; position:absolute; height: 30%;bottom:0;}
@media screen and (max-width: 480px){.gr-b{ height: 50%;}}
.gr-w{background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); width: 100vw; position:absolute; height: 30%;bottom:0;}
@media screen and (max-width: 480px){.gr-w{ height: 50%;}}

/*ツートン*/
.bg-1-2 {background: linear-gradient(180deg, #f1f1f1 0%, #f1f1f1 50%, #fff 50%, #fff 100%); width: 100%;}
.bg-2-1 {background: linear-gradient(180deg, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%); width: 100%;}
.bg-8-2 {background: linear-gradient(180deg, #f5f4f0 0%, #f5f4f0 50%, #fff 50%, #fff 100%); width: 100%;}
.bg-2-8 {background: linear-gradient(180deg, #fff 0%, #fff 50%, #f5f4f0 50%, #f5f4f0 100%); width: 100%;}

/*ボーダー*/
.bdw-a{border:1px solid #f1f1f1; border-collapse: collapse;}
.bdw-t{border-top:1px solid #f1f1f1; border-collapse: collapse;}
.bdw-b{border-bottom:1px solid #f1f1f1; border-collapse: collapse;}
.bdw-l{border-left:1px solid #f1f1f1; border-collapse: collapse;}
.bdw-r{border-right:1px solid #f1f1f1; border-collapse: collapse;}
.bdb-a{border:1px solid #595656; border-collapse: collapse;}
.bdb-t{border-top:1px solid #595656; border-collapse: collapse;}
.bdb-b{border-bottom:1px solid #595656; border-collapse: collapse;}
.bdb-l{border-left:1px solid #595656; border-collapse: collapse;}
.bdb-r{border-right:1px solid #595656; border-collapse: collapse;}
.bdg-a{border:1px solid #e0e0e0; border-collapse: collapse;}
.bdg-t{border-top:1px solid #e0e0e0; border-collapse: collapse;}
.bdg-b{border-bottom:1px solid #e0e0e0; border-collapse: collapse;}
.bdg-l{border-left:1px solid #e0e0e0; border-collapse: collapse;}
.bdg-r{border-right:1px solid #e0e0e0; border-collapse: collapse;}
.bdr-a{border:1px solid #ad0c0c; border-collapse: collapse;}
.bdr-t{border-top:1px solid #ad0c0c; border-collapse: collapse;}
.bdr-b{border-bottom:1px solid #ad0c0c; border-collapse: collapse;}
.bdr-l{border-left:1px solid #ad0c0c; border-collapse: collapse;}
.bdr-r{border-right:1px solid #ad0c0c; border-collapse: collapse;}
.bdgd-a{border:1px solid #d7b46e; border-collapse: collapse;}
.bdgd-t{border-top:1px solid #d7b46e; border-collapse: collapse;}
.bdgd-b{border-bottom:1px solid #d7b46e; border-collapse: collapse;}
.bdgd-l{border-left:1px solid #d7b46e; border-collapse: collapse;}
.bdgd-r{border-right:1px solid #d7b46e; border-collapse: collapse;}
/*テーブル*/
.dtable{display: table;}
.dtable_c{display: table-cell; }
.tlf{table-layout: fixed;}

/*リスト*/
.lsd li {
position: relative;
margin-bottom: 5px;
padding-left: 10px;
line-height:150%;
}
.lsd li::after {
display: block;
content: '';
position: absolute;
margin-left: -10px;
top: 0.6em;
width: 6px;
height: 6px;
background-color:#444;
border-radius: 100%;
}
.lsd11 li {
position: relative;
margin-bottom: 5px;
padding-left: 10px;
line-height:150%;
}
.lsd11 li::after {
display: block;
content: '';
position: absolute;
margin-left: -10px;
top: 0.5em;
width: 6px;
height: 6px;
background-color:#444;
border-radius: 100%;
}
.lsd10 li {
position: relative;
margin-bottom: 5px;
padding-left: 10px;
}
.lsd10 li::after {
display: block;
content: '';
position: absolute;
margin-left: -10px;
top: 0.55em;
width: 4px;
height: 4px;
background-color:#444;
border-radius: 100%;
}
.newlsd{padding-left:10px;}
@media screen and (max-width: 480px){.newlsd{padding-top:5px;}}
.newlsd li{display: inline; padding-right:15px; line-height:150%;}
@media screen and (max-width: 480px){.newlsd li{display: block;　padding-left:1em; text-indent:-1em; padding-right:5px; padding-bottom:9px;}}
.newlsd li:before {content:"●";}
.listcircle li{text-indent: -1rem; margin-left: 1rem; line-height: 140%; margin-bottom: 5px;}
.listcircle li:last-child{margin-bottom:0;}
.listcircle li:before{content:"〇"; padding-right: 0.25rem; display: block; height:0;}
.lnu li{counter-reset: count 0;}
.lnu li:before {content: counter(count) ". "; counter-increment: count 1;}
/*フォント装飾*/
.ffm{font-family:'Noto Serif JP','ＭＳ Ｐ明朝','MS PMincho','century',serif;}
.ffg{font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;}
.fos{font-family:'Open Sans Condensed', sans-serif;}
.ffr{font-family: 'Frank Ruhl Libre', serif;}
.fpf{font-family: 'Petit Formal Script', cursive;}
.fzk{font-family: 'Zen Kaku Gothic New', sans-serif!important; font-size-adjust: none;}
.fcg{font-family: 'Century Gothic';}
.fga{font-family: 'EB Garamond', serif;}
.fdm{font-family: 'DM Serif Display', serif;}
.fin{font-family: 'Inter', sans-serif;}
.fmn{font-family: "meno-banner", serif;}
.fit{font-style: italic;}
.fw3, .fw3 a{font-weight:300 !important;}
.fwb, .fwb span{font-weight:700;}
@media screen and (max-width:480px){
.fwb-xs{font-weight:bold !important;}}
.fwn{font-weight:normal !important;}
.tbs p, .tbs div, .tbs h1, .tbs h2, .tbs h3, .tbs span{filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));}
.tbsh p, .tbsh div, .tbsh h1, .tbsh h2, .tbsh h3, .tbsh span{filter: drop-shadow(0 0 5px rgba(255,255,255,0.8));}
.marker{background: linear-gradient(transparent 60%, #FFF9B1 30%);}
.marker-1{background: linear-gradient(transparent 60%, #FFF9B1 30%);}
.marker-2{background: linear-gradient(transparent 60%, #e097b4 30%);}
.marker-3{background: linear-gradient(transparent 60%, #a3d5db 30%);}

.ti5{text-indent:5px!important;}
.ti10{text-indent:10px!important;}
.ti15{text-indent:15px!important;}
.ti20{text-indent:20px!important;}
.ti-5{text-indent:-5px!important;}
.ti-10{text-indent:-10px!important;}
.ti-15{text-indent:-15px!important;}
.ti-20{text-indent:-20px!important;}

.ti01em{text-indent: 0.1em!important;}
.ti025em{text-indent: 0.25em!important;}
.ti05em{text-indent: 0.5em!important;}
.ti075em{text-indent: 0.75em!important;}
.ti1em{text-indent: 1em!important;}
.ti15em{text-indent: 1.5em!important;}
.ti2em{text-indent: 2em!important;}

.ti-01em{text-indent: -0.1em!important;}
.ti-025em{text-indent: -0.25em!important;}
.ti-05em{text-indent: -0.5em!important;}
.ti-075em{text-indent: -0.75em!important;}
.ti-1em{text-indent: -1em!important;}

.bef1, .bef2, .bef3, .bef4, .bef5, .bef6, .bef7, .bef8{padding-left:1.25em; text-indent:-1.25em;}
.bef1::before, .bef2::before, .bef3::before, .bef4::before, .bef5::before, .bef6::before, .bef7::before, .bef8::before {padding-right: 0.2em;}
.bef1::before {	content: "※";}
.bef2::before {	content: "〇";}
.bef3::before {	content: "●";}
.bef4::before {	content: "◎";}
.bef5::before {	content: "□";}
.bef6::before {	content: "■";}
.bef7::before {	content: "◇";}
.bef8::before {	content: "◆";}

/*フォント装飾-縦書*/
.tategaki {position: relative;}
.tategaki_child {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
margin: 0 auto;
white-space: nowrap;
}
.tategaki_child > * {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}

/*フォント装飾-下線*/
.texbb{position: relative; margin-bottom:60px;}
.texbb:after{
width:30px;
content: "";
border-bottom: 1px solid #595656;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: -30px;
margin:auto;
}
.texbbg{color: #d7b46e !important; position: relative; margin-bottom:60px;}
.texbbg:after{
width:30px;
content: "";
border-bottom: 1px solid #d7b46e;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: -30px;
margin:auto;
}
.texbbr{position: relative; margin-bottom:70px; color: #ad0c0c;}
.texbbr:after{
width:30px;
content: "";
border-bottom: 1px solid #ad0c0c;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: -30px;
margin:auto;
}
.texbb2{position: relative; margin-bottom: 85px;}/*h1の文字が大きいくて2行の場合*/
.texbb2:after{
display: block;
position: absolute;
top: 0px;
left: 50%;
border-left: 1px solid #595656;
width: 1px;
height: 40px;
content: "";
bottom: -115px;
margin:auto;
}
.texbbg2{color: #d7b46e !important; position: relative; margin-bottom: 85px;}/*h1の文字が大きいくて2行の場合*/
.texbbg2:after{
display: block;
position: absolute;
top: 0px;
left: 50%;
border-left: 1px solid #d7b46e;
width: 1px;
height: 40px;
content: "";
bottom: -115px;
margin:auto;
}
.texbb2-2{position: relative; margin-bottom: 130px;}
.texbb2-2:after{
display: block;
position: absolute;
top: 0px;
left: 50%;
border-left: 1px solid #595656;
width: 1px;
height: 40px;
content: "";
bottom: -170px;
margin:auto;
}
@media screen and (max-width: 480px){.texbb2-2{margin-bottom: 70px;}}
@media screen and (max-width: 480px){.texbb2-2:after{bottom: -150px;}}
.texbb3{position: relative; padding-bottom:5px;}
.texbb3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #595656, #595656 2px, transparent 2px, transparent 4px);
background: repeating-linear-gradient(-45deg, #595656, #595656 2px, transparent 2px, transparent 4px);
}
.texbb4{position: relative; padding-bottom:16px; margin-bottom: 15px; border-bottom:4px dotted #222;}
.texbb5 {
position: relative;
display: inline-block;
padding: 0 55px;
margin-bottom: 10px;
}
.texbb5:before, .texbb5:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
.texbb5:before {
left:0;
}
.texbb5:after {
right: 0;
}
.texbb6 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
margin-bottom: 15px;
white-space: nowrap;
}
.texbb6:before, .texbb6:after { 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.texbb6:before {
border-left: solid 1px #222;
border-top: solid 1px #222;
top:0;
left: 0;
}
.texbb6:after {
border-right: solid 1px #222;
border-bottom: solid 1px #222;
bottom:0;
right: 0;
}
.texbb7 {
position: relative;
padding-left: 2.2em;
line-height: 1.4;
margin-bottom: 15px;
}
.texbb7:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
font-size: 1em;
left: 0;
top: -2px;
color: #e097b4;
font-weight: 900;
padding: 2px 3px 2px 5px;
border: 1px #ccc solid;
}
.texbb7-2, .texbb7-3 {
position: relative;
padding-left: 2.2em;
line-height: 1.6em;
margin-bottom: 15px;
}
.texbb7-2:before, .texbb7-3:before  {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
font-weight: 900;
padding: 2px 3px 2px 5px;
}
.texbb7-2:before{color: #e097b4;}
.texbb7-3:before{color: #b6b8b2;}
.texbb8, .texbb8-p, .texbb8-g {
position: relative;
line-height: 1.4;
margin-top: 20px;
padding: 0.5em 0.5em 0.3em 0.2em;
background: transparent;
}
.texbb8:after, .texbb8-p:after, .texbb8-g:after {
position: absolute;
font-family: 'Arial',sans-serif;
content: 'NOTICE';
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.1em;
}
.texbb8{border-top: solid 1px #b6b8b2; border-bottom: solid 1px #b6b8b2;}
.texbb8:after {background: #b6b8b2;}
.texbb8-p {border-top: solid 1px #e097b4; border-bottom: solid 1px #e097b4;}
.texbb8-p:after {background: #e097b4;}
.texbb8-g {border-top: solid 1px #d7b46e; border-bottom: solid 1px #d7b46e;}
.texbb8-g:after {background: #d7b46e;}
.texbb9-1, .texbb9-2{padding: .5em .7em;}
.texbb9-1{background-image: repeating-linear-gradient(-45deg, #e2e4df, #e2e4df 3px, transparent 3px, transparent 7px); color: #444;}
.texbb9-2{background-image: repeating-linear-gradient(-45deg, #ecd0db, #ecd0db 3px, transparent 3px, transparent 7px); color: #595656;}
.texbb9-3 {
display: flex;
grid-gap: 0 .7em;
margin: 0 auto;
padding: 1em 1em 1em 1.25em;
border-radius: 5px;
background-color: #e2e4df;
color: #595656;
}
.texbb9-3 p {
margin: 0;
padding: 0 0 0 .7em;
border-left: 1px solid #b6b8b2;
white-space:nowrap;
}
.texbb9-4 {
display: flex;
grid-gap: 0 .7em;
margin: 0 auto;
padding: 0.5em 1em;
border-radius: 5px;
background-color: #e097b4;
color: #fff;
}
.texbb9-4 p {
margin: 0;
padding: 0 0 0 .7em;
border-left: 1px solid #fff;
font-size:12px;
letter-spacing:0;
text-align:left;
}
.texbb10 {
max-width: 400px;
margin: 0 auto;
border: 2px solid #b6b8b2;
border-radius: 5px;
text-align:left;
}
.texbb10 div {
display: inline-flex;
align-items: center;
position: relative;
top: -13px;
left: 10px;
margin: 0 7px;
padding: 0 8px;
background: #fff;
color: #e097b4;
font-weight: 600;
vertical-align: top;
}
.texbb10 svg {
padding-right: 4px;
}
.texbb10 p {
margin: 0;
padding: 0 1.5em 1.5em;
}
.gaibu {line-height: 100%;}
.gaibu a::after {padding-left:3px; font-family: "Font Awesome 5 Free"; content: '\f35d';  font-weight: 600; color:#67a2b7;}
.gaibulink {border:#67a2b7 3px solid;}
.gaibulink::before {
padding:3px 4px 7px 6px;
font-family: "Font Awesome 5 Free";
content: '\f35d';
font-weight: 900;
color:#fff;
background:#67a2b7;
position:absolute;
font-size:14px;
line-height: 100%;
}
.circle1, .circle2, .circle3, .circle4, .circle5, .circle6 {
position: relative;
width: 80px;
height: 80px; 
border-radius: 50%; 
margin: 0 auto;
text-align: center;
line-height: 150%;
white-space: nowrap;
}
.circle1{background-color: #222; color: #fff;}
.circle2{background-color: #e097b4; color: #fff;}
.circle3{background-color: #b6b8b2; color: #fff;}
.circle4{border: 2px dotted #222;}
.circle5{background-color: #e60012; color: #fff;}
.circle6{background-color: #d7b46e; color: #fff;}
.circle1 .inner, .circle2 .inner, .circle3 .inner, .circle4 .inner, .circle5 .inner, .circle6 .inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.circle1s{background-color: #222; color: #fff;}
.circle2s{background-color: #e097b4; color: #fff;}
.circle3s{background-color: #b6b8b2; color: #fff;}
.circle4s{border: 2px dotted #222;}
.circle5s{background-color:rgb(107,182,255,0.8); color: #fff;}
.circle1s, .circle2s, .circle3s, .circle4s, .circle5s{padding:0.2em 0.4em 0.2em 0.46em; font-size: 12px !important; font-family: Arial,sans-serif; border-radius: 50%; line-height: 100% !important;}

.balloon_b_w, .balloon_r_w {
position: relative;
padding-bottom: 5px;
text-align: center;
}
.balloon_b_w {border-bottom: 2px solid #222; color: #222;}
.balloon_r_w {border-bottom: 2px solid #c2255c; color: #c2255c;}
.balloon_b_w:before, .balloon_b_w:after, .balloon_r_w:before, .balloon_r_w:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.balloon_b_w:before, .balloon_r_w:before {border: 12px solid transparent;}
.balloon_b_w:before {border-top: 12px solid #222;}
.balloon_r_w:before {border-top: 12px solid #c2255c;}
.balloon_b_w:after, .balloon_r_w:after {border: solid 14px transparent; margin-top: -5px;}
.balloon_b_w:after, .balloon_r_w:after {border-top: solid 14px #fff;}
.balloon_b_def:after {border-top: solid 14px #f6f4ef;}
.ribbon1, .ribbon2, .ribbon3 {
position: relative;
display: inline-block;
height: 41px;
line-height: 40px;
padding: 0 2.5rem;
text-align: center;
white-space:nowrap;
text-indent: 0.25em;
}
@media screen and (max-width: 480px){.ribbon1, .ribbon2, .ribbon3 {padding: 0 1.5rem;}}
.ribbon1{background-color: #222; color: #fff;}
.ribbon2{background-color: #e097b4; color: #fff;}
.ribbon3{background-color: #b6b8b2; color: #fff;}
.ribbon1::before, .ribbon1::after, .ribbon2::before, .ribbon2::after, .ribbon3::before, .ribbon3::after{
position: absolute;
top: 0;
width: 0px;
height: 0px;
border-style: solid;
content: '';
}
.ribbon1::before, .ribbon1::after {border-color: #222 transparent;}
.ribbon2::before, .ribbon2::after {border-color: #e097b4 transparent;}
.ribbon3::before, .ribbon3::after {border-color: #b6b8b2 transparent;}
.ribbon1::before, .ribbon2::before, .ribbon3::before {
left: -14px;
border-width: 20px 0px 21px 15px;
}
.ribbon1::after, .ribbon2::after, .ribbon3::after {
right: -14px;
border-width: 20px 15px 21px 0px;
}
.ribbon1-2.row .col-1, .ribbon1-2.row .col-10, .ribbon2-2.row .col-1, .ribbon2-2.row .col-10, .ribbon3-2.row .col-1, .ribbon3-2.row .col-10, .ribbon4-2.row .col-1, .ribbon4-2.row .col-10, .ribbon5-2.row .col-1, .ribbon5-2.row .col-10 {height:70px;}
.ribbon1-2.row .col-1, .ribbon1-2.row .col-10, .ribbon2-2.row .col-1, .ribbon2-2.row .col-10, .ribbon3-2.row .col-1, .ribbon3-2.row .col-10, .ribbon4-2.row .col-1, .ribbon4-2.row .col-10, .ribbon5-2.row .col-1, .ribbon5-2.row .col-10 {align-self: center; line-height: 100%;}
@media screen and (max-width: 480px){.ribbon1-2.row .col-1, .ribbon1-2.row .col-10, .ribbon2-2.row .col-1, .ribbon2-2.row .col-10, .ribbon3-2.row .col-1, .ribbon3-2.row .col-10, .ribbon4-2.row .col-1, .ribbon4-2.row .col-10, .ribbon5-2.row .col-1, .ribbon5-2.row .col-10 {height:45px;}}
.ribbon1-2.row .col-1:nth-child(1), .ribbon2-2.row .col-1:nth-child(1), .ribbon3-2.row .col-1:nth-child(1), .ribbon4-2.row .col-1:nth-child(1), .ribbon5-2.row .col-1:nth-child(1) {margin-right:-1px;}
.ribbon1-2.row .col-10 div, .ribbon2-2.row .col-10 div, .ribbon3-2.row .col-10 div, .ribbon4-2.row .col-10 div, .ribbon5-2.row .col-10 div {display: table; width: 100%; height: 100%; text-align:center;}
.ribbon1-2.row .col-10 div {background-color: #222;}
.ribbon2-2.row .col-10 div {background-color: #e097b4;}
.ribbon3-2.row .col-10 div {background-color: #b6b8b2;}
.ribbon4-2.row .col-10 div {background-color: #d7b46e;}
.ribbon5-2.row .col-10 div {background-color: #e60012;}
.ribbon1-2.row .col-10 div p, .ribbon1-2.row .col-10 div h1, .ribbon1-2.row .col-10 div h2, .ribbon2-2.row .col-10 div p, .ribbon2-2.row .col-10 div h1, .ribbon2-2.row .col-10 div h2, .ribbon3-2.row .col-10 div p, .ribbon3-2.row .col-10 div h1, .ribbon3-2.row .col-10 div h2, .ribbon4-2.row .col-10 div p, .ribbon4-2.row .col-10 div h1, .ribbon4-2.row .col-10 div h2, .ribbon5-2.row .col-10 div p, .ribbon5-2.row .col-10 div h1, .ribbon5-2.row .col-10 div h2 {font-size: 30px; color: #fff; font-weight: bold; white-space: nowrap; vertical-align: middle; display: table-cell;} 
@media screen and (max-width: 480px){.ribbon1-2.row .col-10 div p, .ribbon1-2.row .col-10 div h1, .ribbon1-2.row .col-10 div h2, .ribbon2-2.row .col-10 div p, .ribbon2-2.row .col-10 div h1, .ribbon2-2.row .col-10 div h2, .ribbon3-2.row .col-10 div p, .ribbon3-2.row .col-10 div h1, .ribbon3-2.row .col-10 div h2, .ribbon4-2.row .col-10 div p, .ribbon4-2.row .col-10 div h1, .ribbon4-2.row .col-10 div h2, .ribbon5-2.row .col-10 div p, .ribbon5-2.row .col-10 div h1, .ribbon5-2.row .col-10 div h2 {font-size: 20px;}}
.ribbon1-2.row .col-1:nth-child(3), .ribbon2-2.row .col-1:nth-child(3), .ribbon3-2.row .col-1:nth-child(3), .ribbon4-2.row .col-1:nth-child(3), .ribbon5-2.row .col-1:nth-child(3){margin-left:-1px;}
.ribbon1-2.row .col-1 img, .ribbon2-2.row .col-1 img, .ribbon3-2.row .col-1 img, .ribbon4-2.row .col-1 img, .ribbon5-2.row .col-1 img{object-fit: cover; width: 100%; height: 100%;}
.hfl60 {font-size:36px; letter-spacing:0.1em; line-height: 150%;}
@media screen and (max-width: 1299px){.hfl60{font-size:28px;}}
.hfl60:first-letter{font-size:56px; letter-spacing:0.075em;}
@media screen and (max-width: 480px){.hfl60:first-letter{font-size:48px;}}
.hfl80:first-letter{font-size:80px; letter-spacing:7px;}
.hfl80{font-size:48px; letter-spacing:8px; text-indent: -3px;}
.hfl48::first-letter{font-size:48px!important; letter-spacing:4px;}
.hfl48{font-size:32px; letter-spacing:6px; display: block;}
.hfl36:first-letter{font-size:36px; letter-spacing:2px;}
.hfl36{letter-spacing:3px;}
.hfl26 p:first-letter{font-size:26px!important; letter-spacing:5px!important;}/*プランページ*/
.hfl26 p{letter-spacing:3px!important;}

.fs8{font-size: 8px !important;}
.fs9{font-size: 9px !important;}
.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs24{font-size: 24px !important;}
.fs26{font-size: 26px !important;}
.fs28{font-size: 28px !important;}
.fs30{font-size: 30px !important;}
.fs36{font-size: 36px !important;}
.fs40{font-size: 40px !important;}
.fs50{font-size: 50px !important;}
.fs60{font-size: 60px !important;}
.fs70{font-size: 70px !important;}
.fs80{font-size: 80px !important;}
.fs90{font-size: 80px !important;}
.fs100{font-size: 100px !important;}

.fs10-7{font-size:10px; white-space:nowrap;}
@media screen and (max-width: 480px){.fs10-7{font-size:7px;}}
.fs10-8{font-size: 10px !important;}
@media screen and (max-width: 480px){.fs10-8{font-size:8px !important;}}
.fs11-9{font-size: 11px !important;}
@media screen and (max-width: 480px){.fs11-9{font-size: 9px !important;}}
.fs12-10{font-size: 12px !important;}
@media screen and (max-width: 480px){.fs12-10{font-size:10px !important;}}
.fs14-12{font-size: 14px !important;}
@media screen and (max-width: 480px){.fs14-12{font-size:12px !important;}}
.fs16-12{font-size: 16px !important;}
@media screen and (max-width: 480px){.fs16-12{font-size:12px !important;}}
.fs16-14{font-size: 16px !important;}
@media screen and (max-width: 480px){.fs16-14{font-size:14px !important;}}
.fs18-16{font-size: 18px !important;}
@media screen and (max-width: 480px){.fs18-16{font-size:16px !important;}}
.fs20-16{font-size: 20px !important;}
@media screen and (max-width: 480px){.fs20-16{font-size:16px !important;}}
.fs20-18{font-size: 20px !important;}
@media screen and (max-width: 480px){.fs20-18{font-size:18px !important;}}
.fs22-16{font-size: 22px !important;}
@media screen and (max-width: 480px){.fs22-16{font-size:16px !important;}}
.fs24-14{font-size: 24px !important;}
@media screen and (max-width: 480px){.fs24-14{font-size:14px !important;}}
.fs24-16{font-size: 24px !important;}
@media screen and (max-width: 480px){.fs24-16{font-size:16px !important;}}
.fs24-20{font-size: 24px !important;}
@media screen and (max-width: 480px){.fs24-20{font-size:20px !important;}}
.fs26-18{font-size: 26px !important;}
@media screen and (max-width: 480px){.fs26-18{font-size:18px !important;}}
.fs26-22{font-size: 26px !important;}
@media screen and (max-width: 480px){.fs26-22{font-size:22px !important;}}
.fs28-22{font-size: 28px !important;}
@media screen and (max-width: 480px){.fs28-22{font-size:22px !important;}}
.fs30-20{font-size: 30px !important;}
@media screen and (max-width: 480px){.fs30-20{font-size:20px !important;}}
.fs30-24{font-size: 30px !important;}
@media screen and (max-width: 480px){.fs30-24{font-size:24px !important;}}
.fs32-16{font-size: 32px !important;}
@media screen and (max-width: 480px){.fs32-16{font-size:16px !important;}}
.fs36-26{font-size: 36px !important;}
@media screen and (max-width: 480px){.fs36-26{font-size:26px !important;}}
.fs40-20{font-size: 40px !important;}
@media screen and (max-width: 480px){.fs40-20{font-size:20px !important;}}
.fs40-26{font-size: 40px !important;}
@media screen and (max-width: 480px){.fs40-26{font-size:26px !important;}}
.fs40-30{font-size: 40px !important;}
@media screen and (max-width: 480px){.fs40-30{font-size:30px !important;}}
.fs40-36{font-size: 40px !important;}
@media screen and (max-width: 480px){.fs40-36{font-size:36px !important;}}
.fs46-36{font-size: 46px !important;}
@media screen and (max-width: 480px){.fs46-36{font-size:36px !important;}}
.fs50-35{font-size: 50px !important;}
@media screen and (max-width: 480px){.fs50-35{font-size:35px !important;}}
.fs50-45{font-size: 50px !important;}
@media screen and (max-width: 480px){.fs50-45{font-size:45px !important;}}
.fs80-50{font-size: 80px !important;}
@media screen and (max-width: 480px){.fs80-50{font-size:50px !important;}}
.fs90-60{font-size: 90px !important;}
@media screen and (max-width: 480px){.fs90-60{font-size:60px !important;}}

.ls-5{letter-spacing: -5px !important;}
.ls-4{letter-spacing: -4px !important;}
.ls-3{letter-spacing: -3px !important;}
.ls-2{letter-spacing: -2px !important;}
.ls-1{letter-spacing: -1px !important;}
.ls0{letter-spacing: 0px !important;}
.ls1{letter-spacing: 1px !important;}
.ls2{letter-spacing: 2px !important;}
.ls3{letter-spacing: 3px !important;}
.ls4{letter-spacing: 4px !important;}
.ls5{letter-spacing: 5px !important;}
.lh0{line-height:0% !important;}
.ls10{letter-spacing: 10px !important;}
.lh50{line-height:50% !important;}
.lh75{line-height:75% !important;}
.lh100{line-height:100% !important;}
.lh125{line-height:125% !important;}
.lh150{line-height:150% !important;}
.lh175{line-height:175% !important;}
.lh200{line-height:200% !important;}
.lh225{line-height:225% !important;}
.lh250{line-height:250% !important;}
.lh275{line-height:275% !important;}
.lh300{line-height:300% !important;}

.ls01em{letter-spacing: 0.1em!important;}
.ls025em{letter-spacing: 0.25em!important;}
.ls05em{letter-spacing: 0.5em!important;}
.ls075em{letter-spacing: 0.75em!important;}
.ls1em{letter-spacing: 1em!important;}
.ls-01em{letter-spacing: -0.1em!important;}
.ls-025em{letter-spacing: -0.25em!important;}
.ls-05em{letter-spacing: -0.5em!important;}
.ls-075em{letter-spacing: -0.75em!important;}
.ls-1em{letter-spacing: -1em!important;}

.fc-navy{color:#526d80　!important;}
.fc-navy a{color: #526d80 !important; transition:.3s;}
.fc-navy a:hover{color: #526d80 !important;}
.fc-white{color: #fff !important;}
.fc-white a{color: #fff !important; transition:.3s;}
.fc-white a:hover{color: #ccc !important;}
.fc-white a:visited{color: #fff !important;}
.fc-blue{color:#67a2b7 !important;}
.fc-blue a{color:#67a2b7 !important; transition:.3s;}
.fc-blue a:hover{color: #67a2b7 !important;}
.fc-red{color:#c93e2c !important;}
.fc-red a{color:#c93e2c !important; transition:.3s;}
.fc-red a:hover{color:#c93e2c !important;}
.fc-ppl{color:#b194c5 !important;}
.fc-ppl a{color: #b194c5 !important; transition:.3s;}
.fc-ppl a:hover{color: #b194c5 !important;}
.fc-gray_pink{color:#c5b8b2 !important;}
.fc-gray_pink a{color: #c5b8b2 !important; transition:.3s;}
.fc-gray_pink a:hover{color: #c5b8b2 !important;}
.fc-gray_blue{color:#8ea19f !important;}
.fc-gray_blue a{color: #8ea19f !important; transition:.3s;}
.fc-gray_blue a:hover{color: #8ea19f !important;}
.fc-gold{color:#d7b46e !important;}
.fc-gold a{color:#d7b46e !important; transition:.3s;}
.fc-gold a:hover{color:#d7b46e !important;}
.fc-green{color:#00b900!important;}
.fc-green a{color:#00b900 !important; transition:.3s;}
.fc-green a:hover{color:#00b900 !important;}
.fc-co-1{color: #d49db3 !important;}
.fc-co-2{color: #8c5c8a !important;}

.wsn{white-space: nowrap;}

/*画像装飾*/
/*マスキング*/
.mask_5-4 img{width: 100%; height:100%; aspect-ratio: 5 / 4; object-fit: cover;}
.mask_6-4 img{width: 100%; height:100%; aspect-ratio: 6 / 4; object-fit: cover;}
.mask_1-1 img{width: 100%; height:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.mask_16-9 img{width: 100%; height:100%; aspect-ratio: 16/ 9; object-fit: cover;}
.mask_16-5 img{width: 100%; height:100%; aspect-ratio: 16 / 5; object-fit: cover;}
.mask_4-6 img{width: 100%; height:100%; aspect-ratio: 4 / 6; object-fit: cover;}
.mask_3-6 img{width: 100%; height:100%; aspect-ratio: 3 / 6; object-fit: cover;}
.mask_99-70 img{width: 100%; height:100%; aspect-ratio: 99 / 70; object-fit: cover;}
.ue img {object-position: top;}
.shita img {object-position: bottom;}
.migi img {object-position: right;}
.hidari img {object-position: left;}

.sq-100 img {width: 100%; height: 100px; object-fit: cover;}
.sq-125 img {width: 100%; height: 125px; object-fit: cover;}
@media screen and (max-width: 480px){.sq-125 img{height: 200px!important;}}
.sq-190 img {width: 100%; height: 190px; object-fit: cover;}
@media screen and (min-width: 481px) and (max-width: 991px){.sq-190 img{height: 155px!important;}}
@media screen and (max-width: 480px){.sq-190 img{height: 220px!important;}}/*アーカイブ（ブログ系）*/
.sq-150 img {width: 100%; height: 150px; object-fit: cover;}
.sq-200 img {width: 100%; height: 200px; object-fit: cover;}
.sq-250 img {width: 100%; height: 250px; object-fit: cover;}
.sq-300 img {width: 100%; height: 300px; object-fit: cover;}
@media screen and (max-width: 480px){.sq-300 img{height: 200px!important;}}/*アーカイブ（フェア系）*/
.sq-400 img {width: 100%; height: 400px; object-fit: cover;}
@media screen and (max-width: 480px){.sq-400 img{height: 250px!important;}}/*レポートシングル*/

/*角丸*/
.br5{border-radius: 5px;}
.br10{border-radius: 10px;}
.br20{border-radius: 20px;}
.br30{border-radius: 30px;}
.br50{border-radius: 50px;}
.br80{border-radius: 80px;}
.br100{border-radius: 100px;}
.br100-50{border-radius: 100px;}
@media screen and (max-width: 480px){.br100-50{border-radius: 50px;}}
.br_top{border-top-right-radius: 1500px 250px; border-top-left-radius: 1500px 250px; margin-left: -200px; margin-right: -200px; padding-left: 200px; padding-right: 200px; margin-top:-90px;}
@media screen and (min-width: 1113px) and (max-width:1299px){.br_top{margin-top:-50px;}}
@media screen and (min-width: 992px) and (max-width:1112px){.br_top{margin-top:-40px;}}
@media screen and (min-width: 481px) and (max-width: 991px){.br_top{margin-top:-27px;}}
@media screen and (max-width: 480px){.br_top{border-top-right-radius: 400px 100px; border-top-left-radius: 400px 100px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; margin-top:-20px;}}
.br5-a, .br5-0-a {border-radius: 5px;}
@media screen and (max-width: 991px){.br5-0-a {border-radius: 0;}}
.br5-t, .br5-0-t {border-top-left-radius: 5px; border-top-right-radius: 5px;}
@media screen and (max-width: 991px){.br5-0-t {border-top-left-radius: 0; border-top-right-radius: 0;}}
.br5-b, .br5-0-b {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
@media screen and (max-width: 991px){.br5-0-b {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}
.br5-r, .br5-0-r {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
@media screen and (max-width: 480px){.br5-0-r {border-top-right-radius: 0; border-bottom-right-radius: 0;}}
.br5-l, .br5-0-l {border-radius: 5px 0 0 5px;}
@media screen and (max-width: 480px){.br5-0-l {border-top-left-radius: 0; border-bottom-left-radius: 0;}}

.br10-a, .br10-0-a {border-radius: 10px;}
@media screen and (max-width: 991px){.br10-0-a {border-radius: 0;}}
.br10-t, .br10-0-t {border-top-left-radius: 10px; border-top-right-radius: 10px;}
@media screen and (max-width: 991px){.br10-0-t {border-top-left-radius: 0; border-top-right-radius: 0;}}
.br10-b, .br10-0-b {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
@media screen and (max-width: 991px){.br10-0-b {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}
.br10-r, .br10-0-r {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
@media screen and (max-width: 480px){.br10-0-r {border-top-right-radius: 0; border-bottom-right-radius: 0;}}
.br10-l, .br10-0-l {border-radius: 10px 0 0 10px;}
@media screen and (max-width: 480px){.br10-0-l {border-top-left-radius: 0; border-bottom-left-radius: 0;}}

.br30-a, .br30-0-a {border-radius: 30px;}
@media screen and (max-width: 480px){.br30-0-a {border-radius: 0;}}
.br30-t, .br30-0-t {border-top-left-radius: 30px; border-top-right-radius: 30px;}
@media screen and (max-width: 991px){.br30-0-t {border-top-left-radius: 0; border-top-right-radius: 0;}}
.br30-b, .br30-0-b {border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
@media screen and (max-width: 991px){.br30-0-b {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}
.br30-r, .br30-0-r {border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
@media screen and (max-width: 480px){.br30-0-r {border-top-right-radius: 0; border-bottom-right-radius: 0;}}
.br30-l, .br30-0-l {border-radius: 30px 0 0 30px;}
@media screen and (max-width: 480px){.br30-0-l {border-top-left-radius: 0; border-bottom-left-radius: 0;}}

.br50-a, .br50-0-a {border-radius: 50px;}
@media screen and (max-width: 991px){.br50-0-a {border-radius: 0;}}
.br50-t, .br50-0-t {border-top-left-radius: 50px; border-top-right-radius: 50px;}
@media screen and (max-width: 991px){.br50-0-t {border-top-left-radius: 0; border-top-right-radius: 0;}}
.br50-b, .br50-0-b {border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;}
@media screen and (max-width: 991px){.br50-0-b {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}
.br50-r, .br50-0-r {border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
@media screen and (max-width: 480px){.br50-0-r {border-top-right-radius: 0; border-bottom-right-radius: 0;}}
.br50-l, .br50-0-l {border-radius: 50px 0 0 50px;}
@media screen and (max-width: 480px){.br50-0-l {border-top-left-radius: 0; border-bottom-left-radius: 0;}}

/*メイン*/
#main {
flex-direction: column;
overflow:hidden;
}

/*メインイメージ*/
.main_img_outer{display:table; width:100%;}
.main_img_outer .main_img1-pc {
height: 85vh;
overflow: hidden;
position: relative; 
display: table-cell;
vertical-align: middle;
text-align: center;
color: white;
}
.main_img_outer .main_img1-pc .main_img {
width: 100%;
height: 85vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.main_img_outer .main_img1-sp {
height: 515px;
overflow: hidden;
position: relative; 
display: table-cell;
vertical-align: middle;
text-align: center;
color: white;
}
.main_img_outer .main_img1-sp .main_img {
width: 100%;
height: 515px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}

.main_img_outer .main_img-pc .main_img {
opacity: 0;
-webkit-animation: anime 30s 0s infinite;
animation: anime 30s 0s infinite; }
.main_img-sp .main_img {
z-index:2;
opacity: 0;
-webkit-animation: anime 30s 0s infinite;
animation: anime 30s 0s infinite; }
.main_img_outer .main_img-pc .main_img:nth-of-type(2), .main_img_outer .main_img-sp .main_img:nth-of-type(2) {
-webkit-animation-delay: 6s;
animation-delay: 6s; }
.main_img_outer .main_img-pc .main_img:nth-of-type(3), .main_img-sp .main_img:nth-of-type(3) {
-webkit-animation-delay: 12s;
animation-delay: 12s; }
.main_img_outer .main_img-pc .main_img:nth-of-type(4), .main_img-sp .main_img:nth-of-type(4) {
-webkit-animation-delay: 18s;
animation-delay: 18s; }
.main_img_outer .main_img-pc .main_img:nth-of-type(5), .main_img-sp .main_img:nth-of-type(5) {
-webkit-animation-delay: 24s;
animation-delay: 24s; }
@keyframes anime {
0% {opacity: 0;}
8% {opacity: 1;}
17% {opacity: 1;}
25% {opacity: 0;}
100% {transform: scale(1.3); z-index:1; opacity: 0 }
}	

.main_img_outer .main_img1-pc .main_img_title, .main_img_outer .main_img1-sp .main_img_title {padding:0 60px; z-index: 3; position: relative;}
.main_img_outer .main_img1-pc .maintext{font-size:30px;}
.main_img_outer .main_img1-pc .maintext::first-letter{font-size:50px;}
.main_img_outer .main_img1-pc .subtext {margin-top:30px; font-size: 14px; }
.main_img_outer .main_img1-sp .maintext{font-size:22px; }
.main_img_outer .main_img1-sp .maintext::first-letter{font-size:40px;}
.main_img_outer .main_img1-sp .subtext {margin-top:10px; font-size: 10px;}
.main_img_outer .main_img1-pc .maintext, .main_img_outer .main_img1-sp .maintext{font-family: 'Frank Ruhl Libre', serif; z-index: 3; position: relative; letter-spacing: 0.5em; white-space:nowrap;}
.main_img_outer .main_img1-pc .subtext, .main_img_outer .main_img1-sp .subtext {z-index: 3; position: relative; letter-spacing: .75em;}

/*ヘッダ*/
.modal-content h2{text-align:center; margin-top:40px; margin-bottom:10px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.modal-content h2{margin-top:20px; margin-bottom:0px;}}
.modal-content h2 img{margin-left:auto; margin-right:auto; max-width:250px;}
.modal-content .dtable{font-size:40px; color:#fff; padding-top:20px; padding-bottom:50px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.modal-content .dtable{font-size:30px; padding-top:0; padding-bottom:0;}
}

#navi-menu{
text-align: left;
color: white;
}
#navi-menu section{padding-top:30px;}
#navi-menu h3{padding-bottom:10px; margin-bottom:20px; font-size:18px; border-bottom:1px solid #ccc; font-weight: 700;}
@media screen and (max-width: 480px){#navi-menu h3{font-size:16px;}}
#navi-menu li{margin-bottom: 20px; font-size:17px;}
@media screen and (min-width: 992px) and ( max-width:1112px){#navi-menu li{margin-bottom: 15px; font-size:14px;}}
@media screen and (max-width: 991px){#navi-menu li{margin-bottom: 20px; font-size:15px;}}
#navi-menu a{color: white!important;}

/*ヘッダボタン*/
#top_logo {
position: fixed;
width: 165px;
top: 28px;
left:25px;
z-index: 1060;
cursor: pointer;
}
@media screen and (max-width: 480px){#top_logo {width: 120px; top: 28px;}}
.top_h1{font-size:9px; color:#000; letter-spacing:0; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif; font-size-adjust:none; position: fixed; z-index: 1060; line-height: 100%; top:8px; left:26px;}
@media screen and (max-width: 480px){.top_h1{font-size:6px; top:14px; left:28px;}}

.head_underlay {
z-index:1059;
position: fixed;
width: 100%;
height: 70px;
display: flex;
background-color:#fff;
opacity: 0;
transition: all 0.65s;
}
.head_underlay.isActive {
opacity: 0.75;
transition: all 0.65s;
}

/*フッタ*/
footer{
background-color:#ccc;
color:#fff;
font-family:'Noto Serif JP','ＭＳ Ｐ明朝','MS PMincho','century',serif;
background: url(img/bg/footer_bg.jpg) repeat;
margin-top: auto;
}
#footer .coco_btn_12_w {border-radius: 0; border: 1px solid #7c8392;}
.footer_content .phonenumber{font-size:30px; font-family: 'Frank Ruhl Libre', serif;}
.footer_content .phonenumber span{font-size:16px; letter-spacing:0.1em;}
@media screen and (max-width: 480px){.footer_content .phonenumber{text-align:center;}}
#footer_tree {padding-left: 25px; padding-right: 25px; overflow: hidden;}
#footer_tree .inner {border-bottom: 1px solid #7c8392; border-top: 1px solid #7c8392; border-collapse: collapse; padding-top: 30px; padding-bottom: 30px;}
#footer_tree .inner .row {max-width: 1250px; margin-left: auto; margin-right: auto; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;}
#footer_tree .inner .row .col-md-4 {padding-bottom: 0;}
@media screen and (max-width: 480px){#footer_tree .inner .row .col-md-4 {padding-bottom: 20px;}}
#footer_tree .inner .row .col-md-4 .list {font-weight: 700; padding-bottom: 5px;}
#footer_tree .inner .row .col-md-4 .list a {font-weight: 700; letter-spacing: 0;}
#footer_tree .inner .row .col-md-4 .list a span {font-size: 11px; font-weight: 700;}
#footer_tree .inner .row .col-md-4 .tree li {
position: relative;
margin: 0;
padding: 7px 0 7px 40px;
line-height:130%;
white-space: nowrap;
}
#footer_tree .inner .row .col-md-4 .tree li:before {
content: "";
display: block;
position: absolute;
top: 18px;
left: 15px;
width: 13px;
height: 0;
border-top: 1px solid #7c8392;
}
#footer_tree .inner .row .col-md-4 .tree li:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
width: 0;
height: 100%;
border-left: 1px solid #7c8392;
}
#footer_tree .inner .row .col-md-4 .tree li:last-child:after {
height: 18px;
}
#footer_tree .inner .row .col-md-4 .tree li p{font-size: 14px; white-space: nowrap; letter-spacing: 0;}
@media screen and (max-width: 480px){#footer_tree .inner .row .col-md-4 .tree li p{font-size: 12px;}}
#footer_tree .inner .row .col-md-4 .list a, #footer_tree .inner .row .col-md-4 .tree li p a{color: #fff;}
footer .footer_content a {color: #fff;}
footer .footer_content .row.outer {padding-top: 15px; padding-bottom: 40px; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;}
footer .footer_content .col-sm-6:nth-of-type(1) .coco_btn_12_w {border: 1px solid #7c8392!important;}
footer .footer_content .col-sm-6:nth-of-type(2) .outerframe {border: 1px solid #7c8392; border-collapse: collapse; padding:15px 25px;}
footer .footer_content .grad-item h3, .footer_content .grad-item .fc-red, .footer_content .grad-item .fc-gold, .footer_content .grad-item .dtable_c.ls1.lh175{font-size:14px!important;}
footer .footer_content .grad-item {max-height: 125px;}
footer .footer_content .grad-item::before {height: 62px; background: linear-gradient(to bottom, rgba(31, 35, 44, 0) 10%, rgb(31, 35, 44) 100%)!important;}
footer .footer_content .bdg-b {border-bottom: 1px solid #7c8392!important;}
footer .footer_content .grad-btn {bottom: -90px; background: #ccc; color: #222; font-size: 14px; letter-spacing: 0; line-height: 100%;  padding: 11px 0 13px 0;}
/*サイドバー*/
#sidebar {font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif; font-size-adjust: none;}
#sidebar #eventlist .title{font-size:22px; text-align:center; line-height:150%; letter-spacing:0;}
@media screen and (min-width: 481px) and (max-width:1112px){#sidebar #eventlist .title{font-size:18px;}}
#sidebar #eventlist .cap{font-size:14px; line-height:150%; text-align:left;}
@media screen and (min-width: 481px) and (max-width: 991px){#sidebar #eventlist .cap{font-size:12px;}}
#sidebar #eventlist .time{font-size:12px; letter-spacing:0; text-align:center; margin-bottom:5px; white-space:nowrap;}
@media screen and (min-width: 1113px) and (max-width:1299px){#sidebar #eventlist .time{font-size:10px;}}
@media screen and (min-width: 481px) and (max-width:1112px){#sidebar #eventlist .time{font-size:8px;}}
#sidebar #eventlist .texbb{margin-bottom:35px!important;}
#sidebar #eventlist .texbb::after {bottom:-17px!important;}
#sidebar #eventlist .coco_btn_12_w{border:none!important;}
#sidebar #eventlist .ribbong_grad76, #sidebar #eventlist .ribbong_grad60 {
display: inline-block;
position: absolute;
top: -8px;
right: 10px;
margin: 0;
padding: 10px 0 5px 0;
z-index: 2;
text-align: center;
color: white;
background-image: linear-gradient(to top, #e6b980 30%, #cda26c 80%);
white-space:nowrap;
font-size:12px;
letter-spacing:-0.1em;
line-height:150%;
}
#sidebar #eventlist .ribbong_grad76{width:76px;}
#sidebar #eventlist .ribbong_grad60{width:60px;}
#sidebar #eventlist .ribbong_grad76::after, #sidebar #eventlist .ribbong_grad60::after {
content: '';
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 38px solid #e6b980;
border-right: 38px solid #e6b980;
border-bottom: 10px solid transparent;
}
#sidebar #eventlist .ribbong_grad76::after{border-left: 38px solid #e6b980; border-right: 38px solid #e6b980;}
#sidebar #eventlist .ribbong_grad60::after{border-left: 30px solid #e6b980; border-right: 30px solid #e6b980;}

/*アーカイブ*/
.left{text-align: center; border-right: solid 1px #e2e2d5; padding:0 15px 30px 15px;}
.wp-pagenavi{text-align:center;}
.wp-pagenavi a, .wp-pagenavi span{border:transparent solid 1px !important;}
.wp-pagenavi span.current{font-size:18px;}

/*アーカイブのメイン画像*/
#archive_main_image{position: relative;}
#archive_main_image p{position: absolute; bottom: 45%; width: 100%; font-size: 50px; z-index:3; text-align: center; letter-spacing: 5px; text-indent: 5px; color: rgba(255,255,255,0.85); line-height:125%; font-family: 'Frank Ruhl Libre', serif;}
@media screen and (max-width: 480px){#archive_main_image p{bottom: 50%; font-size: 30px;}}
#archive_main_image p:first-letter{font-size:70px!important; letter-spacing:2px!important;}
@media screen and (max-width: 480px){#archive_main_image p:first-letter{font-size:50px!important; letter-spacing:1px!important;}}
#archive_main_image h1{position: absolute; bottom: 40%; width: 100%; font-size:14px!important; padding-left:20px; z-index:3; text-align: center; letter-spacing: 5px; text-indent: 5px; color: rgba(255,255,255,0.85); line-height:125%;}
@media screen and (max-width: 480px){#archive_main_image h1{font-size:12px!important; font-weight:bold; bottom: 45%;}}

/*アーカイブのロケーション*/
.location_spot{padding-top: 50px; margin-bottom:50px;}
@media screen and (max-width: 480px){.location_spot{padding-top: 35px;}}
.location_spot > [class*='col-'] {align-self: center !important;}
@media screen and (max-width: 480px){.location_spot .col-md-5{padding-left: 25px; padding-right: 25px;}}
@media screen and (max-width: 480px){.location_spot .inner_box{margin-top:-30px; background-color:#e7d8d1; padding-bottom:35px; padding-left: 20px; padding-right: 20px;}}
.location_spot .inner_box figure {padding-top:25px; padding-bottom:10px; text-align:center;}
.location_spot .inner_box h3{font-size: 30px; line-height: 125%; text-align:center; white-space:nowrap;}
@media screen and (max-width: 480px){.location_spot .inner_box h3{font-size: 24px;}}
.location_spot .inner_box h3 span{font-size: 16px;}
@media screen and (max-width: 480px){.location_spot .inner_box h3 span{font-size: 14px;}}
.location_spot .inner_box p:nth-of-type(1) {text-align:center; letter-spacing: 10px; font-size: 14px; text-indent: -5px; font-family: 'Frank Ruhl Libre', serif; margin-bottom:15px;}
@media screen and (max-width: 480px){.location_spot .inner_box p:nth-of-type(1) {font-size: 12px;}}
.location_spot .inner_box p:nth-of-type(2){line-height:200%; font-size:14px; max-width:400px; margin-left:auto; margin-right:auto; padding-top:25px; padding-bottom:25px;}
.location_spot .inner_box p:nth-of-type(3) {text-align:center; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;}
.location_spot .inner_box p:nth-of-type(3) a:visited {color: #fff!important;}
@media screen and (max-width: 480px){.location_spot .inner_box p:nth-of-type(2){padding-top:15px; padding-bottom:20px;}}

/*アーカイブのニュース*/
.archive_news{max-width:1000px; margin-left:auto; margin-right:auto; padding-left:10px; padding-right:10px;}
.archive_news .col-sm-4{padding:0 15px 30px 15px; position:relative;}
.archive_news .catch img{max-width:100%!important; object-fit:none; height:auto;}

/*アーカイブのキッズ*/
.kidsplan{text-align:center; color:#d7b46e !important;}	
.kidsplan .texbbg {margin-top:15px;}
.kidsplan .texbbg span{border:1px solid #f1e0c7; padding:5px; font-size:12px; white-space:nowrap;}
@media screen and (max-width: 480px){.kidsplan .texbbg span{font-size:10px;}}

/*ボタン*/
.text_link{border-bottom: dotted 2px #67a2b7 !important; padding-left: 3px; padding-right: 3px; color: #67a2b7 !important; letter-spacing: 0px !important; font-weight: bold !important; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif; font-size-adjust: none;}
.text_link_def{border-bottom: dotted 2px #595656 !important; padding-left: 3px; padding-right: 3px; color: #595656 !important; letter-spacing: 0px !important; font-weight: bold !important; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif; font-size-adjust: none;}
.text_link a{color:#67a2b7!important;}
.text_link a:visited{color:#67a2b7!important;}
.lilink {
position: relative;
z-index: 1;
transition:all 1.0s;
}
.lilink a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:-999px;
z-index: 2;
}
.lilink:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
}
.zoomIn{
max-width:900px;
margin: 0 auto;
}
.zoomIn a:hover img{
transform: scale(1.2);
}
.zoomIn .mask{
display: block;
line-height: 0;
overflow: hidden;
}
.zoomIn img{
transform: scale(1);
transition: .3s ease-in-out;
}
.hov:hover{opacity:0.5; transition: all .3s;}
.slot{display: flex; white-space: no-wrap;}
.slot li a{
position: relative;
overflow: hidden;
padding:10px 60px;
}
.zoomcontent {transition:transform 0.3s;}
.zoomcontent:hover {transform:scale(1.3);}
.slot li span{
position: absolute;
left: 50%;
top:0;
transition: all .5s;
transform: translate(-50%, 0);
display: block;
opacity:1;
white-space: nowrap;
}
.slot li span:nth-child(2){
opacity:0;
transform: translate(-50%,100%);
}
.slot li:hover span:nth-child(1){
opacity:0;
transform: translate(-50%,-100%);
}
.slot li:hover span:nth-child(2){
opacity:1;
transform: translate(-50%, 0);
}
.rip{
position: relative;
display:inline-block;
margin:0 10px 20px 10px;
text-decoration: none;
outline: none;
}
.rip:hover::before {
content: '';
position: absolute;
left:30%;
top:0;
border: 1px solid #333;
width: 60px;
height: 60px;
border-radius: 50%;
opacity:1;
animation:1s circleanime2 forwards;
}
@keyframes circleanime2{
0%{
transform: scale(0);
}
100%{
transform:scale(2);
opacity: 0;
}
}
.animo1{display:inline-block;position:relative;cursor:pointer}.animo1::after{content:'';position:absolute;left:50%;width:60%;height:3px;opacity:0;background-color:#222;transform:translate(-50%,0);transition:all .3s ease-in-out}.animo1:hover::after{width:100%;opacity:1}
.hov:hover{opacity:0.5; transition: all .3s;}

.btn_base_l, .btn_base_m, .btn_base_s{
padding: 10px 0px;
background-color: transparent;
transition: all .3s;
cursor: pointer;
text-align:center;
font-size:14px;
}
.btn_base_l{max-width:400px;}
.btn_base_m{max-width:230px;}
.btn_base_s{max-width:120px; font-size:10px; line-height: 100%;}
@media screen and (max-width: 480px){.btn_base_m{font-size:12px;}}

.btn_white a, .btn_black a, .btn_gold a, .btn_red a {display:block; position:relative;}
.btn_white a {color:#fff!important;}
.btn_black a {color:#595656!important;}
.btn_gold a {color:#cbaf64!important;}
.btn_red a {color:#bc1f29!important;}

.btn_white a:after, .btn_black a:after, .btn_gold a:after, .btn_red a:after {
content:"";
position:absolute;
right: 15px;
top:53%;
width: 8px;
height: 8px;
margin-top:-5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_white a:after {border-top: 1px solid #fff; border-right: 1px solid #fff;}
.btn_black a:after {border-top: 1px solid #595656; border-right: 1px solid #595656;}
.btn_gold a:after {border-top: 1px solid #cbaf64; border-right: 1px solid #cbaf64;}
.btn_red a:after {border-top: 1px solid #bc1f29; border-right: 1px solid #bc1f29;}

.btn2{background-color: rgba(51,51,51,0.5);}
.btn3{background-color: #595656;}
.btn4{border: solid 1px #949494;}
.btn4:hover{opacity:0.5;}
.btn5{background-color: rgba(255,255,255,0.5);}
.btn6{background-color: rgba(89,177,235,1);}
.btn7{background-color: #c93e2c;}
.btn8{background-color: #2a496f;}
.btn9 a {
display: inline-block !important;
padding: 10px 30px !important;
border: 1px solid #000 !important;
border-top-color: rgb(89, 86, 86);
border-right-color: rgb(89, 86, 86);
border-bottom-color: rgb(89, 86, 86);
border-left-color: rgb(89, 86, 86);
color: #595656 !important;
border-radius: 100px !important;
text-decoration: none !important;
}
.btn10{border: 2px solid #cbaf64; background-color:#fff;}
.btn11{border: 2px solid #595656; background-color:#fff;}
.btn12{border: 2px solid #bc1f29; background-color:#fff;}
.btn13{background-color: #ea5270;}

/* 矢印ボタン（黒） */
.read-btn a, .read-btn-r a, .read-btn-w a, .read-btn-b a, .read-btn-g a{
position:relative;
padding-right:5em;
}
.read-btn-r a{color:#c93e2c!important;}
.read-btn-w a{color:#fff!important;}
.read-btn-b a{color:rgba(89,177,235,1) !important;}
.read-btn-g a{color:#cbaf64 !important;}

.read-btn a:before, .read-btn-r a:before, .read-btn-w a:before, .read-btn-b a:before, .read-btn-g a:before{
content:"";
position:absolute;
top:50%;
right:0;
height:1px;
margin-top:2px;
width:4em;
transition: all .4s;
}
.read-btn a:before{background-color:#332C26;}
.read-btn-r a:before{background-color:#c93e2c;}
.read-btn-w a:before{background-color:#fff;}
.read-btn-b a:before{background-color:rgba(89,177,235,1) !important;}
.read-btn-g a:before{background-color:#cbaf64 !important;}

.read-btn a:after, .read-btn-r a:after, .read-btn-w a:after, .read-btn-b a:after, .read-btn-g a:after{
content:"";
position:absolute;
top:50%;
right:4px;
height:12px;
width:1px;
margin-top:-6px;
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
-webkit-transition: all .4s;
transition: all .4s;
}
.read-btn a:after{background-color:#332C26;}
.read-btn-r a:after{background-color:#c93e2c;}
.read-btn-w a:after{background-color:#fff;}
.read-btn-b a:after{background-color:rgba(89,177,235,1) !important;}
.read-btn-g a:after{background-color:#cbaf64 !important;}

.read-btn a:hover:before, .read-btn-r a:hover:before, .read-btn-w a:hover:before, .read-btn-b a:hover:before, .read-btn-g a:hover:before{
right:-10px;
}
.read-btn a:hover:after, .read-btn-r a:hover:after, .read-btn-w a:hover:after, .read-btn-b a:hover:after, .read-btn-g a:hover:after{
right:-6px;
}
.co_button_1{background:#d1b4c3;}
.co_button_2{background:#a892a7;}
.co_button_3{background:#d49db3;}
.co_button_4{background:#e097b4;}
.co_button_1, .co_button_2, .co_button_3, .co_button_4{
color:#fff; 
white-space:nowrap;
position: relative;
text-decoration: none;
display: inline-block;
padding: 10px 45px 10px 30px;
/*border-radius: 25px;*/
text-align: center;
outline: none;
transition: ease .2s;
font-size: 0.85rem;
line-height: 1.85;
}
.co_button_1:hover, .co_button_2:hover, .co_button_3:hover, .co_button_4:hover{color:#fff!important; background:#e097b4;}
.co_button_1::after, .co_button_2::after, .co_button_3::after, .co_button_4::after {
content: '';
position: absolute;
top: 1.3em;
right: 25px;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
.co_button_1:hover::after, .co_button_2:hover::after, .co_button_3:hover::after, .co_button_4:hover::after{
animation: arrow .5s;
}
@keyframes arrow {
50% {
right: 20px;
}
100% {
right: 25px;
}
}
/*下向き矢印*/
.arrow_dw_bl a, .arrow_dw_w a{display: inline-block;
position: relative;
padding: 1.2rem 1rem 1.8rem 1rem;
width: 100%;
text-align: center;
text-decoration: none;
font-weight: bold;
border-radius: 1rem;
-webkit-transition: all .5s;
transition: all .5s;
font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;
font-size-adjust: none;
white-space:nowrap;
}
.arrow_dw_bl a{color: #222; border: 1px solid #222;}
.arrow_dw_w a{color: #fff; border: 1px solid #fff;}
.arrow_dw_bl a::before, .arrow_dw_w a::before {
display: block;
content: "";
position: absolute;
left: 50%;
bottom: 1.3rem;
width: 5px;
height: 5px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
-webkit-transition: all .5s;
transition: all .5s;
}
.arrow_dw_bl a::before{border-bottom: 1px solid #222; border-right: 1px solid #222;}
.arrow_dw_w a::before{border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.arrow_dw_bl a:hover::before, .arrow_dw_w a:hover::before{
bottom:1rem!important;
}
/*アコーディオン*/
.grad-btn {
font-family: "Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;
position: absolute;
right: 0;
bottom: -100px;
left: 0;
width: 200px;
margin: auto;
padding: 10px;
background: #222;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 50px;
font-weight: bold;
z-index: 2;
}
.grad-btn::after {
content: "もっと見る"
}
.grad-btn:hover {
background: #ccc;
color: #323232;
transition-duration: 0.5s;
}
.grad-btn .fa {
margin-right: .5em;
}
.grad-item {
position: relative;
overflow: hidden;
height: auto;
max-height: 400px;
transition: max-height 1.0s ease;
}
.grad-item div + div {}
.grad-item::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 175px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
transition: bottom 0.2s;
z-index:1;
}
.grad-trigger {
display: none;
}
.grad-trigger:checked ~ .grad-item {
height: auto;
max-height: 3000px;
}
.grad-trigger:checked ~ .grad-btn::after {
content: "閉じる" ;
}
.grad-trigger:checked ~ .grad-btn .fa {
transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item::before {
display: none;
}
/*モーダルメニュー*/
body.modal-open #main, body.modal-open #main, body.modal-open #footer, body.modal-open #top_logo, body.modal-open .top_h1, body.modal-open .askbtn,body.modal-open .head_underlay.isActive{
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
.menu{
height: 20px;
width: 30px;
display: block;
position: fixed;
right: 25px;
top: 25px;
cursor: pointer;
z-index:1061;
}
.menu__line{
background: #595656;
display: block;
height: 2px;
position: absolute;
transition:transform .3s;
width: 100%;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}
.menu__line--top.active{
background-color: #fff;
top: 8px;
transform: rotate(45deg);
}
.menu__line--center.active{
transform:scaleX(0);
}
.menu__line--bottom.active{
background-color: #fff;
bottom: 10px;
transform: rotate(135deg);
}
#navi-menu{
text-align: left;
font-size: 30px;
font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif; font-weight: 300; font-style: normal;
}
@media screen and (min-width: 481px) and ( max-width: 991px){#navi-menu{max-width: 700px; margin: 0 auto; font-size: 24px;}}
@media screen and (max-width: 480px){#navi-menu{font-size: 24px;}}
#navi-menu a{color: white!important;}
#navi-menu .tree {padding-left: 35px; padding-bottom: 20px; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;}
.gmenu-btn a{
position:relative;
padding-right:3em;
}

.gmenu-btn a:before{
content:"";
position:absolute;
top:50%;
right:0;
height:1px;
margin-top:2px;
width:2em;
transition: all .4s;
}
.gmenu-btn a:after{
content:"";
position:absolute;
top:50%;
right:4px;
height:12px;
width:1px;
margin-top:-6px;
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
-webkit-transition: all .4s;
transition: all .4s;
}
.gmenu-btn a:hover:before{
right:-10px;
}
.gmenu-btn a:hover:after{
right:-6px;
}

.gmenu-btn.gmenu-btn-w a{
color:#fff!important;
}
.gmenu-btn.gmenu-btn-w a:before{
background-color:#fff;
}
.gmenu-btn.gmenu-btn-w a:after{
background-color:#fff;
}

/*コンタクトフォーム7*/
.m30-15-b{margin-bottom:30px;}
@media screen and (max-width: 480px){.m30-15-b{margin-bottom:15px;}}
.m35-15-b{margin-bottom:35px;}
@media screen and (max-width: 480px){.m35-15-b{margin-bottom:15px;}}
.m40-20-b{margin-bottom:40px;}
@media screen and (max-width: 480px){.m40-20-b{margin-bottom:20px;}}
.m40-25-b{margin-bottom:40px;}
@media screen and (max-width: 480px){.m40-25-b{margin-bottom:25px;}}
.m40-20-t{margin-top:40px;}
@media screen and (max-width: 480px){.m40-20-t{margin-top:20px;}}
.m40-25-t{margin-top:40px;}
@media screen and (max-width: 480px){.m40-25-t{margin-top:25px;}}
.ui-datepicker{width: 30em!important;}
@media screen and (min-width: 321px) and ( max-width: 480px){.ui-datepicker{width: 21em!important;}}
@media screen and (max-width: 320px){.ui-datepicker{width: 17em!important;}}
.ui-datepicker td a{font-size: 16px!important;}
.cf7_table table{width:100%; border-collapse: collapse; }
.cf7_table table th span:first-of-type {color: red;}
.title-contactform7{display:none;}
.must_icon, .nomust_icon {
position: relative;
padding-left: 60px;
font-size: 17px;
}
.must_icon::before {
content: "必須";
text-align: center;
vertical-align: middle;
width: 53px;
height: 25px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background-color: #cbaf64;
position: absolute;
top: -1px;
left: 0px;
line-height: 200%;
}
.nomust_icon::before {
content: "任意";
text-align: center;
vertical-align: middle;
width: 53px;
height: 25px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background-color: #b6b8b2;
position: absolute;
top: 1px;
left: 0px;
line-height: 200%;
}
.contact_title {
line-height: 115%;
margin-bottom:15px;}
.wpcf7 .ajax-loader {display:none!important;}
.wpcf7-spinner{display:none!important;}
span.wpcf7-list-item {
display: inline-block;
margin: 10px 0 5px 0 !important;
padding-right:10px;
}
.wpcf7-form-control-wrap select {color:#b5b5b5;}
.wpcf7-form-control-wrap select:focus,.wpcf7-form-control-wrap select.select-option {color: #595656;}
::placeholder {
color: #b5b5b5;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
color: #b5b5b5;
}
/* IE対応 */
:-ms-input-placeholder {
color: #b5b5b5;
}
.select_arrow{background: #f5f4f0 url(/wp-content/themes/template/img/common/select-arrow-open.png) 96% center no-repeat;}
.select_cal{background: #f5f4f0 url(/wp-content/themes/template/img/common/select-cal-open.png) 96% center no-repeat;}
.select_time{background: #f5f4f0 url(/wp-content/themes/template/img/common/clock.png) 96% center no-repeat!important;}
.wpcf7-select{
width: 100%;
padding: 12px;
appearance: none;
border-radius: 0 !important;
border: none;
background: #f5f4f0 url(img/common/select-arrow-open.png) 96% center no-repeat;
cursor: pointer;
font-family: 'Noto Sans JP', "ＭＳ Ｐゴシック", Arial, sans-serif;
}
.wpcf7-list-item{margin-left:5px; letter-spacing:0px;}
.wpcf7-list-item-label{padding-left:3px; padding-right:10px;}
.wpcf7-text{background-color: #f5f4f0; border:none; padding: 12px; margin: 0; width: 100%; letter-spacing: 1px; border-radius: 0; font-family:Arial, 'Noto Sans JP', "ＭＳ Ｐゴシック", sans-serif;}
.wpcf7-textarea{background-color: #f5f4f0; border:none; padding: 10px; margin: 0; width: 100%; letter-spacing: 1px; font-family:Arial, 'Noto Sans JP', "ＭＳ Ｐゴシック", sans-serif;}

/* Contact Form 7のラジオボタンを縦並びに */
.r-tate .wpcf7-radio .wpcf7-list-item {
margin-top:10px!important;
display: block!important;
}
/* -- チェック設問サイズ(1/2タイプ) */
.check2 span.wpcf7-list-item {
display: inline-block;
width:50%;
margin: 0 !important;
line-height: 250%;
}
.check2 .wpcf7-form-control-wrap.checkbox {
display:block;
}
@media only screen and (max-width:768px) {
.check2 span.wpcf7-list-item {
display: inline-block;
width:50%;
}
.check2 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:50%;
}
}
@media screen and (max-width: 480px){
.check2 span.wpcf7-list-item {
display: inline-block;
width:100%;
}
.check2 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:200%;
}
}
/* -- チェック設問サイズ(1/3タイプ) */
.check3 span.wpcf7-list-item {
display: inline-block;
width:33.3333%;
margin: 0 !important;
line-height: 250%;
}
.check3 .wpcf7-form-control-wrap.checkbox {
display:block;
}
@media only screen and (max-width:768px) {
.check3 span.wpcf7-list-item {
display: inline-block;
width:50%;
}
.check3 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:50%;
}
}
@media screen and (max-width: 480px){
.check3 span.wpcf7-list-item {
display: inline-block;
width:100%;
}
.check3 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:200%;
}
}
/* -- チェック設問サイズ(1/4タイプ) */
.check4 span.wpcf7-list-item {
display: inline-block;
width:25%;
margin: 0 !important;
line-height: 250%;
}
.check4 .wpcf7-form-control-wrap.checkbox {
display:block;
}
@media only screen and (max-width:768px) {
.check4 span.wpcf7-list-item {
display: inline-block;
width:50%;
}
.check4 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:50%;
}
}
@media screen and (max-width: 480px){
.check4 span.wpcf7-list-item {
display: inline-block;
width:100%;
}
.check4 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:200%;
}
}
/* -- チェック設問サイズ(1/5タイプ) */
.check5 span.wpcf7-list-item {
display: inline-block;
width:20%;
margin: 0 !important;
line-height: 250%;
}
.check5 .wpcf7-form-control-wrap.checkbox {
display:block;
}
@media only screen and (max-width:768px) {
.check5 span.wpcf7-list-item {
display: inline-block;
width:50%;
}
.check5 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:50%;
}
}
@media screen and (max-width: 480px){
.check5 span.wpcf7-list-item {
display: inline-block;
width:50%;
}
.check5 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:200%;
}
}
/* -- チェック設問サイズ(1/6タイプ) */
.check6 span.wpcf7-list-item {
display: inline-block;
width:16.666666666%;
margin: 0 !important;
line-height: 250%;
}
.check6 .wpcf7-form-control-wrap.checkbox {
display:block;
}
@media only screen and (max-width:768px) {
.check6 span.wpcf7-list-item {
display: inline-block;
width:50%;
}
.check6 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:50%;
}
}
@media screen and (max-width: 480px){
.check6 span.wpcf7-list-item {
display: inline-block;
width:50%;
}
.check6 .wpcf7-form-control-wrap.checkbox {
display:inline-block;
width:200%;
}
}
/*submit iOSリセット */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
/*submit*/
.wpcf7 input[type="submit"] {
font-size: 20px;
padding: 0.8em 3em;
background: #cbaf64;
color: #fff;
cursor: pointer;
transition:.3s;
letter-spacing: 1em;
text-indent: 1em;
}
.wpcf7 input[type="submit"]:hover {
opacity: 0.75!important;
}
.wpcf7 input[type="button"] {
font-size: 100%;
padding: 0.2em 0.4em;
background: #ccc;
color: #fff;
cursor: pointer;
}

/*フォームのラジオボタン・チェックボックス*/
.newcheck .wpcf7-form-control-wrap, .newradio .wpcf7-form-control-wrap{
display: block;
}
.newcheck .wpcf7-form-control.wpcf7-checkbox{
display: flex;
flex-wrap: wrap;
}
.newcheck span.wpcf7-list-item,.newradio span.wpcf7-list-item {
position: relative;
}
.newcheck .wpcf7-list-item-label, .newradio .wpcf7-list-item-label {
cursor: pointer;
white-space: nowrap;
font-size: 16px;
}
.newcheck input[type="checkbox"], .newradio input[type="radio"] {
position: absolute;
opacity: 0;
}
.newcheck .wpcf7-list-item-label:before {
content: '';
border: 1px solid #b5b5b5;
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top: -2px;
margin-right: 10px;
vertical-align: middle;
cursor: pointer;
text-align: center;
background-color: #fff;
}
.newcheck input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
content: "";
display: block;
position: absolute;
top: .4em;
left: 5px;
width: 15px;
height: 17px;
background: url("/wp-content/themes/template/img/common/check-solid.svg") no-repeat center!important;
background-size: auto;
background-size: contain;
}
.check5.newcheck input[type="checkbox"]:checked + .wpcf7-list-item-label:after {top: 0.6em!important;}
@media screen and (max-width: 480px){.check5.newcheck input[type="checkbox"]:checked + .wpcf7-list-item-label:after {top: 0.45em!important;}}
.check4.newcheck input[type="checkbox"]:checked + .wpcf7-list-item-label:after {top: 0.6em!important;}
.check3.newcheck input[type="checkbox"]:checked + .wpcf7-list-item-label:after {top: 0.6em!important;}
@media screen and (max-width: 480px){.check3.newcheck input[type="checkbox"]:checked + .wpcf7-list-item-label:after {top: 0.45em!important;}}
.check2.newcheck input[type="checkbox"]:checked + .wpcf7-list-item-label:after {top: 0.6em!important;}

.newradio .wpcf7-list-item-label:before{
content: '';
background: #fff;
border-radius: 100%;
border: 1px solid #b5b5b5;
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top: -1px;
margin-right: 10px;
vertical-align: middle;
cursor: pointer;
text-align: center;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;}
input[type="radio"]:checked + .wpcf7-list-item-label:before{
background-color: #cbaf64;
box-shadow: inset 0 0 0 4px #fff;
}
.wpcf7 .ajax-loader {display:none!important;}

/*recapcha*/
.grecaptcha-badge { visibility: hidden; }

/*確認画面*/
#wpcf7cpcnf:before{
content: 'ご確認のうえ送信ボタンをクリックして下さい';
font-size: 16px;
line-height: 125%;
white-space: nowrap;
text-align: center;
margin: 25px auto;
width: 100%;
display: block;
letter-spacing: 1px;
}
@media screen and (max-width: 480px){#wpcf7cpcnf:before{font-size: 14px; line-height: 125%;}}
div#wpcf7cpcnf {
font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;
position: absolute;
z-index: 1;
background-color: transparent;
width: 100%;
height: auto;
top: 0;
left: 0;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}
div#wpcf7cpcnf table{
background-color: #fff;
width: 100%;
border-collapse:collapse;
margin-top: 10px;
}
div#wpcf7cpcnf table th, div#wpcf7cpcnf table td{
border: solid 1px;
padding: 15px 10px 15px 5px;
line-height: 125%;
}
@media screen and (max-width: 480px){div#wpcf7cpcnf table th, div#wpcf7cpcnf table td{font-size:12px; letter-spacing:0;}}
div#wpcf7cpcnf table th{width:30%;}
@media screen and (max-width: 480px){div#wpcf7cpcnf table th{width:35%;}}
div.wpcf7cp-progress-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
background-color: #f1f1f1;
z-index: 1000;
}
div.wpcf7cp-progress-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 1;
z-index: 1001;
}
div.wpcf7cp-progress-content p {
display:none;
}
div.wpcf7cp-btns {margin-top: 2em;}
button.wpcf7cp-cfm-edit-btn, button.wpcf7cp-cfm-submit-btn {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
font-size: 100%;
padding: 0.8em 1.5em;
color: #fff;
}
.wpcf7cp-btns{text-align: center;}
button.wpcf7cp-cfm-edit-btn{background: #ccc; text-indent: 1em; letter-spacing: 1em; margin-right: 10px;}
button.wpcf7cp-cfm-submit-btn{background: #cbaf64; text-indent: 2px; letter-spacing: 2px;}
button.wpcf7cp-cfm-edit-btn:hover{opacity: 0.75!important; transition: 0.5s ;}
button.wpcf7cp-cfm-submit-btn:hover{opacity: 0.75!important; transition: 0.5s ;}
.fukusu::after{
content: " ※複数選択可";
font-size:12px;
letter-spacing:0;
}
@media screen and (max-width: 480px){.fukusu::after{font-size:10px;}}

/*フェアページ*/
.list-hori{font-family:'Noto Sans JP', "ＭＳ Ｐゴシック", Arial, sans-serif;}
.list-hori li {display: inline; white-space: nowrap;}
.list-hori span {line-height: 100%; padding: 4px 7px 6px 5px; color: #FFFFFF; font-size: 14px; background-color:#f0b6a6; border-radius: 2px; font-weight:bold; display: inline-block;}
@media screen and (max-width: 480px){.list-hori span {font-size: 12px;}}

.r-base{position: relative; height: 750px;}
@media screen and (min-width: 992px) and ( max-width:1024px){.r-base{height: 630px;}}
@media screen and (max-width: 991px){.r-base{height: auto;}}

.r-image{max-width: 800px;}

.r-image img{width: 100%; height: 533px; object-fit: cover;}
@media screen and (min-width: 481px) and ( max-width: 991px){.r-image img{height:478px;}}
@media screen and (max-width: 480px){.r-image img{height:253px;}}

.r-text{max-width: 800px; background-color: #fff; padding: 50px; position: absolute; right: 0; top:44vh; z-index: 5;}
@media screen and (min-width: 992px) and ( max-width: 1024px){.r-text{max-width: 600px; padding: 25px; top:40vh;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.r-text{position: relative; right: auto; padding: 25px 0; top:0;}}
@media screen and (max-width: 480px){.r-text{position: relative; right: auto; padding: 25px 0; top:0;}}
/*フェアページ-12inch縦対応*/
@media screen and (orientation: portrait) {
@media screen and (min-width: 992px) and ( max-width: 1024px){.r-text{max-width: 550px; padding: 25px; top:23vh;}}
@media screen and (min-width: 992px) and ( max-width:1024px){.r-base{height: 650px;}}
}

.fair_content{max-width: 1400px; margin-left: auto; margin-right: auto; margin-bottom: 60px; position: relative;}
.fair_content h2{font-size:20px; text-align:center; text-indent: 5px; z-index:1060; position:relative; margin-bottom:30px;}
.fair_frame{max-width:800px; padding:50px 15px; border:#e0e0e0 1px solid; background-color:#fff;}
@media screen and (max-width: 480px){.fair_frame{padding-left:0;}}

.backimage{max-width: 700px; position: absolute; right: 6%; top:25%; z-index: -10; opacity:0.1; transform:rotate(5deg);}

.fair_detail {padding-bottom: 20px;}
@media screen and (max-width: 480px){.fair_detail {padding-bottom: 15px;}}
.fair_detail .dtable{padding-left: 25px; position:relative; z-index:1060;}
.fair_detail .sq-100{width: 100px;}
.fair_detail h3{font-size: 18px; letter-spacing: 1px; padding-bottom: 5px;}
@media screen and (max-width: 480px){.fair_detail h3{font-size: 16px;}}
.fair_detail p{line-height: 150%; font-size: 14px; padding-right:15px;}
@media screen and (max-width: 480px){.fair_detail p{font-size: 12px; padding-right:0;}}

.fair_tokuten{padding:25px;}
.fair_tokuten .row{background-color: #f5f4f0;}
.fair_tokuten .col-md-5{position: relative;}
.fair_tokuten .col-md-5 p{position:absolute; top:-3px; left: 0;}
.fair_tokuten .col-md-5 span{padding:5px; background-color: #cbaf64; color: white; font-size: 11px;}
.fair_tokuten .col-md-7{padding: 20px; align-self: center;}
.fair_tokuten .col-md-7 h2{font-size: 20px; letter-spacing: 1px; padding-bottom: 15px;}
.fair_tokuten .col-md-7 p:first-of-type{font-size: 14px; line-height: 150%; padding-bottom: 15px;}
@media screen and (max-width: 480px){.fair_tokuten .col-md-7 p:first-of-type{font-size: 12px;}}
.fair_tokuten .col-md-7 p{font-size: 11px; line-height: 150%;}
.fair_tokuten figure{width: 100%;}
.fair_tokuten figure img{width: 100%; height: 250px; object-fit: cover;}
.fair_tokuten .dtable_c {line-height:150%;}

/*プランページ*/
#plan_title{max-width:650px; margin-left:auto; margin-right:auto; position:relative;}
#plan_title h1, #plan_title p:nth-child(2){font-size:36px; line-height:150%; text-align:center; padding-top:14px; padding-bottom:15px;}
@media screen and (max-width: 480px){#plan_title h1, #plan_title p:nth-child(2){font-size:26px; padding-top:6px;}}
#recommend_point .point{padding:10px}
@media screen and (max-width: 480px){#recommend_point .point{padding:10px 0;}}
.point{padding:10px;}
.point div{background-color:#f5f4f0; padding:20px 10px 20px 15px; height:210px; overflow:hidden;}
@media screen and (max-width: 480px){.point div{height:auto;}}
.point figure img{width:100%;}
.point div h3{font-size:18px; text-align:center; padding-bottom:10px;}
.point div p{font-size:14px; text-align:left; line-height:175%; letter-spacing:2px;}
.head-border {display: flex; align-items: center;}
.head-border:before,
.head-border:after {content: ""; height: 1px; flex-grow: 1; background-color: #e0e0e0;}
.head-border:before {margin-right: 1rem;}
.head-border:after {margin-left: 1rem;}
.list-hori_plan{margin-bottom:10px; font-weight:bold; text-align:center; font-family:'Noto Sans JP', "ＭＳ Ｐゴシック", Arial, sans-serif;}
.list-hori_plan li {display: inline; white-space: nowrap;}
.list-hori_plan span {line-height: 100%; padding: 10px 10px 13px 10px; font-size: 14px; font-weight:bold; display: inline-block; letter-spacing:0; background-color: #d7b46e; color:white;}
@media screen and (max-width: 480px){.list-hori_plan span {font-size: 12px;}}
.mm50-t-md{margin-top:-50px;}
@media screen and (max-width: 480px){.mm50-t-md{margin-top:0;}}
.sq-600 img {height: 650px; object-fit: cover; width:100%; object-position:50% 100%!important;}
@media screen and (min-width: 1113px) and ( max-width:1440px){.sq-600 img {height: 500px;}}/*pc*/
@media screen and (min-width: 992px) and ( max-width:1112px){.sq-600 img {height: 600px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.sq-600 img {height: 500px;}}
@media screen and (max-width: 480px){.sq-600 img {height: 276px;}}
.slick-box-head li{padding-left:10px; padding-right:10px;}
@media screen and (max-width: 1112px){.slick-box-head li{padding-left:0; padding-right:0;}}
.slick-box-head img{aspect-ratio: 3 / 2; object-fit: cover; width: 100%;}
@media screen and (min-width: 1113px) and (max-width:1299px){.slick-box-head img{aspect-ratio: 6/4;}}
@media screen and (max-width: 480px){.slick-box-head img{aspect-ratio: 6/4;}}
.main-mw {max-width:1122px; margin-left:auto; margin-right:auto;}
@media screen and (min-width: 1113px) and ( max-width:1440px){.main-mw {max-width:800px;}}/*pc*/
@media screen and (max-width: 1112px){.main-mw {max-width:100%;}}
#recommend_plan {max-width:955px; padding-left:25px; padding-right:25px; margin-right:auto; margin-left:auto;}
#recommend_plan .row{background-color:#f9f9f9; margin-top:35px;}
@media screen and (max-width: 480px){#recommend_plan .row{margin-top:25px;}}
#recommend_plan .col-md-7{border:1px solid #f9f9f9;}
#recommend_plan .col-md-7 img{width:100%; height:380px; object-fit:cover;}
@media screen and (max-width: 991px){#recommend_plan .col-md-7 img{height:auto;}}
#recommend_plan .col-md-5 {display: table;}
#recommend_plan .col-md-5 .outer {display:table-cell; vertical-align:middle; padding-top:30px; padding-bottom:30px;}
#recommend_plan .item_detail{text-align: center;}
#recommend_plan .item_detail .gtitle {margin-bottom:15px;}
#recommend_plan .item_detail .gtitle span {background-color: #d7b46e; padding:5px 10px; font-size: 11px; color: #fff;}
#recommend_plan .item_detail .en {font-family: 'Frank Ruhl Libre', serif; letter-spacing: 5px; padding-bottom: 10px; text-indent: 5px; font-size: 11px;}
#recommend_plan .item_detail h3{font-size: 24px; text-indent: 5px; position: relative; margin-bottom:40px;}
#recommend_plan .item_detail h3:after{
width:30px;
content: "";
border-bottom: 1px solid #7b7b7b;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: -20px;
margin:auto;
}
@media screen and (max-width: 480px){#recommend_plan .item_detail h3{font-size: 18px;}}
#recommend_plan .item_detail_2{max-width: 250px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 150%;}
@media screen and (max-width: 480px){#recommend_plan .item_detail_2{font-size: 12px; padding-left:35px; padding-bottom: 25px;}}
.plan_guidebutton {max-width:1000px; margin-left:auto; margin-right:auto; position:relative;}
.plan_guidebutton div {position:absolute; z-index: 1051; top:150px;}
@media screen and (max-width: 480px){.plan_guidebutton div {top:140px;}}
.plan_guidebutton div:nth-child(odd) {left:10px;}
.plan_guidebutton div:nth-child(even) {right:10px;}
.plan_guidebutton div img {width:30px}
@media screen and (max-width: 480px){.plan_guidebutton div img {width:15px}}
.gazouari .plan_guidebutton {max-width:1260px!important;}
.gazouari .plan_guidebutton div {top:800px!important;}
@media screen and (min-width: 1113px) and (max-width:1299px){.gazouari .plan_guidebutton div {top:590px!important;}}
@media screen and (min-width: 992px) and (max-width:1112px){.gazouari .plan_guidebutton div {top:710px!important;}}
@media screen and (min-width: 481px) and (max-width: 991px){.gazouari .plan_guidebutton div {top:555px!important;}}
@media screen and (max-width: 480px){.gazouari .plan_guidebutton div {top:320px!important;}}
.postnavi {position: absolute; width:100%; top:150px;}
@media screen and (max-width: 480px){.postnavi {top:120px;}}
.postnavi .row {max-width:1250px; margin-left:auto; margin-right:auto}
@media screen and (max-width: 480px){.postnavi .row {padding-left:10px; padding-right:10px;}}
.postnavi img{width:30px;}
@media screen and (max-width: 480px){.postnavi img{width:15px;}}
.optionblock .engtitle, .optionblock2 .engtitle {letter-spacing: 10px; font-family: 'Frank Ruhl Libre', serif; text-align: center;}
.optionblock h2, .optionblock h3, .optionblock2 h2, .optionblock2 h3 {font-size: 20px; margin-top: 10px; margin-bottom: 20px; text-align: center;}
.optionblock .row, .optionblock2 .row {background-color:#f1f1f1; border-radius:30px;}
@media screen and (max-width: 480px){.optionblock .row, .optionblock2 .row {margin-bottom:15px;}}
.optionblock .row .col-sm-6:nth-child(odd) img {border-radius:30px 0 0 30px; height:350px; object-fit: cover;}
@media screen and (max-width: 480px){.optionblock .row .col-sm-6:nth-child(odd) img {border-radius:30px 30px 0 0; height:200px;}}
.optionblock .row .col-sm-6:nth-child(even), .optionblock2 .row .col-sm-6:nth-child(even) {align-self: center; text-align: center;}
@media screen and (max-width: 480px){.optionblock .row .col-sm-6:nth-child(even), .optionblock2 .row .col-sm-6:nth-child(even) {padding-top:25px; padding-bottom:25px;}}
.optionblock .row .col-sm-6:nth-child(even) p:first-child, .optionblock2 .row .col-sm-6:nth-child(even) p:first-child {font-size:14px; letter-spacing:0; margin-bottom:10px;}
@media screen and (max-width: 480px){.optionblock .row .col-sm-6:nth-child(even) p:first-child.optionblock2 .row .col-sm-6:nth-child(even) p:first-child {font-size:12px; margin-bottom:5px;}}
.optionblock .row .col-sm-6:nth-child(even) p:nth-of-type(2) {font-size: 20px; white-space: nowrap; margin-bottom:15px;}
@media screen and (max-width: 480px){.optionblock .row .col-sm-6:nth-child(even) p:nth-of-type(2) {font-size: 18px; margin-bottom:10px;}}
.optionblock .row .col-sm-6:nth-child(even) p:nth-of-type(3) {margin-bottom: 10px; white-space: nowrap; letter-spacing: 0px; text-indent: 1em;}
.optionblock .row .col-sm-6:nth-child(even) p:nth-of-type(3) span:first-child {font-size: 32px; font-family: 'Frank Ruhl Libre', serif; padding-left: 5px;}
@media screen and (max-width: 480px){.optionblock .row .col-sm-6:nth-child(even) p:nth-of-type(3) span:first-child {font-size: 30px;}}
.optionblock .row .col-sm-6:nth-child(even) p:nth-of-type(3) span:nth-child(2) {font-size: 10px;}
.optionblock2 .row .col-sm-6:nth-child(odd) img {border-radius:30px 0 0 30px; height:280px; object-fit: cover;}
@media screen and (max-width: 480px){.optionblock2 .row .col-sm-6:nth-child(odd) img {border-radius:30px 30px 0 0; height:200px;}}
.optionblock2 .row .col-sm-6:nth-child(even) .dtable{width: 100%; padding-top:5px; padding-bottom:5px; letter-spacing:0;}
.optionblock2 .row .col-sm-6:nth-child(even) .dtable .dtable_c:nth-child(1) {text-align:right; padding-right:10px; font-size: 20px; white-space: nowrap; width:45%;}
.optionblock2 .row .col-sm-6:nth-child(even) .dtable .dtable_c:nth-child(2) {text-align:left; white-space: nowrap;}
.optionblock2 .row .col-sm-6:nth-child(even) .dtable .dtable_c:nth-child(2) span:nth-child(1) {font-size: 32px; font-family: 'Frank Ruhl Libre', serif; padding-left: 5px;}
.optionblock2 .row .col-sm-6:nth-child(even) .dtable .dtable_c:nth-child(2) span:nth-child(2) {font-size: 10px;}

/*ブログ・お知らせページ*/
.blog_content{max-width: 850px; margin-left: auto; margin-right: auto; padding: 10px 25px 50px 25px;}
@media screen and (max-width: 480px){.blog_content{padding: 10px 25px 35px 25px;}}
.blog_content img{max-width:100%; padding-top:10px; padding-bottom:10px;}
.blog_content h2, .event_content h2{margin-top: 20px; margin-bottom: 10px; font-size: 18px; letter-spacing: 0.01em; line-height: 175%; font-weight:700; border-bottom:#222 1px solid; padding-bottom: 10px;}
.blog_content h2:first-child, .event_content h2:first-child {margin-top:0!important;}
.blog_content h3, .event_content h3{margin-top: 15px; margin-bottom: 10px; font-size: 16px; letter-spacing: 0.01em; line-height: 175%; font-weight:700;}

/*イベントページ*/
#page_event .blog-frame img{width:100%;} #page_event .blog-frame .honbun{letter-spacing:0.15em; line-height:180%;} #page_event .blog-frame .honbun h2{font-size:20px; border-bottom:1px #595656 solid; padding-bottom:10px; margin-top:20px; margin-bottom:10px; line-height:150%;}

/*レポートページ*/
#report-title{text-align:center;}
#report-title h1{font-size:30px; line-height:175%; letter-spacing:5px}
@media screen and (max-width: 480px){#report-title h1{font-size:20px; line-height:150%;}}
#report-title .theme{font-size:12px; background-color:#595656; color:white; padding:5px 8px 3px 8px; letter-spacing:1px;}
/*#report-title .col-sm-7,.col-sm-5{padding:25px;}*/
.eyecatch img{width:100%!important;}

#content1{margin-top:70px;}
@media screen and (max-width: 480px){#content1{margin-top:0;}}
#content1 .col-sm-7 figure img {width: 100%; height: 480px; object-fit: cover;}
@media screen and (min-width: 992px) and ( max-width:1112px){#content1 .col-sm-7 figure img {height: 364px!important;}}
@media screen and (min-width: 481px) and ( max-width: 991px){#content1 .col-sm-7 figure img {height: 300px!important;}}
@media screen and (max-width: 480px){#content1 .col-sm-7 figure img {height: 200px!important;}}
#content1 .col-sm-5 p,#content3 .col-sm-5 p,#content4 .col-sm-5 p{max-width:400px; margin-left:auto; margin-right:auto; padding-right:25px; line-height:200%; letter-spacing:2px;}
@media screen and (max-width: 991px){#content1 .col-sm-5 p,#content3 .col-sm-5 p,#content4 .col-sm-5 p{padding-right:0;}}

#content2 .col-sm-7 .dtable{width:100%;}
#content2 .col-sm-7.dtable_c{width:50%;}
#content2 .col-sm-7.dtable_c figure img{width: 100%; height: 300px; object-fit: cover;}
@media screen and (min-width: 992px) and ( max-width:1112px){#content2 .col-sm-7 .dtable_c figure img{height:230px}}
@media screen and (min-width: 481px) and ( max-width: 991px){#content2 .col-sm-7 .dtable_c figure img{height:165px}}
@media screen and (max-width: 480px){#content2 .col-sm-7 .dtable_c figure img{height:180px}}
#content2 .col-sm-5 p{max-width:400px; margin-left:auto; margin-right:auto; padding-left:25px; line-height:200%; letter-spacing:2px;}
@media screen and (max-width: 991px){#content2 .col-sm-5 p{padding-left:0;}}

#content3 .col-md-6 figure img,#content4 .col-md-6 figure img{width: 100%; height: 500px; object-fit: cover;}
@media screen and (max-width: 991px){#content3 .col-md-7 figure img,#content4 .col-md-6 figure img{height: 400px;}}
#content3 .col-md-12 figure img,#content4 .col-md-12 figure img{width: 100%; height: 250px; object-fit: cover;}
@media screen and (max-width: 991px){#content3 .col-md-12 figure img,#content4 .col-md-12 figure img{height: 150px;}}

#photoreport .sq-280 img {width: 100%; height: 220px; object-fit: cover;}
@media screen and (min-width: 481px) and ( max-width: 1440px){#photoreport .sq-280 img {height: 240px;}}
@media screen and (max-width: 480px){#photoreport .sq-280 img {height: 210px;}}
#photoreport .slick-box h3{font-size:20px;}
@media screen and (max-width: 480px){#photoreport .slick-box h3{font-size:18px;}}

/*ウェディングページ*/
.p120-70-t{padding-top:120px;}
@media screen and (max-width: 480px){.p120-70-t{padding-top:70px;}}
.p100-50-t{padding-top:100px;}
@media screen and (max-width: 480px){.p100-50-t{padding-top:50px;}}

.module-box_left{background:linear-gradient(90deg,#F4F4F4 0%,#F4F4F4 60%,transparent 40%,transparent 100%);}
.module-box_right{background:linear-gradient(90deg,transparent 0%,transparent 40%,#F4F4F4 60%,#F4F4F4 100%);}

@media screen and (max-width: 991px){.module-box_left, .module-box_right{background: transparent;}}

.module-box_left h2:first-letter{font-size:36px!important; letter-spacing:4px!important;}
.module-box_right h2:first-letter{font-size:36px!important; letter-spacing:4px!important;}
.module-box_left h2, .module-box_right h2{letter-spacing:3px!important;}
@media screen and (max-width: 991px){.module-box_left h2, .module-box_right h2{text-align: center;}}

@media screen and (max-width: 991px){.module-box_left .read-btn, .module-box_right .read-btn{text-align: center;}}

.module-box_left .col-md-4{padding-left:25px;}
.module-box_right .col-md-4{padding-right:25px;}
@media screen and (max-width: 991px){.module-box_left .col-md-4, .module-box_right .col-md-4{padding:0;}}

.module-box_left figure, .module-box_right figure{margin-top:-30px; padding-bottom:30px;}
@media screen and (max-width: 480px){.module-box_left figure, .module-box_right figure{margin-top:0; padding-bottom:0;}}

.module-box_left .text, .module-box_right .text{max-width:325px; margin-top:-30px; margin-left:auto; margin-right:auto;}
@media screen and (min-width: 992px) and ( max-width:1112px){.module-box_left .text, .module-box_right .text{max-width:325px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.module-box_left .text, .module-box_right .text{max-width:initial; margin-top:15px;}}
@media screen and (max-width: 480px){.module-box_left .text, .module-box_right .text{max-width:initial; margin-top:35px;}}

.module-box_left .text p, .module-box_right .text p{padding-top:20px; padding-bottom:15px;}

@media screen and (min-width: 481px) and ( max-width: 991px){.module-box_left .container, .module-box_right .container {background: linear-gradient(#fff 5%, #f1f1f1 0, #f1f1f1 50%, #fff 0);}}
@media screen and (max-width: 480px){.module-box_left .container, .module-box_right .container {background: linear-gradient(#fff 5%, #f1f1f1 0, #f1f1f1 35%, #fff 0);}}

/*ウェディングページ（子）*/
.text-box{align-self:center!important;}
.text-box div{padding-left:25px; padding-right:25px; max-width:450px; margin-left:auto; margin-right:auto; text-align:center;}
@media screen and (max-width: 991px){.text-box div {padding-top:50px; padding-bottom:50px;}}
.text-box div h2{font-size:26px; letter-spacing:3px; margin-bottom:15px;}
@media screen and (max-width: 480px){.text-box div h2{font-size:20px;}}
.text-box div .sub{font-size:20px; letter-spacing:2px; line-height:175%; margin-top:20px; margin-bottom:20px;}
@media screen and (max-width: 480px){.text-box div .sub{font-size:18px; letter-spacing:1px;}}
.image-box{padding-top:80px;}
@media screen and (max-width: 480px){.image-box{padding-top:0;}}
.image-box .col-sm-5, .image-box .col-sm-7 {padding:0 25px;}
@media screen and (max-width: 480px){.image-box .col-sm-5, .image-box .col-sm-7 {padding:0 0 20px 0;}}
#content{position:relative; z-index:1049; background-color:#fff!important;}
#carousel_costume .slick-slider .slide-arrow{position:absolute; z-index:1; top:45%; cursor:pointer; background-color:#fff; border-radius:50%;}
#carousel_costume .slick-slider .slide-arrow img{height:40px;}
@media screen and (max-width: 480px){#carousel_costume .slick-slider .slide-arrow img{height:33px;}}
#carousel_costume .slick-slider .prev-arrow{left:10px;}
#carousel_costume .slick-slider .next-arrow{right:10px;}

/*衣裳アーカイブ*/
#costume_archive .main-img-weddingdress, #costume_archive .main-img-colordress, #costume_archive .main-img-uchikake {background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
#costume_archive .main-img-weddingdress {background-image: url(/wp-content/uploads/2022/12/base_weddingdress.webp);}
@media screen and (max-width: 480px){#costume_archive .main-img-weddingdress {background-image: url(/wp-content/uploads/2022/12/base_weddingdress_sp.webp);}}
#costume_archive .main-img-colordress {background-image: url(/wp-content/uploads/2022/12/base_colordress.webp);}
@media screen and (max-width: 480px){#costume_archive .main-img-colordress {background-image: url(/wp-content/uploads/2022/12/base_colordress_sp.webp);}}
#costume_archive .main-img-uchikake {background-image: url(/wp-content/uploads/2022/12/base_uchikake.webp);}
@media screen and (max-width: 480px){#costume_archive .main-img-uchikake {background-image: url(/wp-content/uploads/2022/12/base_uchikake_sp.webp);}}
#costume_archive .main-img-weddingdress .row, #costume_archive .main-img-colordress .row, #costume_archive .main-img-uchikake .row{max-width:1100px; margin-right:auto; margin-left:auto; height:700px;}
@media screen and (min-width: 992px) and (max-width:1112px){#costume_archive .main-img-weddingdress .row, #costume_archive .main-img-colordress .row, #costume_archive .main-img-uchikake .row{height:540px;}}
@media screen and (min-width: 481px) and (max-width: 991px){#costume_archive .main-img-weddingdress .row, #costume_archive .main-img-colordress .row, #costume_archive .main-img-uchikake .row{height:525px;}}
@media screen and (max-width: 480px){#costume_archive .main-img-weddingdress .row, #costume_archive .main-img-colordress .row, #costume_archive .main-img-uchikake .row{height:650px;}}
#costume_archive .main-img-weddingdress .col-sm-6:first-child, #costume_archive .main-img-colordress .col-sm-6:first-child, #costume_archive .main-img-uchikake .col-sm-6:first-child {align-self:center; z-index: 1051;}
@media screen and (min-width: 992px) and (max-width:1112px){#costume_archive .main-img-weddingdress .col-sm-6:first-child, #costume_archive .main-img-colordress .col-sm-6:first-child, #costume_archive .main-img-uchikake .col-sm-6:first-child{padding-left:45px;}}
@media screen and (min-width: 481px) and (max-width: 991px){#costume_archive .main-img-weddingdress .col-sm-6:first-child, #costume_archive .main-img-colordress .col-sm-6:first-child, #costume_archive .main-img-uchikake .col-sm-6:first-child{padding-left:45px;}}
@media screen and (max-width: 480px){#costume_archive .main-img-weddingdress .col-sm-6:first-child, #costume_archive .main-img-colordress .col-sm-6:first-child, #costume_archive .main-img-uchikake .col-sm-6:first-child{align-self:flex-end; padding-bottom:100px; padding-left:25px; padding-right:25px;}}
#costume_archive .main-img-weddingdress h1, #costume_archive .main-img-colordress h1, #costume_archive .main-img-uchikake h1 {font-family: 'Petit Formal Script', cursive; font-size:36px; margin-bottom:30px; line-height:105%; white-space:nowrap;}
@media screen and (max-width: 480px){#costume_archive .main-img-weddingdress h1, #costume_archive .main-img-colordress h1, #costume_archive .main-img-uchikake h1 {text-align:center;}}
@media screen and (max-width: 480px){#costume_archive .main-img-colordress h1, #costume_archive .main-img-uchikake h1{color:#fff; filter: drop-shadow(0 0 0.75rem #000);}}
#costume_archive .main-img-weddingdress h1 span, #costume_archive .main-img-colordress h1 span, #costume_archive .main-img-uchikake h1 span{font-family:'Frank Ruhl Libre', serif; font-size:11px; letter-spacing:0.25em; padding-left:5px;}
#costume_archive .main-img-weddingdress h1::first-letter {font-size: 100px; letter-spacing:-0.2em;}
@media screen and (max-width: 480px){#costume_archive .main-img-weddingdress h1::first-letter {font-size: 60px; letter-spacing:-0.1em;}}
#costume_archive .main-img-colordress h1::first-letter, #costume_archive .main-img-uchikake h1::first-letter{font-size: 100px;}
#costume_archive .main-img-weddingdress p, #costume_archive .main-img-colordress p, #costume_archive .main-img-uchikake p{line-height: 250% !important; letter-spacing:0.25em;}
@media screen and (max-width: 991px){#costume_archive .main-img-weddingdress p, #costume_archive .main-img-colordress p, #costume_archive .main-img-uchikake p{font-size:12px;}}
@media screen and (max-width: 480px){#costume_archive .main-img-colordress p, #costume_archive .main-img-uchikake p{color:#fff;}}
#costume_archive #guide{line-height: 100% !important; background-color: #f1f1f1; padding-top: 50px; padding-bottom: 50px;}
#costume_archive #guide .row{max-width: 800px; margin-right: auto; margin-left: auto; text-align: center; padding-left:15px; padding-right:15px;}
#costume_archive #guide .row .col-sm-6{padding:5px 10px;}
#costume_archive #guide .row .coco_btn.btn_inner_2g{padding:20px!important; width:100%;}
#costume_archive #guide .row .coco_btn.btn_inner_2g span{font-weight:bold; font-family: 'Noto Sans JP',"Yu Gothic",YuGothic,"Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック",Osaka,Verdana,Arial,sans-serif;}
#costume_archive #guide .row .col-sm-6 .coco_btn.btn_inner_2g::after{top: 1.5em;}

/*衣裳ページ*/
#costume_spec{background-image:url(/wp-content/themes/template/img/bg/120284467_pc.webp); background-repeat:  no-repeat; background-position:center center; background-size:cover; padding-top:100px; padding-bottom:40px;}
@media screen and (max-width: 480px){#costume_spec{background-image:url(/wp-content/themes/template/img/bg/120284467.webp); padding-top:55px;}}
#costume_spec .slider-wrap .slick-list{padding:0!important;}
#costume_spec .slider-wrap .slider-nav li.slick-slide{cursor:pointer; width:23.7%!important;}
@media screen and (min-width: 481px) and (max-width: 991px){#costume_spec .slider-wrap .slider-nav li.slick-slide{width:23.3%!important;}}
@media screen and (max-width: 480px){#costume_spec .slider-wrap .slider-nav li.slick-slide{width:25%!important;}}
#costume_spec .slider-wrap .slider-nav li{background-color:#000;}
#costume_spec .slider-wrap .slider-nav li img{width:100%; height: 235px; object-fit: cover; opacity:0.5; transition:.3s;}
@media screen and (min-width: 992px) and (max-width:1112px){#costume_spec .slider-wrap .slider-nav li img{height: 210px;}}
@media screen and (min-width: 481px) and (max-width: 991px){#costume_spec .slider-wrap .slider-nav li img{height: 160px;}}
@media screen and (max-width: 480px){#costume_spec .slider-wrap .slider-nav li img{height: 120px;}}
#costume_spec .slider-wrap .slider-nav li img:hover{opacity:0.8; transition:.3s;}
#costume_spec .slider-wrap .slider-nav .slick-current img{opacity:1!important; transition:.3s;}
#costume_spec .slick-list li img{width: 100%; height: 650px; object-fit: cover;}
@media screen and (min-width: 992px) and (max-width:1112px){#costume_spec .slick-list li img{height: 610px;}}
@media screen and (min-width: 481px) and (max-width: 991px){#costume_spec .slick-list li img{height: 440px;}}
@media screen and (max-width: 480px){#costume_spec .slick-list li img{height: 500px;}}
#carousel_costume nav{background-image:url(/wp-content/themes/template/img/bg/bg-19.jpg); background-repeat : repeat ; padding-top:50px; padding-bottom:50px;}
#carousel_costume .costume-slick-box img{width: 100%; height: 310px; object-fit: cover;}
@media screen and (min-width: 481px) and (max-width: 1299px){#carousel_costume .costume-slick-box img{height: 250px;}}
@media screen and (max-width: 480px){#carousel_costume .costume-slick-box img{height: 220px;}}
.pickup_costume:nth-child(odd) .rgold-top{left: -5%!important;}
@media screen and (min-width: 481px) and (max-width:1112px){.pickup_costume:nth-child(odd) .rgold-top{left: -3%!important;}}
#dressmain .topimage {height: 85vh; display: table; position: fixed; top: 0; width: 100%; background: linear-gradient(to bottom, transparent 0%, transparent 50%, #fff 100%), url(/wp-content/uploads/2024/09/img-cos-pc-7-1.webp); background-size: cover; background-position: 50% 50%; z-index: -1;}
@media screen and (min-width: 481px) and (max-width: 991px){#dressmain .topimage {height: 50vh;}}
@media screen and (max-width: 480px){#dressmain .topimage {background: linear-gradient(to bottom, transparent 0%, transparent 50%, #fff 100%), url(/wp-content/uploads/2024/09/img-cos-sp-7-1.webp); background-size: cover; background-position: 50% 50%;}}
#dressmain .topimage .inner {display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
#dressmain .dresscontent {margin-top: 70vh;}
@media screen and (min-width: 481px) and (max-width: 991px){#dressmain .dresscontent {margin-top: 45vh;}}
#dressmain .dresscontent .headgrad {background: linear-gradient(to bottom, transparent 0%, transparent 50%, #fff 100%);}
@media screen and (max-width: 480px){#dressmain .dresscontent .headgrad {margin-top:-50px;}}
#dressmain .dresscontent .content_detail img, #costumelink .content_detail img {width: 100%; height:100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 225px 225px 0 0;}
#dressmain .dresscontent .content_detail .oneblock, #costumelink .content_detail .oneblock {font-size: 333px; font-family: 'Frank Ruhl Libre', serif; color: #be967d; opacity: 0.08; position: absolute !important; right: 0;}
#dressmain .dresscontent .content_detail .oneblock.sm, #costumelink .content_detail .oneblock.sm {font-size: 160px;}
@media screen and (min-width: 481px) and (max-width: 991px){#dressmain .dresscontent .content_detail .oneblock.sm, #costumelink .content_detail .oneblock.sm {font-size: 255px;}}
#dressmain .dresscontent .content_detail .title1, #dressmain .dresscontent .content_detail .title2, #costumelink .content_detail .title1, #costumelink .content_detail .title2 {font-family: 'Petit Formal Script', cursive; font-size: 28px; line-height: 125%; white-space: nowrap;}
@media screen and (min-width: 481px) and (max-width: 991px){#dressmain .dresscontent .content_detail .title1.sm, #dressmain .dresscontent .content_detail .title2.sm, #costumelink .content_detail .title1.sm, #costumelink .content_detail .title2.sm {font-size: 17px;}}
#dressmain .dresscontent .content_detail .title1 span, #dressmain .dresscontent .content_detail .title2 span, #costumelink .content_detail .title1 span, #costumelink .content_detail .title2 span {font-family: 'Frank Ruhl Libre', serif; font-size: 11px; letter-spacing: 0.25em; padding-left: 5px;}
#dressmain .dresscontent .content_detail .title1:first-letter, #costumelink .content_detail .title1:first-letter {font-size: 100px; letter-spacing:-0.2em;}
@media screen and (max-width: 480px){#dressmain .dresscontent .content_detail .title1:first-letter, #costumelink .content_detail .title1:first-letter {font-size: 60px; letter-spacing:-0.1em;}}
#dressmain .dresscontent .content_detail .title2:first-letter, #costumelink .content_detail .title2:first-letter {font-size: 100px;}
@media screen and (max-width: 480px){#dressmain .dresscontent .content_detail .title2:first-letter, #costumelink .content_detail .title2:first-letter {font-size: 60px;}}

/*衣裳アーカイブ*/
.pickup_costume:nth-child(even) .rgold-top{left:auto!important; right: 68%!important;}
@media screen and (min-width: 992px) and (max-width:1112px){.pickup_costume:nth-child(even) .rgold-top{right: 76%!important;}}
@media screen and (min-width: 481px) and (max-width:991px){.pickup_costume:nth-child(even) .rgold-top{right: 83%!important;}}
.pickup_costume{position:relative; margin-bottom:50px; max-width:1000px; margin-right:auto; margin-left:auto;}
@media screen and (min-width: 992px) and (max-width:1112px){.pickup_costume{max-width:1000px;}}
@media screen and (min-width: 481px) and (max-width: 991px){.pickup_costume{max-width:750px;}}
.pickup_costume:last-child {margin-bottom:0!important; padding-bottom:100px;}
@media screen and (max-width: 480px){.pickup_costume:last-child {padding-bottom:65px;}}
.pickup_costume .eyecatchimage img{max-width: 450px; height: 530px; object-fit: cover;}
@media screen and (min-width: 992px) and (max-width:1112px){.pickup_costume .eyecatchimage img{height: 500px;}}
@media screen and (min-width: 481px) and (max-width: 991px){.pickup_costume .eyecatchimage img{height: 400px;}}
@media screen and (max-width: 480px){.pickup_costume .eyecatchimage img{max-width: auto; width:100%; height: 400px;}}
.pickup_costume:nth-child(odd) .eyecatchimage img{margin-left: 15px;}
@media screen and (max-width: 480px){.pickup_costume:nth-child(odd) .eyecatchimage img{margin-left: 0;}}
.pickup_costume:nth-child(even) .eyecatchimage img{margin-right: 15px;}
@media screen and (max-width: 480px){.pickup_costume:nth-child(odd) .eyecatchimage img{padding-left:60px;}}
@media screen and (max-width: 480px){.pickup_costume:nth-child(even) .eyecatchimage img{padding-right:60px;}}
.pickup_costume .gemini img{max-width: 450px; height: 530px; object-fit: cover; filter: brightness(50%); margin-top:15px;}
@media screen and (min-width: 992px) and (max-width:1112px){.pickup_costume .gemini img{height: 500px;}}
@media screen and (min-width: 481px) and (max-width: 991px){.pickup_costume .gemini img{height: 400px;}}
@media screen and (max-width: 480px){.pickup_costume .gemini img{max-width: auto; height: 400px; opacity:0.2;}}
.pickup_costume:nth-child(even) .gemini{width:100%;}
.pickup_costume:nth-child(even) {flex-direction: row-reverse;}
.pickup_costume:nth-child(even) .col-sm-6:first-child {text-align:right;}
@media screen and (max-width: 480px){.pickup_costume:nth-child(even) .col-sm-6:nth-child(2){padding-left:50px; margin-top:-30px;}}
@media screen and (max-width: 480px){.pickup_costume:nth-child(odd) .col-sm-6:nth-child(2){padding-right:50px; margin-top:-30px;}}
.pickup_costume .costume_description_outer{z-index: 1; position: relative; padding-left:30px;}
@media screen and (min-width: 992px) and (max-width: 1112px){.pickup_costume:nth-child(odd) .costume_description_outer {padding-right:45px;}}
@media screen and (min-width: 481px) and (max-width: 991px){.pickup_costume:nth-child(odd) .costume_description_outer {padding-left:25px; padding-right:0;}}
@media screen and (min-width: 481px) and (max-width: 1112px){.pickup_costume:nth-child(even) .costume_description_outer{padding-left:10px;}}
@media screen and (max-width: 480px){.pickup_costume:nth-child(odd) .col-sm-6:nth-child(2) .costume_description_outer{padding:70px 0 40px 25px; background: linear-gradient(-90deg, rgba(255,255,255,0) , rgba(240,240,240,1) 100%, rgba(255,255,255,0) 0);}}
@media screen and (max-width: 480px){.pickup_costume:nth-child(even) .col-sm-6:nth-child(2) .costume_description_outer{padding:70px 25px 40px 0; background: linear-gradient(90deg, rgba(255,255,255,0) , rgba(240,240,240,1) 100%, rgba(255,255,255,0) 0);}}
.pickup_costume .costume_description_outer h2{font-size:36px; font-style: italic; white-space:nowrap; font-family: 'EB Garamond', serif; margin-top: -50px; line-height: 125%;}
@media screen and (max-width: 480px){.pickup_costume .costume_description_outer h2{font-size:24px; margin-top: 0;}}
.pickup_costume .costume_description_outer h2 span{font-size:11px; padding-left:5px; padding-left:3px;}
.pickup_costume .costume_description_outer .costume_description{font-size:16px; margin-top:20px; margin-bottom:20px;}
@media screen and (max-width: 480px){.pickup_costume .costume_description_outer .costume_description{font-size:14px; margin-top:15px; margin-bottom:15px; max-width:500px;}}
@media screen and (max-width: 480px){.pickup_costume .costume_description_outer .costume_description{font-size:12px; margin-top:10px; margin-bottom:10px;}}
.pickup_costume:nth-child(odd)::after {
content: '';
width: 100%;
height: 400px;
background: linear-gradient(-90deg, rgba(255,255,255,0) , rgba(240,240,240,1) 100%, rgba(255,255,255,0) 0);
position: absolute;
top: 10%;
}
@media screen and (max-width: 480px){.pickup_costume:nth-child(odd)::after {display:none;}}
.pickup_costume:nth-child(even)::after{
content: '';
width: 100%;
height: 400px;
background: linear-gradient(90deg, rgba(255,255,255,0) , rgba(239,237,221,1) 100%, rgba(255,255,255,0) 0);
position: absolute;
top: 10%;
}
@media screen and (max-width: 480px){.pickup_costume:nth-child(even)::after {display:none;}}

/*ホーム（トップ）*/
.weddingtext{align-items: center; max-width:530px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.weddingtext{max-width:480px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.weddingtext{max-width:384px;}}
@media screen and (max-width: 480px){.weddingtext{max-width:320px;}}

.weddingtext p{letter-spacing:10px; line-height:300%;}
@media screen and (max-width: 480px){.weddingtext p{letter-spacing:5px; line-height:250%;}}

.styletext{padding-top:30px; max-width:215px; height:330px;}
@media screen and (min-width: 481px) and ( max-width: 991px){.styletext{max-width:165px; height:300px;}}
@media screen and (max-width: 480px){.styletext{padding-top:0; max-width:150px; height:auto;}}

.styletext p{font-size:16px; letter-spacing:5px; line-height:250%;}
@media screen and (min-width: 481px) and ( max-width: 991px){.styletext p{font-size:14px; line-height:200%;}}
@media screen and (max-width: 480px){.styletext p{font-size:12px; line-height:180%;}}

.styletext strong{font-size:22px; line-height: 250%;}
@media screen and (min-width: 992px) and ( max-width:1112px){.styletext strong{line-height: 200%;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.styletext strong{font-size:20px; line-height: 200%;}}
@media screen and (max-width: 480px){.styletext strong{line-height:250%; font-size:20px;}}

.top_index-1{background: linear-gradient(90deg,#F4F4F4 0%,#F4F4F4 40%,transparent 60%,transparent 100%);}
.top_index-2{background:linear-gradient(90deg,transparent 0%,transparent 40%,#F4F4F4 60%,#F4F4F4 100%);}

.top_index-1 figure, .top_index-2 figure{margin-top: -30px; padding-bottom: 30px;}
@media screen and (max-width: 991px){.top_index-1 figure, .top_index-2 figure{margin-top: 0;}}

@media screen and (max-width: 991px){.top_index-1, .top_index-2{background: transparent;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.top_index-1 .container, .top_index-2 .container {background: linear-gradient(#fff 7%, #f1f1f1 0, #f1f1f1 40%, #fff 0);}}
@media screen and (max-width: 480px){.top_index-1 .container, .top_index-2 .container {background: linear-gradient(#fff 5%, #f1f1f1 0, #f1f1f1 25%, #fff 0);}}

.top_index-1 h2, .top_index-2 h2{text-align: center; letter-spacing: 5px; font-size: 26px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.top_index-1 h2, .top_index-2 h2{padding-top: 0px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.top_index-1 h2, .top_index-2 h2{padding-top: 20px;}}
@media screen and (max-width: 480px){.top_index-1 h2, .top_index-2 h2{padding-top: 20px; font-size:22px;}}

.top_movie{margin-top:-30px; margin-bottom:30px;}
@media screen and (max-width: 480px){.top_movie{margin-top:0; margin-bottom:20px;}}

.contenttext{max-width:384px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.contenttext{max-width:260px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.contenttext{max-width:384px;}}
@media screen and (max-width: 480px){.contenttext{max-width:320px;}}

.contenttext2{max-width:336px;}
@media screen and (min-width: 992px) and ( max-width:1112px){.contenttext2{max-width:224px;}}
@media screen and (min-width: 481px) and ( max-width: 991px){.contenttext2{max-width:325px;}}
@media screen and (max-width: 480px){.contenttext2{max-width:280px;}}

.contenttext p, .contenttext2 p{font-size:16px; letter-spacing:5px; line-height:300%;}
@media screen and (min-width: 992px) and ( max-width:1112px){.contenttext p, .contenttext2 p{line-height:200%;}}
@media screen and (max-width: 480px){.contenttext p, .contenttext2 p{line-height:250%;}}

#top_costume{max-width:950px; margin-left:auto; margin-right:auto; padding-left:25px; padding-right:25px; padding-bottom:50px;}
#top_costume .main-img-weddingdress, #top_costume .main-img-colordress, #top_costume .main-img-uchikake {background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
#top_costume .main-img-weddingdress {background-image: url(/wp-content/uploads/2022/12/base_weddingdress.webp);}
#top_costume .main-img-colordress {background-image: url(/wp-content/uploads/2022/12/base_colordress.webp);}
#top_costume .main-img-uchikake {background-image: url(/wp-content/uploads/2022/12/base_uchikake.webp);}
#top_costume .main-img-weddingdress .row, #top_costume .main-img-colordress .row, #top_costume .main-img-uchikake .row{max-width:800px; margin-right:auto; margin-left:auto; height:350px;}
@media screen and (min-width: 992px) and (max-width:1112px){#top_costume .main-img-weddingdress .row, #top_costume .main-img-colordress .row, #top_costume .main-img-uchikake .row{height:365px;}}
@media screen and (min-width: 481px) and (max-width: 991px){#top_costume .main-img-weddingdress .row, #top_costume .main-img-colordress .row, #top_costume .main-img-uchikake .row{height:325px;}}
@media screen and (max-width: 480px){#top_costume .main-img-weddingdress .row, #top_costume .main-img-colordress .row, #top_costume .main-img-uchikake .row{height:230px;}}
#top_costume .main-img-weddingdress .col-sm-6:first-child, #top_costume .main-img-colordress .col-sm-6:first-child, #top_costume .main-img-uchikake .col-sm-6:first-child {align-self:center; z-index: 1051;}
@media screen and (min-width: 992px) and (max-width:1112px){#top_costume .main-img-weddingdress .col-sm-6:first-child, #top_costume .main-img-colordress .col-sm-6:first-child, #top_costume .main-img-uchikake .col-sm-6:first-child{padding-left:45px;}}
@media screen and (min-width: 481px) and (max-width: 991px){#top_costume .main-img-weddingdress .col-sm-6:first-child, #top_costume .main-img-colordress .col-sm-6:first-child, #top_costume .main-img-uchikake .col-sm-6:first-child{padding-left:45px;}}
@media screen and (max-width: 480px){#top_costume .main-img-weddingdress .col-sm-6:first-child, #top_costume .main-img-colordress .col-sm-6:first-child, #top_costume .main-img-uchikake .col-sm-6:first-child{padding-left:25px; padding-right:25px;}}
#top_costume .main-img-weddingdress h1, #top_costume .main-img-colordress h1, #top_costume .main-img-uchikake h1 {font-family: 'Petit Formal Script', cursive; font-size:28px; line-height:105%; white-space:nowrap;}
@media screen and (max-width: 480px){#top_costume .main-img-weddingdress h1, #top_costume .main-img-colordress h1, #top_costume .main-img-uchikake h1 {text-align:center;}}
@media screen and (max-width: 480px){#top_costume .main-img-uchikake h1{color:#fff; filter: drop-shadow(0 0 0.75rem #000);}}
#top_costume .main-img-weddingdress h1 span, #top_costume .main-img-colordress h1 span, #top_costume .main-img-uchikake h1 span{font-family:'Frank Ruhl Libre', serif; font-size:11px; letter-spacing:0.25em; padding-left:5px;}
#top_costume .main-img-weddingdress h1::first-letter {font-size: 100px; letter-spacing:-0.2em;}
@media screen and (max-width: 480px){#top_costume .main-img-weddingdress h1::first-letter {font-size: 60px; letter-spacing:-0.1em;}}
#top_costume .main-img-colordress h1::first-letter, #top_costume .main-img-uchikake h1::first-letter{font-size: 100px;}
@media screen and (max-width: 480px){#top_costume .main-img-colordress h1::first-letter, #top_costume .main-img-uchikake h1::first-letter{font-size: 60px;}}
#top_costume .main-img-weddingdress p, #top_costume .main-img-colordress p, #top_costume .main-img-uchikake p{line-height: 250% !important; letter-spacing:0.25em;}
@media screen and (max-width: 991px){#top_costume .main-img-weddingdress p, #top_costume .main-img-colordress p, #top_costume .main-img-uchikake p{font-size:12px;}}
@media screen and (max-width: 480px){#top_costume .main-img-colordress p, #top_costume .main-img-uchikake p{color:#fff;}}
@media screen and (max-width: 480px){#top_costume .coco_btn_12_g{font-size:12px!important;}}

/* ラベル部分 左上に表示 */
.triangle::before {
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #f0b6a6;
position: absolute;
z-index: 1;
}
.triangleg::before {
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #d7b46e;
position: absolute;
z-index: 1;
}
.triangleg2::before {
content: "";
bottom: 0;
left: 0;
border-top: 3em solid transparent;
border-left: 3em solid #d7b46e;
position: absolute;
z-index: 1;
}
.triangleg3::before {
content: "";
top: 0;
right: 0;
border-bottom: 3em solid transparent;
border-right: 3em solid #d7b46e;
position: absolute;
z-index: 1;
}
.triangleg4::before {
content: "";
bottom: 0;
right: 0;
border-top: 3em solid transparent;
border-right: 3em solid #d7b46e;
position: absolute;
z-index: 1;
}

/*斜線*/
.rwhite-top {
width: 85px;
height: 1px;
content: "";
display: block;
background-color: #fff;
position: absolute;
top: 15px;
left: -25px;
transform: rotate(-45deg);
z-index:1050;
}
.rwhite-bottom {
width: 85px;
height: 1px;
content: "";
display: block;
background-color: #fff;
position: absolute;
bottom: 15px;
right: -25px;
transform: rotate(-45deg);
z-index:1050;
}
.rgold-top {
width: 85px;
height: 1px;
content: "";
display: block;
background-color: #cbaf64;
position: absolute;
top: 15px;
left: -25px;
transform: rotate(-45deg);
z-index:1050;
}
.rgold-bottom {
width: 85px;
height: 1px;
content: "";
display: block;
background-color: #cbaf64;
position: absolute;
bottom: 15px;
right: -25px;
transform: rotate(-45deg);
z-index:1050;
}
.rs {position:relative;}
.rs .red-top {
width: 85px;
height: 1px;
content: "";
display: block;
background-color: #ad0c0c;
position: absolute;
top: 15px;
left: -25px;
transform: rotate(-45deg);
}
.rs .red-bottom {
width: 85px;
height: 1px;
content: "";
display: block;
background-color: #ad0c0c;
position: absolute;
bottom: 15px;
right: -25px;
transform: rotate(-45deg);
}
/*フェードイン*/
/* 上からフェードイン */
.slide-top {
opacity: 0;
transform: translate(0, -20px);
transition: all 1s ease-out;
 }
/* 下からフェードイン */
.slide-bottom {
opacity: 0;
transform: translate(0, 20px);
transition: all 1s ease-out;
 }
.slide-bottom2 {
opacity: 0;
transform: translate(0, 20px);
transition: all 2s ease-out;
 }
.slide-bottom3 {
opacity: 0;
transform: translate(0, 20px);
transition: all 3s ease-out;
 }
/* 左からフェードイン */
.slide-left {
opacity: 0;
transform: translate(-20px, 0);
transition: all 1s ease-out;
 }
/* 右からフェードイン */
.slide-right {
opacity: 0;
transform: translate(20px, 0);
transition: all 1s ease-out;
}

/*スラッシュ*/
.slash{position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; z-index: 5; transform: skewY(4deg); transform-origin: top right;}
.slash .inner{transform: skewY(-4deg);}
.slash_before{padding-bottom:110px!important;}
.slash_after{margin-top:-100px!important;}
@media screen and (max-width: 480px){.slash_after{margin-top:-115px!important;}}
.slash_between{padding-top:140px!important; padding-bottom:115px!important; margin-top:-100px!important;}
@media screen and (max-width: 480px){.slash_between{padding-top:115px!important;}}

.slash_right {width: 100%; min-height: 200px; transform: skewY(-4.5deg); margin-top:-75px!important;}
@media screen and (max-width: 480px){.slash_right{margin-top:-90px!important;}}
.slash_right_inner {transform: skewY(4.5deg); padding-top:30px!important; padding-bottom:30px!important;}
@media screen and (max-width: 480px){.slash_right_inner{padding-top:10px!important; padding-bottom:10px!important;}}
.slash_left {width: 100%; min-height: 200px; transform: skewY(4.5deg); margin-top:-75px!important;}
@media screen and (max-width: 480px){.slash_left{margin-top:-90px!important;}}
.slash_left_inner {transform: skewY(-4.5deg); padding-top:30px!important; padding-bottom:30px!important;}
@media screen and (max-width: 480px){.slash_left_inner{padding-top:10px!important; padding-bottom:10px!important;}}

/*pagetop*/
html {scroll-behavior: smooth;}
#page_top{
width: 50px;
height: 50px;
position: fixed;
right: -50px;
bottom: 50px;
background: #595656;
opacity: 0.8;
border-radius: 50%;
z-index:1055;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f102';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -3px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

/*cf7改変*/
#form-cf7{margin-bottom:30px;}
#form-cf7 dt{margin-top:40px; margin-bottom:5px; font-size:16px; letter-spacing:0; font-weight: bold!important;}
@media screen and (max-width: 480px){#form-cf7 .row > [class*="col-sm"] {margin-bottom:10px;}}

/*coco*/
.coco_btn{
position: relative;
overflow: hidden;
text-decoration: none;
display: inline-block;
padding: 40px 8px;
text-align: center;
outline: none;
transition: ease .2s;
}
.coco_btn.btn_inner_1{
border: 1px solid #595656;
padding: 8px 40px;
}
.coco_btn span {
position: relative;
z-index: 3;
color:#595656;
}
.coco_btn:hover span{
color:#fff;
}
.coco_btn.btn_inner_1 span{
color:#595656;
}
.coco_btn.btn_inner_1:hover span{
color:#fff;
transition: ease .5s;
}
.btn_inner_1:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: #595656;
width: 100%;
height: 100%;
transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 0);
transform-origin:center;
}
.btn_inner_1:hover:before{
transform:scale(1, 1);
}
.coco_btn.btn_inner_2{
border: 1px solid #595656;
padding: 8px 40px;
}
.coco_btn.btn_inner_2 span{
color:#595656;
}
.coco_btn.btn_inner_2:hover span{
color:#fff;
transition: ease .5s;
}
.btn_inner_2:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background:#595656;
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}
.btn_inner_2:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}
.coco_btn.btn_inner_1r{
border: 1px solid #c93e2c;
padding: 8px 40px;
}
.coco_btn span {
position: relative;
z-index: 3;
color:#c93e2c;
}
.coco_btn:hover span{
color:#fff;
}
.coco_btn.btn_inner_1r span{
color:#c93e2c;
}
.coco_btn.btn_inner_1r:hover span{
color:#fff;
transition: ease .5s;
}
.btn_inner_1r:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: #c93e2c;
width: 100%;
height: 100%;
transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 0);
transform-origin:center;
}
.btn_inner_1r:hover:before{
transform:scale(1, 1);
}
.coco_btn.btn_inner_2r{
border: 1px solid #c93e2c;
padding: 8px 40px;
}
.coco_btn.btn_inner_2r span{
color:#c93e2c;
}
.coco_btn.btn_inner_2r:hover span{
color:#fff;
transition: ease .5s;
}
.btn_inner_2r:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background:#c93e2c;
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}
.btn_inner_2r:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}
.coco_btn.btn_inner_1b{
border: 1px solid rgba(89,177,235,1);
padding: 8px 40px;
}
.coco_btn span {
position: relative;
z-index: 3;
color:rgba(89,177,235,1);
}
.coco_btn:hover span{
color:#fff;
}
.coco_btn.btn_inner_1b span{
color:rgba(89,177,235,1);
}
.coco_btn.btn_inner_1b:hover span{
color:#fff;
transition: ease .5s;
}
.btn_inner_1b:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: rgba(89,177,235,1);
width: 100%;
height: 100%;
transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 0);
transform-origin:center;
}
.btn_inner_1b:hover:before{
transform:scale(1, 1);
}
.coco_btn.btn_inner_2b{
border: 1px solid rgba(89,177,235,1);
padding: 8px 40px;
}
.coco_btn.btn_inner_2b span{
color:rgba(89,177,235,1);
}
.coco_btn.btn_inner_2b:hover span{
color:#fff;
transition: ease .5s;
}
.btn_inner_2b:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background:rgba(89,177,235,1);
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}
.btn_inner_2b:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}
.coco_btn.btn_inner_2g{
border: 1px solid rgba(215,180,110,1);
padding: 8px 40px;
}
.coco_btn.btn_inner_2g span{
color:rgba(215,180,110,1);
}
.coco_btn.btn_inner_2g:hover span{
color:#fff;
transition: ease .5s;
}
.btn_inner_2g:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
background:rgba(215,180,110,1);
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}
.btn_inner_2g:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}
.coco_btn.btn_inner_2g::after {
content: '';
position: absolute;
top: 1.2em;
right: 25px;
width: 8px;
height: 8px;
border-top: 1px solid #d7b46e;
border-right: 1px solid #d7b46e;
transform: rotate(45deg);
z-index: 1052;
}
.coco_btn.btn_inner_2g:hover::after{
border-top: 1px solid #fff;
border-right: 1px solid #fff;
animation: arrow .5s;
transition: ease .5s;
}
@keyframes arrow {
50% {
right: 20px;
}
100% {
right: 25px;
}
}
.coco_btn_12_y,.coco_btn_12_r,.coco_btn_12_b,.coco_btn_12_t,.coco_btn_12_w,.coco_btn_12_g ,.coco_btn_12_bk{
position: relative;
text-decoration: none;
display: inline-block;
padding:8px 45px 12px 30px;
border-radius:25px;
text-align: center;
outline: none;
transition: ease .2s;
font-size:0.85rem;
line-height:1.85;
}
@media screen and (max-width: 480px){.coco_btn_12_y,.coco_btn_12_r,.coco_btn_12_b,.coco_btn_12_t,.coco_btn_12_w,.coco_btn_12_g,.coco_btn_12_bk{font-size:14px;}}
.coco_btn_12_y{color:#595656; background:#ffec04; white-space:nowrap;}
.coco_btn_12_r{color:#fff!important; background:#c93e2c; white-space:nowrap;}
.coco_btn_12_r:hover{color:#fff!important;}
.coco_btn_12_b{color:#fff!important; background-color: rgba(89,177,235,1); white-space:nowrap;}
.coco_btn_12_b:hover{color:#fff!important;}
.coco_btn_12_t{color:#595656; background-color: transparent; border: 1px solid #595656;}
.coco_btn_12_w{color:#fff!important; background-color: transparent; border: 1px solid #fff; white-space:nowrap;}
.coco_btn_12_w:hover{color:#fff!important;}
.coco_btn_12_g{color:#fff!important; background: #d7b46e; white-space:nowrap;}
.coco_btn_12_g:hover{color:#fff!important;}
.coco_btn_12_bk{color:#fff!important; background: #000; white-space:nowrap;}
.coco_btn_12_bk:hover{color:#fff!important;}
.avisiw a:visited {color: #fff!important;}
.avisiw a:hover {color: #fff!important;}
.btnarrow-b::after{
content: '';
position: absolute;
top: 1.3em;
right: 25px;
width: 8px;
height: 8px;
border-top: 1px solid #595656;
border-right: 1px solid #595656;
transform: rotate(45deg);
}
@media screen and (max-width: 480px){.btnarrow-b::after{top: 1.32em;}}
.btnarrow-b:hover::after{
animation: arrow .5s;
}
@keyframes arrow {
50% {
right: 20px;
}
100% {
right: 25px;
}
}
.btnarrow-w::after{
content: '';
position: absolute;
top: 1.3em;
right: 25px;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
@media screen and (max-width: 480px){.btnarrow-w::after{top: 1.32em;}}
.btnarrow-w:hover::after{
animation: arrow .5s;
}
@keyframes arrow {
50% {
right: 20px;
}
100% {
right: 25px;
}
}
.coco_btn_13_w{
position:relative;
color:#eee!important;
padding:5px 40px;
display:inline-block;
text-decoration: none;
outline: none;
}
.coco_btn_13_w:hover{color:#eee!important;}
.coco_btn_13_w::before, .coco_btn_13_w::after {
content:'';
position:absolute;
border:solid #eee;
width:10px;
height:10px;
transition:all 0.3s ease-in-out;
}
.coco_btn_13_w::before{
top:0;
left:0;
border-width:1px 0 0 1px;
}
.coco_btn_13_w::after{
bottom:0;
right:0;
border-width:0 1px 1px 0;
}
.coco_btn_13_w:hover::before, .coco_btn_13_w:hover::after{
width:calc(100% - 1px);
height:calc(100% - 1px);
border-color:#eee;
}
.coco_btn_13_b{
position:relative;
color:#595656!important;
padding:5px 40px;
display:inline-block;
text-decoration: none;
outline: none;
}
.coco_btn_13_b:hover{color:#595656!important;}
.coco_btn_13_b::before, .coco_btn_13_b::after {
content:'';
position:absolute;
border:solid #595656;
width:10px;
height:10px;
transition:all 0.3s ease-in-out;
}
.coco_btn_13_b::before{
top:0;
left:0;
border-width:1px 0 0 1px;
}
.coco_btn_13_b::after{
bottom:0;
right:0;
border-width:0 1px 1px 0;
}
.coco_btn_13_b:hover::before, .coco_btn_13_b:hover::after{
width:calc(100% - 1px);
height:calc(100% - 1px);
border-color:#595656;
}
.coco_btn_13_r{
position:relative;
color:#c93e2c!important;
padding:5px 40px;
display:inline-block;
text-decoration: none;
outline: none;
}
.coco_btn_13_r:hover{color:#c93e2c!important;}
.coco_btn_13_r::before, .coco_btn_13_r::after {
content:'';
position:absolute;
border:solid #c93e2c;
width:10px;
height:10px;
transition:all 0.3s ease-in-out;
}
.coco_btn_13_r::before{
top:0;
left:0;
border-width:1px 0 0 1px;
}
.coco_btn_13_r::after{
bottom:0;
right:0;
border-width:0 1px 1px 0;
}
.coco_btn_13_r:hover::before, .coco_btn_13_r:hover::after{
width:calc(100% - 1px);
height:calc(100% - 1px);
border-color:#c93e2c;
}
/*フォトギャラリー*/
#gallery .grad-btn {bottom: -70px;}
#gallery h2 {color: #d7b46e; letter-spacing: 10px; font-size: 14px; font-family: 'Frank Ruhl Libre', serif; padding-bottom: 15px; text-align: center;}
@media screen and (max-width: 480px){#gallery h2 {font-size: 12px;}}
#gallery .catchcopy {line-height: 150%; font-size: 30px; text-align: center;}
@media screen and (max-width: 480px){#gallery .catchcopy {font-size: 20px;}}
#gallery .row {max-width:905px; margin-left: auto; margin-right: auto; margin-top: 30px;}
#gallery .row:nth-child(1) {margin-top:0;}
#gallery .grad-item {max-width:905px; margin:0 auto 150px auto;}
#gallery .row > [class*='col-'] {padding: 2px;}
#gallery .row > [class*='col-'] img {aspect-ratio: 1 / 1; object-fit: cover;}
#gallery .row > [class*='col-'].ue img {object-position: top;}
#gallery .row > [class*='col-'].shita img {object-position: bottom;}
#gallery .row > [class*='col-'].migi img {object-position: right;}
#gallery .row > [class*='col-'].hidari img {object-position: left;}

/*カルーセル*/
.list_photoreport .slide-arrow, .slick-box_dressrank .slide-arrow {bottom:0; cursor:pointer; margin:auto; position:absolute; top:0; width:45px;}
.list_photoreport .prev-arrow, .slick-box_dressrank .prev-arrow {left:0; z-index:1;}
.list_photoreport .next-arrow, .slick-box_dressrank .next-arrow {right:0; z-index:1;}
/*フロー*/
#flow{max-width:900px; margin-left:auto; margin-right:auto; padding:50px 0 40px 0; border-bottom: 1px solid #e0e0e0; border-collapse: collapse;}
@media screen and (max-width: 480px){#flow{padding:50px 20px 25px 20px;}}
#flow .col-sm-5{padding:0 20px 20px 25px; letter-spacing:0; line-height:175%;}
@media screen and (max-width: 480px){#flow .col-sm-5{padding:0 0 30px 35px;}}
/*テーブル*/
.dtable{display: table;}
.dtable_c{display: table-cell; }
.tlf{table-layout: fixed;}
#table_frame{border-top: solid 1px #b6b8b2; border-left: solid 1px #b6b8b2; margin-top: 10px;}
#table_frame .col-3{border-bottom: solid 1px #b6b8b2; border-right: solid 1px #b6b8b2; padding-bottom: 10px; padding-top: 10px; text-align: center; background-color:#e2e4df; display: flex; justify-content: center; align-items: center;}
@media screen and (max-width: 480px){#table_frame .col-3{text-align: left; font-size: 14px; line-height: 150%;}}
#table_frame .col-9{border-bottom: solid 1px #b6b8b2; border-right: solid 1px #b6b8b2; margin-left: -1px; padding: 10px;}
@media screen and (max-width: 480px){#table_frame .col-9{font-size: 14px; line-height: 150%;}}

/*masonry*/
.row.msr1 img, .row.msr2 img, .row.msr3 img, .row.msr4 img {padding-bottom: 12px;}
@media screen and (max-width: 480px){.row.msr1 img, .row.msr2 img, .row.msr3 img, .row.msr4 img {padding-bottom: 6px;}}

.row.msr1 .concol1 {padding-right: 8px;}
@media screen and (max-width: 480px){.row.msr1 .concol1 {padding-right: 4px;}}
.row.msr1 .concol2 {padding-left: 4px; padding-right: 4px;}
@media screen and (max-width: 480px){.row.msr1 .concol2 {padding-left: 2px; padding-right: 2px;}}
.row.msr1 .concol3 {padding-left: 8px;}
@media screen and (max-width: 480px){.row.msr1 .concol3 {padding-left: 0;}}
.row.msr1 .concol1 figure img {width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
@media screen and (max-width: 480px){.row.msr1 .concol1 figure img {aspect-ratio: 2 / 3.17;}}
.row.msr1 .concol2 figure:nth-child(1) img, .row.msr1 .concol2 figure:nth-child(3) img {width: 100%; aspect-ratio: 6 / 5.06; object-fit: cover;}
.row.msr1 .concol2 figure:nth-child(2) img {width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
@media screen and (max-width: 480px){.row.msr1 .concol2 figure:nth-child(2) img {aspect-ratio: 1 / 1.48;}}
.row.msr1 .concol3 .row figure:nth-child(1) img, .row.msr1 .concol3 figure:nth-child(2) img {width: 100%; aspect-ratio: 4 / 7.62; object-fit: cover;}
@media screen and (max-width: 480px){.row.msr1 .concol3 .row figure:nth-child(1) img, .row.msr1 .concol3 figure:nth-child(2) img {aspect-ratio: 4 / 6;}}

.row.msr2 .concol1 figure img  {width: 100%; aspect-ratio: 6 / 3.94; object-fit: cover;}
.row.msr2 .concol2.row > [class*='col-']:nth-child(1) img {width: 100%; aspect-ratio: 3 / 2.2; object-fit: cover;}
.row.msr2 .concol2.row > [class*='col-']:nth-child(2) img {width: 100%; aspect-ratio: 2 / 3.45; object-fit: cover;}
@media screen and (max-width: 480px){.row.msr2 .concol2.row > [class*='col-']:nth-child(2) img {aspect-ratio: 2 / 3.53;}}
.row.msr2 .concol2.row > [class*='col-']:nth-child(3) img {width: 100%; aspect-ratio: 3 / 2.2; object-fit: cover;}

.row.msr3.row > [class*='col-']:nth-child(1) img {width: 100%; aspect-ratio: 4 / 5.6; object-fit: cover;}
@media screen and (min-width: 481px) and (max-width: 991px){.row.msr3.row > [class*='col-']:nth-child(1) img {aspect-ratio: 4 / 5.68;}}
@media screen and (max-width: 480px){.row.msr3.row > [class*='col-']:nth-child(1) img {aspect-ratio: 4 / 5.88;}}
.row.msr3.row > [class*='col-']:nth-child(3) img {width: 100%; aspect-ratio: 1 / 1.08; object-fit: cover;}
@media screen and (min-width: 481px) and (max-width: 991px){.row.msr3.row > [class*='col-']:nth-child(3) img {aspect-ratio: 1 / 1.1;}}
@media screen and (max-width: 480px){.row.msr3.row > [class*='col-']:nth-child(3) img {aspect-ratio: 1 / 1.06;}}
.row.msr3.row > [class*='col-']:nth-child(4) img {width: 100%; aspect-ratio: 3 / 2.47; object-fit: cover;}
@media screen and (min-width: 481px) and (max-width: 991px){.row.msr3.row > [class*='col-']:nth-child(4) img {aspect-ratio: 3 / 2.49;}}
@media screen and (max-width: 480px){.row.msr3.row > [class*='col-']:nth-child(4) img {aspect-ratio: 3 / 2.17;}}

.msr4 .concol1 img {width: 100%; aspect-ratio: 4 / 4.13; object-fit: cover;}
@media screen and (min-width: 992px) and (max-width:1112px){.msr4 .concol1 img {aspect-ratio: 4 / 4.11;}}
@media screen and (min-width: 481px) and (max-width: 991px){.msr4 .concol1 img {aspect-ratio: 4 / 4.1;}}
@media screen and (max-width: 480px){.msr4 .concol1 img {aspect-ratio: 6 / 4;}}
.msr4 .concol2, .msr4 .concol3 {padding-left: 12px;}
.msr4 .concol2 img {width: 100%; aspect-ratio: 4 / 7.21; object-fit: cover;}
@media screen and (min-width: 481px) and (max-width: 991px){.msr4 .concol2 img {aspect-ratio: 4 / 7.24;}}
@media screen and (max-width: 480px){.msr4 .concol2 img {aspect-ratio: 4 / 5.16;}}
@media screen and (max-width: 480px){.msr4 .concol2 {padding-left: 0;}}
@media screen and (max-width: 480px){.msr4 .concol3 {padding-left: 6px;}}
.p12-0-l {padding-left: 12px;}
@media screen and (max-width: 480px){.p12-0-l {padding-left: 0;}}
.p12-0-r {padding-right: 12px;}
@media screen and (max-width: 480px){.p12-0-r {padding-right: 0;}}

.p12-6-t {padding-top: 12px;}
@media screen and (max-width: 480px){.p12-6-t {padding-top: 6px;}}
.p12-6-b {padding-bottom: 12px;}
@media screen and (max-width: 480px){.p12-6-b {padding-bottom: 6px;}}
.p12-6-l {padding-left: 12px;}
@media screen and (max-width: 480px){.p12-6-l {padding-left: 6px;}}
.p12-6-r {padding-right: 12px;}
@media screen and (max-width: 480px){.p12-6-r {padding-right: 6px;}}

.p8-0-l {padding-left: 8px;}
@media screen and (max-width: 480px){.p8-0-l {padding-left: 0;}}
.p8-0-r {padding-right: 8px;}
@media screen and (max-width: 480px){.p8-0-r {padding-right: 0;}}
.p8-4-l {padding-left: 8px;}
@media screen and (max-width: 480px){.p8-4-l {padding-left: 4px;}}
.p8-4-r {padding-right: 8px;}
@media screen and (max-width: 480px){.p8-4-r {padding-right: 4px;}}

.p6-0-l {padding-left: 6px;}
@media screen and (max-width: 480px){.p6-0-l {padding-left: 0;}}
.p6-0-r {padding-right: 6px;}
@media screen and (max-width: 480px){.p6-0-r {padding-right: 0;}}
.p6-3-l {padding-left: 6px;}
@media screen and (max-width: 480px){.p6-3-l {padding-left: 3px;}}
.p6-3-r {padding-right: 6px;}
@media screen and (max-width: 480px){.p6-3-r {padding-right: 3px;}}

.p4-0-lr {padding-left: 4px; padding-right: 4px;}
@media screen and (max-width: 480px){.p4-0-lr {padding-left: 0; padding-right: 0;}}