@charset "utf-8";
/* CSS Document */
@import url("yakuhanjp.css");

body,p,div{ font-family: 'YakuHanJP', Lato, Roboto, "メイリオ", "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }

.sikaku{ padding:0px 2px; border: solid 1px #CCCCCC; }

#main{ background: #ffffff; }
#main .content{ padding: 0 0 40px 0 ; margin: auto; max-width: 750px; }
#pageTop{ z-index: 500; }

.sp-view{ display: none; }

.drawer-overlay{ z-index: 1000; }
.drawer-hamburger{ z-index: 1004; }
.drawer-nav{ z-index: 1001; }



.js-inview{ opacity: 0; transition: opacity 0.5s; }
.show{ opacity: 1!important; }
.txt-left{ text-align: left; }
.txt-center{ text-align: center; }
.txt-right{ text-align: right; }
.txt-bold{ font-weight: bold; }
.txt12{ font-size: 12px; line-height: 1.4 }
.txt14{ font-size: 14px; line-height: 1.5 }
.txt16{ font-size: 16px; line-height: 1.5 }
.txt18{ font-size: 18px; line-height: 1.5 }
.txt20{ font-size: 20px; line-height: 1.5 }
.txt22{ font-size: 22px; line-height: 1.5 }
.txt24{ font-size: 24px; line-height: 1.5 }

.spt5{ margin-top: 5px; }
.spt10{ margin-top: 10px; }
.spt15{ margin-top: 15px; }
.spt20{ margin-top: 20px; }
.spt25{ margin-top: 25px; }
.spt30{ margin-top: 30px; }
.spt35{ margin-top: 35px; }
.spt40{ margin-top: 40px; }
.spt45{ margin-top: 45px; }
.spt50{ margin-top: 50px; }
.spt60{ margin-top: 60px; }
.spt70{ margin-top: 70px; }
.spt80{ margin-top: 80px; }
.spt90{ margin-top: 90px; }
.spt100{ margin-top: 100px; }

.fontsize12{ font-size: 24px; line-height: 1.6; }
.fontsize14{ font-size: 28px; line-height: 1.6; }
.fontsize16{ font-size: 32px; line-height: 1.6; }
.fontsize18{ font-size: 36px; line-height: 1.6; }
.fontsize20{ font-size: 40px; line-height: 1.6; }
@media screen and (max-width: 480px){ /*480px以下のcss*/
	.fontsize12{ font-size: 3vw; }
	.fontsize14{ font-size: 3.5vw; }
	.fontsize16{ font-size: 4vw; }
	.fontsize18{ font-size: 4.5vw; }
	.fontsize20{ font-size: 5vw; }
}
.font-sizedown{ font-size: 80%; }
.font-bold{ font-weight: bold; }

.split-box{ display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; }

#header .drawer-list > .item a{ padding: 5px 0; font-size: 12px; font-weight: 400; }


.footer-menu{ width: 1000px; margin: 70px auto 0; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; padding-top: 40px; border-top: solid 1px #CCCCCC; }
.footer-menu .menu-link{ width: 23%; margin: 20px 0 0 0; padding: 0; }
.footer-menu-sub{ width: 1000px; margin: 0px auto 0; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; }
.footer-menu-sub .menu-link{ width: 23%; margin: 20px 0 0 0; padding: 0; }
.footer-menu-sub .index-link{ margin: 20px 0 0 0; padding: 0; }



@media screen and (max-width: 480px){ /*480px以下のcss*/
	.footer-menu{ width: auto; margin: 10% auto 0; padding: 10% 5% 0 5%; }
	.footer-menu-sub{ width: auto; margin: 0 auto; padding: 0% 5%; }
	.footer-menu .menu-link{ width:48%; margin-top: 4% }
	.footer-menu-sub .menu-link{ width:100%; margin-top: 4% }
	#main .content{ margin: 0; }
	.sp-view{ display: inline-block; }
	.pc-view{ display: none; }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 480px),screen and (min-resolution: 1.5dppx) and (max-width: 480px){
}



/*modal*/
#main .yoyaku-navi{ margin: 5% auto 0; width: 80%; text-align: center; }
#main .yoyaku-navi a{ display: block; background-color: #000000; color: #ffffff; text-decoration: none; border-radius: 10px; padding: 15px 0; line-height: 1.5; }
.modal-view{ width: 100%!important; min-width: 750px!important; border-radius: 0!important; background-color: transparent!important; box-shadow: none; }
@media screen and (max-width: 480px){ /*480px以下のcss*/
	.modal-view{ min-width: 0!important; }
}
.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; font-family: 'YakuHanJP', Lato, Roboto, "メイリオ", "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
.modal-view .yoyaku-wrapper{ width: 85%; margin: 0 auto; padding: 10% 0; }
.modal-view .yoyaku-wrapper *{ color: #231815; }
.modal-view .yoyaku-wrapper span{ color: inherit; }
.modal-view .yoyaku-ttl01{ width: 70%; margin: 0 auto; }
.modal-view .yoyaku-section{ border: 2px solid #c09c40; background-color: #ffffff; border-radius: 20px; margin-top: 19.09%; position: relative; padding: 0 7% 7%; }
.modal-view .yoyaku-section+.yoyaku-section{ margin-top: 5.75%; }
.modal-view .yoyaku-section .yoyaku-ttl02{ margin: 0 auto; background-color: #c09c40; text-align: center; color: #ffffff; padding: 5px 0; border-radius: 0 0 10px 10px; }
.modal-view .yoyaku-section .yoyaku-ttl02 .slim{ width: 111.11%; display: block; transform-origin: 0 0; transform: scaleX(0.9); }
.modal-view .yoyaku-section .head{ margin-top: 6.8%; }
.modal-view .yoyaku-section .store-list{ margin-top: 5%; }
.modal-view .yoyaku-section .store-list .item{ padding-left: 1em; text-indent: -1em; line-height: 1.5; }
.modal-view .yoyaku-section .store-list .item+.item{ margin-top: 2%; }
.modal-view .yoyaku-section .caption-list{ margin-top: 5%; }
.modal-view .yoyaku-section .caption-list .item{ padding-left: 1em; text-indent: -1em; line-height: 1.5; }
.modal-view .yoyaku-section .caption-list .item+.item{ margin-top: 2%; }
.modal-view .yoyaku-section .icon-list01{ display: flex; display: -ms-flex; flex-wrap: wrap; margin-top: 5px; }
.modal-view .yoyaku-section .icon-list01 .item{ width: 33.33%; }
.modal-view .yoyaku-section .icon-list01 .item:nth-child(1){ width: 66.66%; }
.modal-view .yoyaku-section .icon-list01 .item:nth-child(n+3){ margin-top: 5px; }
.modal-view .yoyaku-section .icon-list01 .item .icon{ background-color: #231815; color: #ffffff; width: 1.5em; display: inline-block; border-radius: 5px; text-align: center; }
.modal-view .yoyaku-section .icon-list02{ margin-top: 5px; }
.modal-view .yoyaku-section .icon-list02 .item:nth-child(n+2){ margin-top: 5px; }
.modal-view .yoyaku-section .icon-list02 .item .icon{ background-color: #c7a03f; color: #ffffff; display: inline-block; border-radius: 5px; text-align: center; padding: 0 0.5em; margin-right: 0.2em; }
.modal-view .yoyaku-section .reitou-icon{ width: 44.7%; margin: 5% auto 0; }
.modal-view .yoyaku-section .deco{ position: absolute; left: 0; top: 0; }
.modal-view .yoyaku-section .deco01{ width: 10.3736%; margin: -3% 0 0 86.6264%; }
.modal-view .yoyaku-section .deco02{ width: 8.7005%; margin: -3% 0 0 5%; }
.modal-view .yoyaku-section .deco03{ width: 11.3775%; margin: -3% 0 0 86.6264%; }
.modal-view .yoyaku-section .deco04{ width: 13.6084%; margin: 30% 0 0 12%; }
.modal-view .yoyaku-section .deco05{ width: 10.0390%; margin: -3% 0 0 5%; }
.modal-view .yoyaku-section .deco06{ width: 13.3853%; left: auto; top: auto; bottom: 0; right: 0; margin: 0 -1% -3% 0; }
.modal-view .yoyaku-section04 .yoyaku-ttl02+.head{ padding-left: 10%; }
.modal-view .modal-close{ margin: 10% auto 0; width: 80%; text-align: center; }
.modal-view .modal-close a{ display: block; background-color: #000000; color: #ffffff; text-decoration: none; border-radius: 10px; padding: 15px 0; line-height: 1.5; }


/*-----------------*/
#main .common-info{ border: 2px solid #c09c40; background-color: #ffffff; border-radius: 20px; margin: 0 auto 0; position: relative; padding: 0 4% 7%; width: 80%; box-sizing: border-box; }
#main .common-info .yoyaku-ttl02{ margin: 0 auto; background-color: #c09c40; text-align: center; color: #ffffff; padding: 5px 0; border-radius: 0 0 10px 10px; }
#main .common-info .yoyaku-ttl02 .slim{ width: 111.11%; display: block; transform-origin: 0 0; transform: scaleX(0.9); }
#main .common-info .head{ margin-top: 6.8%; }
#main .common-info .caption-list{ margin-top: 5%; }
#main .common-info .caption-list .item{ padding-left: 1em; text-indent: -1em; line-height: 1.5; }
#main .common-info .caption-list .item+.item{ margin-top: 2%; }
#main .common-info .icon-list01{ display: flex; display: -ms-flex; flex-wrap: wrap; margin-top: 5px; }
#main .common-info .icon-list01 .item{ width: 33.33%; }
#main .common-info .icon-list01 .item:nth-child(1){ width: 66.66%; }
#main .common-info .icon-list01 .item:nth-child(n+3){ margin-top: 5px; }
#main .common-info .icon-list01 .item .icon{ background-color: #231815; color: #ffffff; width: 1.5em; display: inline-block; border-radius: 5px; text-align: center; }
#main .common-info .icon-list02{ margin-top: 5px; }
#main .common-info .icon-list02 .item:nth-child(n+2){ margin-top: 5px; }
#main .common-info .icon-list02 .item .icon{ background-color: #c7a03f; color: #ffffff; display: inline-block; border-radius: 5px; text-align: center; padding: 0 0.5em; margin-right: 0.2em; }
#main .gotohome-navi{ margin: 5% auto 0; width: 80%; text-align: center; }
#main .gotohome-navi a{ display: block; background-color: #ffffff; color: #231815; text-decoration: none; border-radius: 10px; padding: 15px 0; line-height: 1.5; border: 2px solid #000000; }