@charset "utf-8";
/* ========================================================
template.css => テンプレート用CSS
======================================================== */
html {
font-size: 62.5%;
}
body {
/*background-color: #f5ecd9;*/
/*background-color: #ded2b9;*/
/*background-color: #ded2b9;*/
-webkit-overflow-scrolling: touch;
font-size: 15px;
font-size: 1.5rem;
line-height: 2.0;
color: #342f24;
word-wrap: break-word;
overflow-wrap: break-word;
letter-spacing: 0.2em;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, serif;
-webkit-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "palt";font-feature-settings: "palt";}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
table {border-collapse: collapse;border-spacing: 0;line-height: 1.8;}
a[href] {color: #342f24;text-decoration: underline;outline: none;}
a[href]:hover {text-decoration: none;}
a[href].a_reverse, .a_reverse a[href] {text-decoration: none;}
a[href].a_reverse:hover, .a_reverse a[href]:hover {text-decoration: underline;}
#top{
padding-top: 160px;
margin-top: -160px;
}

a[href^="http"], a[href^="mailto:"] {word-break: break-all;}
label {cursor: pointer;}
input, select, textarea, button {max-width: 100%;margin: 0;vertical-align: middle;font-family: inherit;outline: none;font-size: 100%;}
button {cursor: pointer;}
iframe {max-width: 100%;vertical-align: middle;}
.hidden {display: none;}
.slick-slider * {outline: none;}
.slider {display: none;}
.slider.slick-initialized {display: block;}
.slider00 {display: none;}
.slider00.slick-initialized {display: block;}
.errs {margin: 20px 0 10px 0;color: #a50303;}
.btn_contact {}
.btn_contact input[type="submit"] {padding: 10px 30%;margin: 20px auto;width: 90%;display: block;}
@media screen and (max-width: 768px) {
img {max-width: 100%;height: auto;}
}

.sp, .sps {display: none !important;}
.db {display: block;}
.dib {display: inline-block;}

@media (min-width: 769px), print {.pc_break {position: relative;display: block;height: 0;overflow: hidden;}}
@media screen and (max-width: 768px) {
.pc {display: none !important;}
.sp {display: block !important;}
img.sp, span.sp, br.sp, em.sp, strong.sp {
display: inline !important;}
td.sp, th.sp {display: table-cell !important;}
.sp_break {position: relative;display: block;
height: 0;overflow: hidden;}
}

@media screen and (max-width: 370px) {
.sps {display: block !important;}
img.sps, spsan.sps, br.sps, em.sps, strong.sps {
display: inline !important;}
.sps_non {display: none !important;}
}

@media screen and (max-width: 768px) {
*[data-label] img {display: none !important;}
*[data-label]:before {content: attr(data-label);}
*[data-label-r]:after {display: block;content: attr(data-label-r);}
}

@media screen and (min-width: 371px) {
*[data-label-r].spl_r_inline:after {display: inline;}
}

@media screen and (max-width: 768px) {
.sp_pd {padding-left: 15px !important;padding-right: 15px !important;}
.sp_pdtb {padding-top: 15px !important;padding-bottom: 15px !important;}
.sp_full {margin-left: -15px !important;margin-right: -15px !important;}
.spcenter p,
.spcenter{text-align: center;}
}


@media screen and (max-width: 370px) {
.sp_pd {padding-left: 10px !important;padding-right: 10px !important;}
.sp_pdtb {padding-top: 10px !important;padding-bottom: 10px !important;}
.sp_full {margin-left: -10px !important;margin-right: -10px !important;}
}

@media screen and (min-width: 769px), print {
.pc_hidden {position: relative;overflow: hidden;display: block;height: 0;}

}

#header .head_logo .ptext1{padding: 0 0 0 68px;color: #2e4c72;font-size: 1.2rem;font-weight: 900;letter-spacing: 0.1em;}
#header .head01 .contactbtn a{display: block;background-color: #c29313;color: #ffffff;padding: 10px;text-decoration: none;font-size: 1.6rem;}
#header .head01 .contactbtn{text-align: center;line-height: 1.4;}

#header .head01 .telcontactboxhead{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 15px;}
#header .head01 .telcontactboxhead .headtel{margin-right: 10px;line-height: 1.3;font-weight: 900;}
#header .head01 .telcontactboxhead .headtel .telout{letter-spacing: 0.05em;font-size: 1.4rem;margin-right: 5px;}
#header .head01 .telcontactboxhead .headtel .telin{font-size: 3.0rem;letter-spacing: 0.1em;}
#header .head01 .telcontactboxhead .headtel .teltime{letter-spacing: 0.2em;font-size: 1.2rem;}

#footer .footbbox{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
#footer .foot1 a{text-decoration: none;font-weight: 900;}
#footer .foot1 a:hover{text-decoration: underline;}
#footer .foot1 ul{text-align: left;margin-bottom: 15px;display: table;font-size: 1.4rem;}
#footer .foot1 ul li{display: table-cell;}
#footer .foot1 ul li a{padding: 0 10px;border-left: 1px solid #342f24;}
#footer .foot1 ul li:last-child a{border-right: 1px solid #342f24;}
#footer .foot1 ul li.last a{border-right: 1px solid #342f24;}
#footer .foot1 .separate{margin-top: 10px;}

#footer .foot2{padding: 20px 0;text-align: right;color: #143d6c;}
#footer .foot2 .fnamebox{margin-bottom: 10px;font-size: 1.4rem;letter-spacing: 0.1em;}
#footer .foot2 .fnamebox .fname{font-weight: 900;font-size: 1.8rem;}
#footer .foot2 .fnamebox .fpost{margin-right: 5px;}
#footer .foot2 .fnamebox .fadd{}
#footer .foot2 .fnamebox .ftel{}
#footer .foot2 .social{}
#footer .copyright{/*border-top: 1px solid #9d9d9d;*/padding: 10px 0 30px 0;}


#header {position: fixed;top: 0px;right: 0;left: 0;z-index: 1000;border-top: 2px solid #252525;text-align: center;background-color:#f5ecd9;}
#footer{border-top: 1px solid #ccc;margin-top: 40px;}

@media screen and (min-width: 980px) {
.w {width: 980px;}

}
@media screen and (min-width: 769px) {
.w {position: relative;margin: 0 auto;}
.w:after {content: "";display: table;clear: both;}
.w.s {width: 769px;}
.wt {display: table;}
.wt>* {display: table-cell;vertical-align: middle;}
.wt:after {content: none;}
.mw {min-width: 769px;}
.menufirst_box{display: none;}
#header .head01{width: 80%;margin: 10px auto 3px auto;text-align: center;}
#header .head01 a{display: block;text-align: left;text-decoration: none;line-height: 1.6;}
#header .head01 a .h1name{font-size: 2.8rem;color:#002063 ;font-weight: 900;}
#nav_menu-pc{background-color: #f7f2e8;}
#nav_menu-pc ul{}
#header .head01{}
#header .head01 .listnav000{text-align: right;}
#header .head01 .listnav000 ul{margin: 0px;padding: 0;float: right;}
#header .head01 .listnav000 .insta a,
#header .head01 .listnav000 .insta a img{margin: 0;padding: 0;display: block;}
#header .head01 .listnav000 .insta{margin: 0px 0 0 10px;padding: 0;float: right;}
#header .head01 .listnav000 .insta a:hover{	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;}
#header .head01 .listnav000 ul li{margin-bottom: 8px;line-height: 1.3;float: left;width: 100px;letter-spacing: 0;margin-top: 0;position: relative;text-align: left;}
#header .head01 .listnav000 ul li:first-child{margin-right: 10px;}


#header .head01 .listnav000 ul li a{text-decoration: none;font-weight: 900;
display: block;padding: 5px 0 5px 8px;vertical-align: middle;font-size: 1.3rem;background-color: #3f3005;color: #ffffff;text-align: center;
}
#header .head01 .listnav000 ul li.listv00 a{
text-decoration: none;
font-weight: 900;
display: block;
padding: 5px 0 5px 8px;
vertical-align: middle;
font-size: 1.3rem;
background-color: transparent;
color: #ffffff;
text-align: center;
}
#header .head01 .listnav000 ul li a span{}

