@charset "utf-8";
/*
base.css
*/

/* -------------------------------------------------- */
/* common ------------------------------------------- */
.wrapper {
	margin: 0 auto;
	max-width: 750px;
    width: 100%;
}
h1,h2,h3 {
	font-size: 20px;
    margin: 0;
}
ul {
	margin: 0;
	padding: 0;
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1; /* IE向け */
}
section,
p{
	margin: 0;
	padding: 0;
}
img{
    width:100%;
    vertical-align: bottom;
}
a:link     {color: #000000; text-decoration: underline;}
a:visited{color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}

/* -------------------------------------------------- */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
@media only screen and (max-width: 750px) {
    .mt10{margin-top: 1.3vw;}
    .mt20{margin-top: 2.6vw;}
    .mt30{margin-top: 4vw;}
    .mt40{margin-top: 5.3vw;}
    .mt50{margin-top: 6.6vw;}
    .mb10{margin-bottom: 1.3vw}
    .mb20{margin-bottom: 2.6vw;}
    .mb30{margin-bottom: 4vw;}
    .mb40{margin-bottom: 5.3vw;}
    .mb50{margin-bottom: 6.6vw;}
}

.cam{
    margin: 0 0 50px 0;
}
.cam p{
    margin: 20px 0 0 0;
}
.cam p.link{
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 120%;
}
@media only screen and (max-width: 750px) {
    .cam{
        margin: 0 0 6.6vw 0;
    }
    .cam p{
        margin: 2.6vw 0 0 0;
    }
    .cam p.link{
        margin: 1.3vw 0 0 0;
    }
}
@media only screen and (max-width: 500px) {
    .cam p.link{
        font-size: 100%;
    }
    .cam p.link a{
        display: block;
    }
}

.youtube iframe{
    width: 100%;
}
@media only screen and (max-width: 750px) {
    .youtube iframe{
        height: 56.2vw;
    }
}

#faq{
    margin: 20px 0 60px 0;
    padding: 0 10px;
}
#shop{
    margin: 0 0 60px 0;
    padding: 10px 10px;
    background: #f6f5ee;
}
#form{
    margin: 20px 0 60px 0;
    padding: 0 10px;
}
#form.thankyou{
    margin: 0;
    padding: 10px 10px;
    text-align:center;
    font-size:16px;
}
#faq h2,
#shop h2,
#form h2{
    background: #ff7200;
    color: #ffffff;
    text-align: center;
    border-radius: 20px;
    margin: 0 0 20px 0;
    padding: 15px 0 10px 0;
    font-size: 40px;
    font-weight: normal;
}
#faq dl{
    border-bottom: solid 2px #e0e0e0;
    margin: 0;
    padding: 16px 0 16px 0;
    background: url("../images/lp/icn_q.png") no-repeat left top 30px;
    background-size: 50px;
}
#faq dt{
    background: url("../images/lp/arrow01.png") no-repeat right center;
    background-size: 18px;
    font-size: 26px;
    font-weight: bold;
    padding: 20px 40px 20px 65px;
}
#faq dt.active{
    background: url("../images/lp/arrow02.png") no-repeat right center;
    background-size: 18px;
}
#faq dd{
    background: url(../images/lp/icn_a.png) no-repeat left 14px top;
    background-size: 22px;
    font-size: 18px;
    padding: 2px 0px 20px 65px;
    margin: 0;
    display: none;
}
#faq dd span{
    font-weight: bold;
    background: linear-gradient(rgba(0, 0, 0, 0) 60%, #f6ff00 0%);
    position: relative;
}
#shop .shop_box{
    margin: 0 0 10px 0;
}
#shop .shop_box h3{
    background: url("../images/lp/arrow03.png") no-repeat right 20px center #e0e0e0;
    background-size: 18px;
    font-size: 30px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
}
#shop .shop_box h3.active{
    background: url("../images/lp/arrow04.png") no-repeat right 20px center #e0e0e0;
    background-size: 18px;
}
#shop .shop_box div{
    font-size: 18px;
    background: #ffffff;
    padding: 20px;
    margin: 0;
    display: none;
}
#shop .shop_box iframe{
    width:100%;
    height: 320px;
    margin: 10px 0 0 0;
}
@media only screen and (max-width: 750px) {
    #faq{
        margin: 0 0 8vw 0;
        padding: 0 1.3vw;
    }
    #shop{
        margin: 0 0 8vw 0;
        padding: 1.3vw;
    }
    #form{
        margin: 0 0 8vw 0;
        padding: 0 1.3vw;
    }
    #faq h2,
    #shop h2,
    #form h2{
        border-radius: 2.6vw;
        margin: 0 0 2.6vw 0;
        padding: 2vw 0 1.3vw 0;
        font-size: 5.3vw;
    }
    #faq dl{
        padding: 2.1vw 0 2.1vw 0;
        background: url("../images/lp/icn_q.png") no-repeat left top 4vw;
        background-size: 30px;
    }
    #faq dt{
        background: url("../images/lp/arrow01.png") no-repeat right center;
        background-size: 12px;
        font-size: 16px;
        padding: 17px 15px 10px 40px;
    }
    #faq dt.active{
        background: url("../images/lp/arrow02.png") no-repeat right center;
        background-size: 12px;
    }
    #faq dd{
        background: url(../images/lp/icn_a.png) no-repeat left 8px top 10px;
        background-size: 14px;
        font-size: 15px;
        padding: 7px 0px 20px 40px;
    }
    #shop .shop_box h3{
        background: url("../images/lp/arrow03.png") no-repeat right 20px center #e0e0e0;
        background-size: 12px;
        font-size: 18px;
        padding: 2.6vw;
    }
    #shop .shop_box h3.active{
        background: url("../images/lp/arrow04.png") no-repeat right 20px center #e0e0e0;
        background-size: 12px;
    }
    #shop .shop_box div{
        font-size: 16px;
        padding: 10px;
    }
    #shop .shop_box iframe{
        height: 42.6vw;
        margin: 10px 0 0 0;
    }
}

