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

styleの設定は＃が基本とする
---------------------------------------------------------*/

/*---------------------------------------------------------
common
---------------------------------------------------------*/

/* Text elements */
body { font-size:1.6rem; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.4; -webkit-text-size-adjust : 100%; }
body { color:#333; }
h1 , h2 , h3 , h4 , h5 { font-size:1.6rem; margin-bottom:0.7em;}
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 )"; }


/*---------------------------------------------------------
レイアウト
---------------------------------------------------------*/
/*ヘッダー設定*/
#description_wrap { background-color:#BD7B7B;}

#header { background:rgba(255,255,255,0.9);position:absolute;}

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

/*キービジュアル設定*/
#keyvisual { background-size: cover; top:0; width:100%;}


body:not(.home)  #keyvisual {}

/*ぱんくず設定*/
#pankuzu { background-color: #F8F8F8; padding:10px}

/*ナビゲーション設定*/
#navigation {background-color: rgba(189,123,123, 0.8);}/*背景*/
ul#menu-glnv { height:40px; }/*ナビゲーションの高さ*/

/*ナビゲーションの文字*/
ul#menu-glnv>li { margin-left:20px;}
ul#menu-glnv>li a {	font-size: 16px;	font-weight: bold;	color:#FFF;	text-decoration:none;}/*ナビゲーションの文字色　大きさ*/
ul#menu-glnv>li { background:url(/images/parts/navi.png) no-repeat }/*ナビゲーションの文字の間の装飾*/
/*マウスオーバー時*/
#menu-glnv > li a:hover {	color: #FF0;}
.current-menu-item a { }/*ナビゲーションカレントの背景設定*/

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

footer { background-color: #BD7B7B;}


/*レイアウト構成設定*/
main { background-color:#FFF; }
.width { width:980px; margin-left:auto; margin-right:auto;}
.contents { width:750px; float:left;}
#side_contents { width:290px; float:right;}


/*メインカラー設定*/
.maincolor { color:#BD7B7B;}
.maincolor_bg { background-color:#BD7B7B;}


/*ボタン*/
.btn01 {background-color:#e6c619; color:#FFF; display:inline-block;  min-width:100px; padding:5px 20px; margin:20px 0; border-radius: 8px;}
.btn_order { background-color:#1F7CDB; box-shadow: 5px 5px 0px rgba(17,69,121,0.9); color:#FFF; display:inline-block;  min-width:60%; padding:15px 20px; margin:20px 0; border-radius: 8px; font-weight:bold; font-size:30px;}
.btn_order a {color:#FFF;}

.yoyaku_btn { color:#FFF; padding:10px 25px; margin-right:20px;}
.yoyaku_btn:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.yoyaku_btn::before {content:'\f0da';	font-family:'Font Awesome 5 Free'	;font-weight:900; margin-right:10px;}

/*---------------------------------------------------------
TOPページ
---------------------------------------------------------*/

/*タイトルデザイン*/
.design_title01 { background-color:  #BD7B7B; background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#FFF; text-align:center; font-weight:bold; margin-bottom:20px; position: relative; width: 100%; font-size:42px;   line-height:1.3; font-family:"Times New Roman","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "游明朝", "Yu Mincho", "游明朝体", "YuMincho","ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;   font-weight: 900;}
/*.design_title01:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-top-color: #EF5762; top: 100%; left: 50%; margin-left: -20px; }*/

.design_title02 { position:relative;  padding:20px; line-height:1.4; font-size:30px; margin-bottom:30px; text-align:center;}
.design_title02:after {	margin-left: -101px;	position: absolute;	width: 203px;	height: 1px;	left: 50%;	bottom: 0;	border-bottom: 2px solid #808000;	content: "";}



/*申し込み部分の半透明色*/
.order_opacity {background: rgba(131,83,35,.7);}


/*---------------------------------------------------------
記事　single設定
---------------------------------------------------------*/
/*タイトルデザイン*/
.single_title { font-size:30px; margin-bottom:30px; text-align:left;}
.blog_ct { border:#CCC solid 1px; font-size:12px; padding:3px;}



/*---------------------------------------------------------
記事　一覧設定
---------------------------------------------------------*/
ul.itiran_tate li { margin-bottom:20px;}


/*---------------------------------------------------------
サイドバー設定
---------------------------------------------------------*/
#blogside { }
h2.sidetitle { }
#blogside h2.sidetitle { font-size:20px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; border-bottom:#F0F0F0 solid 1px;} 
#blogside select { padding:10px; border:#CCC solid 1px;  border-radius: 8px;}


/*---------------------------------------------------------
第二階層　デザイン
---------------------------------------------------------*/
.widgettitle { color:#bb4f80; border-bottom:#bb4f80 solid 1px; margin-bottom:15px;}
.sidewidget { margin-bottom:30px;}
.sidewidget ul li {margin-bottom:15px; padding-bottom:15px; border-bottom: dashed #ccc 1px;}








/*---------------------------------------------------------
original
---------------------------------------------------------*/
.sragmaster { display:inline-block; width:100px; text-align:center; font-weight:bold;}
.kannrenn_tite { color:#BB4F80; border-bottom:#BB4F80 solid 1px; font-size:20px; padding-bottom:5px; text-align:left;}

.relatelist_url { border-bottom:#CCC dashed 1px; padding-bottom:10px; margin-bottom:10px;}
.relatelist_url a {  color:#BB4F80;}

.iranai { color:#FFF}

.swiper-wrapper , .swiper-slide { height:100%; width:100%;}


ul.bg_parts01w>li { text-align:left;
    background: url(/images/bg/parts01w_bg.png) no-repeat left top;
    padding-left: 23px; color:#FFF !important;}
	ul.bg_parts01w>li  a { color:#FFF !important;}

#catch_top img { border:#FFF 8px solid !important;}