@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/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@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');
@import url('https://fonts.googleapis.com/css2?family=Lato&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%;
	height: auto;
	font-size: 0.8125rem;
	font-family:  'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-feature-settings: "palt";
	color: #454545;
	position: relative;
}

ul,dl{
	list-style: none;
}

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

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

.link_line a:link,
.link_line a:visited,
.link_line a:active {
	text-decoration: underline;
}

.link_line a:hover {
	text-decoration: none;
}

.link_line2 a:hover {
	text-decoration: underline;
}

.link_line_w a:link,
.link_line_w a:visited,
.link_line_w a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

.link_line_w a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

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 ;
}

/*　表示切替
-------------------------------*/
@media screen and (max-width:600px){
.display_swpc{
	display: none !important;
}
}

@media screen and (min-width:600px){
.display_swsp{
	display: none !important;
}
}

/*　改行
-------------------------------*/
.br-pc { display:block; }
.br-sp { display:none; }

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

/* googleマップ
-------------------------------*/
.ggmap iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /*アスペクト比（縦横比）を指定*/
}


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

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

/*　改行-SP
-------------------------------*/
.br-pc { display:none; }
.br-sp { display:block; }

.width96{
	width: 96% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

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

/*　ドロワーメニュー
-------------------------------*/

#drawerInner{
	height: auto;
	width: 90%;
	background: #FFF;
	padding: 15px 10px;
	margin: 10px auto;
}

#drawerInner dl dt,
#drawerInner dl dd{
	height: 35px;
	width: auto;
	line-height: 35px;
}

#drawerInner dl dt,
#drawerInner dl dd,
#drawerInner p{
	padding-left: 35px;
}

#drawerInner p{
	height: 20px;
	width: auto;
	line-height: 20px;
}

#drawerInner dl dt{
	background: #998048;
	color: #FFFFFF;
	position: relative;
}

#drawerInner dl dd{
	background: #F7F4EE;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
}

#drawerInner dl dd,
#drawerInner p{
	color: #454545;
	position: relative;
}

#drawerInner dl dd:last-child{
	border:none !important;
}

#drawerInner dl dt::before,
#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 dl dt a,
#drawerInner dl dd a{
	display: block;
}

#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 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 p a:link,
#drawerInner p a:visited,
#drawerInner p a:active{
	color: #454545;
	text-decoration: none;
}

#drawerInner p a:hover {
	color: #454545;
	text-decoration: underline;
}

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

#drawerInner dl dd:hover{
	background: #F7F7F7;
}

#drawerInner #drawer-inquiry{
	text-align: center;
	line-height: 1.8em;
	border: 1px solid #998048;
	padding: 5px;
	margin-top: 10px;
}

#drawerInner #drawer-inquiry h2{
	/*padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #efefef;*/
}

#drawerInner #drawer-inquiry h2 span{
	font-size: 22px;
}

}


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

/* アンカーのカラー */
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; }

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

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

@media screen and (max-width:600px){
/*幅*/
.width96{
	width: 96% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}
}

/*マージン・余白*/
.ma-1 { margin:-1px!important; } .mt-1 { margin-top:-1px!important; } .mr-1 { margin-right:-1px!important; } .mb-1 { margin-bottom:-1px!important; } .ml-1 { margin-left:-1px!important; }
.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; }

.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; }
.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; }
.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; }

@media screen and (max-width:600px){
.ma5-pc,.ma10-pc,.ma20-pc,.ma30-pc,.ma40-pc,.ma50-pc { margin:0px!important; }
.mb10-pc,.mb20-pc,.mb30-pc,.mb40-pc,.mb50-pc,.mb70-pc { margin-bottom:0px!important; }
.mr10-pc,.mr20-pc,.mr30-pc,.mr40-pc,.mr50-pc,.mr70-pc { margin-right: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; } .mb20-sp { margin-bottom:20px!important; } .mb30-sp { margin-bottom:30px!important; } .mb40-sp { margin-bottom:40px!important; } .mb50-sp { margin-bottom:50px!important; }
}

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

.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:600px){
.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; }
}

/*横幅*/
.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;} .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;} .w950{ width: 100%; max-width: 950px !important;} .w960{ width: 100%; max-width: 960px !important;}