footer {
	padding: 10px 0 30px 0;
    font-size: 18px;
    text-align: center;
}
@media only screen and (max-width: 750px) {
    footer {
        padding: 10px 0 100px 0;
        font-size: 14px;
    }
}

#form dl{
    margin: 0;
    padding: 20px 0;
    border-bottom:solid 1px #CCCCCC;
    font-size: 0;
}
#form dl:first-of-type{
    border-top:solid 1px #CCCCCC;
    margin-top: 50px;
}
#form dt,
#form dd{
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 16px;
}
#form dt{
    width:32%;
    font-weight: bold;
    color: #555555;
    margin-top: 10px;
}
#form .confirm dt{
    margin-top: 0;
}
#form dt span{
    float: right;
    margin: 0 30px 0 10px;
    background: #ff7200;
    font-size: 13px;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 5px 13px 3px;
}
#form dd{
    border: none;
    width:calc(100% - 32%);
}
/**/
#form input[type="text"],
#form input[type="tel"],
#form input[type="email"],
#form textarea{
    border:solid 1px #999999;
    border-radius: 5px;
    padding: 10px;
    width: calc(100% - 24px);
    font-size: 16px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(../images/lp/arrow03.png) center right 5px no-repeat #FFFFFF;
    background-size:12px;
    border:solid 1px #999999;
    border-radius: 5px;
    padding:8px 25px 8px 8px;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
}
@-moz-document url-prefix() { /* for firefox */
    #left-menu select {
        background:none;
        background:url(../images/lp/arrow03.png) center right 5px no-repeat #FFFFFF;
        background-size:10px;
        font-size: 16px;
    }
}
select::-ms-expand {
    display: none;
}

#form textarea{
    height: 100px;
}
#form .btn{
    text-align: center;	
}
#form .wpcf7-submit,
#form .btn01{
    border:none;
    color: #FFFFFF;
    text-decoration: none;
    padding: 20px 0;
    font-size: 22px;
    font-weight: bold;
    background: #ff334b;
    transition:all 0.5s ease 0s;
    text-align: center;
    width: 330px;
    border-radius: 8px;
    margin: 30px auto;
    display: inline-block;
    height:auto;
}
#form .wpcf7-submit:hover,
#form .btn01:hover{
    text-decoration: none;
    background: #ff6485;
    transition:all 0.5s ease 0s;
}
#form .btn02{
    border:none;
    color: #FFFFFF;
    text-decoration: none;
    padding: 20px 0;
    font-size: 22px;
    font-weight: bold;
    background: #999999;
    transition:all 0.5s ease 0s;
    text-align: center;
    width: 330px;
    border-radius: 8px;
    margin: 0 0 0 20px;
}
#form .btn02:hover{
    text-decoration: none;
    background: #666666;
    transition:all 0.5s ease 0s;
}
#form p.error{
    color: #FF2C2B;
    margin: 5px 0 0 0;
} 
#form p.error:empty{
    display: none;
}
#form.thankyou p{
    margin:50px 0;
}
@media screen and (max-width: 750px) {
    #form dl:first-of-type{
        margin-top: 6.6vw;
    }
    #form dt,
    #form dd{
        display: block;
        margin: 0;
    }
    #form dt{
        width:100%;
        font-weight: bold;
        color: #555555;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #form dt span{
        float: none;
        margin: 0 0 0 20px;
    }
    #form dd{
        width:100%;
    }
    /**/
    #form textarea{
        height: 13.3vw;
    }
    #form .wpcf7-submit,
	#form .btn01{
        padding: 4vw 0;
        font-size: 3.6vw;
        width: 100%;
    }
    #form .btn02{
        padding: 4vw 0;
        font-size: 3.6vw;
        width: 100%;
        margin: 20px 0 0 0;
    }
    #form p.error{
        color: #FF2C2B;
        margin: 0.6vw 0 0 0;
    } 
}

