/* font-family: "Merriweather", serif; */
/* font-family: "Yuji Boku", serif; */
/* font-family: 'Noto Sans JP', sans-serif; */
/* font-family: 'Noto Serif JP', serif; */

@charset "UTF-8";

/*RESET.CSS Start */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; background : transparent; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; border-collapse:collapse;border-spacing : 0;  }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0);cursor : help; }
 
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display : block; }
mark {background-color : #ff9;color : rgb(0,0,0);font-style : italic;font-weight : bold; }
/*RESET.CSS END */

*,*::after,*::before{box-sizing: border-box;}

.clearfix:before,.clearfix:after {display: block;line-height: 0; content: ""; display:block; height:0;clear:both;}

/*画像全般の設定*/
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

body{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust: none;}

/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:99%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{font-size:0.825rem;}
.stress1{font-weight:500;color:#5f0004;}
.stress1 a{color:#5f0004!important;text-decoration:underline!important;}
.stress2{font-weight:500;}
.stress3{font-weight:500;color:#1d50a2;font-size:1.125rem;}
.stress4{font-weight:500!important;color:#ba6b3a;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}
/*------------------ Template ---------------------*/
html{font-size:16px;}
body{font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:400;color: #333; line-height:1.6;letter-spacing:1px;text-align:justify;background: #f7f7f7;}

a:link{ text-decoration: none; color:#333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
a:visited{color:#333; }
a:hover{color:#666; }
a:active{ color:#666;}

.title1{text-align:center;padding-bottom:30px;font-family: 'Noto Serif JP', serif;font-size:2rem;font-weight:500;}

.title2{padding-bottom:10px;font-family: 'Noto Sans JP', serif;font-size:1.125rem;font-weight:500;}

.btn1{width:310px;display:block;padding:15px 20px; background:#fff!important;color:#333!important; text-align:center;margin:20px auto 10px;font-weight:500;border:1px solid #333; border-radius: 0;-webkit-appearance: none;appearance: none;}
.btn1::after{content:"";display: inline-block; width: 15px; height: 5px; margin: 0 0 1px 1em;border: solid #666;border-width: 0 1px 1px 0;transform-origin: left bottom;transform: skewX(45deg);}
.btn1:hover::after{margin-left:1.25em;}

.btn2{display:inline-block;font-size:1rem;text-transform:uppercase;color: #333!important;padding:15px 20px;background: #fff!important; position:relative;border-radius: 0; border:1px solid #333;-webkit-appearance: none;appearance: none;}

@media (max-width: 499px) {
	.title1{font-size:1.75rem;}
	.title2{font-size:1rem;}

	.btn1{width:290px;padding:13px 17px; font-size:0.925rem;}
}

@media (max-width: 359px) {
	.btn1{width:240px;padding:12px 10px; font-size:0.875rem;}
}
/*------------------ headerIndex ---------------------*/
#headerIndex{width:100%;display: flex;background: url(../images/bgMen.png) no-repeat;background-size: 600px;margin-bottom: 50px;flex-wrap: wrap;}

#siteNameS{flex: 0 0 28%;}
#siteNameS h1{width:100%;text-align: center;}
#navTopIndex{text-align: center;padding:20px 0;}
#navTopIndex li{width:70%; margin:0 auto;padding:10px 20px; list-style: none;}
#navTopIndex ul li a{ padding:5px 0; font-family: "Yuji Boku",serif;font-size:1.175rem; color:#000;position: relative;}
#navTopIndex ul li a:hover{ color:#41230f;}
#navTopIndex ul li a:after{content:""; width:0%;height:2px;background: #ff0000; position:absolute;bottom:0;left:0;-webkit-transition: all 2s;-o-transition: all 2s;transition: all 0.8s;}
#navTopIndex ul li a:hover:after{width:100%;}

#siteNameTopIndex{width:220px;}

#showIndex{flex: 0 0 72%; max-width: 72%; background:url(../images/bg1.png) no-repeat; background-position: right top; background-size: 70% 80%;}
#showCIndex{width:93%;margin-top:80px;}

@media (max-width: 1023px) {
	#headerIndex{background-size: 400px;margin-bottom: 20px;}
	
	#siteNameS{flex: 0 0 22%;}

	#showIndex{flex: 0 0 78%; max-width: 78%;}
	#siteNameTopIndex{width:160px;}
	#navTopIndex ul li a{ padding:3px 0; font-size:1rem; }
}
@media (max-width: 899px) {
	#headerIndex{background-size: 300px;}	
	#navTopIndex li{width:85%; margin:0 auto;padding:5px 8px;}
	#siteNameTopIndex{width:150px;}
	#navTopIndex ul li a{ font-size:0.95rem; }
}
@media (max-width: 767px) {
	#headerIndex{background: url(../images/bgMen.png) no-repeat;background-size: 100%;background-position: 10% -10%;}
	#siteNameS{flex: 0 0 100%;display: flex;}
	#siteNameS h1{flex: 0 0 48%;}
	#siteNameTopIndex{width:140px;}
	#navTopIndex{flex: 0 0 52%;margin-top:35px;}

	#showIndex{flex: 0 0 96%;max-width:96%;margin-left: auto;   /* 让它靠右 */  background-size: 70% 90%;}
	#showCIndex{width:95%;margin-top:25px;}
}
/*------------------ headerC ---------------------*/
#headerC{width:100%;display: flex;margin-bottom: 50px;flex-wrap: wrap; position:relative;}

#siteNameH{flex: 0 0 100%;display: flex;}
#siteNameH h1{flex: 0 0 20%;text-align: center;}
#siteNameH h1 img{width:200px;margin:10px auto;}
#navTopC{flex: 0 0 65%; margin-left: auto;}
#navTopC li{width:20%; padding:25px 10px 10px; list-style: none;float:left;}
#navTopC ul li a{ padding:5px 10px; font-family: "Yuji Boku",serif;font-size:1.175rem; color:#000;position: relative;}
#navTopC ul li a:hover{ color:#41230f;}
#navTopC ul li a:after{content:""; width:0;height:2px;background: #ff0000; position:absolute;bottom:0;left:0;-webkit-transition: all 2s;-o-transition: all 2s;transition: all 0.8s;}
#navTopC ul li a:hover:after{width:100%;}

#siteNameTopC{width:220px;}

#showC{width:100%;height:250px; background:url(../images/showC.jpg) no-repeat; background-position: center center; background-size:cover;}

@media (max-width: 1023px) {
	#siteNameH h1{flex: 0 0 25%;margin-left: 10px;}
	#navTopC li{padding:25px 0px 10px;}
}
@media (max-width: 899px) {
	#navTopC{flex: 0 0 70%;}	
	#navTopC ul li a{ padding:5px 5px;}
}
@media (max-width: 767px) {
	#siteNameH h1{flex: 0 0 35%;}
	#siteNameTopC{width:180px;}
	#navTopC{display: none;}
	
	#showC{height:170px; }
}
/* ------------------------- */
#m1Index{width:100%;display: flex;margin-bottom: 50px;}
#m1Index p{margin-bottom: 12px;}
#m101{flex: 0 0 55%;min-height:430px;background: url(../images/m101.jpg) no-repeat center center;background-size:cover;margin-bottom: 50px;margin-right: -5%;z-index: 2; }
#m102{flex: 0 0 50%;background: #fff;padding:60px 7% 60px 10%;margin:50px 0 0 0;position: relative;z-index: 1; }
#m102 h2{font-family: 'Noto Serif JP', serif;font-weight: 600;font-size:2rem;margin-bottom: 25px;}

@media (max-width: 767px) {
	#m1Index{flex-direction: column;}
	#m101{flex: 0 0 92%;max-width: 92%; margin-left: 4%; text-align:center;min-height: 400px;margin-bottom: 0;margin-right: 0; order:2;}
	#m102{flex: 0 0 100%;background: #fff;padding:50px 5% 50px 5%;margin:0;order:
		1; }
	#m102 h2{text-align: center;font-size: 1.75rem;font-weight: 700;}
}
@media (max-width: 499px) {
	#m101{min-height:220px;}
	#m102{padding:30px 5% 0 5%;}
	#m102 h2{font-size: 1.5rem;}
}
/* ------------------------------ */
#m2Index{width:100%;display: flex;margin-bottom: 70px;flex-wrap: wrap;}
#m201{flex: 0 0 85%;height:250px;background: #eff0ee;margin-right: -35%;z-index: 2; }
#m202{flex: 0 0 15%;height:250px;position: relative;margin-top:70px;z-index: 1; }
#m203{ width:90%;padding:70px 7%;margin:-240px auto 0; background: #fff; position: relative; z-index: 3;}
#m203 h2{text-align: center;font-family: 'Noto Serif JP', serif;font-weight: 600;font-size:2rem;margin-bottom: 25px;}
#m203 p{margin-bottom: 12px;}

@media (max-width: 767px) {
	#m203{ width:95%;padding:50px 7%;}
	#m203 h2{font-size:1.75rem;}
}
/* --------------------------- */
#m3Index{width:100%;display: flex;margin: 80px auto 130px;position: relative;flex-wrap: wrap;}
#m301{flex: 0 0 50%;height:730px;background:url(../images/bgStore1.jpg) center center no-repeat;background-size:cover;}
#m302{flex: 0 0 50%;height:730px;background:url(../images/bgStore2.jpg) center center no-repeat;background-size:cover;}
#m303{flex: 0 0 100%; width:600px;padding:50px 70px;margin:-60px auto; background:rgba(255,255,255,0.98); position: absolute; left: 50%; transform: translateX(-50%); top: 0px;}
#m303 h1{text-align: center;}
#m303 h1 img{width:46%;margin:20px auto;}
#m303 table{width:100%;margin:20px auto 10px;}
#m303 table td{padding:6px 10px;vertical-align: top;}
#m303 table .tdTitle{font-weight: 500;width:6em;padding-left: 0;}

@media (max-width: 767px) {
	#m3Index{margin: 20px auto 60px;}
	#m301{height:350px;}
	#m302{height:350px;}
	#m303{ width:100%;padding:40px 15% 80px;background:rgba(255,255,255,1); position: static;  transform: none;}
}
@media (max-width: 499px) {
	#m301{flex: 0 0 100%;height:260px;}
	#m302{flex: 0 0 0%;height:0;}
	#m303{padding:40px 7% 80px;}
}
/* ------------------------------------- */
#m4Index{width:100%;padding:60px 10%;margin-bottom: 60px;}
#m4Index h2{font-family: 'Noto Serif JP', serif;font-weight: 600;font-size:2rem;margin-bottom: 25px;text-align: center;}
#m4Index p{margin-bottom: 12px;}
#m401{width:95%;margin:30px auto;}
#m401 img{width:30.8%;margin:10px 1% 30px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#m401 img:hover{opacity: 0.75;}
#m402{width:93%;margin:0 auto 30px;text-align: center;}
#m402 img{width:100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#m402 img:hover{opacity: 0.75;}

@media (max-width: 899px) {
	#m401{width:100%;}
	#m401 img{width:47%;margin:10px 1% 30px;}
	#m402{width:98%;}
}
@media (max-width: 767px) {
	#m4Index{width:100%;padding:40px 5%;margin-bottom: 30px;}
	#m4Index h2{font-size:1.75rem;}
}
@media (max-width: 499px) {
	#m4Index{width:100%;padding:20px 5%;}
	#m401{margin:20px auto 0;}
	#m402{width:96%;margin:0 auto 10px;}
}
@media (max-width: 359px) {
	#m401 img{width:45%;margin:10px 1% 15px;}
}
/* ----------------------------------- */
footer{width:100%;text-align:center;padding:50px 0 50px;font-size:1.25rem;}

#telFooter a{font-family: "Merriweather", serif;font-size:3.25rem;letter-spacing: 5px;}

#siteNameFooter{width:220px;margin-bottom: 60px;}

#copyright{font-size:0.95rem;padding:50px 0 20px;}

@media (max-width: 767px) {
	footer{padding:40px 0 30px;font-size:1rem;}
	#siteNameFooter{width:160px;margin-bottom: 60px;}
}
@media (max-width: 499px) {
	footer{padding:0px 0 20px;}
	#siteNameFooter{margin-bottom: 50px;}
	#telFooter a{font-size:2.75rem;}
	#copyright span{display: none;}
}
@media (max-width: 429px) {
	#telFooter a{font-size:2.25rem;}
}
@media (max-width: 359px) {
	#siteNameFooter{width:180px;}
	#telFooter a{font-size:2rem;}
}
/* ------------------------------------ */
.contentC1{width:90%;margin:50px auto; background: #fff; padding:50px 7%;}

@media (max-width: 499px) {
	.contentC1{margin:10px auto 50px;padding:30px 7%;}
}
/* ---------------------- */
.module1{
	background: #a72126; 
	padding: 1px 5px 3px; 
	font-size: 0.75rem; 
	color: #fff; 
	vertical-align:top;
	border-radius:7px;
	line-height:1.9;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
}
.form-group input[type=text], .form-group input[type=email], .form-group select,.form-group textarea{
	width:calc(100% - 12px);
	height:2.25em;
	outline-style:none;
	-webkit-appearance: none;
	appearance: none;
	border:1px solid #666;
	padding:2px 5px;
	border-radius:0;
}
.form-group select{
	-webkit-appearance: none;
	appearance:none;
	width:99.5%;
	height:2.75em;
	padding:2px 5px;
	background:#fafafa;
	border-radius:0;
}
input[type="checkbox"]{
	width:16px;
	height:16px;
	vertical-align:middle;
	border-radius:0;
}
.form-group textarea{
	height:10em;
	border-radius:0;
}


/* ---------横屏设备（根据vh设定高度的要调整）--------- */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/

}