.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,.w450 img,.w430 img,.w500 img,.w550 img,.w600 img,.w620 img,.w630 img,.w650 img,.w700 img,.w750 img,.w800 img,.w850 img,.w900 img,.w950 img,.w960 img{ width: 100% !important; height: auto!important;}

.w5pct{width: 5%!important;} .w10pct{width: 10%!important;} .w20pct{width: 20%!important;} .w30pct{width: 30%!important;} .w40pct{width: 40%!important;} .w50pct{width: 50%!important;} .w60pct{width: 60%!important;} .w70pct{width: 70%!important;} .w80pct{width: 80%!important;} .w90pct{width: 90%!important;}
.w5pct-pc{width: 5%!important;} .w10pct-pc{width: 10%!important;} .w20pct-pc{width: 20%!important;} .w30pct-pc{width: 30%!important;} .w40pct-pc{width: 40%!important;} .w50pct-pc{width: 50%!important;} .w60pct-pc{width: 60%!important;} .w70pct-pc{width: 70%!important;} .w80pct-pc{width: 80%!important;} .w90pct-pc{width: 90%!important;}

.wfit{width: fit-content!important;}
.wfit_all * {width: fit-content!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% - 5px); height: auto; margin: 0 10px 10px 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% - 5px); height: auto; margin: 0 10px 10px 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% - 20px)  / 3); height: auto; margin: 0 10px 10px 0; box-sizing: border-box;}
.col3>div:nth-child(3n),.col3>li:nth-child(3n),.col3>p:nth-child(3n){margin: 0 0 10px 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% - 20px)  / 3); height: auto; margin: 0 10px 10px 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 10px 0!important;}
.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% - 30px)  / 4) ; height: auto; margin: 0 10px 10px 0; box-sizing: border-box;}
.col4>div:nth-child(4n),.col4>li:nth-child(4n),.col4>p:nth-child(4n){margin: 0 0 10px 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% - 40px)  / 5) ; height: auto; margin: 0 10px 10px 0; box-sizing: border-box;}
.col5>div:nth-child(5n),.col5 li:nth-child(5n),.col5 p:nth-child(5n){margin: 0 0 10px 0;}
.col5 div img,.col5 li img,.col5 p img{width: 100%;}

@media screen and (max-width:600px){
.w100,.w150,.w200,.w210,.w230,.w240,.w250,.w270,.w300,.w320,.w350,.w360,.w370,.w380,.w400,.w420,.w430,.w450,.w500,.w550,.w600,.w620,.w630,.w650,.w700,.w750,.w800,.w850,.w900,.w950,.w960{ max-width: 100% !important; margin-right: auto !important; margin-left: auto !important;}
.w5pct-pc,.w10pct-pc,.w20pct-pc,.w30pct-pc,.w40pct-pc,.w50pct-pc,.w60pct-pc,.w70pct-pc,.w80pct-pc,.w90pct-pc{width: 100%!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;}

.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); 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); 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;}

/*行揃え*/
.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;}

/*縦書き*/
.t_vertical{writing-mode: vertical-rl;}

/*縦書き数字を横に*/
.t_upright{text-orientation: upright;}

/*縦書き数字を横　数字が２桁以上の場合*/
.t_upright_c{text-combine-upright: all;}

@media screen and (max-width:600px){
.tc_sp{ text-align:center !important;}
.tl_sp{ text-align:left !important;}
.t_vertical{writing-mode: horizontal-tb;}
}

/*フロート*/
.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:600px){
.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_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;/*子要素に指定する垂直方向の揃え*/}

.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; }

@media screen and (max-width:600px){
.flex_nowrap_pc {flex-wrap: wrap !important;/*子要素を折り返す*/}
}

/*フォントファミリー*/
.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;}
.eng2{font-family: "Lora", serif!important; font-optical-sizing: auto;}
.noto_se{font-family: 'Noto Serif JP', serif !important;}
.noto_sa{font-family: 'Noto Sans JP', sans-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:600px){
.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;}
.fs20-sp{ font-size: 20px !important;}.fs30-sp{ font-size: 30px !important;}.fs40-sp{ font-size: 40px !important;}.fs60-sp{ font-size: 60px !important;}
}

