@charset "utf-8";
/*-------------------------------------------------------------------------------------*/
/*テキスト設定*　フォントサイズ16pxで100%　1px＝6.3％　/ メインカラー設定
/*-------------------------------------------------------------------------------------*/
body { color:#333; } 
a { color: #666;}
a:hover { color:#069;}

/*-------------------------------------------------------------------------------------*/
/*レイアウト設定*/
/*-------------------------------------------------------------------------------------*/
/*ページ全体*/
#wrapper  { }

/*キービジュアル設定*/
body.home #keyvisual_wrap {background:url(../images/bg/keyvisual_wrap.jpg) no-repeat top; background-size: cover; }/*キービジュアル設定*/
body.home #keyvisual { height:500px;}/*キービジュアルの高さ設定*/

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

/*ヘッダ設定*/
#header_wrap  { background-color:rgba( 255, 255, 255,0.8);/* background: url(../images/bg/header_bg.png) background-size: contain;*/}/*ヘッダー*/
#header { padding:20px 0;}/*ヘッダー上下の余白です。*/


/*ナビゲーション設定*/
#navigation_wrap { background-color: #fffce9;opacity: .92; box-shadow: 0px 2px 3px rgb(180, 180, 180)}/*ナビゲーションの背景*/
ul#menu-glnv { height:50px;}/*ナビゲーションの高さ*/
ul#menu-glnv>li a { font-size: 14px; font-weight: bold; color:#373200; 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; }/*プルダウンの文字の色*/




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


/*フッター設定*/
#footer_wrap { background-color:#D17FA3; background-image:url(../images/bg/footer_wrap.png); background-position:bottom; background-repeat:repeat-x;}

#main { } 
#side { }
#copy {}




#keyvisual_wrap {/**/background-size: cover; background:url(../images/bg/keyvisual_wrap.jpg) repeat-x  center center; }/*第二階層キービジュアルの設定*/

#keyvisual { height:150px;}/*第二階層キービジュアルの高さ設定*/



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




/*-------------------------------------------------------------------------------------*/
/*タイトル設定
/*-------------------------------------------------------------------------------------*/
.design_title01 { background-color: #FF80C0; background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#FFF; font-size:37px; text-align:center; font-weight:bold; margin-bottom:60px; position: relative; width: 100%;  font-family: "Sorts Mill Goudy", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: 300;}
.design_title01:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-top-color: #FF80C0; top: 100%; left: 50%; margin-left: -20px; }

.design_title02 { background-color: #76D6AD; background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#FFF; font-size:37px; text-align:center; font-weight:bold; margin-bottom:60px; position: relative; width: 100%;  font-family: "Sorts Mill Goudy", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: 300;}
.design_title02:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-top-color: #76D6AD; top: 100%; left: 50%; margin-left: -20px; }

.design_title03 { background-color: #F8DE88; background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#FFF; font-size:37px; text-align:center; font-weight:bold; margin-bottom:60px; position: relative; width: 100%;   font-family: "Sorts Mill Goudy", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: 300;}
.design_title03:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-top-color: #F8DE88; top: 100%; left: 50%; margin-left: -20px; }

.design_title04 { background-color: #8730CA; background-size: auto 100%; height: auto; text-align:center; padding:10px; color:#FFF; font-size:20px; text-align:center; font-weight:bold; margin-bottom:60px; position: relative; width: 100%;   font-family: "Sorts Mill Goudy", '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: 300;}
.design_title04:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-top-color: #8730CA; top: 100%; left: 50%; margin-left: -20px; }
/*-------------------------------------------------------------------------------------*/
/*　イメージ画像
/*-------------------------------------------------------------------------------------*/
li.gazou img { padding:2px;background-color:#ffffff;border-color:#dddddd; border-width:1px; border-style:solid;}
li.gazou p { text-align:center; font-weight:bold; font-size:16px;}
li.gazou { margin-bottom:20px;}

/*-------------------------------------------------------------------------------------*/
/*ボタン設定* 
/*-------------------------------------------------------------------------------------*/
.btn01 a { color:#FFF; text-decoration:none; background: linear-gradient(#F7177C, #F7177C);/*上,下*/
min-width:100px; text-align:center !important; border-radius: 3px; cursor:pointer; padding: 5px 15px; font-weight:normal; }
.btn01 { text-align:center !important; font-size:12px;}
.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;}


/*-------------------------------------------------------------------------------------*/
/*お客様の声＆よくある質問設定
/*-------------------------------------------------------------------------------------*/
dl.evaluation { margin-left:auto; margin-right:auto; width:850px;}
dl.evaluation dt { color: #990; text-align:left; font-size:21px; margin-bottom:15px; position:relative;}
dl.evaluation dt:after { content: "";  border-top: 5px solid #990; 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;}
.qna {color:#104503; font-size: 2em;}
dl.qa dd { background-color: #FFF;  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: #FFF; bottom: 100%; left: 8%; margin-left: -20px; }


/*-------------------------------------------------------------------------------------*/
/*パンくず設定
/*-------------------------------------------------------------------------------------*/
.pankuzu_sub { color:#666; font-size:12px;} .pankuzu_main { color:#FFF; font-size:20px;}



/*-------------------------------------------------------------------------------------*/
/*メニュー設定
/*-------------------------------------------------------------------------------------*/
/*メニュータイトル*/
.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;}
/*メニュー枠デザイン*/
.menu_1 , .menu_2 { border:#CCC solid 1px; background-color:#FFF; padding:12px; margin-bottom:20px;}
.menulist { width:980px;}
#contents .menulist { width:100%;}/*第二階層は横幅設定を削除*/

/*-------------------------------------------------------------------------------------*/
/*ボトムコンテンツ設定
/*-----------------------------------------------------------------------------------*/
#bottom_contents { background-color:#FFF; padding:15px 0; }

/*-------------------------------------------------------------------------------------*/
/*ブログとニュース設定　layout設定あり
/*-------------------------------------------------------------------------------------*/
.pickup { background-color: #000; padding:10px 30px; color:#FFF; font-weight:bold; text-align:center;}/*pickup部分*/
.bottom_menu_title { color:#000; border-left:#000 solid 5px ;  font-size:22px; font-weight:bold; padding-left:15px;}/*メニュー枠デザイン*/


/*-------------------------------------------------------------------------------------*/
/*第二階層
/*-------------------------------------------------------------------------------------*/
#side { font-size:13px;}
.sidetitle { color:#D1B781; text-align:left; border-bottom:#D1B781 solid 3px; font-size:16px; margin-bottom:30px; position:relative}
.sidetitle:after { content: "";  border-top: 3px solid #D1B781; display:block; position: absolute; width: 100%; height: 15px; opacity:0.3;}

ul.sidelist li { padding:0 15px; padding-bottom:15px; margin-bottom:10px; border-bottom:#EEE dashed 1px; text-align:left;}

/*第二階層の画像の最大表示幅を640pxに*/
body.single div#contents img , body.page #contents img { max-width:100%; height: auto;}


/*-------------------------------------------------------------------------------------*/
/*横幅縦幅、各種必要マージン設定*/
/*-------------------------------------------------------------------------------------*/

.pagewidth { width:100%;}
body.home .pagewidth { width:1080px; margin-left:auto; margin-right: auto;}
body.home .block>div.design_title02 { width:1080px;}
#bottom_contents .pagewidth { width:1080px;}
body.home .block>div.f_flex { width:1080px; margin-left:auto; margin-right: auto;}
#description { width:1080px;}
#header { width:1080px;}
#menu-glnv { width:1080px; margin-left:auto; margin-right: auto;}
#keyvisual {width:1080px; }
#footer { width:1080px;}


/*第二階層*/
#main { width:1080px; margin-top:60px; margin-bottom:60px;}
#contents { width:770px; float:left;}
#side { width:240px; float:right; overflow:hidden;}


.sp_bottomlink { display:none;}

.gazou img{
  	transition: 0.3s;
}
 
 
.gazou img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
}