@charset "utf-8";

/*-------------------------------------------------------------------------------------*/
/*テキスト設定*　フォントサイズ16pxで100%　1px＝6.3％　/ メインカラー設定
/*-------------------------------------------------------------------------------------*/
/*@font-face {  font-family: YuGothicM;  src: local(Yu Gothic Medium),       local(Yu Gothic);  font-weight: 500;}*/

body {/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium" , "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/

 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body { color:#333; text-align: center;  line-height:1.3;} 
* { -webkit-text-size-adjust : 100%;}
a { color: #666;}
a:hover { color:#069;}
/*pの設定*/
p { text-align:left; line-height:1.6; font-size:16px;}
p+p { margin-top:23px; }/*pが連続していたら、マージン*/
section { padding-top:45px;}
h2 , h3 , h4 , h5 , h6 { margin-bottom:15px;}

/*-------------------------------------------------------------------------------------*/
/*レイアウト設定*/
/*-------------------------------------------------------------------------------------*/
/*ページ全体*/
#wrapper  { background:url(../hscwp/wp-content/uploads/body.jpg);}

/*横幅*/
#description,#header,#menu-glnv,#keyvisual,#footer 
{ width:1100px; margin-left:auto; margin-right:auto;}
.width , .box,.box1 , .box2 { width:980px; margin-left:auto; margin-right:auto; padding:20px; margin-top:30px;}
.box , .box1 , .box2 { color:#333;}


#side { width:240px; float:right; overflow:hidden; }

/*キービジュアル設定*/
body.home #keyvisual_wrap { background:url(../hscwp/wp-content/uploads/keyvisual_wrap.jpg) no-repeat center top;}
body.home #keyvisual { height:612px;}/*キービジュアルの高さ設定*/

/*ディスクリプション設定*/
#description_wrap { background-color:rgba( 255, 255, 255, 0.8); color:#665933; font-size:12px; padding-top:3px; padding-bottom:3px;}/**/

/*ヘッダ設定*/
#header_wrap  { background: url(../hscwp/wp-content/uploads/header_wrap.png) ;background-size: contain;}/*ヘッダー*/
#header { padding:1px 0;}/*ヘッダー上下の余白です。*/
#header .logo img { max-height:70px;}

/*ナビゲーション設定*/
#navigation_wrap {/*background-color: rgba(255, 255, 255, 0.7); */background:url(../hscwp/wp-content/uploads/navigation_wrap.png) repeat-x; background-size: contain; }/*ナビゲーションの背景*/
ul#menu-glnv { height:40px;}/*ナビゲーションの高さ*/
ul#menu-glnv>li a { font-size: 14px; font-weight: bold; color: #FFF; text-decoration:none;}/*ナビゲーションの文字*/
#menu-glnv > li:hover > a {opacity:0.7;/* color: #FF0;*/ }/*ナビゲーションの文字にカーソルがある時の色*/
.current-menu-item a {  }/*ナビゲーションカレントの背景設定*/
/*ナビゲーション　プルダウンの設定*/
li ul.sub-menu {  width:280px;}/*プルダウンの幅*/
li ul.sub-menu li a { color: #333 !important; }/*プルダウンの文字の色*/

/*スマホのメニューバーの色*/
#s-navi dt.trigger { }
/*スマホのメニューバーのアイコンと文字の色と余白*/
#s-navi dt.trigger .op { font-size: 25px; color: #C90 !important; padding: 0px 10px; }

/*ループコンテンツ設定*/
.home .editcontents { margin-top:60px;}

/*フッター設定*/
#footer_wrap { background:url(../hscwp/wp-content/uploads/footer_wrap.jpg);}

/* 特殊ボックス設定*/
.box { background-color:rgba( 255, 255, 255, 0.8 );-webkit-box-shadow: 0 0 7px 0 #e3e3e3; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 7px 0 #e3e3e3; /* Firefox用 */
  box-shadow: 0 0 7px 0 #e3e3e3; /* CSS3 */}
.box1 { background-color: #F2F2F2; 
-webkit-box-shadow: inset 0 0 50px 0 #E1E1E1;
-moz-box-shadow:  inset 0 0 50px 0 #E1E1E1;
box-shadow: inset 0 0 50px 0 #E1E1E1;}
.box2 { background-color: #FFF; 
-webkit-box-shadow: inset 0 0 50px 0 #E1E1E1;
-moz-box-shadow:  inset 0 0 50px 0 #E1E1E1;
box-shadow: inset 0 0 50px 0 #E1E1E1;}

/*第二階層*/
#main { width:980px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:30px;}
#contents { width:710px; float:left; overflow:hidden; }
#side { width:240px; float:right; overflow:hidden;}
#side p { font-size:14px; }
#side p+p { margin-top:0px; }/*pが連続していたら、マージン*/

#keyvisual_wrap {/**/background-size: cover; background:url(../hscwp/wp-content/uploads/keyvisual_wrap2.jpg) no-repeat  top center; }/*第二階層キービジュアルの設定*/
#keyvisual2 { width:980px; height:150px; margin:0 auto;}/*第二階層キービジュアルの高さ設定*/
#contents box , #contents width , #contents box1 , #contents box2 { width:100%;} 


/*-------------------------------------------------------------------------------------*/
/*タイトル設定
/*-------------------------------------------------------------------------------------*/
h1 { font-size:47px;   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;}
#contents h1 { font-family: inherit;}
h2 { color: #808040; font-size:30px; text-align:left; font-weight: normal;}

.design_title01 { background:url(../hscwp/wp-content/uploads/title01_bg.png) no-repeat center bottom; padding:15px 0.6vw 55px 0.6vw; color: #FFF; text-shadow: 1px 1px 3px  #444;}
.design_title02 { background:url(../images/bg_title02.gif); background-size: cover; padding:20px; color:#FFF; line-height:1.4; }
.design_title03 { color:#003333; font-size:23px; border-left:#003333 solid 3px; padding-left:10px; font-weight:bold; display:block; }

/*-------------------------------------------------------------------------------------*/
/*ボタン設定* 
/*-------------------------------------------------------------------------------------*/
.btn01 a { color:#FFF; text-decoration:none; background: linear-gradient(#cccc00, #cccc00);/*上,下*/
min-width:100px; text-align:center !important; border-radius: 3px; cursor:pointer; padding: 5px 15px; font-weight: bold; }
.btn01 { text-align:center !important;}
.btn01 a:hover { color: #FF6; opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }
.btn01 a:before { content: url(../images/parts/btn.png); padding-right:7px;}


.btn02 {
	background: linear-gradient(#FF79B5, #FF79B5);/*上,下*/
	/*text-shadow: 1px 1px 0px  #000; */
	font-size:14px; color:#FFF
	border-bottom:#534311 3px solid; /*border-right:#052F3A 2px solid;*/
	/*padding-left:5px; padding-right:5px;*/
display:inline-block; text-align:center; border-radius: 3px;  cursor:pointer; padding-left:15px; padding-right:15px; }
.btn02 a { color:#FFF; text-decoration:none;}
.btn02:hover {opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }
.btn02:before { content: url(../images/parts/btn.png); padding-right:7px;}

/*-------------------------------------------*/
/*	比較表
/*-------------------------------------------*/
table.hikakuhyou { width:100%; table-layout: auto; font-size:15px;}
table.hikakuhyou p { margin:0 !important;}
table.hikakuhyou th
{ padding:8px; background-color:#D8D8D8; font-weight:bold;}
table.hikakuhyou td
{ padding:8px; background-color:#F6F6F6;}
.t_design tr:nth-child(odd) {  }
.mainchoice { background-color:#F60 !important; color:#FFF; font-weight:bold;}

/*-------------------------------------------------------------------------------------*/
/*その他デザイン部品
/*-------------------------------------------------------------------------------------*/
ul.check01 li {background:url(../images/parts/check01.png) no-repeat left 10px;padding:10px 10px 15px 50px; font-weight:bold;}
ul.check02 li {background:url(../images/parts/check02.png) no-repeat left 10px;padding:10px 10px 15px 50px; font-weight:bold;}
i.fa { margin-right:5px; }


/*-------------------------------------------------------------------------------------*/
/*お客様の声＆よくある質問設定
/*-------------------------------------------------------------------------------------*/
dl.evaluation { margin-left:auto; margin-right:auto; width:850px;}
dl.evaluation dt { color: #F93; text-align:left; font-size:21px; margin-bottom:15px; position:relative;}
dl.evaluation dt:after { content: "";  border-top: 5px solid #F93; display:block; position: absolute; width: 100%; height: 15px; opacity:0.3;}
dl.evaluation dd { margin-bottom:50px;}

dl.qa {width:850px; margin:0 auto; text-align:left; }
dl.qa dt { margin-bottom:15px; font-size:18px;}
.qna {color: #F90; font-size:19px;}
dl.qa dd { background-color: #F7F0D7;  background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#333333; font-size:16px; text-align:center; /*height: 115px; margin-bottom:60px;*/ position: relative; width: 100%; margin-bottom:40px;}
dl.qa dd:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-bottom-color: #F7F0D7; bottom: 100%; left: 8%; margin-left: -20px; }


/*-------------------------------------------------------------------------------------*/
/*パンくず設定
/*-------------------------------------------------------------------------------------*/
.pankuzu_sub a {  font-size:12px;} .pankuzu_main {  font-size:18px; font-weight:normal;}

.pagetitle { text-shadow:#CCC 1px 1px 5px, #CCC -1px 1px 5px; color:#FFF; font-size:26px;}

/*-------------------------------------------------------------------------------------*/
/*メニュー設定
/*-------------------------------------------------------------------------------------*/
.menu_cttitle { font-size:24px; color: #990; text-align:center; border-bottom:#D6D189 solid 2px; margin-bottom:10px; padding-bottom:5px; font-family: "Sorts Mill Goudy", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: 900;}

/*メニュー枠デザイン*/
.menu_1 , .menu_2 { width:100%; border:#FFF solid 1px; background-color:#FFF; padding:12px; margin-bottom:20px; }
.menu_1 p , .menu_2 p { font-size:14px; color:#333;}
/*メニュータイトル*/
.menu_title { color:#333333; border-bottom: #cccc00 solid 1px; font-size:18px; font-weight:bold; padding-bottom:5px; margin-bottom:10px; text-align:left;}
/*メニュー金額*/
.menu_price { color:#D98898; font-weight:bold;}
/*-------------------------------------------------------------------------------------*/
/*ボトムコンテンツ設定
/*-----------------------------------------------------------------------------------*/
#bottom_contents { background-color:#F5F5F5; padding:15px 0; }

/*-------------------------------------------------------------------------------------*/
/*ブログとニュース設定
/*-------------------------------------------------------------------------------------*/
ul.pickup li { margin-top:20px; }
.pickup_title { padding:20px 20px 10px 20px;}
.blogtitle { font-size:28px; margin-bottom:30px; color:#990; text-align:left; font-weight:normal; border-bottom:#990 solid 1px; padding-bottom:5px;}
 


/*-------------------------------------------------------------------------------------*/
/*第二階層
/*-------------------------------------------------------------------------------------*/
#side { font-size:13px;}
#side img { max-width:100%; height: auto;}
/*.sidetitle { background-color:#FFE0B2; color:#D1B781; text-align:left; font-size:14px; font-weight:normal; padding:20px; color:#666; margin-bottom:10px;}*/
.sidetitle { color:#D1B781; text-align:left; border-bottom:#D1B781 solid 3px; font-size:16px; position:relative; margin-bottom:20px; font-weight:bold;}
.sidetitle:after { content: "";  border-top: 3px solid #D1B781; display:block; position: absolute; width: 100%; height: 15px; opacity:0.3;}
.googlemap_side {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;} 
.googlemap_side iframe,
.googlemap_side object,
.googlemap_side embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*第二階層の画像の最大表示幅を640pxに*/
body.single div#contents img , body.page #contents img { max-width:100%; height: auto;}
/*第二階層の特典の部分のテキスト設定*/
.sidetokuten , .sidetokuten p { text-align:center;}
.sidetokuten p { font-size:inherit;}
/*-------------------------------------------*/
/*	吹き出し部分
/*-------------------------------------------*/
.hukidasi_ue {	position: relative;display: inline-block;margin: 1.5em 0; max-width: 100%;background: #FFE1AA;}
.hukidasi_ue:before{content: "";position: absolute;top: -30px;left: 50%;margin-left: -15px;border: 15px solid transparent;border-bottom: 15px solid #FFE1AA;}


.marunimoji {/* サイズはspanで指定 */ /* 背景色 */* 角を丸くする */border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;
}



/*-------------------------------------------*/
/*	詳細メニュー部分
/*-------------------------------------------*/
table.t_design_s { margin: 0 auto; margin-bottom:100px; border-collapse: separate;  width:750px;}
table.t_design_s th, table.t_design td { padding: 10px; border:none; }
table.t_design_s th { background: #f8f2e2; vertical-align: middle; text-align: center; overflow: visible; position: relative; font-weight: bold;  border-right:#FFF solid 2px;}
table.t_design_s td { background: #E8E8E8; padding-left: 20px; text-align:center; width:180px;}
table.t_design_s img { margin-bottom:0px !important; }


.sp_r { display:none;}

/*-------------------------------------------*/
/*	特殊アニメーション　パーセントサークル
/*-------------------------------------------*/
#circle { width:300px;}

/*-------------------------------------------*/
/*	特殊パーツ
/*-------------------------------------------*/
.gizabox { background:url(../images/gizabox.gif) repeat-x; background-size: auto 100%;  padding-top:30px; padding-bottom:30px;}
.gizabox  h3 { text-align:left;}
.gizabox .btn01 { margin-top:30px;}