@charset "utf-8";

@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');
@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;
}

* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   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!important;
	font-feature-settings: "palt";
	color: #454545;
}

ul,dl{
	list-style: none;
}

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

img{
	vertical-align:bottom!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 ;
}

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

/* 要素フェードイン
-------------------------------*/
.fade-effect {
	opacity : 0;
	transform : translate(0, 25px);
	transition : all 0.8s ease-in-out;
}

.fade-delay01{transition-delay:0.2s!important;}
.fade-delay02{transition-delay:0.4s!important;}
.fade-delay03{transition-delay:0.6s!important;}

.fade-effect.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

/*　表示切替
-------------------------------*/
@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; /*アスペクト比（縦横比）を指定*/
}

.ggmap2 iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 6; /*アスペクト比（縦横比）を指定*/
}

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

.ggmap2 iframe {
  aspect-ratio: 16 / 9; /*アスペクト比（縦横比）を指定*/
}

}


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

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

#wrapper　a:link { color:#454545; text-decoration:none; }
#wrapper　a:visited { color: #454545; text-decoration:none; }
#wrapper　a:hover { color: #454545; text-decoration:none; }
#wrapper　a:active { color: #454545; text-decoration:none; }

.link_line a:link{text-decoration: underline!important;}
.link_line a:hover{text-decoration:none!important;}
.link_line_hover a:hover{text-decoration: underline!important;}

/*解除*/
.clear {
	overflow: hidden!important;
} 

/*マージン・余白*/
.ma_auto {margin-right: auto!important; margin-left: auto!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; }
.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:600px){
.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; } .mt30-sp { margin-top:30px!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; }
}

.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; } .pl90-pc { padding-left:90px!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,.pl90-pc { padding-left:0px!important; } 
.pa5-sp { padding:5px!important; } .pa10-sp { padding:10px!important; } .pa15-sp { padding:15px!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; } .pt60-sp { padding-top:60px!important; } .pt70-sp { padding-top:70px!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; } .pb60-sp { padding-bottom:60px!important; } .pb70-sp { padding-bottom:70px!important; }
.pl5-sp { padding-left:5px!important; } .pl10-sp { padding-left:10px!important; } .pl20-sp { padding-left:20px!important; } .pl30-sp { padding-left:30px!important; } .pl40-sp { padding-left:40px!important; } .pl50-sp { padding-left:50px!important; } .pl60-sp { padding-left:60px!important; } .pl70-sp { padding-left:70px!important; }
.pr5-sp { padding-right:5px!important; } .pr10-sp { padding-right:10px!important; } .pr20-sp { padding-right:20px!important; } .pr30-sp { padding-right:30px!important; } .pr40-sp { padding-right:40px!important; } .pr50-sp { padding-right:50px!important; } .pr60-sp { padding-right:60px!important; } .pr70-sp { padding-right:70px!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;} .w1300{ width: 100%; max-width: 1300px !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,.w1300 img{ width: 100% !important; height: auto!important;}

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

.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:nth-last-child(-n+2),.col2>li:nth-last-child(-n+2),.col2>p:nth-last-child(-n+2){margin-bottom: 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:nth-last-child(-n+2),.col2-pc>li:nth-last-child(-n+2),.col2-pc>p:nth-last-child(-n+2){margin-bottom: 0px;}
.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){
.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;}
.w10pct-pc,.w20pct-pc,.w30pct-pc,.w40pct-pc,.w50pct-pc,.w60pct-pc,.w70pct-pc,.w80pct-pc,.w90pct-pc{width: 100%;}
.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-last-child(-n+2),.col2-pc>li:nth-last-child(-n+2),.col2-pc>p:nth-last-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;}

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

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

/*ポジション*/
.pos-r{position: relative!important;}
.pos-a{position: absolute!important;}

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

/* flex
-------------------------------*/
.various_content,
.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;
}

.various_content-column{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	height: 100%;
}

@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: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
}

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

.flex_around{justify-content: space-around !important;/*両端の子要素も含め、均等に間隔をあけて配置*/}
.flex_around_pc{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_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_around_pc{justify-content: space-between !important;}
.flex_nowrap_pc {flex-wrap: wrap !important;/*子要素を折り返す*/}
.various_content03{width: 48%;}
}

/* フォント
-------------------------------*/
.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;}

@media screen and (max-width:600px){
.fs10-sp{ font-size: 10px !important;}.fs12-sp{ font-size: 12px !important;}.fs13-sp{ font-size: 13px !important;}.fs16-sp{ font-size: 16px !important;}.fs20-sp{ font-size: 20px !important;}.fs30-sp{ font-size: 30px !important;}
}