.fs-ssm{ font-size: clamp(0.563rem, 0.415rem + 0.364vw, 0.688rem);}/*サイズ9px-11px／650px-1200px*/
.fs-sm{ font-size: clamp(0.688rem, 0.54rem + 0.36vw, 0.813rem);}/*サイズ11px-13px／650px-1200px*/
.fs-md{ font-size: clamp(0.813rem, 0.591rem + 0.55vw, 1rem);}/*サイズ13px-16px／650px-1200px*/
.fs-lg{ font-size: clamp(1rem, 0.705rem + 0.73vw, 1.25rem);}/*サイズ16px-20px／650px-1200px*/
.fs-xl{ font-size: clamp(1.25rem, 1.102rem + 0.36vw, 1.375rem);}/*サイズ20px-22px／650px-1200px*/
.fs-xxl{ font-size: clamp(1.375rem, 1.153rem + 0.55vw, 1.563rem);}/*サイズ22px-25px／650px-1200px*/
.fs-xxxl{ font-size: clamp(1.563rem, 1.193rem + 0.909vw, 1.875rem);}/*サイズ25px-30px／650px-1200px*/
.fs-xxxxl{ font-size: clamp(1.875rem, 1.506rem + 0.91vw, 2.188rem);}/*サイズ30px-35px／650px-1200px*/