#header .head01 .listnav000 ul li a:hover{text-decoration: underline;color: #ffffff;}

#header .head01 .listnav000 ul li a span::before{position: absolute;top: 50%;left: 10px;transform: translateY(-50%);width: 0px;height: 0px;border: 0.4em solid transparent;border-left: 0.5em solid #fff;content: "";}
  

.bnrarebb3in{padding: 110px 0 100px 0;}

}

/*
@media screen and (max-width: 768px) {
#header {position: relative !important;}
#header .head_logo{text-align: left;}
#header .head_logo a{text-align: left;display: block;}
#header .head_logo a img{width: 200px;height: auto;}
#header .head_logo .ptext1{font-size: 0.7rem;font-weight: normal;letter-spacing: 0.04em;text-align: center;padding: 3px 0 0 36px;width: 100%;margin-left: auto;margin-right: auto;}

.sp.navspffot {position: relative !important;}
.sp.navspffot p {border-top: 1px solid #fff;border-left: 1px solid #939393;}
.sp.navspffot p a {color: #fff;font-size: 11px;font-size: 1.1rem;letter-spacing: 0.001em;text-decoration: none;}

#header .nav_btn {position: fixed;right: 0;top: 0;width: 20%;height: 56px;z-index: 100;background-color: #654a37;text-align: center;color: #fff;}

#header .sp.navspffot .nav_btn a {position: relative;display: block;height: 56px;text-align: center;}
#header .sp.navspffot .nav_btn a span {text-align: center;padding: 34px 0 0 0;display: block;}
#header .nav_btn:before, #header .nav_btn a:before, #header .nav_btn a:after {content: "";position: absolute;left: 20px;right: 20px;top: 33%;margin-top: 0px;border-top: 2px solid #fff;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
#header .nav_btn a:before {-webkit-transform: translateY(-7px);-ms-transform: translateY(-7px);-o-transform: translateY(-7px);transform: translateY(-7px);}
#header .nav_btn a:after {
-webkit-transform: translateY(7px);-ms-transform: translateY(7px);-o-transform: translateY(7px);transform: translateY(7px);
}*/
/* open */
/*
#header.open .nav_btn:before {opacity: 0;}
#header.open .nav_btn a:before {-webkit-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
#header.open .nav_btn a:after {-webkit-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}


#header .nav_btn.nav_tel:before,
#header .nav_btn.nav_tel a:before,
#header .nav_btn.nav_tel a:after,
#header .nav_btn.nav_fo:before,
#header .nav_btn.nav_fo a:before,
#header .nav_btn.nav_fo a:after {
content: "";position: absolute;left: 20px;right: 20px;top: 33%;
margin-top: 0px;border-top: none !important;
}
#header .linkmini{margin-left: 15px;}
#header .linkmini a{display: inline-block;margin-right: 15px;}
#header .linkmini a.arrow{position: relative;display: inline-block;padding: 0 0 0 16px;vertical-align: middle;text-decoration: none;}
#header .linkmini a.arrow::before,
#header .linkmini a.arrow::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
#header .linkmini a.arrow::after{left: 2px;width: 6px;height: 6px;border-top: 2px solid #666;border-right: 2px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.bnrarebb3in{padding: 30px 0 10px 0;text-align: center;}
.bnrarebb3in a{margin-bottom: 20px;display: block;}
}*/
/*
.sns_fixed{position: fixed;bottom: 150px;right: 0;background-color: rgba(255,255,255,0.8);}
.sns_fixed a{display: block;}
.sns_fixed a img{width: 30px;height: auto;margin: 10px;}
*/
.contactbtmbox{background-image: url("/bridal/common/images/contactbg.jpg");background-repeat: no-repeat;background-size: cover;color: #ffffff;text-align: center;}
.bnrareabb3{background-image: url("/bridal/common/images/bnrbg.jpg");}
.bnrarebb3in{margin: 0 auto;}
.contactbtmbox .boxcontactbtnbb3 a{display: block;}
.contactbtmbox .contactboxpptelout .cteltimebbb span.sp_teltime{display: none;}


@media (min-width: 769px) {
#header nav>div {
font-size: 1.6rem;font-weight: 900;letter-spacing: 0;
border-top: 1px solid #cabe9a;
border-bottom: 1px solid #cabe9a;
}
/*
#header nav.fixed>div.fissdedie {position: fixed;top: 0;right: 0;left: 0;background-color: #f7f2e8;}
*/




.contactbtmbox{padding: 100px 0;}
.contactbtmbox .contactboxpp1{font-size: 2.8rem;margin-bottom: 60px;}
.contactbtmbox .contactboxpptelout{font-size: 3.2rem;line-height: 1.3;}
.contactbtmbox .contactboxpptelout .cteloutbbb{font-size: 2.6rem;letter-spacing: 0.05em;margin-right: 10px;}
.contactbtmbox .contactboxpptelout .cteltimebbb{font-size: 1.6rem;letter-spacing: 0.05em;}

.bnrarebb3in{text-align: center;}
.bnrarebb3in a{margin: 0 20px;}
.contactbtmbox .boxcontactbtnbb3{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin: 80px 10px 0 10px;}
.contactbtmbox .boxcontactbtnbb3 a{width: 240px;font-size: 1.6rem;margin: 10px 10px 0 10px;}
.bgbox_t{font-size: 2.8rem;padding: 260px 0;}
.bgbox_t .bgboxtit01{font-size: 2.0rem;line-height: 5.0;}
.bgcolor111 .pagetitle{padding-top: 60px;}
.bgcolor111{padding-bottom: 110px;}
.bgbox03{margin-top: 180px;}

}