.fs10-12{font-size: clamp(0.625rem, 0.561rem + 0.157vw, 0.75rem)!important;/*サイズ10px-12px／650px-1920px*/}
.fs12-14{font-size: clamp(0.75rem, 0.686rem + 0.157vw, 0.875rem)!important;/*サイズ12px-14px／650px-1920px*/}
.fs14-16{font-size: clamp(0.875rem, 0.811rem + 0.16vw, 1rem)!important;/*サイズ14px-16px／650px-1920px*/}
.fs16-18{font-size: clamp(1rem, 0.936rem + 0.16vw, 1.125rem)!important;/*サイズ16px-18px／650px-1920px*/}
.fs18-20{font-size: clamp(1.125rem, 1.061rem + 0.16vw, 1.25rem)!important;/*サイズ18px-20px／650px-1920px*/}
.fs20-22{font-size: clamp(1.25rem, 1.186rem + 0.16vw, 1.375rem)!important;/*サイズ20px-22px／650px-1920px*/}
.fs22-30{font-size: clamp(1.375rem, 1.119rem + 0.63vw, 1.875rem)!important;/*サイズ22px-30px／650px-1920px*/}

.fc-white{ color: #FFFFFF !important;}
.fc-black{ color: #454545!important;}
.fc-red{ color: #91172e;}
.fc-navy{ color: #2c3e50;}
.fc-orange{ color: #ea5532;}
.fc-green{ color: #0D661A;}
.fc-brown{ color: #8d6000;}
.fc-blue{ color: #3c5686;}
.fc-purple{ color: #a05ba9;}
.f-accent{ color: #bd0000;}
.fc-main{ color: #79414c; }
.fc-pink{ color: #ef857d; }
.fc-khaki{color: #998048;}
.fc-grey{color: #F7F4EE;}

/*行高さ*/
.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;}

.line-h1times{line-height: 1!important;}
.line-h11times{line-height: 1.1!important;}
.line-h12times{line-height: 1.2!important;}
.line-h13times{line-height: 1.3!important;}
.line-h14times{line-height: 1.4!important;}
.line-h15times{line-height: 1.5!important;}
.line-h16times{line-height: 1.6!important;}
.line-h17times{line-height: 1.7!important;}
.line-h18times{line-height: 1.8!important;}
.line-h19times{line-height: 1.9!important;}
.line-h20times{line-height: 2!important;}
.line-h25times{line-height: 2.5!important;}
.line-h30times{line-height: 3!important;}

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

/*背景カラー*/
.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: rgba(0,0,0,1.00)!important; color: #FFFFFF;}
.bg-blue{background: #3c5686!important; color: #FFFFFF;}
.bg-red{background: #91172e!important; color: #FFFFFF;}
.bg-pink{background: #cd6b5e!important; color: #FFFFFF;}
.bg-green{background: #268a6d!important; color: #FFFFFF;}
.bg-khaki{background: #998048;}
.bg-navy{background: #011842!important; color: #FFFFFF;}
.bg-brown{background: #251c15!important; color: #FFFFFF;}

.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));}
.gradation-bg04{background-image: linear-gradient(12deg, rgba(193, 193, 193,0.05) 0%, rgba(193, 193, 193,0.05) 2%,rgba(129, 129, 129,0.05) 2%, rgba(129, 129, 129,0.05) 27%,rgba(185, 185, 185,0.05) 27%, rgba(185, 185, 185,0.05) 66%,rgba(83, 83, 83,0.05) 66%, rgba(83, 83, 83,0.05) 100%),linear-gradient(321deg, rgba(240, 240, 240,0.05) 0%, rgba(240, 240, 240,0.05) 13%,rgba(231, 231, 231,0.05) 13%, rgba(231, 231, 231,0.05) 34%,rgba(139, 139, 139,0.05) 34%, rgba(139, 139, 139,0.05) 71%,rgba(112, 112, 112,0.05) 71%, rgba(112, 112, 112,0.05) 100%),linear-gradient(236deg, rgba(189, 189, 189,0.05) 0%, rgba(189, 189, 189,0.05) 47%,rgba(138, 138, 138,0.05) 47%, rgba(138, 138, 138,0.05) 58%,rgba(108, 108, 108,0.05) 58%, rgba(108, 108, 108,0.05) 85%,rgba(143, 143, 143,0.05) 85%, rgba(143, 143, 143,0.05) 100%),linear-gradient(96deg, rgba(53, 53, 53,0.05) 0%, rgba(53, 53, 53,0.05) 53%,rgba(44, 44, 44,0.05) 53%, rgba(44, 44, 44,0.05) 82%,rgba(77, 77, 77,0.05) 82%, rgba(77, 77, 77,0.05) 98%,rgba(8, 8, 8,0.05) 98%, rgba(8, 8, 8,0.05) 100%),linear-gradient(334deg, rgb(0,18,40),rgb(0,18,40))!important;}
.parts-bg01{background: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/parts-bg01.jpg) repeat;}
.parts-bg02{background: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/parts-bg02.jpg) repeat;}
.parts-bg_cloud{background: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/cloud.jpg) repeat-y center center; background-attachment: fixed;}
.parts-bg_starrysky{background: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/starrysky.jpg) repeat-y center center; background-attachment: fixed;}
.parts-bg_asanoha{background: url("https://breezbay-group.com/atagawa-hcr/rakuten/img/asanoha_gray.jpg") repeat;}
.bg-stripe{background-image: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/bg_stripe.png);　background-repeat: repeat!important;}
.bg-black-split{background: linear-gradient(-45deg, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 70%),url("https://breezbay-group.com/atagawa-hcr/rakuten/img/asanoha.jpg") repeat;}
.bg-white-split{background: linear-gradient(-145deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%),url("https://breezbay-group.com/atagawa-hcr/rakuten/img/asanoha_gray.jpg") repeat;}

.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;}
.bg-white0{background: rgba(255,255,255,0) !important;}


@media screen and (max-width:600px){
.bg_white_pc{background: rgba(255,255,255,0)!important;}
.bg_white_sp{background: rgba(255,255,255,1)!important;}
.parts-bg_cloud{
	background: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/cloud.jpg) repeat-y center top;
	background-attachment: scroll;
	background-size: contain;
}
.parts-bg_starrysky{
	background-position: left 0%;
}
}

/*ボックスシャドウ*/
.box_shadow{
	position: relative;
	box-shadow:0px 0px 2px -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 #998048!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-black{outline: 1px solid #000000!important;}
.outline-khaki{outline: 1px solid #998048!important;}
.outline-blue{outline: 1px solid #0F273F!important;}

.border-double{border: double 4px #aaa;}
.border-double-khaki{border: double 4px #998048;}

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

/*鍵かっこボーダー*/
.bracket-box {
    position: relative;
    padding:10px 20px;
}

.bracket-box:before,.bracket-box:after{ 
    content:'';
    width: 5px;
    height: 100%;
    position: absolute;
    display: inline-block;
}

.bracket-box:before{
    border-left: solid 1px #dfdfdf;
    border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
    top:0;
    left: 0;
}

.bracket-box:after{
    border-right: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
	border-top: solid 1px #dfdfdf;
    bottom:0;
    right: 0;
}

.bracket-box p {
    margin: 0; 
    padding: 0;
}

@media screen and (max-width:600px){
.bracket-box {
    margin: 10px 10px 20px 10px!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_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!important; padding-bottom: 50px!important; border-bottom: 1px solid #efefef;}

/*下border*/
.borderb-sp {border-bottom: 1px solid #efefef;}
}

/*テーブル*/
.default_t table,.default_t2 table {
	width: 100%;
	height: auto;
	border: 1px #ddd solid;
	border-collapse: collapse;
	font-size: 0.8125rem;
}

.default_t th,.default_t td  {
	border: 1px #ddd solid;
	padding: 15px;
	vertical-align: middle;
	font-weight: normal;
}

.default_t2 th,.default_t2 td  {
	border: 1px #ddd solid;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
}

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

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

@media screen and (max-width:600px){
.t_block{
	border-top-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}

.t_block th{
	border-bottom-style: none!important;
	background: #F7F4EE;
}

.t_block td{
	border-bottom-style: none;
}

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

.default_t .w10,.default_t2 .w10{width: 100%;}
.default_t .w20,.default_t2 .w20{width: 100%;}
.default_t .w30,.default_t2 .w30{width: 100%;}
.default_t .w40,.default_t2 .w40{width: 100%;}
.default_t .w50,.default_t2 .w50{width: 100%;}
}

/* 横線リスト
-------------------------------*/
.list_section{
	width: 100%;
}

.list_section dl{
	display: flex;
	justify-content: flex-start !important;
	align-items: center;
	border-bottom:  1px solid #998048;
	padding: clamp(0.625rem, -0.729rem + 3.333vw, 1.25rem)  0;
}

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

.list_section dl dt{
	display: block;
	width: 40%;
	min-width: 40%;
	text-align: center;
}

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

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

/* 見出し1
-------------------------------*/
.caption01 {
	background: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/wave.png) top center;
}

.caption01-b {
	background: url(https://breezbay-group.com/atagawa-hcr/rakuten/img/wave2.png) top center;
	color: #FFFFFF;
}

.caption01,.caption01-b {
	position: relative;
	text-align: center;
	font-family: 'Cinzel', serif;
	font-size: clamp(1.875rem, 1.235rem + 1.57vw, 3.125rem);/*サイズ30px-50px／650px-1920px*/
	line-height: 1.3;
	white-space: nowrap;
	background-repeat: no-repeat;
	padding: 10px 0 50px 0;
	background-size: clamp(9.375rem, 6.176rem + 7.874vw, 15.625rem) auto;/*サイズ150px-250px／650px-1920px*/
}

.caption01:first-letter,.caption01-b:first-letter {
	color: #997f48;
	font-size: 120%;
}

.caption01 span,.caption01-b span {
	font-family: 'Noto Sans JP', sans-serif;
	color: #997f48;
	display: block;
	font-size: clamp(0.875rem, 0.747rem + 0.31vw, 1.125rem);/*サイズ14px-18px／650px-1920px*/
}

/* 見出し2
-------------------------------*/
.caption02 {
	position: relative;
	padding-left: clamp(0.75rem, 0.654rem + 0.236vw, 0.938rem);/*サイズ12px-15px／650px-1920px*/
	padding-bottom: 5px;
	font-size: clamp(1.125rem, 0.901rem + 0.551vw, 1.563rem);/*サイズ18px-25px／650px-1920px*/
	line-height: 1.5;
	border-left: 3px solid #e2e6ef;
}
.caption02::after{
	position: absolute;
	content: '';
	border-bottom: 1px solid #aaa;
	width: 100%;
	height: 100%;
	left: 5px;
	bottom: 0px;
}

.caption02 span{
	font-size: 13px;
}

/* 見出し3
-------------------------------*/
.caption03 {
	position: relative;
	text-align: center;
	font-size: clamp(1.563rem, 1.243rem + 0.787vw, 2.188rem);/*サイズ25px-35px／650px-1920px*/
	line-height: 1;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: clamp(3.125rem, 2.165rem + 2.362vw, 5rem);/*サイズ50px-80px／650px-1920px*/
}

.caption03::after {
	position: absolute;
	top: clamp(2.5rem, 1.860rem + 1.575vw, 3.75rem);/*サイズ40px-60px／650px-1920px*/
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	content: '';
	width: clamp(3.125rem, 1.526rem + 3.937vw, 6.25rem);/*サイズ50px-100px／650px-1920px*/
	height: clamp(0.188rem, 0.124rem + 0.157vw, 0.313rem);/*サイズ3px-5px／650px-1920px*/
	background-color: #998048;
	border-radius: 2px;
}

.caption03 span {
	font-size: clamp(0.875rem, 0.683rem + 0.47vw, 1.25rem);/*サイズ16px-22px／650px-1920px*/
}

/* 見出し4
-------------------------------*/
.caption04 {
	font-size: clamp(1rem, 0.808rem + 0.47vw, 1.375rem);/*サイズ16px-22px／650px-1920px*/
	line-height: 1.2;
}

/* 見出し5
-------------------------------*/
.caption05 {
	position: relative;
	font-size: clamp(1.563rem, 1.243rem + 0.787vw, 2.188rem);/*サイズ25px-35px／650px-1920px*/
	line-height: 1;
	padding-left: clamp(1.25rem, 0.93rem + 0.79vw, 1.875rem);/*サイズ20px-30px／650px-1920px*/
}

.caption05::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	z-index: 2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: clamp(0.625rem, 0.305rem + 0.79vw, 1.25rem)  0 0 clamp(0.625rem, 0.305rem + 0.79vw, 1.25rem);/*サイズ10px-20px／650px-1920px*/
	border-color: transparent transparent transparent #998048;
}

.caption05 span {
	font-size: clamp(0.813rem, 0.717rem + 0.24vw, 1rem);/*サイズ13px-16px／650px-1920px*/
	line-height: 1;
}

/* サブ見出し
-------------------------------*/
.spot{
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* 最初の文字大きい見出し
-------------------------------*/
.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;
}

/* 矢印リスト
-------------------------------*/
.arrow{
	position: relative;
}

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

.arrowlist li,
.arrowlist p{
	position: relative;
	padding-left: 10px;
}

.arrowlist li::before,
.arrowlist p::before{
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: bold;
	position: absolute;
	left: 0;
	font-size: 10px;
}

.arrowlist02{
	position: relative;
	padding-right: 15px;
}

.arrowlist02::after{
	font-family: "Font Awesome 5 Free";
	font-size: 70%;
	content: "\f105";
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
}

.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-left: 10px;
	font-size: 10px;
}

/* 丸リスト
-------------------------------*/
.pointlist li,
.pointlist p{
	position: relative;
	padding-left: 17px;
}

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

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

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

/* サブタイトル付きボーダー
-------------------------------*/
.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 {
	width: 90%;
	max-width: 400px;
	min-width: 0;
	background: rgba(1,24,66,1.00);
	outline: 4px double rgba(1,24,66,1.00);
    text-decoration: none;
    transition: .4s;
	text-align: center;
	position: relative;
}

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

.square_btn:hover {
   background:rgba(1,24,66,0.9);
}

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

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

.square_btn_grey {
	width: 90%;
	max-width: 400px;
	min-width: 0;
	background: rgba(247,244,238,1.00);
	outline: 4px double rgba(247,244,238,1.00);
    text-decoration: none;
    transition: .4s;
	text-align: center;
	position: relative;
}

.square_btn_grey:hover {
   background: rgba(247,244,238,0.7);
}

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

.square_btn_khaki {
	width: 90%;
	max-width: 400px;
	min-width: 0;
	background: #998048;
	outline: 4px double #998048;
    text-decoration: none;
    transition: .4s;
	text-align: center;
	position: relative;
}

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

.square_btn_khaki:hover {
   background:#A88D4F;
}

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

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

.square_btn_red {
	width: 90%;
	max-width: 400px;
	min-width: 0;
	background: #a73232;
	outline: 4px double #a73232;
    text-decoration: none;
    transition: .4s;
	text-align: center;
	position: relative;
}

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

.square_btn_red:hover {
   background:#C94949;
}

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

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

.square_btn_reserve {
	width: 100%;
	max-width: 200px;
	background: #998048;
	outline: 4px double #998048;
	font-family: 'Noto Serif JP', serif;
	font-size: clamp(0.813rem, 0.1rem + 1.2vw, 1rem);/*(13-16 950-1200)*/
    text-decoration: none;
	text-align: center;
	position: relative;
}

.square_btn_reserve a {
    display: block;
	padding: 15px 5px;
	transition: .4s;
}

.square_btn_reserve a:hover {
	background: #A88D4F;
}


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

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

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

.triangle02 {
	position: relative;
}

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

.triangle03 {
	position: relative;
}

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

/* リボンラベル
-------------------------------*/
.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%,#364f6b 0%,#364f6b);
}
.ribbon01::before {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	content: ' ';
	border: 3px solid transparent;
	border-top: 3px solid #293C52;
	border-right: 3px solid #293C52;
}


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

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

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

.split_bg_pattern{
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("https://breezbay-group.com/atagawa-hcr/rakuten/img/asanoha_gray.jpg") repeat;
}

.split_bg_pattern02{
background: #ffffff; /* Old browsers */
background: linear-gradient(90deg, 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("https://breezbay-group.com/atagawa-hcr/rakuten/img/asanoha_gray.jpg") repeat;
}

.split_bg_pattern03{
background: #ffffff; /* Old browsers */
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("https://breezbay-group.com/atagawa-hcr/rakuten/img/asanoha_gray.jpg") repeat;
}

.split_bg_pattern04{
background: #ffffff; /* Old browsers */
background: linear-gradient(90deg, rgba(14,14,14,0) 0%, rgba(14,14,14,0.8) 30%, rgba(14,14,14,0.8) 70%, rgba(14,14,14,0) 100%),url("https://breezbay-group.com/atagawa-hcr/rakuten/img/menu_bg.jpg") repeat;
}

@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{
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%); 
}

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

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

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

.brightness_off:hover {
filter: brightness(100%)!important;
}

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

/* 画像上テキスト
-------------------------------*/
.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: 2;
	right: 0px;
	bottom: 0px;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
	pointer-events: none;
	transition: 0.3s ease-in-out;
}

.ontext-white{
	position: absolute;
	background: #FFFFFF;
	height: auto;
	z-index: 100;
	right: 0px;
	bottom: 0px;
	padding: 5px 20px 5px 20px;
	pointer-events: none!important;
}

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

.ontextbox img {
	filter: brightness(80%);
}

.ontextbox img:hover {
	filter: brightness(100%);
	filter:alpha(opacity=100);
	opacity: 1 ;
}

/* 写真はイメージです
-------------------------------*/
.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: 2;
	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: 20;
	text-align: center;
	font-size: 18px;
}