@charset "utf-8";
/* PC・スマホ共通CSS */

@import url('https://fonts.googleapis.com/css?family=Lateef');
@import url('https://fonts.googleapis.com/css?family=Cinzel');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@font-face {font-family: "webHanSerif";src: url("/common/font/webHanSerif.woff2") format('woff2'),url("/common/font/webHanSerif.woff")  format('woff');}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body{
	width: 100%;
	min-width: 950px;
	height: auto;
	font-size: 13px;
	font-family:  'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #454545;
	line-height:1.5em;
}

@media screen and (max-width: 667px){
body {
	min-width: initial;
}
}

ul,dl{
	list-style: none;
}

/*ol{
	list-style-position: inside;
	margin-left: 1em;
    text-indent: -1em
}*/

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 13px;
}

img{vertical-align: bottom!important;}

/* Web font icon */
i{ margin-right: 4px; }
.i_mrl i{margin-right: 5px !important;margin-left: 5px !important;}

a img {transition: 0.3s ease-in-out;}

a img:hover {
	filter:alpha(opacity=70);
	opacity: 0.7 ;
}

.link-area,.link-area img{
	position:relative;
	transition: 0.3s ease-in-out;
}

.link-area a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.link-area:hover img {
	filter:alpha(opacity=70);
	opacity: 0.7 ;
}

/*表示切替*/
.display_switch01{
	display: none !important;
}
.display_switch02{
	display: initial !important;
}

/*改行*/
.br-pc { display:initial!important; }
.br-sp { display:none!important; }

/*改行しない*/
.no_wrap{white-space: nowrap;}

/* googleマップ
-------------------------------*/
.objectsize{
	width: 100%;
	height: auto;
	position: relative;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.ggmap2 {
	position: relative;
	padding-bottom: 25%;
	height: 0;
	overflow: hidden;
}

.google-cal{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 56.25%;
}

@media screen and (max-width:667px){
.ggmap2 {
	padding-bottom: 56.25%;
}

.google-cal{
	padding-bottom: 100%;
}
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed,
.ggmap2 iframe,
.ggmap2 object,
.ggmap2 embed,
.google-cal iframe,
.google-cal object,
.google-cal embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width:667px){
body{
	font-size: 12px;
}

img {
	width:100%;
	min-width: 0;
	height: auto;
}

/*表示切替*/
.display_switch01{
	display: initial !important;
}
.display_switch02{
	display: none !important;
}
.display_switch03{
	display: none !important;
}

/*改行*/
.br-pc { display:none!important; }
.br-sp { display:initial!important; }

/*順序入替*/
.order_item01 { order: 1; }
.order_item02 { order: 2; }
.order_item03 { order: 3; }

/*　ドロワーメニュー
-------------------------------*/
#drawerInner{
	height: auto;
	width: 90%;
	background: #FFF;
	padding: 15px 0px;
	margin: 10px auto;
	font-family: 'Noto Serif JP', serif !important;
}

#drawerInner h2,
#drawerInner h3,
#drawerInner dl dt,
#drawerInner dl dd,
#drawerInner p{
	height: 35px;
	width: auto;
	line-height: 35px;
	transition: 0.3s ease-in-out;
}

#drawerInner h2,
#drawerInner h3{
	color: #FFFFFF;
	position: relative;
	text-align: center;
	border: none!important;
}

#drawerInner h2{
	background: #a73232;
	outline: double 3px #a73232;
	margin-bottom: 10px;
}

#drawerInner h3{
	background: #EFEEDF;
	outline: double 3px #EFEEDF;
	margin-bottom: 10px;
}

#drawerInner h4{
	position: relative;
	text-align: center;
	border: none!important;
	background: #EFEEDF;
	padding: 10px 0;
	line-height: 1.8em;
	outline: 3px double #EFEEDF!important;
}

#drawerInner h4 span{
	font-size: 20px;
}

#drawerInner dl{
	margin-bottom: 10px;
}

#drawerInner dl dd,
#drawerInner p{
	padding-left: 35px;
	color: #454545;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
}

#drawerInner dl dd:last-child,
#drawerInner p:last-of-type{
	border:none !important;
}

#drawerInner dl dd::before,
#drawerInner p::before{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate(0%, -50%);
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: bold;
	font-size: 10px;
}

#drawerInner dl dd:first-child::before{
	left: 15px;
	content: "\f015";
}

#drawerInner h2 a,
#drawerInner h3 a{
	display: block;
}

#drawerInner dl dt a,
#drawerInner dl dd a,
#drawerInner p a{
	display: block;
}

#drawerInner h2 a:link,
#drawerInner h2 a:visited,
#drawerInner h2 a:active,
#drawerInner h2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#drawerInner h2:hover{
	background-color: #C94949!important;
}

#drawerInner h3:hover{
	background-color: #F7F6F4!important;
}

#drawerInner dl dt a:link,
#drawerInner dl dt a:visited,
#drawerInner dl dt a:active,
#drawerInner dl dt a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#drawerInner h3 a:link,
#drawerInner h3 a:visited,
#drawerInner h3 a:active,
#drawerInner h3 a:hover,
#drawerInner dl dd a:link,
#drawerInner dl dd a:visited,
#drawerInner dl dd a:active,
#drawerInner dl dd a:hover,
#drawerInner p a:link,
#drawerInner p a:visited,
#drawerInner p a:active,
#drawerInner p a:hover {
	color: #454545;
	text-decoration: none;
}

#drawerInner dl dt:hover{
	background: #C4B885;
}

#drawerInner dl dd:hover,
#drawerInner p:hover{
	background: #F7F6F4;
}

#drawerInner h2{
	text-align: center;
	line-height: 1.8em;
	border: 1px solid #B7A869;
	padding: 5px;
	margin-top: 10px;
}
#drawerInner h2 span{
	font-size: 16px;
}
}


/*==========================================================
	 共通クラス
==========================================================*/