.btnlink707_l a,.btnlink707_ll a,.btnlink707 a,.btnlink333 a,.backlist000 a,.backlist000_ll a{display: block;margin-left: auto;margin-right: auto;color: #ffffff;padding: 10px;font-size: 1.6rem;text-align: center;}
.btnlink707_l a,.btnlink707_ll a,.btnlink707 a,.backlist000 a,.backlist000_ll a{background-color: #58321c;}
.btnlink707_l a,.backlist000 a{width: 300px;}
.btnlink707 a{width: 240px;}
.btnlink707_ll a,.backlist000_ll a{width: 400px;}
.btnlink333 a{width: 70%;background-color: #c29313;}
.backlist000,.backlist000_ll{padding-bottom: 50px;}
.backlinkfi a{display: block;padding: 5px;font-size: 1.6rem;text-align: center;width: 100%;border: 1px solid #efbb2c;color: #c29313;margin: 50px auto;}

.backlinkfi a:link{color: #c29313 !important;text-decoration: none;}

.btnlink707 a:link,.btnlink707_l a:link,.btnlink707_ll a:link,.btnlink333 a:link,.backlist000 a:link,.backlist000_ll a:link{color: #ffffff !important;text-decoration: none;}
.btnlink707 a:visited,.btnlink707_l a:visited,.btnlink707_ll a:visited,.btnlink333 a:visited,.backlist000 a:visited,.backlist000_ll a:visited{color: #ffffff !important;}
.btnlink707 a:hover,.btnlink707_l a:hover,.btnlink707_ll a:hover,.btnlink333 a:hover,.backlist000 a:hover,.backlist000_ll a:hover{color: #ffffff !important;}
.btnlink707 a:active,.btnlink707_l a:active,.btnlink707_ll a:active,.btnlink333 a:active,.backlist000 a:active,.backlist000_ll a:active{color: #ffffff !important;}

.btnlink707 a span,.btnlink707_l a span,.btnlink707_ll a span,.btnlink333 a span,.backlist000 a span,.backlist000_ll a span,.backlinkfi a span{display: inline-block;padding-left: 0px;}
.btnlink707 a span::before,.btnlink707_l a span::before,.btnlink707_ll a span::before,.btnlink333 a span::before{content: '';width: 10px;height: 10px;border: 0px;border-top: solid 1px #ffffff;border-right: solid 1px #ffffff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 15px;margin-top: -5px;}
.backlist000 a span::before,.backlist000_ll a span::before{content: '';width: 10px;height: 10px;border: 0px;border-top: solid 2px #ffffff;border-right: solid 2px #ffffff;-ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;top: 50%;left: -10px;margin-top: -10px;}
.backlinkfi a span::before{content: '';width: 10px;height: 10px;border: 0px;border-top: solid 1px #c29313;border-right: solid 1px #c29313;-ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;top: 50%;left: -10px;margin-top: -10px;}
.backlist000 a span,.backlist000_ll a span,.backlinkfi a span{padding-right: 5px;}

.contactbtmbox .boxcontactbtnbb3 a{text-align: center;color: #ffffff;border: 1px solid #c29313;background-color: rgba(222,201,143,0.3);text-decoration: none;padding: 15px 0;}

.bgbox_t{color: #ffffff;text-align: center;position: relative;background-repeat: no-repeat;background-position: center top;text-shadow: 2px 2px 3px #666; }
.bgbox_t .bgboxtit01{position: relative;}
.bgbox_t .bgboxtit01:before {position: absolute;bottom: -30px;left: calc(50% - 10px);width: 20px;height: 1px; content: '';border-radius: 3px;background: #ffffff;}
.bgcolor111{background-color: #f7f2e8;}
.bgcolor666{background-color: #d7ccb7;}
.bgbox03{background-image: url(/bridal/common/images/bgcont02.jpg);background-size: cover;}
.bgpdo9{background-image: url(/bridal/common/images/bgdotte.jpg);}
.bgpdo90{background-image: url(/bridal/common/images/bgdotte2.jpg);}
.bgpdo33{background-image: url(/bridal/common/images/bgcont03.jpg);}
.bgpdo55{background-image: url(/bridal/common/images/bgcont04.jpg);}
.bgbox05{background-image: url(/bridal/common/images/bgcont05.jpg);}
.bgk{background-image: url(/bridal/common/images/bgk.jpg);}

.bgpdo_c01{background-image: url(/bridal/common/images/bgcont101.jpg);}
.bgpdo_c02{background-image: url(/bridal/common/images/bgcont102.jpg);}
.bgpdo_c03{background-image: url(/bridal/common/images/bgcont103.jpg);}
.bgpdo_c04{background-image: url(/bridal/common/images/bgcont104.jpg);}

.bgpdo_cu02{background-image: url(/bridal/common/images/bgcont202.jpg);}
.bgpdo_cu03{background-image: url(/bridal/common/images/bgcont203.jpg);}
.bgpdo_cu04{background-image: url(/bridal/common/images/bgcont204.jpg);}

.bgpdo_r01{background-image: url(/bridal/common/images/bgcont301.jpg);}
.bgpdo_r02{background-image: url(/bridal/common/images/bgcont302.jpg);}

@media screen and (max-width: 768px) {
/*#header nav {
position: fixed;left: 0;right: 0;bottom: 80px;top: 0px;
-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);width: 100%;
}
.contactbtmbox{padding: 30px 0;}
.contactbtmbox .contactboxpp1{font-size: 2.0rem;margin-bottom: 15px;}
.contactbtmbox .contactboxpptelout{font-size: 2.8rem;line-height: 1.2;}
.contactbtmbox .contactboxpptelout .cteloutbbb{font-size: 2.0rem;display: block;}
.contactbtmbox .contactboxpptelout .cteltimebbb{font-size: 1.4rem;letter-spacing: 0.01em;}
.contactbtmbox .contactboxpptelout .cteltimebbb span.sp_teltime{display: block;line-height: 1.6;}

.contactbtmbox .boxcontactbtnbb3{padding-top: 20px;}
.contactbtmbox .boxcontactbtnbb3 a{width: 80%;margin-bottom: 20px;margin-left: auto;margin-right: auto;}
.contactbtmbox{
background-image: url("/bridal/common/images/contactbg_sp.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
color: #ffffff;
text-align: center;
}
*/


/* open 
#header.open nav {
-webkit-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);
}*/
/* showed 
#header.showed nav {
-webkit-transition: -webkit-transform 0.3s;-o-transition: -o-transform 0.3s;transition: transform 0.3s;background-color: #fff;
}
#header nav>div {
height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;background-color: #fff;
}
#header nav>div>div {
height: 100%;overflow-y: auto;padding-top: 10px;padding-bottom: 20px;
}
#header nav li {position: relative;float: none;}
#header nav li:before {content: "";position: absolute;bottom: 0;right: 0;left: 10px;border-top: 1px solid rgba(123, 91, 66, .5);}
#header nav li a {position: relative;display: block;padding: 10px 0 10px 25px;color: #000;font-size: 1.4rem;line-height: 1.3;text-decoration: none;float: none;}
#header nav li a:after {content: "";position: absolute;top: 50%;right: 5px;width: 10px;height: 10px;margin-top: -6px;border-top: 2px solid #7b5b42;border-right: 2px solid #7b5b42;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

#header nav li .jpt br.kaigyo{display: none;}

#header nav ul.ful01 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 98%;
    margin: 0 auto;
}
#header nav ul.ful01 li {
     -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 90%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#header nav li a {
    padding: 20px 0 20px 15px;
    font-size: 1.2rem;
    letter-spacing: -0.000001em;
}

#header nav .menufirst_box {
	display: -webkit-flex;
	display: flex;
	margin: 10px auto 10px auto;
	width: 90%;
}
#header nav .menufirst_box p.logo {
	width: 80%;
	text-align: center;
}
#header nav .menufirst_box p.insta {
	width: 20%;
	text-align: center;	
}
#header nav .menufirst_box p.logo img {
	width: 90%;
}
#header nav .menufirst_box p.insta img {
	width: 50%;
}*/
body{
	-webkit-overflow-scrolling: touch;
}
.bgbox_t{font-size: 2.0rem;padding: 40px 0 !important;background-size: cover;}
.bgbox_t .bgboxtit01{font-size: 1.8rem;line-height: 3.0;}
.bgbox_t .bgboxtit01:before {bottom: -15px;}
.bgcolor111 .pagetitle{padding-top: 20px;}
.bgcolor111{padding-bottom: 30px;}

.bgbox03{}
.btnlink707 a,.btnlink707_l a,.btnlink333 a,.backlist000 a,.backlist000_ll a,.btnlink707_ll a{width: 80%;}

}



@media print {#pagetop {display: none;}}

#footer{padding: 20px 0;text-align: center;/*background-color: #d7ccb7;*/}

#pagetop{text-align: center;}
#pagetop a {font-weight: 900;height: 50px;padding-top: 70px;text-align: center;
font-size: 1.3rem;text-decoration: none;text-shadow: 1px 1px 0 #fff;line-height: 1.2;}
#pagetop a .arrow{display: block;text-decoration:  none;border-radius: 5px;position:  relative;height: 20px;width: 20px;margin-left: auto;margin-right: auto;color: #8d8d8d;margin-top: 10px;}
#pagetop a .arrow::before {
content:  '';width: 20px;height: 20px;display:  block;
border-top: solid 2px;border-right: solid 2px;transform: rotate(-45deg);
position:  absolute;top: 10px;bottom:  0;left:  0;right:  0;margin:  auto;
}

@-moz-keyframes pagetop {
0% {top: 0;}
37% {top: -50px;left: 50%;}
38% {top: -50px;left: -1000px;}
39% {top: 100px;left: -1000px;}
40% {top: 100px;left: 50%;}
100% {top: 0;}
}
@-webkit-keyframes pagetop {
0% {top: 0;}
37% {top: -50px;left: 50%;}
38% {top: -50px;left: -1000px;}
39% {top: 100px;left: -1000px;}
40% {top: 100px;left: 50%;}
100% {top: 0;}
}
@-o-keyframes pagetop {
0% {top: 0;}
37% {top: -50px;left: 50%;}
38% {top: -50px;left: -1000px;}
39% {top: 100px;left: -1000px;}
40% {top: 100px;left: 50%;}
100% {top: 0;}
}
@-ms-keyframes pagetop {
0% {top: 0;}
37% {top: -50px;left: 50%;}
38% {top: -50px;left: -1000px;}
39% {top: 100px;left: -1000px;}
40% {top: 100px;left: 50%;}
100% {top: 0;}
}
@keyframes pagetop {
0% {top: 0;}
37% {top: -50px;left: 50%;}
38% {top: -50px;left: -1000px;}
39% {top: 100px;left: -1000px;}
40% {top: 100px;left: 50%;}
100% {top: 0;}
}

.contactbox_foot{background-color: #ffffff;border: 1px solid #3B3B3B;padding: 20px;}

#container{/*background-image: url("/bridal/common/images/bgcont.jpg");*/}

@media (min-width: 769px), print {
#pagetop {position: fixed;overflow: hidden;bottom: 0;right: 0;width: 120px;height: 100px;z-index: 100;}
#pagetop.abs {position: absolute;bottom: 0;}
#pagetop a {width: 120px;
-webkit-transform: translateY(120px);-ms-transform: translateY(120px);
-o-transform: translateY(120px);transform: translateY(120px);
-webkit-transition: -webkit-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;
}
#pagetop.show a {
-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);
}
#pagetop a:hover .arrow:before, #pagetop a:hover .arrow:after {
-moz-animation: pagetop 0.6s ease-in-out 0s;-webkit-animation: pagetop 0.6s ease-in-out 0s;-o-animation: pagetop 0.6s ease-in-out 0s;-ms-animation: pagetop 0.6s ease-in-out 0s;animation: pagetop 0.6s ease-in-out 0s;
}
#container .bread{width: 100%;margin-left: auto;margin-right: auto;font-size: 1.2rem;padding-top: 20px;padding-left: 5%;padding-right: 5%;}
#container .bread .kaigyo{display: none;}
#container h2.pagetitle .kaigyo{display: none;}

#container h3.h3pagetitle{font-size: 2.0rem;padding: 10px 20px;}
#container h3.h3555{font-size: 2.0rem;margin-top: 30px;margin-bottom: 15px;}

#container h4{font-size: 1.6rem;}

#container{margin-top: 184px;}








.navthird{padding-bottom: 15px;}
.navthird ul{width: 980px;margin-left: auto;margin-right: auto;display: table;background-color: #ffffff;border-right: 1px dotted #ccc;}
.navthird ul li{display: table-cell;border-top: 1px solid #1b497c;border-bottom: 1px solid #1b497c;border-left: 1px dotted #ccc;text-align: center;vertical-align: middle;}
.navthird ul a{font-weight: 900;padding: 10px 3px;display: block;text-decoration: none;line-height: 1.2;letter-spacing: 0;font-size: 1.4rem;}
.navthird ul a .storem{display: block;font-size: 1.2rem;}
.navthird ul a:hover{background-color: #fff9f3;}

.contactbox_foot{width: 980px;margin: 40px auto 20px auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.contactbox_foot .cotact01{}
.contactbox_foot .cotact01 .contactname{font-weight: 900;font-size: 1.5rem;}
.contactbox_foot .cotact01 .contactadd{font-size: 1.3rem;}
.contactbox_foot .cotact02 .contactlink{margin-top: 15px;}
.contactbox_foot .cotact02 .contactlink a.arrowa{margin-right: 50px;text-decoration: underline !important;}
.contactbox_foot .cotact02 .contactlink a:link.arrowa{text-decoration: underline;}
.contactbox_foot .contactw2_01{width: 45%;border-right: 1px dotted #ccc;}
.contactbox_foot .contactw2{width: 53%;}
}

.sp_pd .box h3.numboxtit{font-size: 1.6rem;margin-bottom: 10px;text-align: left;margin-top: 50px;text-indent: -2.5em;margin-left: 2.5em;}
.sp_pd .box h3.numboxtit span{background-color: #7c6c57;color: #ffffff;padding: 10px;}

h3.numboxtitor{font-size: 1.6rem;margin-bottom: 10px;text-align: left;margin-top: 50px;text-indent: -2.5em;margin-left: 2.5em;}
h3.numboxtitor span{background-color: #ef7e40;color: #ffffff;padding: 10px;}

.sp_pd .box .qaa{font-size: 1.6rem;margin-bottom: 20px;text-align: left;margin-top: 40px;text-indent: -3em;margin-left: 3em;}
.sp_pd .box .qaa span{background-color: #f0f0f0;color: #70614f;padding: 12px;font-weight: 900;}

.sp_pd h3.goldh{color: #7c6c57;font-size: 1.6rem;margin-bottom: 5px;}
.sp_pd .box {width: 80%;margin: 20px auto 15px auto;}
.sp_pd .box .box {width: 95%;margin: 20px 0 15px 5%;}

h2.pagetitle{margin: 50px auto 40px auto;text-align: center;color: #fff;background-color: #936d17;padding: 10px 0;width: 80%;font-size: 2.8rem;}
h3.border_short{margin: 40px auto;text-align: center;color: #7a6a56;width: 80%;font-size: 2.8rem;position: relative;}
h3.border_short:before {position: absolute;bottom: -10px;left: calc(50% - 30px);width: 60px;height: 2px;content: '';border-radius: 3px;background: #7a6a56;}

.doublebordertitle{position: relative;display: inline-block;padding: 0 10%;text-align: center;width: 100%;font-size: 2.4rem;margin-bottom: 20px;}
.doublebordertitle:before,
.doublebordertitle:after {position: absolute;top: calc(50% - 3px);width: 30%;height: 6px;content: '';border-top: solid 2px #a6a6a6;border-bottom: solid 2px #a6a6a6;}

.doublebordertitle:before {left: 0;}
.doublebordertitle:after {right: 0;}


.goldh4fz{font-size: 2.4rem;color: #7a6a56;font-weight: 900;text-align: center;}
h5.gold_bordertit{color: #7a6a56;font-weight: 900;font-size: 2.0rem;position: relative;padding: 0 auto;width: 80%;margin: 15px auto;}
h5.gold_bordertit:before {position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 1px;content: '';background: #7a6a56;}
h5.gold_bordertit span {position: relative;padding: 0 1em;background: #fff;width: 6em;display: block;margin-left: auto;margin-right: auto;text-align: center;}
.bgcolorwtitle{margin: 60px auto 10px auto;text-align: center;color: #ffffff;background-color: #b8afa0;padding: 5px;font-size: 2.4rem;}
.shortpagetitleex{margin: 20px auto 10px auto;text-align: center;color: #7a6a56;background-color: #f9f8f7;padding: 5px;font-size: 2.0rem;}

.boxwcolbddd0{width: 80%;margin: 20px auto;}
.boxwcolbddd0 .box {width: 100%;}

#container a{color: #660000;}
#container a:hover{color: #660000;}
#container h3.h3pagetitle{/*background-color: #dad4b5;*/background-color: #143d6c;border-bottom: 1px solid #c8c2a0;margin: 20px 0 10px 0;color: #ffffff;}
#container h3.h3pagetitle00{padding: 5px;background-color: #143d6c;margin: 20px auto 10px auto;color: #ffffff;width: 80%;}
@media screen and (max-width: 768px) {
#pagetop {position: fixed;overflow: hidden;bottom: 0px;right: 5px;width: 80px;height: 60px;z-index: 100;line-height: 1.0;background-color: #ffffff;border: 1px solid #7a6a55;}
#pagetop a {font-size: 1.0rem;letter-spacing: 0;}
.copyright{text-align: center;margin-bottom: 20px;}
#footer{padding-bottom: 80px;}
#footer .foot2{text-align: left;}
#footer .foot2 .fnamebox{font-size: 1.2rem;letter-spacing: 0.1em;position: relative;}
#container{margin-top: 120px !important;padding-bottom: 20px;}

#container h2.pagetitle{font-size: 2.0rem;margin: 60px auto 20px auto;text-align: center;width: 95%;}
h3.border_short{font-size: 2.0rem;margin: 60px auto 20px auto;text-align: center;width: 95%;}
.goldh4fz{font-size: 2.0rem;}
h5.gold_bordertit{font-size: 1.8rem;}

.sp_pd .box {width: 100%;}
.bgcolorwtitle{margin: 30px auto 10px auto;font-size: 1.8rem;}
.shortpagetitleex{font-size: 1.6rem;}

#container h3.h3pagetitle{font-size: 1.6rem;padding: 5px;}
#container h3.h3555{font-size: 1.8rem;margin-top: 20px;margin-bottom: 10px;}
#container h4{font-size: 1.4rem;}

.navthird ul{display: -webkit-flex;display: flex;flex-wrap:wrap;margin-bottom: 5px;}
.navthird ul li{text-align: center;vertical-align: middle;width: 49%;}
.navthird ul a{background-color: #ffffff;border: 1px solid #1b497c;font-weight: 900;padding: 10px 5px;display: block;text-decoration: none;line-height: 1.2;letter-spacing: 0;}
.navthird ul a .storem{display: block;font-size: 1.1rem;}
.contactbox_foot{margin: 20px 20px 50px 20px;}
.contactbox_foot .cotact01{padding: 5px;}
.contactbox_foot .cotact02{padding: 5px;}
.contactbox_foot .cotact02 .contactlink{margin-top: 10px;}
.contactbox_foot .contactw2{border-top: 1px solid #ccc;}

.doublebordertitle{padding: 0 10%;font-size: 2.0rem;}
.doublebordertitle:before,
.doublebordertitle:after {width: 10%;}

}

a:hover .opcolor,a.linkopcolor:hover,.btnlink707 a:hover,.btnlink707_l a:hover,.btnlink333 a:hover,.backlist000 a:hover,.backlist000_ll a:hover {opacity: 0.6;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;}


#container table.table_basic,#container table.table02{border: 1px solid #e0dcbf;border-collapse: collapse;}
#container table.table_basic th,#container table.table_basic td{padding: 10px;border: 1px solid #e0dcbf;border-collapse: collapse;}
#container table.table_basic th{background-color: #f8f7f1;font-weight: 900;}
#container table.table_basic td{background-color: #ffffff;}
#container table.table02 th,#container table.table02 td{border-bottom: 1px solid #e0dcbf;border-collapse: collapse;padding: 10px;background-color: #ffffff;}

.bgbox_t,
h2.pagetitle {
    line-height: 1.6;
}

.bgbox_t span.subcopy00{
font-size: 1.8rem;
display: block;
}

@media screen and (max-width: 768px) {
#container table.table_basic,#container table.table_basic tbody,#container table.table_basic thead,#container table.table_basic tr,#container table.table_basic td,#container table.table_basic th,
#container table.table02,#container table.table02 tbody,#container table.table02 thead,#container table.table02 tr,#container table.table02 td,#container table.table02 th{display: block;}

#nav_menu-modal{
height: 100%;
}

}

.btnlink333 a{position: relative;}


#footer .foot2 .fnamebox .insta_f{
position: absolute;
right: 0;
top: 0;
}
#footer .foot2 .fnamebox .insta_f{
position: absolute;
right: 0;
top: -5px;
}
#footer .foot2 .fnamebox .insta_f img{
width: 25px;
}

@media screen and (max-width: 768px) {
#footer .foot2 {
    padding: 20px 0 5px 0;
    text-align: center;
    color: #143d6c;
    margin: 0 auto;
}
#footer .foot2 .fnamebox{
text-align: center;
}
#footer .foot2 .fnamebox .insta_f{
position: relative;
right: 0;
top: 0;
text-align: center;
margin: 5px 0;
}
}



@media screen and (min-width: 769px) {#header .headerinwpc .head01 .telcontactboxhead .sp_teltime{display: none;}}

.contactbtmbox .contct_faq{position: relative;margin: 30px auto 0 auto ;padding: 0;}
.contactbtmbox .contct_faq a{margin: 0 auto ;text-decoration: none;font-weight: 900;display: block;padding: 5px 0 5px 0;width: 30%;vertical-align: middle;font-size: 1.6rem;background-color: rgba(222,201,143,0.3);color: #fff;text-align: center;border: 1px solid #c29313;}

@media screen and (max-width: 768px) {
.contactbtmbox .contct_faq a{width: 80%;}
}



.boxlinkindex{
width: 80%;margin-left: auto;margin-right: auto;
}
.boxlinkindex.submenu00{
width: 80%;margin-left: auto;margin-right: auto;margin-top: 20px;
padding-top: 20px;border-top: 2px dashed #ccc ;
}


.boxlinkindex a{display: block;padding: 10px;border: 1px solid #ccc;text-decoration: none;margin-bottom: 15px;}

.boxlinkindex a{  padding: 0.4em 0.5em !important;/*文字の上下 左右の余白*/
  color: #342f24 !important;/*文字色*/
  background: #faf9f7 !important;/*背景色*/
  border-left: solid 5px #002063 !important;/*左線*/
  border-bottom: solid 3px #d7d7d7 !important;/*下線*/}
.boxlinkindex.submenu00 a{ 
  border-left: solid 5px #a8153b !important;/*左線*/
}  
.boxlinkindex a.here{ 
  background: #f5ecd9 !important;/*背景色*/
}
.boxlinkindex.submenu00 a.here{ 
  background: #f5ecd9 !important;/*背景色*/
}

p.next{}
p.next a{display: block;margin: 50px auto;text-align: center;background-color: #c29313;width: 60%;}


p.next a:link{color: #ffffff !important;text-decoration: none;}
p.next a:visited{color: #ffffff !important;}
p.next a:hover{color: #ffffff !important;}
p.next a:active{color: #ffffff !important;}

.thirdbox{width: 100%;margin: 0 auto 20px auto;display: table;}
.thirdbox.pagenav00 {width: 80%;margin: 0 auto;}
.thirdbox.pagenav00 a {font-size: 1.3rem;letter-spacing: 0em;}
h2#page01.pagetitle {margin: 10px auto 40px auto;}
.thirdbox a{display: block;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:none;border-bottom:1px solid #ccc;padding: 10px 5px;display: table-cell;text-align: center;vertical-align: middle;font-size: 1.4rem;text-decoration: none;line-height: 1.4;}
.thirdbox a:last-child{border-right:1px solid #ccc;}
.thirdbox a:hover{text-decoration: underline;background-color: #f6f6f6;color: #660000 !important;}



.upgoldp{text-align: center;color: #7c6c57;}

.wnew{width: 80%;margin-left: auto;margin-right: auto;}

.h4gold{color: #7c6c57;font-size: 1.6rem;}
.goldborderb{color: #7c6c57;font-size: 1.6rem;border-bottom: 1px solid #7c6c57;}
.bordertop{border-top: 1px solid #6f6f6f;padding-top: 20px;margin-top: 40px;width: 80%;margin-left: auto;margin-right: auto;}
h3.border_title{border-top: 1px solid #6f6f6f;border-bottom: 1px solid #6f6f6f;padding: 5px 0;color: #7c6c57;font-size: 2.4rem;text-align: center;
margin: 60px auto 30px auto;width: 80%;
}
.borderupdo{border-top: 1px solid #6f6f6f;padding-bottom: 20px;}
.borderupbottomboth{border-top: 1px solid #6f6f6f;border-bottom: 1px solid #6f6f6f;padding-bottom: 20px;padding-top: 20px;margin-bottom: 30px;margin-top: 20px;}


.halfboxtable00{width: 80%;margin-left: auto;margin-right: auto;margin-top: 40px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flexonlydiv{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flexonlydiv div.half{width: 48%;}

.halfboxtable00 .tablehalfxob{width: 48%;}

.table01,.table20,.table300{width: 100%;margin-bottom: 40px;}
.table01 th,.table20 th{text-align: center;padding: 5px 3px;font-size: 1.3rem;color: #ffffff;background-color: #7a6a55;border: 1px solid #ffffff;}
.table300 th{text-align: center;padding: 5px 3px;font-size: 1.3rem;color: #ffffff;background-color: #b8afa0;border: 1px solid #ffffff;}
.table01 td{border-bottom: 1px solid #7a6a55;padding: 10px;text-align: left;border-left: 1px solid #7a6a55;}
.table20 td{border-bottom: 1px solid #7a6a55;padding: 10px 5px;text-align: left;}
.table300 td{border-bottom: 1px solid #7a6a55;padding: 10px;text-align: left;border-left: 1px solid #7a6a55;}

.table20 tr:nth-child(odd) {background: #f9f8f7;}

.table01 td.tdshop{border-left: 1px solid #ffffff !important;background-color: #f9f8f7;}
.table300 td.pregram{border-left: 1px solid #ffffff !important;background-color: #f9f8f7;color: #897b69;}

.tdborderlr{border-left: 1px solid #7a6a55;border-right: 1px solid #7a6a55;}
.tdcolorcenter{color: #7c6c57;text-align: center;}

ul.disc li{list-style-type: disc;margin: 0 0 5px 30px;padding: 0 0 0 0px;}
ul.disc{margin: 0 0 30px 30px;padding: 0;}

form input{margin-right: 10px;}
input[type=checkbox] {width: 30px;height: 30px;vertical-align: middle;}

.bggray{background-color: #f9f8f7;}

.yazi01{display:inline-block;height:10px;width:40px;background-color:#ef7e40;position:relative;top:10px;}
.yazi01:before{position:absolute;content:"";width:0;height:0;border:15px solid transparent;border-left:15px solid #ef7e40;left:30px;top:-9px;}

.borderbgbox00{background-color: #f9f8f7;border: 1px solid #7a6a56;padding: 10px 30px 50px 30px;width: 80%;margin-left: auto;margin-right: auto;}

@media screen and (max-width: 1200px) {
.borderbgbox00{padding: 10px 10px 50px 10px;width: 98%;}

}

@media screen and (max-width: 768px) {
.thirdbox{width: 100%;margin: 20px auto;display: -webkit-flex;display: flex;}
.upgoldp{text-align: left;}
h3.border_title{font-size: 2.0rem;width: 100%;}
.bordertop{width: 100%;}
.wnew,.borderbgbox00{width: 100%;}
.yazi01{transform:rotate(90deg)}

.table01 th{display: none;}
.table01,.table01 tbody,.table01 thead,.table01 td,.table01 tr{display: block;}.thirdbox.pagenav00 {display: block;width: 95%;margin: 0 auto;border-collapse: collapse;}
.thirdbox.pagenav00 a {display: block;font-size: 1.2rem;letter-spacing: 0em;border-collapse: collapse;border-top:1px solid #936d17;border-left:1px solid #936d17;border-right:1px solid #936d17;border-bottom:none;padding: 10px 0;}
.thirdbox.pagenav00 a:last-child {border-bottom:1px solid #936d17;}
.table01 td{padding: 5px 1px 5px 15px !important;border-bottom: 0px !important;border-left: 0px !important;}
.table01 td.tdshop{padding-left: 5px !important;}
.table01 tr{border: 1px solid #7a6a55;}
.h4gold{font-size: 1.4rem;}
.halfboxtable00{width: 100%;-webkit-flex-direction: column;flex-direction: column;}
.flexonlydiv{-webkit-flex-direction: column;flex-direction: column;}
.flexonlydiv div.half{width: 100%;}

.halfboxtable00 .tablehalfxob{width: 100%;}

#header .head01{width: 95%;margin-left: auto;margin-right: auto;}


}

.decoration{border-bottom: 1px solid #7c6c57;margin-left: 3px;margin-right: 3px;}

@media screen and (max-width: 600px) {
ul.disc{margin: 0 0 30px 5px;padding: 0;}

}





#header .head01{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; -webkit-align-items: flex-end;
    align-items: flex-end;}
#header .head01 .head_logo{margin-bottom: 5px;text-align: left;}
#header .head01 .telcopy{margin-bottom: 5px;text-align: right;line-height: 1.6;}
#header .head01 .telcopy span.telnumber{font-size: 2.0rem;}
#header .head01 .telcopy small{display: block;font-size: 1.1rem;}

@media screen and (max-width: 768px) {
#header .head01 .telcopy{display: none;}
#header .head01 .telcopy span.telnumber{font-size: 1.3rem;}
#header .head01 .telcopy small{font-size: 0.4rem;letter-spacing: -0.1em;}
#header .head01 .head_logo{padding-top: 5px;margin-bottom: 0px;text-align: left;}
#header .head01 .head_logo a{text-decoration: none !important;}
#header .head01 .head_logo a img{width: 73%;height: auto;}
#header .head01 .head_logo a:link .h1name{color:#002063;text-decoration: none !important;font-weight: 900;font-size: 2.4rem;}
#header .head01 .head_logo a:visited .h1name{color:#002063;text-decoration: none;}
#header .head01 .head_logo a:hover .h1name{color:#002063;text-decoration: none;}

}


/*========= ナビゲーションのためのCSS ===============*/
body.open {
  overflow: hidden;
}
#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
  top:155px;
    left: -120%;
  width:100%;
    height: 100%;/*ナビの高さ*/
  background:#f5ecd9;
    /*動き*/
  transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    left: 0;
}


/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width:94%;
    height: 85%;/*表示する高さ*/
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(3%);
}

/*ナビゲーション*/
#g-nav .g-nav-list_inn {
    position: relative;
    z-index: 999;
    width: 100%;
    margin: 10px auto;
}
#g-nav .g-nav-list_inn ul.navnav {
    /*ナビゲーション天地中央揃え*/
    z-index: 999;
 /*   transform: translate(-50%,-50%);*/
}

/*リストのレイアウト設定*/

#g-nav ul.navnav{
    width: 90%;
    margin: 0 auto;
}

#g-nav ul.navnav li{
  list-style: none;
    text-align: left; 
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

#g-nav ul.navnav li a{
  color: #002063;
  text-decoration: none;
  padding:10px;
  display: block;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 900;
}

#g-nav ul.navnav li a:hover{
  background-color:#936d17;
  color: #fff;
}
#g-nav ul.navnav li a{
  color: #002063;
  text-decoration: none;
  padding:10px;
  display: block;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 900;
}

.navbar{
  position:relative;
  background-color: #002063;
  padding: 15px 0;
  text-align: center;
  z-index: 9999;  
}
/*========= ボタンのためのCSS ===============
.openbtn1{
 position:fixed;
  top:105px;
  left: 50%;
  z-index: 9999;
  cursor: pointer;
    width: 200px;
    height:50px;
    color: #ffffff;
}*/

.openbtn1{
  cursor: pointer;
    color: #ffffff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.openbtn1 .openbtn1_inn01{
position: relative;
  z-index: 9999;
  width: 40px;
  height: 30px;
  cursor: pointer;
  color: #ffffff;
}
.openbtn1 .openbtn1_inn02{
  z-index: 9999;
  width: auto;
  cursor: pointer;
  color: #ffffff;
  padding: 0 5px;
}
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 0px;
    height: 2px;
    border-radius: 2px;
  background-color: #fff;
    width: 40px;
  }

.openbtn1 span:nth-of-type(1) {
  top:3px; 
}

.openbtn1 span:nth-of-type(2) {
  top:14px;
}

.openbtn1 span:nth-of-type(3) {
  top:25px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 7px;
    left: 17px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 19px;
    left: 17px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
}

@media screen and (max-width: 768px) {

/*========= ナビゲーションのためのCSS ===============*/

#g-nava{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
  top:0px;
    left: -120%;
  width:100%;
    height: 100%;/*ナビの高さ*/
  background:#f5ecd9;
    /*動き*/
  transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nava.panelactive{
    left: 0;
}


/*ナビゲーションの縦スクロール*/
#g-nava.panelactive #g-nav-lista{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width:100%;
    height: 90%;/*表示する高さ*/
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nava .g-nav-list_inn {
    position: relative;
    z-index: 999;
    width: 100%;
    margin: 10px auto;
}
#g-nava ul {
    /*ナビゲーション天地中央揃え*/
    z-index: 999;
 /*   transform: translate(-50%,-50%);*/
}

/*リストのレイアウト設定*/

#g-nava ul.navnav{
    width: 90%;
    margin: 0 auto;
}

#g-nava li{
  list-style: none;
    text-align: left; 
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
}

#g-nava li span.tittit{
  font-weight: 900;
  margin: 10px 0 0 5px;
  display: block;
  color:#002063;
}

#g-nava li a{
  
  color: #002063;
  text-decoration: none;
  padding:5px;
  display: block;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 900;
}

#g-nava li a:hover{
  background-color:#002063 ;
  color: #fff;
}



#g-nava{top:30px;}
.navbar{
  display: none;
}
.navbar_sp{
  position: absolute;
  right: 20px;
  top: 20px;
}
.navbar_sp #g-nava{
  top:80px;
}


.openbtn1a{
  cursor: pointer;
    color: #002063;
    font-size: 1.1rem;
    letter-spacing: 0em;
}
.openbtn1a div.spmenu123{
margin-top: 30px;


}
.openbtn1a .openbtn1_inn01{
position: relative;
  z-index: 9999;
  width: 40px;
  height: 30px;
  cursor: pointer;
  color: #002063;
}
.openbtn1a .openbtn1_inn02{
  z-index: 9999;
  width: auto;
  cursor: pointer;
  color: #002063;
  padding: 0 5px;
}
/*×に変化*/  
.openbtn1a span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 0px;
    height: 2px;
    border-radius: 2px;
  background-color: #002063;
    width: 40px;
  }

.openbtn1a span:nth-of-type(1) {
  top:3px; 
}

.openbtn1a span:nth-of-type(2) {
  top:14px;
}

.openbtn1a span:nth-of-type(3) {
  top:25px;
}

.openbtn1a.active span:nth-of-type(1) {
    top: 7px;
    left: 17px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
}

.openbtn1a.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1a.active span:nth-of-type(3){
    top: 19px;
    left: 17px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
}


}











/* kokokara */


.navnav {
display: block;
width: 100%;
margin-bottom: 0;
}
.navnav a {
text-decoration: none;
display: block;
}
.navnav a:link {
text-decoration: none;
}
.navnav a:hover {
text-decoration: none;
}

.navnav .b_close a,
.navnav .b_close02 a,
.navnav .b_close03 a,
.navnav .b_close04 a,
.navnav .b_close05 a,
.navnav .b_close06 a,
.navnav .b_close07 a,
.navnav .b_close08 a,
.navnav .b_close09 a{text-align: center;margin: 0 auto;padding: 3px 0;}

.navnav .b_close a span,
.navnav .b_close02 a span,
.navnav .b_close03 a span,
.navnav .b_close04 a span,
.navnav .b_close05 a span,
.navnav .b_close06 a span,
.navnav .b_close07 a span,
.navnav .b_close08 a span,
.navnav .b_close09 a span{display: block;padding: 0 0;}

.navnav .openbox, .navnav .b_close a,
.navnav .openbox02, .navnav .b_close02 a,
.navnav .openbox03, .navnav .b_close03 a,
.navnav .openbox04, .navnav .b_close04 a,
.navnav .openbox05, .navnav .b_close05 a,
.navnav .openbox06, .navnav .b_close06 a,
.navnav .openbox07, .navnav .b_close07 a,
.navnav .openbox08, .navnav .b_close08 a,
.navnav .openbox09, .navnav .b_close09 a {display: none;}

.navnav .b_close,
.navnav .b_close02,
.navnav .b_close03,
.navnav .b_close04,
.navnav .b_close05,
.navnav .b_close06,
.navnav .b_close07,
.navnav .b_close08,
.navnav .b_close09 {padding: 0;margin:15px auto;border: 1px dotted #002063;background-color: #f0edeb; width: 50%;}
.navnav .b_close a,
.navnav .b_close02 a,
.navnav .b_close03 a,
.navnav .b_close04 a,
.navnav .b_close05 a,
.navnav .b_close06 a,
.navnav .b_close07 a,
.navnav .b_close08 a,
.navnav .b_close09 a {color:#002063 !important;font-size: 1.2rem !important; }
.navnav .b_close a:hover,
.navnav .b_close02 a:hover,
.navnav .b_close03 a:hover,
.navnav .b_close04 a:hover,
.navnav .b_close05 a:hover,
.navnav .b_close06 a:hover,
.navnav .b_close07 a:hover,
.navnav .b_close08 a:hover,
.navnav .b_close09 a:hover {color:#fff !important; }
.navnav .openbox .morenav,
.navnav .openbox02 .morenav,
.navnav .openbox03 .morenav,
.navnav .openbox04 .morenav,
.navnav .openbox05 .morenav,
.navnav .openbox06 .morenav,
.navnav .openbox07 .morenav,
.navnav .openbox08 .morenav,
.navnav .openbox09 .morenav {margin: 0px 0 0 0;}

.b_open,
.b_open02,
.b_open03,
.b_open04,
.b_open05,
.b_open06,
.b_open07,
.b_open08,
.b_open09{text-align: center;margin: 0 auto;display: block;}

.b_open a,
.b_open02 a,
.b_open03 a,
.b_open04 a,
.b_open05 a,
.b_open06 a,
.b_open07 a,
.b_open08 a,
.b_open09 a{margin: 0 auto;text-align: left;position: relative;display: block;padding: 0 16px 0 0;vertical-align: middle;text-decoration: none;}
.navnav li .b_close a:after,
.navnav li .b_close02 a:after,
.navnav li .b_close03 a:after,
.navnav li .b_close04 a:after,
.navnav li .b_close05 a:after,
.navnav li .b_close06 a:after,
.navnav li .b_close07 a:after,
.navnav li .b_close08 a:after,
.navnav li .b_close09 a:after{content: "";position: absolute;top: 50%;right: 15px;width: 10px;height: 10px;margin-top: -6px;border-top: 2px solid #7b5b42;border-right: 2px solid #7b5b42;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);border-top: 0px;border-right:  0px;}

.navnav li .b_open a:after,
.navnav li .b_open02 a:after,
.navnav li .b_open03 a:after,
.navnav li .b_open04 a:after,
.navnav li .b_open05 a:after,
.navnav li .b_open06 a:after,
.navnav li .b_open07 a:after,
.navnav li .b_open08 a:after,
.navnav li .b_open09 a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 2px solid #7b5b42;
    border-right: 2px solid #7b5b42;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#g-nav ul.navnav li .morenav a {
    color: #002063;
    text-decoration: none;
    padding: 5px 1em;
    display: block;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 900;
    position: relative;
    border-bottom: 1px dotted #7f8abc;
}
#g-nav ul.navnav li .morenav a:hover {
    color: #fff;
}
#g-nav ul.navnav li .morenav a.tittit {
    font-size: 1.6rem;
    padding: 10px;
}
#g-nav ul.navnav li .morenav a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #7b5b42;
    border-right: 2px solid #7b5b42;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#g-nava ul.navnav li .morenav a {
    color: #002063;
    text-decoration: none;
    padding: 10px 0.5em ;
    display: block;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 900;
    position: relative;
    border-bottom: 1px dotted #7b5b42;
}
#g-nava ul.navnav li .morenav a.tittit {
    font-size: 1.5rem;
}
#g-nava ul.navnav li .morenav a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #7b5b42;
    border-right: 2px solid #7b5b42;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


a.arrowyazi{position: relative;display: inline-block;padding: 0 0 0 16px;vertical-align: middle;text-decoration: none;}
a.arrowyazi::before,
a.arrowyazi::after{
position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
a.arrowyazi::before{width: 12px;height: 12px;-webkit-border-radius: 25%;border-radius: 25%;background: #002063;}
a.arrowyazi::after{left: 2px;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}





.navbar .pcmenu {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.navbar .pcmenu .nav_item {
  position: relative;
}
.navbar .pcmenu .nav_item a {
  color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
          line-height: 1.2;
          display: block;
}
.navbar .pcmenu .nav_item a.ttm span {
          letter-spacing: -0.0005em;
}
.navbar .pcmenu .nav_item a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.navbar .pcmenu .nav_item a small{
    font-size: 1.2rem;
}
.navbar .pcmenu .nav_item .panel {
  position: absolute;
  top: 31px;
  left: -35px;
  margin: auto;
  overflow: hidden;
  background: #002063;
  width: 180%;
  display: none;
  text-align: left;
  padding: 5px;
}

.navbar .pcmenu .nav_item .panel.one1 {
  position: absolute;
  top: 31px;
  left: 0;
  width: 200%;
}
.navbar .pcmenu .nav_item .panel.one1.first {
  position: absolute;
  top: 31px;
  left: 0;
}
.navbar .pcmenu .nav_item .panel.one1.last {
  position: absolute;
  top: 31px;
  left: auto;
  right: 0px;
  width: 120%;
}

.navbar .pcmenu .nav_item .panel .panel_item {
  display: inline-block;
  margin: 20px 0;
}

.navbar .pcmenu .nav_item .panel .panel_item a {
  color: #fff;
}

.navbar .pcmenu .nav_item {
  display: block;
  width: calc(100% / 8);
  text-align: center;
}
.navbar .pcmenu .nav_item .panel .panel-inner li {
  color: #fff;
    text-decoration: none;
          display: block;
          margin: 5px 0;
          padding: 10px 0 10px 28px;
          border-bottom: 1px dotted #ccc;
          position: relative;
}

.navbar .pcmenu .nav_item .panel .panel-inner li a {
    font-size: 1.3rem;
          line-height: 1.4;
}
.navbar .pcmenu .nav_item .panel .panel-inner li:first-child {
          border-top: 1px dotted #ccc;
}
.navbar .pcmenu .nav_item .panel .panel-inner li:before {
  content: "＞";
  position: absolute;
  top: 4px;
  left: 10px;
          
}

.flextel {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px;
} 
.flextel .flextel_innr {
    padding: 0 0 0 10px;
} 
.menu02box {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.menu02box a {
    margin: 0 0 0 15px;
    font-size: 1.4rem;
}  
#header .head01 .menu02box a.arrowyazi:hover {
	text-decoration: underline;
} 
#page01{
	padding-top: 150px;
	margin-top: -150px;
} 
#page02,#page03,#page04,#page05,#page06,#page07,#page08{
	padding-top: 120px;
	margin-top: -120px;
} 
.contactspbox{
display: none;
}
.mt80{
margin-top: 80px;
}

@media screen and (max-width: 768px) {
#g-nava ul.navnav li .morenav a:hover {
    text-decoration: none;
    color: #fff;

}
}

@media screen and (max-width: 768px) {
.navmoresp {
margin-top: -10px;
display: block;
width: 100%;
}
.navmoresp a {
text-decoration: none;
display: block;
}
.navmoresp a:link {
text-decoration: none;
}
.navmoresp a:hover {
text-decoration: none;
}
.navmore_btnopen a{
text-align: center;
margin: -10px auto 0 auto;
padding: 5px 0 0 0;
display: block;
border: 1px solid #936d17;
width: 95%;
background-color: #fff;
font-size: 1.2rem;
}
.navclose_btnclose{
text-align: center;
margin: 0 auto 0 auto;
padding: 0 0 5px 0;
}
.navmoresp .navclose_btnclose a span {
display: block;
width: 95%;
margin: 5px auto;
font-size: 1.2rem;
}
.navmoresp .navmoreopen, .navmoresp .navclose_btnclose a {
display: none;
}

.contactspbox{
display: block;
margin: 15px auto 30px auto;
line-height: 1.6;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 15px 0;
}
#footb .contactspbox{
display: block;
margin: 15px auto;
line-height: 1.6;
border-top: none;
border-bottom: none;
padding: 0;
}
}
/*
@media (min-width: 376px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
*/