@charset "UTF-8";
/*!
Theme Name: hsc_ultimate
Version: 20200206
*/


/*カスタムセット*/
/*メインカラー設定*/

:root {--main-color:rgba(137,106,65);}



.maincolor {color: var(--main-color);}
.maincolor_bg {background-color: var(--main-color);}



/*初期化*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
* { margin: 0px; padding: 0px; line-height:1.2; word-wrap: break-word; vertical-align:middle;}
ul { list-style: none; }
ol  { display: block; text-align:left; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start:1.5em; }
a {text-decoration:underline; font-size:100%; overflow:hidden; outline:none; }
img, a img { border: none; text-decoration:none; max-width:100%; }
.clearBoth { clear:both; font-size:1px; height:0; text-align:center; }
iframe { vertical-align: bottom;}
strong { font-weight:bold;}
main { position:relative; z-index:10;}
img { vertical-align: middle;}


/*---------------------------------------------------------
common
---------------------------------------------------------*/
html { font-size: 62.5%; }
/* Text elements */
body { font-size:1.6em; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust : 100%; height:100%;}
body { color:#333; }
h1,h2,h3,h4,h5,h6 { font-size:100%; text-align:center;}
a { color: #666; text-decoration: none; }
a:hover { text-decoration:underline;}
a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
ol { display: block; text-align:left; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start:1.5em; text-align:left;}
dl { text-align:left;} dl dd:not(:last-child) { margin-bottom:1.7em;}

/*pの設定*/
p {text-align:left; line-height:1.35;}
h1+p,h2+p,h3+p,h4+p,h5+p,h6+p { margin-top:1rem;}
p+p { margin-top:19px;  line-height:1.7; }/*pが連続していたら、マージン*/
.fa { margin-right:5px; font-size:130%;}/*アイコンフォントの右側のつまりすぎとちょっと小さいのを解消*/
@media screen and (min-width: 320px) and (max-width: 768px) {
p {font-size: 1.9rem;}
}





/*---------------------------------------------------------
レイアウト
---------------------------------------------------------*/
/*全体背景*/
#wrapper { }

/*ヘッダー設定*/
header { position:absolute; top:0; left:0; width:100%;}
#header { /*background:rgba(255,255,255,0.7); position:absolute; top:0; left:0;*/}


/*トップページキャッチコピー設定*/


/*キービジュアル設定*/
#topbana { padding:0 50px 0 100px}
body:not(.home)  #topbana { height:250px; background:url(/images/bg/bg_keyvisual.jpg) no-repeat center;}

/*ナビゲーション設定*/
nav {background-color:rgba( 135, 107, 67, 0.5); width:800px;}/*背景*/

@media screen and (min-width: 320px) and (max-width: 768px) {
nav {background-color:rgba( 135, 107, 67, 0.95);}/*背景*/
/*スマホメニューバー*/
.menu__line { background:rgba( 135, 107, 67, 1.0);   }
}

/*ナビゲーションの文字*/
ul#menu-glnv>li { padding:15px 0;}
ul#menu-glnv>li a { color: #FFF; font-size: 15px;	font-weight: normal; text-decoration:none;}
/*ul#menu-glnv>li { background:url(/images/parts/navi.png) no-repeat }ナビゲーションの文字の間の装飾*/
ul#menu-glnv>li.nav_order { background-color:#900; padding:8px;}/*予約部分のデザイン*/



#menu-glnv > li a:hover {	color: #FF9;}/*マウスオーバー時*/
.current-menu-item a { }/*ナビゲーションカレントの背景設定*/

/*ナビゲーション　プルダウンの設定*/
li ul.sub-menu { width:280px; }/*プルダウンの幅*/
ul#menu-glnv>li ul.sub-menu li a { color: #333 ; }/*プルダウンの文字の色*/
.sub-menu li { padding:15px 0;}/*プルダウンのメニュー間の装飾*/
ul#menu-glnv>li:first-child { background:none;}/*ナビゲーションの文字の間の装飾を一番最初は削除している*/
/*ul#menu-glnv>li.current-menu-item a { color: #FF0!important; background:none;}カレントメニューデザイン*/




main { background-color:#FFF; position:relative; }

footer {}

/*レイアウト構成設定*/

.width { width:1080px; margin-left:auto; margin-right:auto;}
#contents { width:750px; float:left;}
#side_contents { width:220px; float:right;}




/*タイトルデザイン*/
.title01 { position:relative; padding-bottom:2.0rem;  font-size:3.0rem; margin-bottom:3.0rem; text-align:center; font-family: "Sawarabi Mincho"; letter-spacing:0; font-weight:bold;}
.title01:after {	margin-left: -75px;	position: absolute;	width: 150px;	height: 1px;	left: 50%;	bottom: 0;	border-bottom: 1px solid #808000;	content: "";}

.title02 { position:relative;  padding-bottom:2.0rem;  font-size:2.8rem; margin-bottom:3.0rem; text-align:left; font-family: "Sawarabi Mincho";  font-weight:normal; }
.title02:after {position: absolute;width: 80%;height: 1px;left:0;bottom: 0;border-bottom: 1px solid #808000;content: "";}

.title03 { position:relative;  padding:20px; line-height:1.4; font-size:3.4rem; margin-bottom:30px; text-align:center; font-weight:bold;}
.title03:after {margin-left: -45px;	position: absolute;	width: 90px;	height: 1px;	left: 50%;	bottom: 0;	border-bottom: 2px solid #808000;	content: "";}
@media screen and (min-width: 320px) and (max-width: 768px) {
.title01 { font-size:3.2rem;}
}


/*ボタン*/
.btn01 { background-color:#FFF; font-weight:bold;  display: inline-block;border: solid #333 1px; padding:2.0rem; margin-top:3rem; text-align:center; /*  font-family: "Sawarabi Mincho"; */
-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all .3s;  transition: all .3s;}
.btn01:hover {  background-color: #000; color:#FFF; text-decoration:none; opacity: 1;}
.btn01 a:hover { color:#FFF; }
.btn01:before {   font-family: 'Material Icons';  content: "\e5e1"; margin-right:10px;}





@media screen and (min-width: 320px) and (max-width: 768px) {
.btn01{}
}



/*---------------------------------------------------------
追加オリジナルスタイル
---------------------------------------------------------*/
ul.newslist95 li { margin-bottom:15px; padding-bottom:15px; border-bottom:#CCC solid 1px; text-align:left;} 
ul.newslist95 li span { padding:0.6rem;  border-radius: 0px; display:inline-block; margin-left:20px; width:100px; text-align:center; font-size:1.4rem}
.sugusita { background:rgba(135, 107, 67, 0.6 ); width:950px; margin:0px auto 0 auto; color:#FFF; position:relative; top:-60px;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.sugusita { width:92%; top:-30px;}
}

.dodeka { font-size:20rem; opacity:0.07; margin-bottom:-100px;}

.examp { overflow:hidden;}
.examptb { padding-top:50px; padding-bottom:1px;}



.style055 { background-image:url(images/bg_002.png); background-repeat:no-repeat; background-size: cover; background-position:center; padding:100px 0; margin:60px 0;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.style055 { background-image:none; background-color:#9A8261; padding:30px 0 0 0;}
.style055 .w500px { margin-left:auto; margin-right:auto;}
}

.single_title { font-size:22px; padding:50px 0;}
#side_contents ul li { margin-bottom:20px;}
.widgettitle { font-size:20px; color:#C60; border-bottom:#C60 solid 1px; font-weight:bold; margin-bottom:20px;}