.fc-white{ color: #FFFFFF;}
.fc-black{ color: #454545;}
.fc-red{ color: #c11920!important;}
.fc-orange{ color: #ea5532;}
.fc-green{ color: #085e29;}
.fc-brown{ color: #32210d;}
.fc-blue{ color: #0068b6;}
.fc-navy{ color: #251f45;}
.fc-purple{ color: #a05ba9;}
.fc-pink{ color: #ef857d;}
.fc-khaki{color: #998048;}
.fc-grey{color: #F7F4EE;}

/*　行高さ
-------------------------------*/
.line-hn{line-height: normal;}
.line-h12{line-height: 1.2em;}
.line-h13{line-height: 1.3em;}
.line-h14{line-height: 1.4em;}
.line-h15{line-height: 1.5em;}
.line-h16{line-height: 1.6em;}
.line-h17{line-height: 1.7em;}
.line-h18{line-height: 1.8em;}
.line-h19{line-height: 1.9em;}
.line-h20{line-height: 2.0em;}
.line-h22{line-height: 2.2em;}
.line-h23{line-height: 2.3em;}
.line-h24{line-height: 2.4em;}
.line-h25{line-height: 2.5em;}
.line-h30{line-height: 3em;}

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

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

.bg-black{background: #000000!important; color: #FFFFFF!important;}
.bg-brown{background: #32210d!important;}
.bg-blue{background: #3399d5!important; color: #FFFFFF!important;}
.bg-navyb{background: #251F45!important; color: #FFFFFF!important;}
.bg-white{background: #FFFFFF!important;}
.bg-red{background: #820018!important; color: #FFFFFF!important;}
.bg-green{background: #0d5e5f!important; color: #FFFFFF!important;}
.bg-khaki{background: #998048!important; color: #FFFFFF!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;}

.gradation-bg01{background-image: linear-gradient(135deg, rgba(186, 186, 186, 0.03) 0%, rgba(186, 186, 186, 0.03) 10%,rgba(133, 133, 133, 0.03) 10%, rgba(133, 133, 133, 0.03) 14%,rgba(38, 38, 38, 0.03) 14%, rgba(38, 38, 38, 0.03) 17%,rgba(93, 93, 93, 0.03) 17%, rgba(93, 93, 93, 0.03) 25%,rgba(80, 80, 80, 0.03) 25%, rgba(80, 80, 80, 0.03) 45%,rgba(239, 239, 239, 0.03) 45%, rgba(239, 239, 239, 0.03) 100%),linear-gradient(135deg, rgba(236, 236, 236, 0.03) 0%, rgba(236, 236, 236, 0.03) 47%,rgba(182, 182, 182, 0.03) 47%, rgba(182, 182, 182, 0.03) 63%,rgba(223, 223, 223, 0.03) 63%, rgba(223, 223, 223, 0.03) 81%,rgba(86, 86, 86, 0.03) 81%, rgba(86, 86, 86, 0.03) 89%,rgba(23, 23, 23, 0.03) 89%, rgba(23, 23, 23, 0.03) 90%,rgba(226, 226, 226, 0.03) 90%, rgba(226, 226, 226, 0.03) 100%),linear-gradient(45deg, rgba(52, 52, 52, 0.03) 0%, rgba(52, 52, 52, 0.03) 31%,rgba(246, 246, 246, 0.03) 31%, rgba(246, 246, 246, 0.03) 63%,rgba(188, 188, 188, 0.03) 63%, rgba(188, 188, 188, 0.03) 71%,rgba(15, 15, 15, 0.03) 71%, rgba(15, 15, 15, 0.03) 87%,rgba(127, 127, 127, 0.03) 87%, rgba(127, 127, 127, 0.03) 93%,rgba(234, 234, 234, 0.03) 93%, rgba(234, 234, 234, 0.03) 100%),linear-gradient(90deg, rgb(255,255,255,0),rgb(255,255,255,0));}
.gradation-bg02{background-image: linear-gradient(134deg, rgba(1, 1, 1,0.02) 0%, rgba(1, 1, 1,0.02) 16%,transparent 16%, transparent 76%,rgba(58, 58, 58,0.02) 76%, rgba(58, 58, 58,0.02) 100%),linear-gradient(215deg, rgba(166, 166, 166,0.02) 0%, rgba(166, 166, 166,0.02) 33%,transparent 33%, transparent 79%,rgba(111, 111, 111,0.02) 79%, rgba(111, 111, 111,0.02) 100%),linear-gradient(303deg, rgba(215, 215, 215,0.02) 0%, rgba(215, 215, 215,0.02) 7%,transparent 7%, transparent 90%,rgba(192, 192, 192,0.02) 90%, rgba(192, 192, 192,0.02) 100%),linear-gradient(302deg, rgba(113, 113, 113,0.02) 0%, rgba(113, 113, 113,0.02) 34%,transparent 34%, transparent 73%,rgba(65, 65, 65,0.02) 73%, rgba(65, 65, 65,0.02) 100%),linear-gradient(90deg, rgba(255,255,255, 0),rgba(255,255,255, 0));}
.gradation-bg03{background-image: linear-gradient(134deg, rgba(1, 1, 1,0.02) 0%, rgba(1, 1, 1,0.02) 16%,transparent 16%, transparent 76%,rgba(58, 58, 58,0.02) 76%, rgba(58, 58, 58,0.02) 100%),linear-gradient(215deg, rgba(166, 166, 166,0.02) 0%, rgba(166, 166, 166,0.02) 33%,transparent 33%, transparent 79%,rgba(111, 111, 111,0.02) 79%, rgba(111, 111, 111,0.02) 100%),linear-gradient(303deg, rgba(215, 215, 215,0.02) 0%, rgba(215, 215, 215,0.02) 7%,transparent 7%, transparent 90%,rgba(192, 192, 192,0.02) 90%, rgba(192, 192, 192,0.02) 100%),linear-gradient(302deg, rgba(113, 113, 113,0.02) 0%, rgba(113, 113, 113,0.02) 34%,transparent 34%, transparent 73%,rgba(65, 65, 65,0.02) 73%, rgba(65, 65, 65,0.02) 100%),linear-gradient(90deg, rgb(247,244,238),rgb(247,244,238));}

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

/*　囲みボーダー
-------------------------------*/
.border-grey{border: 1px solid #efefef;}
.border-khaki{border: 1px solid #998048;}

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

.outline-grey-double{outline: 4px double #dfdfdf!important;}
.outline-grey02-double{outline: 4px double #efefef!important;}
.outline-khaki-double{outline: 4px double #998048!important;}
.outline-white-double{outline: 4px double #FFFFFF!important;}

/*　区切りボーダー
-------------------------------*/
.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:600px){
.border_separation03-pc{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.border_separation05-pc{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
/*下border*/
.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;}
}

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

/*　テーブル
-------------------------------*/
.default_t {
	width: 100%;
}

.default_t_scroll {
	width: 100%;
	overflow: auto;
	white-space: nowrap;
}

.default_t table {
	width: 100%;
	height: auto;
	border: 1px #ccc solid;
	border-collapse: collapse;
}

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

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

.default_t th,.default_t td  {
	border: 1px #ccc solid;
	padding: 10px 15px;
	vertical-align: middle;
	line-height: normal;
}

@media screen and (max-width:600px){
.default_t table{
	border-bottom: 0px;
}

.t_block th{
	border: 0px;
	background: #efefef;
}

.t_block td{
	border: 0;
}

.t_block th,.t_block td {
	border-bottom: 1px solid #ccc;
}

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

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

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

.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 #ccc;
}

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

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

/*　見出し
-------------------------------*/
.caption01 {
	position: relative;
	width: 100%;
	font-family: 'Noto Sans JP', serif;
	font-size: clamp(1.25rem, 0.881rem + 0.91vw, 1.563rem);/*サイズ20px-25px／650px-1200px*/
	line-height: 1.5;
	border-left: 3px solid rgba(37,31,69,1.00);
	margin-bottom: clamp(0.625rem, 0.256rem + 0.91vw, 0.938rem);/*サイズ10px-15px／650px-1200px*/
	padding-left: clamp(0.625rem, 0.256rem + 0.91vw, 0.938rem);/*サイズ10px-15px／650px-1200px*/
}

/*　見出し2
-------------------------------*/
.caption02 {
	position: relative;
	font-size: clamp(1.25rem, 0.881rem + 0.91vw, 1.563rem);/*サイズ20px-25px／650px-1200px*/
	height: clamp(2.5rem, 2.131rem + 0.91vw, 2.813rem);/*サイズ40px-45px／650px-1200px*/
	font-family: 'Noto Sans JP', serif;
	border-bottom: 3px solid #F7F4EE;
	margin-bottom: 20px;
}

.caption02::after {
	position: absolute;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: clamp(2.5rem, 2.131rem + 0.91vw, 2.813rem);/*サイズ40px-45px／650px-1200px*/
	border-bottom: 3px solid rgba(37,31,69,1.00);
	pointer-events: none;
}

/*　見出し3
-------------------------------*/
.caption03 {
	font-family: 'Noto Sans JP', serif;
	font-size: clamp(1rem, 0.631rem + 0.91vw, 1.313rem);/*サイズ16px-21px／650px-1200px*/
	line-height: 1.3;
}


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

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

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

.arrowlist02::after{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
	margin: 0 10px;
}

.arrowlist03{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.arrowlist03::after{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
	text-decoration: none!important;
	margin: 0 10px;
	font-size: 10px;
}

/* 丸リスト
-------------------------------*/
.pointlist{
	
}

.pointlist *{
	position: relative;
	padding-left: 17px;
}

.pointlist *::before{
	content: "・";
	position: absolute;
	left: 0;
}

/* ※リスト
-------------------------------*/
.asterisklist li,
.asterisklist p{
	position: relative;
	padding-left: 15px;
}

.asterisklist li::before,
.asterisklist p::before{
	content: "※";
	position: absolute;
	left: 0;
}

/* ！リスト
-------------------------------*/
.exclamation{
	position: relative;
	padding-left: 17px!important;
}

.exclamation::before{
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 3%;
}


/*　囲み ※サブタイトル付き
-------------------------------*/
.box_border {
	position: relative;
	padding: 20px 17px 12px;
	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 {
	width: 100%;
	min-width: 0;
	background: rgba(37,31,69,1.00);
    text-decoration: none;
    transition: .4s;
	text-align: center;
	position: relative;
}

.square_btn::after {
	content: "";
	width: 10%;
	height: 5px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: skewX(50deg) translateY(-50%);
	transition: all .3s ease;
	pointer-events: none;
}

.square_btn:hover {
   background:rgba(62,50,124,1.00);
}

.square_btn:hover::after {
	right: 2%;
}

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


.square_btn-navyb {
	background: #251F45;
	outline: 1px solid #dfdfdf; 
    text-align: center;
    transition: .4s;
}

.square_btn-navyb:hover {
	background:#3E327C;
}

.square_btn-grey {
	background: #F7F4EE;
	outline: 1px solid #dfdfdf; 
    text-align: center;
    transition: .4s;
}

.square_btn-grey:hover {
    background: #FDFDFD;
}

.square_btn-navyb a,
.square_btn-grey a {
    display: block;
	padding: 15px 5px;
}

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

.square_btn-khaki {
	background: #998048;
	text-align: center;
    transition: .4s;
	color: #FFFFFF;
}

.square_btn-khaki a {
    display: block;
	padding: 15px 5px;
}

.square_btn-khaki:hover {
    background: #AD9152;
}

.square_btn a:link,.square_btn-navyb a:link,.square_btn-khaki a:link,
.square_btn a:visited,.square_btn-navyb a:visited,.square_btn-khaki a:visited,
.square_btn a:active,.square_btn-navyb a:active,.square_btn-khaki a:active,
.square_btn a:hover,.square_btn-navyb a:hover,.square_btn-khaki a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


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

.triangle::before{
	content: "";
	border-top: 1em solid transparent;
	border-right: 1em solid #251f45; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 5;
	right: 0px;
	bottom: 0px;
}

.triangle2::before{
	content: "";
	border-bottom: 1em solid transparent;
	border-left: 1em solid #251f45; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 0px;
}

.triangle-w::before{
	content: "";
	border-top: 1em solid transparent;
	border-right: 1em solid #FFFFFF; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 5;
	right: 0px;
	bottom: 0px;
}

.triangle-k::before {
	content: "";
	border-top: 1em solid transparent;
	border-right: 1em solid #998048; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 5;
	right: 0px;
	bottom: 0px;
}

.triangle::after,
.triangle2::after,
.triangle-w::after,
.triangle-k::after{
    content: "";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 6;
}

/*　半分背景
-------------------------------*/
.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%,#F7F4EE 30%,#F7F4EE 100%); 
}

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

@media screen and (max-width:600px){
.split_bg001,.split_bg002b{
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#F7F4EE 30%,#F7F4EE 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%,#F7F4EE 30%,#F7F4EE 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
}

/* 画像上テキスト
-------------------------------*/
.ontextbox,.ontextboxhover{
	position: relative;
	transition: 0.3s ease-in-out;
}

.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: 3;
	right: 0px;
	bottom: 0px;
	color: #FFFFFF;
	padding: 70px 20px 20px 20px;
	pointer-events: none;
	transition: 0.3s ease-in-out;
}

.ontext_w{
	position: absolute;
	background: rgba(255,255,255,0.7);
	height: auto;
	z-index: 100;
	left: 0px;
	bottom: 0px;
	padding: 5px 20px 5px 20px;
	pointer-events: none!important;
}

.ontext_w2{
	position: absolute;
	background: rgba(255,255,255,0.7);
	height: auto;
	z-index: 100;
	right: 0px;
	bottom: 0px;
	padding: 5px 20px 5px 20px;
	pointer-events: none!important;
}

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

@media screen and (max-width:600px){
.ontext{
	position: relative;
	background-image: none;
	color: #454545;
	padding: 10px;
}
.ontextboxhover:hover .ontext{
	opacity: 1;
}
}

.ontext_copy{
	position: absolute;
	height: auto;
	z-index: 100;
	left: 0px;
	bottom: 0px;
	padding: 5px;
	pointer-events: none!important;
	color: #FFFFFF;
	font-size: clamp(0.563rem, 0.415rem + 0.364vw, 0.688rem);/*サイズ9px-11px／650px-1200px*/
}

.ontext_copy::before{
	content: "写真："
}

/* 写真はイメージです
-------------------------------*/
.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: 5;
	bottom: 0%;
	right: 0%;
	padding: 0 5px;
}

/* 準備中
-------------------------------*/
.saido{filter: brightness(50%);}/*彩度落とす。文字に影響ない部分に*/

.offsection{
	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: 5;
	text-align: center;
	font-size: 18px;
}


/* 画像提供：地名・団体名
-------------------------------*/
.photo_copy{
	position: relative;
}
.photo_copy::after{
	position: absolute;
	content: "※写真提供：弘前市";
	color: #FFFFFF;
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 5;
	bottom: 0%;
	right: 0%;
	padding: 0 5px;
}