.screen-reader-response{
    font-size: 140%;
    text-align: center;
    font-weight:bold;
}

/*テーマ削除*/
#header,
#footer_widget,
#footer_top,
#footer_bottom{
	display:none;
}
.wpcf7 {
    border: none;
    background: none;
}


/*固定ボタン*/
#foot_fix_btn{
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	padding: 10px;
	text-align: center;
	border-top:solid 2px #eeeeee;
	width:calc(100% - 20px);
}
#foot_fix_btn .title{
	margin: 0 0 10px 0;
}
#foot_fix_btn .btn{
	display: flex;
	justify-content: space-around;
}
#foot_fix_btn .btn a{
	margin: 0 5px;
}


/*店舗ページ*/
#shop_page{
    margin: 0 0 60px 0;
    padding: 10px 10px;
    background: #f6f5ee;
}
#shop_page .area{
	text-align: center;
	border-radius: 20px;
	margin: 0 0 20px 0;
	padding: 15px 0 10px 0;
	font-size: 38px;
	font-weight: normal;
}
#shop_page h2{
    background: #ff7200;
    color: #ffffff;
    text-align: center;
    border-radius: 20px;
    margin: 0 0 20px 0;
    padding: 15px 0 10px 0;
    font-size: 40px;
    font-weight: normal;
}
#shop_page .shop_box{
    margin: 0 0 10px 0;
}
#shop_page .shop_box h3{
    background: #e0e0e0;
    font-size: 30px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
}
#shop_page .shop_box div{
    font-size: 18px;
    background: #ffffff;
    padding: 20px;
    margin: 0;
}
#shop_page .shop_box iframe{
    width:100%;
    height: 320px;
    margin: 10px 0 0 0;
}
#shop_page div.btn_shop_line{
	margin: 10px 0 0 0;
	padding: 0;
}
#shop_page div.btn_shop_line a:link,
#shop_page div.btn_shop_line a:visited{
	background: #00b800;
	width: calc(100% - 20px);
	padding: 10px;
	font-size: 14px;
	text-align: center;
	border-radius: 10px;
	text-decoration: none;
	color: #ffffff;
	display: block;
}
#shop_page div.btn_shop_line a span{
	font-size: 20px;
	font-weight: bold;
}
@media only screen and (max-width: 750px) {
    #shop_page .area{
        border-radius: 2.6vw;
        margin: 0 0 2.6vw 0;
        padding: 2vw 0 1.3vw 0;
        font-size: 5.3vw;
    }
		#shop_page h2{
        border-radius: 2.6vw;
        margin: 0 0 2.6vw 0;
        padding: 2vw 0 1.3vw 0;
        font-size: 4.8vw;
    }
    #shop_page .shop_box h3{
        background: #e0e0e0;
        font-size: 18px;
        padding: 2.6vw;
    }
    #shop_page .shop_box div{
        font-size: 16px;
        padding: 10px;
    }
    #shop_page .shop_box iframe{
        height: 42.6vw;
        margin: 10px 0 0 0;
    }
	#shop_page div.btn_shop_line{
		margin: 1.3vw 0 0 0;
		padding: 0;
	}
	#shop_page div.btn_shop_line a:link,
	#shop_page div.btn_shop_line a:visited{
		width: calc(100% - 2.6vw);
		padding: 1.3vw;
		font-size: 1.8vw;
		border-radius: 2.6vw;
	}
	#shop_page div.btn_shop_line a span{
		font-size: 3.6vw;
	}
}