/* アンカーのカラー */
a:link { color:#454545; text-decoration:none; }
a:visited { color: #454545; text-decoration:none; }
a:hover { color: #454545; text-decoration:none; }
a:active { color: #454545; text-decoration:none; }

.link_w a:link { color:#FFFFFF; text-decoration:none; }
.link_w a:visited { color: #FFFFFF; text-decoration:none; }
.link_w a:hover { color: #FFFFFF; text-decoration:none; }
.link_w a:active { color: #FFFFFF; text-decoration:none; }

.link_line a:link,.link_line a:visited,.link_line a:active {text-decoration: underline!important;}
.link_line a:hover {text-decoration: none!important;}
.link_line2 a:link,.link_line2 a:visited,.link_line2 a:active {text-decoration: none!important;}
.link_line2 a:hover {text-decoration: underline!important;}

.hover_line:hover {text-decoration: underline!important;}

a.anchor {
    display: block;
    padding-top: 80px!important;
    margin-top: -80px!important;
	/*background-color: aqua;*/
}

/*解除*/
.clear {
	overflow: hidden!important;
	display: block!important;
} 
.clear hr { display: none; } 

/* 固定 */
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

/*マージン・余白*/
.ma0 { margin:0!important; } .mt0 { margin-top:0!important; } .mr0 { margin-right:0!important; } .mb0 { margin-bottom:0!important; } .ml0 { margin-left:0!important; }
.ma1 { margin:1px!important; } .mt1 { margin-top:1px!important; } .mr1 { margin-right:1px!important; } .mb1 { margin-bottom:1px!important; } .ml1 { margin-left:1px!important; }
.ma2 { margin:2px!important; } .mt2 { margin-top:2px!important; } .mr2 { margin-right:2px!important; } .mb2 { margin-bottom:2px!important; } .ml2 { margin-left:2px!important; }
.ma3 { margin:3px!important; } .mt3 { margin-top:3px!important; } .mr3 { margin-right:3px!important; } .mb3 { margin-bottom:3px!important; } .ml3 { margin-left:3px!important; }
.ma4 { margin:4px!important; } .mt4 { margin-top:4px!important; } .mr4 { margin-right:4px!important; } .mb4 { margin-bottom:4px!important; } .ml4 { margin-left:4px!important; }
.ma5 { margin:5px!important; } .mt5 { margin-top:5px!important; } .mr5 { margin-right:5px!important; } .mb5 { margin-bottom:5px!important; } .ml5 { margin-left:5px!important; }
.ma6 { margin:6px!important; } .mt6 { margin-top:6px!important; } .mr6 { margin-right:6px!important; } .mb6 { margin-bottom:6px!important; } .ml6 { margin-left:6px!important; }
.ma7 { margin:7px!important; } .mt7 { margin-top:7px!important; } .mr7 { margin-right:7px!important; } .mb7 { margin-bottom:7px!important; } .ml7 { margin-left:7px!important; }
.ma8 { margin:8px!important; } .mt8 { margin-top:8px!important; } .mr8 { margin-right:8px!important; } .mb8 { margin-bottom:8px!important; } .ml8 { margin-left:8px!important; }
.ma9 { margin:9px!important; } .mt9 { margin-top:9px!important; } .mr9 { margin-right:9px!important; } .mb9 { margin-bottom:9px!important; } .ml9 { margin-left:9px!important; }
.ma10 { margin:10px!important; } .mt10 { margin-top:10px!important; } .mr10 { margin-right:10px!important; } .mb10 { margin-bottom:10px!important; } .ml10 { margin-left:10px!important; }
.ma15 { margin:15px!important; } .mt15 { margin-top:15px!important; } .mr15 { margin-right:15px!important; } .mb15 { margin-bottom:15px!important; } .ml15 { margin-left:15px!important; }
.ma20 { margin:20px!important; } .mt20 { margin-top:20px!important; } .mr20 { margin-right:20px!important; } .mb20 { margin-bottom:20px!important; } .ml20 { margin-left:20px!important; }
.ma25 { margin:25px!important; } .mt25 { margin-top:25px!important; } .mr25 { margin-right:25px!important; } .mb25 { margin-bottom:25px!important; } .ml25 { margin-left:25px!important; }
.ma30 { margin:30px!important; } .mt30 { margin-top:30px!important; } .mr30 { margin-right:30px!important; } .mb30 { margin-bottom:30px!important; } .ml30 { margin-left:30px!important; }
.ma35 { margin:35px!important; } .mt35 { margin-top:35px!important; } .mr35 { margin-right:35px!important; } .mb35 { margin-bottom:35px!important; } .ml35 { margin-left:35px!important; }
.ma40 { margin:40px!important; } .mt40 { margin-top:40px!important; } .mr40 { margin-right:40px!important; } .mb40 { margin-bottom:40px!important; } .ml40 { margin-left:40px!important; }
.ma45 { margin:45px!important; } .mt45 { margin-top:45px!important; } .mr45 { margin-right:45px!important; } .mb45 { margin-bottom:45px!important; } .ml45 { margin-left:45px!important; }
.ma50 { margin:50px!important; } .mt50 { margin-top:50px!important; } .mr50 { margin-right:50px!important; } .mb50 { margin-bottom:50px!important; } .ml50 { margin-left:50px!important; }
.ma60 { margin:60px!important; } .mt60 { margin-top:60px!important; } .mr60 { margin-right:60px!important; } .mb60 { margin-bottom:60px!important; } .ml60 { margin-left:60px!important; }
.ma70 { margin:70px!important; } .mt70 { margin-top:70px!important; } .mr70 { margin-right:70px!important; } .mb70 { margin-bottom:70px!important; } .ml70 { margin-left:70px!important; }
.ma80 { margin:80px!important; } .mt80 { margin-top:80px!important; } .mr80 { margin-right:80px!important; } .mb80 { margin-bottom:80px!important; } .ml80 { margin-left:80px!important; }
.ma90 { margin:90px!important; } .mt90 { margin-top:90px!important; } .mr90 { margin-right:90px!important; } .mb90 { margin-bottom:90px!important; } .ml90 { margin-left:90px!important; }

.ma5-pc { margin:5px!important; } .ma10-pc { margin:10px!important; } .ma20-pc { margin:20px!important; } .ma30-pc { margin:30px!important; } .ma40-pc { margin:40px!important; } .ma50-pc { margin:50px!important; } .ma70-pc { margin:70px!important; }
.mt5-pc { margin-top:5px!important; } .mt10-pc { margin-top:10px!important; } .mt20-pc { margin-top:20px!important; } .mt30-pc { margin-top:30px!important; } .mt40-pc { margin-top:40px!important; } .mt50-pc { margin-top:50px!important; } .mt70-pc { margin-top:70px!important; }
.mb5-pc { margin-bottom:5px!important; } .mb10-pc { margin-bottom:10px!important; } .mb20-pc { margin-bottom:20px!important; } .mb30-pc { margin-bottom:30px!important; } .mb40-pc { margin-bottom:40px!important; } .mb50-pc { margin-bottom:50px!important; } .mb70-pc { margin-bottom:70px!important; }
.mr5-pc { margin-right:5px!important; } .mr10-pc { margin-right:10px!important; } .mr20-pc { margin-right:20px!important; } .mr30-pc { margin-right:30px!important; } .mr40-pc { margin-right:40px!important; } .mr50-pc { margin-right:50px!important; } .mr70-pc { margin-right:70px!important; }
.ml5-pc { margin-left:5px!important; } .ml10-pc { margin-left:10px!important; } .ml20-pc { margin-left:20px!important; } .ml30-pc { margin-left:30px!important; } .ml40-pc { margin-left:40px!important; } .ml50-pc { margin-left:50px!important; } .ml70-pc { margin-left:70px!important; }

@media screen and (max-width:667px){
.ma5-pc,.ma10-pc,.ma20-pc,.ma30-pc,.ma40-pc,.ma50-pc { margin:0px!important; }
.mb5-pc,.mb10-pc,.mb20-pc,.mb30-pc,.mb40-pc,.mb50-pc,.mb70-pc { margin-bottom:0px!important; }
.mt5-pc,.mt10-pc,.mt20-pc,.mt30-pc,.mt40-pc,.mt50-pc,.mt70-pc { margin-bottom:0px!important; }
.mr5-pc,.mr10-pc,.mr20-pc,.mr30-pc,.mr40-pc,.mr50-pc,.mr70-pc { margin-right:0px!important; }
.ml5-pc,.ml10-pc,.ml20-pc,.ml30-pc,.ml40-pc,.ml50-pc,.ml70-pc { margin-left:0px!important; }
.mt5-sp { margin-top:5px!important; } .mt10-sp { margin-top:10px!important; } .mt20-sp { margin-top:20px!important; }
.mb5-sp { margin-bottom:5px!important; } .mb10-sp { margin-bottom:10px!important; } .mb15-sp { margin-bottom:15px!important; } .mb20-sp { margin-bottom:20px!important; } .mb30-sp { margin-bottom:30px!important; } .mb40-sp { margin-bottom:40px!important; } .mb50-sp { margin-bottom:50px!important; }
}

.pa0 { padding:0!important; } .pt0 { padding-top:0!important; } .pr0 { padding-right:0!important; } .pb0 { padding-bottom:0!important; } .pl0 { padding-left:0!important; }
.pa1 { padding:1px!important; } .pt1 { padding-top:1px!important; } .pr1 { padding-right:1px!important; } .pb1 { padding-bottom:1px!important; } .pl1 { padding-left:1px!important; }
.pa2 { padding:2px!important; } .pt2 { padding-top:2px!important; } .pr2 { padding-right:2px!important; } .pb2 { padding-bottom:2px!important; } .pl2 { padding-left:2px!important; }
.pa3 { padding:3px!important; } .pt3 { padding-top:3px!important; } .pr3 { padding-right:3px!important; } .pb3 { padding-bottom:3px!important; } .pl3 { padding-left:3px!important; }
.pa4 { padding:4px!important; } .pt4 { padding-top:4px!important; } .pr4 { padding-right:4px!important; } .pb4 { padding-bottom:4px!important; } .pl4 { padding-left:4px!important; }
.pa5 { padding:5px!important; } .pt5 { padding-top:5px!important; } .pr5 { padding-right:5px!important; } .pb5 { padding-bottom:5px!important; } .pl5 { padding-left:5px!important; }
.pa6 { padding:6px!important; } .pt6 { padding-top:6px!important; } .pr6 { padding-right:6px!important; } .pb6 { padding-bottom:6px!important; } .pl6 { padding-left:6px!important; }
.pa7 { padding:7px!important; } .pt7 { padding-top:7px!important; } .pr7 { padding-right:7px!important; } .pb7 { padding-bottom:7px!important; } .pl7 { padding-left:7px!important; }
.pa8 { padding:8px!important; } .pt8 { padding-top:8px!important; } .pr8 { padding-right:8px!important; } .pb8 { padding-bottom:8px!important; } .pl8 { padding-left:8px!important; }
.pa9 { padding:9px!important; } .pt9 { padding-top:9px!important; } .pr9 { padding-right:9px!important; } .pb9 { padding-bottom:9px!important; } .pl9 { padding-left:9px!important; }
.pa10 { padding:10px!important; } .pt10 { padding-top:10px!important; } .pr10 { padding-right:10px!important; } .pb10 { padding-bottom:10px!important; } .pl10 { padding-left:10px!important; }
.pa15 { padding:15px!important; } .pt15 { padding-top:15px!important; } .pr15 { padding-right:15px!important; } .pb15 { padding-bottom:15px!important; } .pl15 { padding-left:15px!important; }
.pa20 { padding:20px!important; } .pt20 { padding-top:20px!important; } .pr20 { padding-right:20px!important; } .pb20 { padding-bottom:20px!important; } .pl20 { padding-left:20px!important; }
.pa25 { padding:25px!important; } .pt25 { padding-top:25px!important; } .pr25 { padding-right:25px!important; } .pb25 { padding-bottom:25px!important; } .pl25 { padding-left:25px!important; }
.pa30 { padding:30px!important; } .pt30 { padding-top:30px!important; } .pr30 { padding-right:30px!important; } .pb30 { padding-bottom:30px!important; } .pl30 { padding-left:30px!important; }
.pa35 { padding:35px!important; } .pt35 { padding-top:35px!important; } .pr35 { padding-right:35px!important; } .pb35 { padding-bottom:35px!important; } .pl35 { padding-left:35px!important; }
.pa40 { padding:40px!important; } .pt40 { padding-top:40px!important; } .pr40 { padding-right:40px!important; } .pb40 { padding-bottom:40px!important; } .pl40 { padding-left:40px!important; }
.pa45 { padding:45px!important; } .pt45 { padding-top:45px!important; } .pr45 { padding-right:45px!important; } .pb45 { padding-bottom:45px!important; } .pl45 { padding-left:45px!important; }
.pa50 { padding:50px!important; } .pt50 { padding-top:50px!important; } .pr50 { padding-right:50px!important; } .pb50 { padding-bottom:50px!important; } .pl50 { padding-left:50px!important; }
.pa55 { padding:55px!important; } .pt55 { padding-top:55px!important; } .pr55 { padding-right:55px!important; } .pb55 { padding-bottom:55px!important; } .pl55 { padding-left:55px!important; }
.pa60 { padding:60px!important; } .pt60 { padding-top:60px!important; } .pr60 { padding-right:60px!important; } .pb60 { padding-bottom:60px!important; } .pl60 { padding-left:60px!important; }
.pa65 { padding:65px!important; } .pt65 { padding-top:65px!important; } .pr65 { padding-right:65px!important; } .pb65 { padding-bottom:65px!important; } .pl65 { padding-left:65px!important; }
.pa70 { padding:70px!important; } .pt70 { padding-top:70px!important; } .pr70 { padding-right:70px!important; } .pb70 { padding-bottom:70px!important; } .pl70 { padding-left:70px!important; }
.pa75 { padding:75px!important; } .pt75 { padding-top:75px!important; } .pr75 { padding-right:75px!important; } .pb75 { padding-bottom:75px!important; } .pl75 { padding-left:75px!important; }
.pa80 { padding:80px!important; } .pt80 { padding-top:80px!important; } .pr80 { padding-right:80px!important; } .pb80 { padding-bottom:80px!important; } .pl80 { padding-left:80px!important; }
.pa85 { padding:85px!important; } .pt85 { padding-top:85px!important; } .pr85 { padding-right:85px!important; } .pb85 { padding-bottom:85px!important; } .pl85 { padding-left:85px!important; }
.pa90 { padding:90px!important; } .pt90 { padding-top:90px!important; } .pr90 { padding-right:90px!important; } .pb90 { padding-bottom:90px!important; } .pl90 { padding-left:90px!important; }

.pa5-pc { padding:5px!important; } .pa10-pc { padding:10px!important; } .pa20-pc { padding:20px!important; } .pa30-pc { padding:30px!important; } .pa40-pc { padding:40px!important; } .pa50-pc { padding:50px!important; } .pa60-pc { padding:60px!important; } .pa70-pc { padding:70px!important; }
.pt5-pc { padding-top:5px!important; } .pt10-pc { padding-top:10px!important; } .pt20-pc { padding-top:20px!important; } .pt30-pc { padding-top:30px!important; } .pt40-pc { padding-top:40px!important; } .pt50-pc { padding-top:50px!important; } .pt60-pc { padding-top:60px!important; } .pt70-pc { padding-top:70px!important; }
.pb5-pc { padding-bottom:5px!important; } .pb10-pc { padding-bottom:10px!important; } .pb20-pc { padding-bottom:20px!important; } .pb30-pc { padding-bottom:30px!important; } .pb40-pc { padding-bottom:40px!important; } .pb50-pc { padding-bottom:50px!important; } .pb60-pc { padding-bottom:60px!important; } .pb70-pc { padding-bottom:70px!important; }
.pr5-pc { padding-right:5px!important; } .pr10-pc { padding-right:10px!important; } .pr20-pc { padding-right:20px!important; } .pr30-pc { padding-right:30px!important; } .pr40-pc { padding-right:40px!important; } .pr50-pc { padding-right:50px!important; } .pr60-pc { padding-right:60px!important; } .pr70-pc { padding-right:70px!important; }
.pl5-pc { padding-left:5px!important; } .pl10-pc { padding-left:10px!important; } .pl20-pc { padding-left:20px!important; } .pl30-pc { padding-left:30px!important; } .pl40-pc { padding-left:40px!important; } .pl50-pc { padding-left:50px!important; } .pl60-pc { padding-left:60px!important; } .pl70-pc { padding-left:70px!important; }
@media screen and (max-width:667px){
.pa5-pc,.pa10-pc,.pa20-pc,.pa30-pc,.pa40-pc,.pa50-pc,.pa60-pc,.pa70-pc { padding:0px!important; } 
.pt5-pc,.pt10-pc,.pt20-pc,.pt30-pc,.pt40-pc,.pt50-pc,.pt60-pc,.pt70-pc { padding-top:0px!important; } 
.pb5-pc,.pb10-pc,.pb20-pc,.pb30-pc,.pb40-pc,.pb50-pc,.pb60-pc,.pb70-pc { padding-bottom:0px!important; } 
.pr5-pc,.pr10-pc,.pr20-pc,.pr30-pc,.pr40-pc,.pr50-pc,.pr60-pc,.pr70-pc { padding-right:0px!important; } 
.pl5-pc,.pl10-pc,.pl20-pc,.pl30-pc,.pl40-pc,.pl50-pc,.pl60-pc,.pl70-pc { padding-left:0px!important; } 
.pa5-sp { padding:5px!important; } .pa10-sp { padding:10px!important; } .pa20-sp { padding:20px!important; } .pa30-sp { padding:30px!important; } .pa40-sp { padding:40px!important; } .pa50-sp { padding:50px!important; } .pa60-sp { padding:60px!important; } .pa70-sp { padding:70px!important; }
.pt5-sp { padding-top:5px!important; } .pt10-sp { padding-top:10px!important; } .pt20-sp { padding-top:20px!important; } .pt30-sp { padding-top:30px!important; } .pt40-sp { padding-top:40px!important; } .pt50-sp { padding-top:50px!important; }
.pb5-sp { padding-bottom:5px!important; } .pb10-sp { padding-bottom:10px!important; } .pb20-sp { padding-bottom:20px!important; } .pb30-sp { padding-bottom:30px!important; } .pb40-sp { padding-bottom:40px!important; } .pb50-sp { padding-bottom:50px!important; }
}

.ma_auto {
	margin-right: auto!important;
	margin-left: auto!important;
}

/*横幅*/
.w50{ width: 100%; max-width: 50px !important;} .w70{ width: 100%; max-width: 70px !important;} .w100{ width: 100%; max-width: 100px !important;} .w150{ width: 100%; max-width: 150px !important;} .w200{ width: 100%; max-width: 200px !important;} .w205{ width: 100%; max-width: 205px !important;} .w210{ width: 100%; max-width: 210px !important;} .w230{ width: 100%; max-width: 230px !important;} .w240{ width: 100%; max-width: 240px !important;} .w250{ width: 100%; max-width: 250px !important;} .w270{ width: 100%; max-width: 270px !important;}
.w290{ width: 100%; max-width: 290px !important;} .w300{ width: 100%; max-width: 300px !important;} .w310{ width: 100%; max-width: 310px !important;} .w315{ width: 100%; max-width: 315px !important;} .w320{ width: 100%; max-width: 320px !important;} .w330{ width: 100%; max-width: 330px !important;}
.w350{ width: 100%; max-width: 350px !important;} .w360{ width: 100%; max-width: 360px !important;} .w370{ width: 100%; max-width: 370px !important;} .w380{ width: 100%; max-width: 380px !important;} .w400{ width: 100%; max-width: 400px !important;} .w420{ width: 100%; max-width: 420px !important;} .w430{ width: 100%; max-width: 430px !important;}
.w450{ width: 100%; max-width: 450px !important;} .w480{ width: 100%; max-width: 480px !important;} .w500{ width: 100%; max-width: 500px !important;} .w550{ width: 100%; max-width: 550px !important;} .w600{ width: 100%; max-width: 600px !important;} .w620{ width: 100%; max-width: 620px !important;} .w630{ width: 100%; max-width: 630px !important;} .w650{ width: 100%; max-width: 650px !important;} .w700{ width: 100%; max-width: 700px !important;}
.w750{ width: 100%; max-width: 750px !important;} .w800{ width: 100%; max-width: 800px !important;} .w850{ width: 100%; max-width: 850px !important;} .w900{ width: 100%; max-width: 900px !important;} .w920{ width: 100%; max-width: 920px !important;} .w950{ width: 100%; max-width: 950px !important;} .w960{ width: 100%; max-width: 960px !important;} .w1000{ width: 100%; max-width: 1000px !important;} .w1200{ width: 100%; max-width: 1200px !important;}

.w50 img,.w70 img,.w100 img,.w150 img,.w200 img,.w210 img,.w205 img,.w230 img,.w240 img,.w250 img,.w270 img,.w290 img,.w300 img,.w310 img,.w315 img,.w320 img,.w350 img,.w360 img,.w370 img,.w380 img,.w400 img,.w420 img,.w430 img,.w480 img,.w450 img,.w500 img,.w550 img,.w600 img,.w620 img,.w630 img,.w650 img,.w700 img,.w750 img,.w800 img,.w850 img,.w900 img,.w920 img,.w950 img,.w960 img,.w1000 img,.w1200 img{ width: 100% !important; height: auto!important;}

.col2,.col2-pc,.col3,.col3-pc,.col4,.col5{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.col2>div,.col2>li,.col2>p{width: calc(50% - 10px); height: auto; margin: 0 20px 20px 0; box-sizing: border-box;}
.col2>div:nth-child(2n),.col2>li:nth-child(2n),.col2>p:nth-child(2n){margin-right: 0px!important;}
.col2 div img,.col2 li img,.col2 p img{width: 100%;}

.col2-pc>div,.col2-pc>li,.col2-pc>p{width: calc(50% - 10px); height: auto; margin: 0 20px 20px 0; box-sizing: border-box;}
.col2-pc>div:nth-child(2n),.col2-pc>li:nth-child(2n),.col2-pc>p:nth-child(2n){margin-right: 0px!important;}
.col2-pc div img,.col2-pc li img,.col2-pc p img{width: 100%;}

.col3{justify-content: flex-start;}
.col3>div,.col3>li,.col3>p{width: calc((100% - 40px)  / 3); height: auto; margin: 0 20px 20px 0; box-sizing: border-box;}
.col3>div:nth-child(3n),.col3>li:nth-child(3n),.col3>p:nth-child(3n){margin: 0 0 20px 0!important;}
.col3 div img,.col3 li img,.col3 p img{width: 100%;}

.col3-pc{justify-content: flex-start;}
.col3-pc>div,.col3-pc>li,.col3-pc>p{width: calc((100% - 40px)  / 3); height: auto; margin: 0 20px 20px 0; box-sizing: border-box;}
.col3-pc>div:nth-child(3n),.col3-pc>li:nth-child(3n),.col3-pc>p:nth-child(3n){margin: 0 0 20px 0;}
.col3-pc div img,.col3-pc li img,.col3-pc p img{width: 100%;}

.col4{justify-content: flex-start;}
.col4>div,.col4>li,.col4>p{width: calc((100% - 60px)  / 4) ; height: auto; margin: 0 20px 20px 0; box-sizing: border-box;}
.col4>div:nth-child(4n),.col4>li:nth-child(4n),.col4>p:nth-child(4n){margin: 0 0 20px 0;}
.col4 div img,.col4 li img,.col4 p img{width: 100%;}

.col5{justify-content: flex-start;}
.col5>div,.col5>li,.col5>p{width: calc((100% - 80px)  / 5) ; height: auto; margin: 0 20px 20px 0; box-sizing: border-box;}
.col5>div:nth-child(5n),.col5 li:nth-child(5n),.col5 p:nth-child(5n){margin: 0 0 20px 0;}
.col5 div img,.col5 li img,.col5 p img{width: 100%;}


@media screen and (max-width:667px){
.w50,.w70,.w100,.w150,.w200,.w210,.w230,.w240,.w250,.w270,.w300,.w320,.w350,.w360,.w370,.w380,.w400,.w420,.w430,.w450,.w480,.w500,.w550,.w600,.w620,.w630,.w650,.w700,.w750,.w800,.w850,.w900,.w920,.w950,.w960,.w1000,.w1200{ max-width: 100% !important; margin-right: auto !important; margin-left: auto !important;}
.halfimg98{height: auto; width: 98% !important;}
.halfimg96{height: auto; width: 96% !important;}
.halfimg90{height: auto; width: 90% !important;}
.halfimg80{height: auto; width: 80% !important;}
.halfimg70{height: auto; width: 70% !important;}
.halfimg60{height: auto; width: 60% !important;}
.halfimg50{height: auto; width: 50% !important;}
.halfimg49{height: auto; width: 49% !important;}
.halfimg48{height: auto; width: 48% !important;}
.halfimg47{height: auto; width: 47% !important;}
.halfimg46{height: auto; width: 46% !important;}
.halfimg45{height: auto; width: 45% !important;}
.halfimg33{height: auto; width: 33% !important;}
.halfimg24{height: auto; width: 24% !important;}
.halfimg23{height: auto; width: 23% !important;}

.col2>div,.col2>li,.col2>p{width: calc(50% - 5px); height: auto; margin: 0 10px 10px 0!important;}
.col2-pc>div,.col2-pc>li,.col2-pc>p{width: calc(100% - 0px); height: auto; margin: 0 0 10px 0;}
.col2-pc>div:nth-child(-n+2),.col2-pc>li:nth-child(-n+2),.col2-pc>p:nth-child(-n+2){margin-bottom: 10px;}
.col2-pc>div:last-of-type,.col2-pc>li:last-of-type,.col2-pc>p:last-of-type{margin-bottom: 0px;}

.col3>div,.col3>li,.col3>p{width: calc(50% - 5px); height: auto; margin: 0 10px 10px 0;}
.col3>div:nth-child(3n),.col3>li:nth-child(3n),.col3>p:nth-child(3n){margin-right: 10px!important;}
.col3>div:nth-child(2n),.col3>li:nth-child(2n),.col3>p:nth-child(2n){margin-right: 0px!important;}
/* .col3-pc{justify-content: center;} */
.col3-pc>div,.col3-pc>li,.col3-pc>p{width: calc(100% - 0px); height: auto; margin-right: 0px;}

.col4>div,.col4>li,.col4>p{width: calc(50% - 5px)!important; height: auto; margin: 0 10px 10px 0!important;}
.col4 div:nth-child(2n),.col4 li:nth-child(2n),.col4 p:nth-child(2n){margin-right: 0px!important;}

.col5>div,.col5>li,.col5>p{width: calc(50% - 5px)!important; height: auto; margin: 0 10px 10px 0!important;}
.col5 div:nth-child(2n),.col5 li:nth-child(2n),.col5 p:nth-child(2n){margin-right: 0px!important;}

.col2 .undo,
.col3 .undo,
.col4 .undo,
.col5 .undo{
	width: calc(100% - 0px); margin: 0 0 10px 0!important;
}

.col3 .undo:nth-child(3n){margin-right: 0px!important;}
}

/*ie用*/
.w100,.w150,.w200,.w210,.w230,.w240,.w250,.w270,.w300,.w320,.w350,.w400,.w450,.w500,.w550,.w600,.w650,.w700,.w750,.w800,.w850,.w900{ float: left\9;}

/*ディスプレイ*/
.db{ display:block;}
.di{ display:inline;}
.dt{ display:table;}
.dtc{ display:table-cell;}
.dno{ display:none!important;}

/*画像*/
img { vertical-align:text-bottom; border:none; }

.object-f130 > img {width: 100%; height: 130px; object-fit: cover;}
.object-f140 > img {width: 100%; height: 140px; object-fit: cover;}
.object-f150 > img {width: 100%; height: 150px; object-fit: cover;}
.object-f160 > img {width: 100%; height: 160px; object-fit: cover;}
.object-f170 > img {width: 100%; height: 170px; object-fit: cover;}
.object-f180 > img {width: 100%; height: 180px; object-fit: cover;}
.object-f190 > img {width: 100%; height: 190px; object-fit: cover;}
.object-f200 > img {width: 100%; height: 200px; object-fit: cover;}

.object-position-top > img{object-position:top;}
.object-position-bottom > img{object-position:bottom;}

/*行揃え*/
.tc{ text-align:center !important;}
.tl{ text-align:left !important;}
.tr{ text-align:right !important;}
.mc{ margin: 0 auto !important;}

.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}

@media screen and (max-width:667px){
.tc-sp{ text-align:center !important;}
.tl-sp{ text-align:left !important;}
}

/*フロート*/
.f_left{float: left;}
.f_right{float: right;}

/*flex*/
.various_content{
	width: 100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.various_content_pc{
	width: 100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

@media screen and (max-width:667px){
.various_content_pc{
	display: block;
}
.various_content_sp{
	width: 100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
}

/*IE用*/
.various_content{
	width: 960px\9 !important;
	display: block\9 !important;
	overflow:hidden\9 !important;
}
.various_content p,
.various_content02 p,
.various_content div,
.various_content02 div,
.various_content li,
.various_content02 li{
	float:left\9 !important;
}

.flex_between{justify-content: space-between !important;/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/}
.flex_around{justify-content: space-around !important;/*両端の子要素も含め、均等に間隔をあけて配置*/}
.flex_start{justify-content: flex-start !important;/*（初期値）行の開始位置から配置。左揃え。*/}
.flex_center{justify-content: center !important;/*水平方向 中央揃え*/}
.flex_end{justify-content: flex-end !important;/*水平方向 行末から配置。右揃え*/}
.flex_align-center{align-items: center !important;/*垂直方向 中央揃え*/}
.flex_align-start{align-items: flex-start !important;/*親要素の開始位置から配置 上揃え*/}
.flex_align-end{align-items: flex-end !important;/*親要素の終点から配置 下揃え*/}
.flex_direction-column { flex-direction: column !important;/*子要素を上から下に配置*/}
.flex_direction-row-reverse {flex-direction: row-reverse !important;/*子要素を右から左に配置*/}
.flex_nowrap {flex-wrap: nowrap !important;/*子要素を折り返しせず、一行に並べる*/}
.flex_nowrap_pc {flex-wrap: nowrap !important;/*子要素を折り返しせず、一行に並べる*/}
.flex_wrap {flex-wrap: wrap !important;/*子要素を折り返す*/}
.flex_alignself-center{align-self: center!important;/*子要素に指定する垂直方向の揃え*/}

@media screen and (max-width:667px){
.flex_nowrap_pc {flex-wrap: wrap !important;/*子要素を折り返す*/}
.flex_direction-column-sp { flex-direction: column !important;/*子要素を上から下に配置*/}
}

.flex_grow1 { flex-grow:1; }
.flex_grow2 { flex-grow:2; }
.flex_grow3 { flex-grow:3; }

.shrink_item1 { flex-shrink: 1; }
.shrink_item2 { flex-shrink: 2; }
.shrink_item3 { flex-shrink: 3; }

/*フォントファミリー*/
.serif { font-family: "webHanSerif","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif;}
.sans {font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;}
.eng{font-family: 'Cinzel', serif !important;}
.noto_sc{font-family: 'Noto Serif JP', serif !important;}

.bold{ font-weight: bold; }
.normal{ font-weight: normal;}

/*フォントサイズ・カラー*/
.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;}.fs15{ font-size: 15px !important;}
.fs16{ font-size: 16px !important;}.fs17{ font-size: 17px !important;}.fs18{ font-size: 18px !important;}.fs19{ font-size: 19px !important;}.fs20{ font-size: 20px !important;}.fs21{ font-size: 21px !important;}.fs22{ font-size: 22px !important;}
.fs23{ font-size: 23px !important;}.fs24{ font-size: 24px !important;}.fs25{ font-size: 25px !important;}.fs26{ font-size: 26px !important;}.fs27{ font-size: 28px !important;}.fs29{ font-size: 29px !important;}.fs30{ font-size: 30px !important;}
.fs31{ font-size: 31px !important;}.fs33{ font-size: 33px !important;}.fs34{ font-size: 34px !important;}.fs35{ font-size: 35px !important;}.fs36{ font-size: 36px !important;}.fs37{ font-size: 37px !important;}.fs38{ font-size: 38px !important;}
.fs39{ font-size: 39px !important;}.fs40{ font-size: 40px !important;}.fs41{ font-size: 41px !important;}.fs42{ font-size: 42px !important;}.fs43{ font-size: 43px !important;}.fs44{ font-size: 44px !important;}.fs45{ font-size: 45px !important;}
.fs46{ font-size: 46px !important;}.fs47{ font-size: 47px !important;}.fs48{ font-size: 48px !important;}.fs49{ font-size: 49px !important;}.fs50{ font-size: 50px !important;}.fs51{ font-size: 51px !important;}.fs52{ font-size: 52px !important;}
.fs53{ font-size: 53px !important;}.fs54{ font-size: 54px !important;}.fs55{ font-size: 55px !important;}.fs56{ font-size: 56px !important;}.fs57{ font-size: 57px !important;}.fs58{ font-size: 58px !important;}.fs59{ font-size: 59px !important;}
.fs60{ font-size: 60px !important;}.fs61{ font-size: 61px !important;}.fs62{ font-size: 62px !important;}.fs63{ font-size: 63px !important;}.fs64{ font-size: 64px !important;}.fs65{ font-size: 665px !important;}.fs66{ font-size: 66px !important;}
.fs70{ font-size: 70px !important;}.fs80{ font-size: 80px !important;}.fs90{ font-size: 90px !important;}.fs100{ font-size: 100px !important;}

@media screen and (max-width:667px){
.fs10-sp{ font-size: 10px !important;}.fs11-sp{ font-size: 11px !important;}.fs12-sp{ font-size: 12px !important;}.fs13-sp{ font-size: 13px !important;}.fs14-sp{ font-size: 14px !important;}.fs15-sp{ font-size: 15px !important;}.fs16-sp{ font-size: 16px !important;}.fs17-sp{ font-size: 17px !important;}.fs18-sp{ font-size: 18px !important;}
.fs20-sp{ font-size: 20px !important;}.fs30-sp{ font-size: 30px !important;}.fs40-sp{ font-size: 40px !important;}.fs60-sp{ font-size: 60px !important;}
}

.fs9-11{font-size: clamp(0.563rem, 0.415rem + 0.364vw, 0.688rem);/*サイズ9px-11px／650px-1200px*/}
.fs11-13{font-size: clamp(0.688rem, 0.540rem + 0.364vw, 0.813rem);/*サイズ11px-13px／650px-1200px*/}
.fs13-15{font-size: clamp(0.813rem, 0.665rem + 0.364vw, 0.938rem);/*サイズ13px-15px／650px-1200px*/}
.fs15-17{font-size: clamp(0.938rem, 0.790rem + 0.364vw, 1.063rem);/*サイズ15px-17px／650px-1200px*/}
.fs17-19{font-size: clamp(1.063rem, 0.915rem + 0.364vw, 1.188rem);/*サイズ17px-19px／650px-1200px*/}
.fs19-21{font-size: clamp(1.188rem, 1.040rem + 0.364vw, 1.313rem);/*サイズ19px-21px／650px-1200px*/}
.fs21-23{font-size: clamp(1.313rem, 1.165rem + 0.364vw, 1.438rem);/*サイズ21px-23px／650px-1200px*/}
.fs23-25{font-size: clamp(1.438rem, 1.290rem + 0.364vw, 1.563rem);/*サイズ23px-25px／650px-1200px*/}
.fs25-27{font-size: clamp(1.563rem, 1.415rem + 0.364vw, 1.688rem);/*サイズ25px-27px／650px-1200px*/}
.fs27-29{font-size: clamp(1.688rem, 1.540rem + 0.364vw, 1.813rem);/*サイズ27px-29px／650px-1200px*/}
.fs29-31{font-size: clamp(1.813rem, 1.665rem + 0.364vw, 1.938rem);/*サイズ29px-31px／650px-1200px*/}
.fs31-33{font-size: clamp(1.938rem, 1.790rem + 0.364vw, 2.063rem);/*サイズ31px-33px／650px-1200px*/}
.fs33-35{font-size: clamp(2.063rem, 1.915rem + 0.364vw, 2.188rem);/*サイズ33px-35px／650px-1200px*/}
.fs35-37{font-size: clamp(2.188rem, 2.040rem + 0.364vw, 2.313rem);/*サイズ35px-37px／650px-1200px*/}
.fs37-39{font-size: clamp(2.313rem, 2.165rem + 0.364vw, 2.438rem);/*サイズ37px-39px／650px-1200px*/}
.fs39-41{font-size: clamp(2.438rem, 2.290rem + 0.364vw, 2.563rem);/*サイズ39px-41px／650px-1200px*/}

.fc-white{ color: #FFFFFF !important;}
.fc-black{ color: #454545!important;}
.fc-red{ color: #a73232;}
.fc-orange{ color: #ea5532;}
.fc-green{ color: #247d80;}
.fc-brown{ color: #32210d;}
.fc-blue{ color: #3a8ac7;}
.fc-purple{ color: #a05ba9;}
.f-accent{ color: #bd0000;}
.fc-main{ color: #79414c; }
.fc-pink{ color: #ef857d; }
.fc-khaki{color: #B7A869!important;}
.fc-grey{color: #EFEEDF;}

/*行高さ*/
.line-h08{line-height: 0.8em!important;}
.line-h09{line-height: 0.9em!important;}
.line-h10{line-height: 1.0em!important;}
.line-h11{line-height: 1.1em!important;}
.line-h12{line-height: 1.2em!important;}
.line-h13{line-height: 1.3em!important;}
.line-h14{line-height: 1.4em!important;}
.line-h15{line-height: 1.5em!important;}
.line-h16{line-height: 1.6em!important;}
.line-h17{line-height: 1.7em!important;}
.line-h18{line-height: 1.8em!important;}
.line-h19{line-height: 1.9em!important;}
.line-h20{line-height: 2.0em!important;}
.line-h22{line-height: 2.2em!important;}
.line-h23{line-height: 2.3em!important;}
.line-h24{line-height: 2.4em!important;}
.line-h25{line-height: 2.5em!important;}
.line-h30{line-height: 3em!important;}

@media screen and (max-width:667px){
.line-h13-sp{line-height: 1.3em;}
.line-h14-sp{line-height: 1.4em;}
.line-h15-sp{line-height: 1.5em;}
.line-h16-sp{line-height: 1.6em;}
.line-h17-sp{line-height: 1.7em;}
.line-h18-sp{line-height: 1.8em;}
.line-h19-sp{line-height: 1.9em;}
.line-h20-sp{line-height: 2.0em;}
.line-h25-sp{line-height: 2.5em;}
.line-h30-sp{line-height: 3.0em;}
}

/*背景カラー*/
.bg-grey{background: #EFEEDF !important;}
.bg-grey_pc{background: #EFEEDF;}
.bg-grey02{background: #efefef !important;}
.bg-grey02_pc{background: #efefef;}

@media screen and (max-width:667px){
.bg-grey_pc{background: #FFFFFF;}
.bg-grey02_pc{background: #FFFFFF;}
}

.bg-black{background: #333; color: #FFFFFF;}
.bg-navyblack{background: #212226; color: #FFFFFF;}
.bg-brown{background: #32210d;}
.bg-blue{background: #364f6b; color: #FFFFFF;}
.bg-navy{background: #313747; color: #FFFFFF;}
.bg-white{background: #FFF}
.bg-red{background: #a73232;}
.bg-green{background: #00523A; color: #FFFFFF;}
.bg-khaki{background: #B7A869;}

.bg-pattern01{background: url("../../img/bg_pattern01.jpg") repeat-x,top;}
.bg-pattern02{background: url("../../img/bg_pattern02.jpg") repeat!important;}
.bg-pattern03{background: url("../../img/bg_pattern03.png") repeat!important;}

.bg-white{background: #FFF !important;}
.bg-white90{background: rgba(255,255,255,0.9) !important;}
.bg-white80{background: rgba(255,255,255,0.8) !important;}
.bg-white70{background: rgba(255,255,255,0.7) !important;}
.bg-white60{background: rgba(255,255,255,0.6) !important;}
.bg-white50{background: rgba(255,255,255,0.5) !important;}

/*ボックスシャドウ*/
.box_shadow{
	position: relative;
	box-shadow:0px 0px 3px -1px #454545;
}

/*囲みボーダー*/
.border-none{border: none!important;}
.border-grey{border: 1px solid #dfdfdf!important;}
.border-grey02{border: 1px solid #efefef!important;}
.border-khaki{border: 1px solid #B7A869!important;}
.border-green{border: 1px solid #247d80!important;}
.border-blue{border: 1px solid #364f6b!important;}
.border-red{border: 1px solid #a73232!important;}

.outline-grey{outline: 1px solid #dfdfdf!important;}
.outline-grey02{outline: 1px solid #efefef!important;}
.outline-khaki{outline: 1px solid #B7A869!important;}

.border-double{border: double 4px #aaa;}
.border-double-khaki{border: double 4px #B7A869;}
.border-double-green{border: double 4px #247d80;}

/*区切りボーダー*/
.border_separation{margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #efefef;}
.border_separation01{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef;}
.border_separation02{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efefef;}
.border_separation03{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #efefef;}
.border_separation04{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #efefef;}
.border_separation05{margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #efefef;}
.border_separation06{margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #efefef;}
.border_separation07{margin-bottom: 70px; padding-bottom: 70px; border-bottom: 1px solid #efefef;}

.border_separation03-pc{margin-bottom: 30px; padding-bottom: 30px;border-bottom: 1px solid #efefef;}
.border_separation05-pc{margin-bottom: 50px; padding-bottom: 50px;border-bottom: 1px solid #efefef;}

@media screen and (max-width:667px){
.border_separation03-pc{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.border_separation05-pc{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.borderb-sp {border-bottom: 1px solid #efefef;}
.border_separation02-sp{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efefef;}
.border_separation03-sp{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #efefef;}
.border_separation05-sp{margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #efefef;}
}

/*矢印ボーダー*/
.border_arrow {
  position: relative;
}
.border_arrow:before {
  position: absolute;
  content: '';
  bottom: -5px;
  right: 0;
  width: 0;
  height: 0;
  border: none;
  border-right: solid 15px transparent;
  border-bottom: solid 15px #efefef;
}
.border_arrow:after {
  position: absolute;
  content: '';
  bottom: -5px;
  left: 0;
  width: 100%;
  border-bottom: solid 1px #efefef;
}


@media screen and (max-width:667px){
.border_separation-pc{
	padding-bottom: 0px;
	border-bottom:  none;
}
}

/*テーブル*/
.defult_t table {
	width: 100%;
	height: auto;
	border: 1px #efefef solid;
	border-collapse: collapse;
}

.defult_t th {
	text-align: center;
	font-weight: normal;
}

.defult_t .th-grey th {
	background: #EFEEDF;
}

.defult_t .w10{width: 10%;}
.defult_t .w20{width: 20%;}
.defult_t .w30{width: 30%;}
.defult_t .w40{width: 40%;}
.defult_t .w50{width: 50%;}

.defult_t .nowrap_t th {
	white-space: nowrap;
}

.defult_t th,.defult_t td  {
	border: 1px #ddd solid;
	padding: 10px 15px;
	vertical-align: middle;
	}

@media screen and (max-width:667px){
.t_block th{
	border: 0px;
	background: #efefef;
	color: #454545!important;
}

.t_block td{
	border: 0;
	text-align: center;
}

.t_block th,.t_block td {
	display: block;
}

.defult_t .w10{width: auto;}
.defult_t .w20{width: auto;}
.defult_t .w30{width: auto;}
.defult_t .w40{width: auto;}
.defult_t .w50{width: auto;}
}

/* 横線リスト
-------------------------------*/
.list_section{
	width: 100%;
}
.list_section dl{
	display: flex;
	justify-content: flex-start !important;
	align-items: center;
	border-bottom:  1px solid #dfdfdf;
}

.list_section dl:first-of-type{
	border-top:  1px solid #dfdfdf;
}

.list_section dl dt{
	display: block;
	width: 35%;
	min-width: 30%;
	padding: 10px 0;
	text-align: center;
}

.list_section dl dt span{
	display: block;
	margin-right: 20%;
	border-right:  1px solid #dfdfdf;
}

.list_section dl dd{
	width: 100%;
	padding: 10px 0;
	line-height: 2em
}

.enlarge dl dt{
	width: 50%!important;
	min-width: 50%!important;
}

@media screen and (max-width:667px){
.list_section dl dt{
	width: auto;
	min-width: 35%;
}
.list_section dl dt span{
	margin-right: 10%;
	margin-left: 10%;
}
}

/* 見出し
-------------------------------*/
.caption01 {
	position: relative;
	padding: 0 15%;
	text-align: center;
	font-size: 25px;
	width: 96%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.caption01:before, .caption01:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 25%;
	height: 3px;
	border-top: 3px double #aaa;
}

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

.caption01 span {
	display: block;
	color: #aaa;
	font-size: 16px;
	font-family: 'Cinzel', serif !important;
	margin-top: 13px;
}

@media screen and (max-width:667px){
.caption01 {
	font-size: 22px;
}
.caption01:before, .caption01:after {
	width: 15%;
}
.caption01:before {
	left: 2%;
}
.caption01:after {
	right: 2%;
}
}

/* 見出し2
-------------------------------*/
.caption02 {
	position: relative;
	padding-bottom: .4em;
	padding-left: 3px;
	border-bottom: 1px solid #aaa;
	font-size: 22px;
}
.caption02::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 1px;
	background-color: #313747;
}

.caption02 span {
	color: #aaa;
	font-size: 13px;
	font-family: 'Cinzel', serif;
	margin-left: 10px;
}

/* 見出し3
-------------------------------*/
.caption03 {
	position: relative;
	text-align: center;
	font-size: 25px;
}
.caption03::after {
	position: absolute;
	bottom: -22px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	content: '';
	width: 60px;
	height: 3px;
	background-color: #B7A869;
	border-radius: 2px;
}

@media screen and (max-width:667px){
.caption03 {
	font-size: 22px;
}
}

/* 見出し4
-------------------------------*/
.caption04 {
	position: relative;
}

.caption04::before {
	font-family: "Font Awesome 5 Free";	
	content: "\f04d";
	font-weight: bold;
	margin-right: 10px;
}

/* 最初の文字大きい
-------------------------------*/
.firstbig:first-letter {
  margin-right: .1em;
  font-size: 1.5em;
}

/* 矢印リスト
-------------------------------*/
.arrowlist{
	position: relative;
	padding-left: 8px;
}

.arrowlist::before{
	position: absolute;
	top: 45%;
	left: 0;
	transform: translate(0%, -50%);
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: bold;
	font-size: 10px;
}

.arrowlist02{
	position: relative;
}

.arrowlist02::before{
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translate(0%, -50%);
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
	font-size: 10px;
}

/* 丸リスト
-------------------------------*/
.pointlist{
	position: relative;
	padding-left: 13px;
}

.pointlist::before{
	position: absolute;
	top: 45%;
	left: 0;
	transform: translate(0%, -50%);
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	font-weight: bold;
	font-size: 10px;
}

.pointlist2 li,
.pointlist2 p{
	position: relative;
	padding-left: 17px;
	width: fit-content;
}

.pointlist2 li::before,
.pointlist2 p::before{
	content: "・";
	position: absolute;
	left: 0;
}

/* 米リスト
-------------------------------*/
.astelist_all li,
.astelist_all p{
	display: flex;
	align-items: flex-start;
}

.astelist_all li::before,
.astelist_all p::before{
	content: "\0203B";
	margin-right: 3px;
}

/* 囲み ※サブタイトル付き
-------------------------------*/
.box_border {
	position: relative;
	padding: 18px 15px 10px;
	border: 1px solid #CCC;
	border-radius: 3px;
}
.box_border .box-title {
	position: absolute;
	display: inline-block;
	top: -10px;
	left: 10px;
	padding: 0 9px;
	line-height: 20px;
	background: #FFF;
}

/* ボタン
-------------------------------*/
.square_btn {
	background: #EFEEDF;
    text-decoration: none;
    transition: .4s;
	text-align: center;
	position: relative;
	outline: double 4px #EFEEDF;
}

.square_btn:hover {
    background: #F8F8F2;
}

.square_btn a {
    display: block;
	padding: 15px 5px;
	color: #454545;
}

.square_btn_khaki {
	background: #B7A869;
    text-decoration: none;
    transition: .4s;
	text-align: center;
	outline: double 4px #B7A869;
}

.square_btn_khaki:hover {
    background: #C4B885;
}

.square_btn_red {
	background: #a73232;
    text-decoration: none;
    transition: .4s;
	text-align: center;
	outline: double 4px #a73232;
}

.square_btn_red:hover {
    background: #C94949;
}

.square_btn_khaki a,.square_btn_red a {
    display: block;
	padding: 15px 5px
}

.square_btn a:link,
.square_btn a:visited,
.square_btn a:active,
.square_btn a:hover{
	color: #454545!important;
	text-decoration: none!important;
}

.square_btn_khaki a:link,
.square_btn_khaki a:visited,
.square_btn_khaki a:active,
.square_btn_khaki a:hover,
.square_btn_red a:link,
.square_btn_red a:visited,
.square_btn_red a:active,
.square_btn_red a:hover{
	color: #FFFFFF!important;
	text-decoration: none!important;
}


/* サムネイルスライド高さ指定（アンカーリンク用に）
-------------------------------*/
.mh800{
	max-height:730px;
}

/* 枠とラベル部分
-------------------------------*/
.triangle {
	position: relative;
}

.triangle::before {
	content: "";
	border-top: 1em solid transparent;
	border-right: 1em solid #00523A; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
	right: 0px;
	bottom: 0px;
}
.triangle::after {
    content: "";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 101;
}

.triangle02 {
	position: relative;
}

.triangle02::before {
	content: "";
	border-top: 1em solid transparent;
	border-right: 1em solid #B7A869; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
	right: 0px;
	bottom: 0px;
}
.triangle02::after {
    content: "";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 101;
}

.triangle03 {
	position: relative;
}

.triangle03::before {
	content: "";
	border-top: 1em solid transparent;
	border-right: 1em solid #a73232; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
	right: 0px;
	bottom: 0px;
}
.triangle03::after {
    content: "";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 101;
}

/* リボンラベル
-------------------------------*/
.ribbon_box {
	position: relative;
}
.ribbon01 {
	position: absolute;
	top: -6px;
	left: -6px;
	padding: 5px 10px;
	padding-right: 40px;
	letter-spacing: 0.1px;
	color: #ffffff;
	background: linear-gradient(-45deg,transparent,transparent 25%,#B7A869 0%,#B7A869);
}
.ribbon01::before {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	content: ' ';
	border: 3px solid transparent;
	border-top: 3px solid #454545;
	border-right: 3px solid #454545;
}

.ribbon02 {
	position: absolute;
	top: -6px;
	left: -6px;
	padding: 5px 10px;
	padding-right: 40px;
	letter-spacing: 0.1px;
	color: #ffffff;
	background: linear-gradient(-45deg,transparent,transparent 25%,#842727 0%,#842727);
}
.ribbon02::before {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	content: ' ';
	border: 3px solid transparent;
	border-top: 3px solid #842727;
	border-right: 3px solid #842727;
}

/* 半分背景
-------------------------------*/
.split_bg001{
background: rgba(255,255,255,0); /* Old browsers */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,#EFEEDF 30%,#EFEEDF 100%); 
}

.split_bg001b{
background: rgba(255,255,255,0); /* Old browsers */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 30%,#EFEEDF 100%); 
}

.split_bg002{
background: #ffffff; /* Old browsers */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,#EFEEDF 30%,#EFEEDF 100%);
}
.split_bg002b{
background: #ffffff; /* Old browsers */
background: linear-gradient(to left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,#EFEEDF 30%,#EFEEDF 100%);
}

.split_bg003{
background: #ffffff; /* Old browsers */
background: linear-gradient(290deg,  rgba(255,255,255,0) 35%,#EFEEDF 35%,#EFEEDF 38%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 40%,#EFEEDF 40%,#EFEEDF 95%,rgba(255,255,255,0) 95%);
}

.split_bg003b{
background: #ffffff; /* Old browsers */
background: linear-gradient(110deg,  rgba(255,255,255,0) 35%,#EFEEDF 35%,#EFEEDF 38%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 40%,#EFEEDF 40%,#EFEEDF 95%,rgba(255,255,255,0) 95%);
}

.split_bg_pattern01{
background: #ffffff; /* Old browsers */
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%),url("../../img/bg_pattern01.jpg") repeat-x top center;
}

.split_bg_pattern02{
background: #ffffff; /* Old browsers */
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%),url("../../img/bg_pattern03.png") repeat;
}

.split_bg_asanoha{
position: relative;
background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1.0) 30%, rgba(255, 255, 255, 1.0) 70%, rgba(255, 255, 255, 0) 100%),url("../../img/asanoha_gray.png") repeat;
}

.split_bg_asanoha-grey{
position: relative;
background: linear-gradient(45deg, rgba(247, 244, 238, 0) 0%, rgba(247, 244, 238, 1.0) 30%, rgba(247, 244, 238, 1.0) 70%, rgba(247, 244, 238, 0) 100%),url("../../img/asanoha_gray.jpg") repeat;
}

@media screen and (max-width:667px){
.split_bg001,.split_bg002b{
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#EFEEDF 30%,#EFEEDF 100%);
}
.split_bg002,.split_bg002b{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,f7fafd+30,f7fafd+100 */
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,#EFEEDF 30%,#EFEEDF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
}


/* 最初の文字大きい見出し
-------------------------------*/
.firstbig:first-letter {
  margin-right: .1em;
  font-size: 1.5em;
}

/* 下矢印
-------------------------------*/
.downarrow::after{
	font-family: "Font Awesome 5 Free";
	content: '\A' '\f107';
	white-space: pre;
	font-weight: 900;
}

/* 彩度変化
-------------------------------*/
.saturate_off {
	filter: saturate(50%);
}
.saturate_off:hover,
.saturate_off a img:hover {
	filter: saturate(100%);
	filter:alpha(opacity=100);
	opacity: 1 ;
}
.saturate_off,
.saturate_off a img {
	transition: 0.3s ease-in-out;
}

/* 輝度変化
-------------------------------*/
.brightness_off {
	filter: brightness(70%);
}

.brightness_off:hover,
.brightness_off a img:hover {
	filter: brightness(100%)!important;
	filter:alpha(opacity=100);
	opacity: 1 ;
}

.brightness_off,
.brightness_off a img {
	transition: 0.3s ease-in-out;
}

/* 画像拡大
-------------------------------*/
.expanding-img{overflow: hidden;}
.expanding-img img{transition: 0.5s ease-in-out;}
.expanding-img img:hover {transform: scale(1.03, 1.03); opacity: 100%;}

.appear_box{position: relative;}
.appear_text{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%!important;
	min-width: 80px!important;
	padding: 10px 0;
	border: 1px solid #FFFFFF;
	background: rgba(0,0,0,0.3) !important;
	color: #FFFFFF;
	opacity: 0%;
	text-align: center;
	transform: translate(-50%, -50%);
	transition: 0.5s;
	transition-delay:0s;
}
.appear_box:hover .appear_text{
	opacity: 100%;
	pointer-events: none;/*クリック・タップを無効化*/
	transition-delay:0.3s!important;
}


/* 画像上テキスト
-------------------------------*/
.ontextbox{
	position: relative;
}

.ontext{
	position: absolute;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
	width: 100%;
	height: auto;
	z-index: 100;
	right: 0px;
	bottom: 0px;
	color: #FFFFFF;
	padding: 70px 20px 20px 20px;
	pointer-events: none!important;
	transition: 0.5s!important;
}

.ontext-white{
	position: absolute;
	background: #FFFFFF;
	height: auto;
	z-index: 100;
	left: 0px;
	bottom: 0px;
	padding: 5px 20px 5px 20px;
	pointer-events: none!important;
	font-family: 'Noto Serif JP', serif !important;
	color: #B7A869;
}

.ontextbox:hover .ontext{
	opacity: 0;
}

.ontextbox:hover a img{
	opacity: 100;
}

@media screen and (max-width:667px){
.ontext{
	position: relative;
	background-image: none;
	color: #454545;
	padding: 10px;
}
.ontextbox:hover .ontext{
	opacity: 100;
}
.ontext-white{
	padding: 5px;
}
}

/* 準備中
-------------------------------*/
.offsection,.offsection02{
	position: relative;
}

.offsection::after{
	position: absolute;
	content: "- 準備中 -";
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	width: 100%;
	height: 100%;
	line-height:400px;
	text-align: center;
	font-size: 22px;
	font-family: 'Noto Serif JP', serif !important;
}

.offsection02::after{
	position: absolute;
	content: "- 準備中 -";
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	width: 100%;
	height: 100%;
	line-height:200px;
	text-align: center;
	font-size: 22px;
	font-family: 'Noto Serif JP', serif !important;
}

@media screen and (max-width:667px){
.offsection::after{
	line-height:200px;
}
}


/* 写真はイメージを含みます
-------------------------------*/
.sample_img{
	position: relative;
}
.sample_img::after{
	position: absolute;
	content: "※写真はイメージを含みます";
	color: #FFFFFF;
	font-size: 11px;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 100;
	bottom: 0%;
	right: 0%;
	padding: 0 5px;
}