@charset "utf-8";
/* ------------------------------------------- CSS Information
 Author:		Tos
 Last Update:	2014.04.22
----------------------------------------------------------- */

/*--------------------A.全体基本設定--*/

/*------------site rule--------
■フォントカラー
	黒　#000000
	灰　#777777
	灰　#BBBBBB　（フッタ）
	赤　#B32B32
	茶　#947B4D

■ラインカラー
	灰　#BBBBBB

■フォント
・本文基本サイズ：13px
・ライン高：180%
-----------------site rule----*/


/****************************************
		1. General Setting
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul{
	list-style: none;
}

html{ background: url(../img/common/bg_html.jpg) left top repeat; }
body{
	font:13px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#000;
	background:url(../img/common/bg_body.png) left top repeat-x;
	min-width:1180px;
}
body#index{ background: none transparent; }


h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd { line-height:1.8; }
a { color:#000; text-decoration:none; outline:none; }
	a:hover { text-decoration:underline; }

.underline a{ text-decoration: underline; }
	.underline a:hover{ text-decoration: none; }

.grayText, .grayText a, .grayText a:hover{
	color:#777777;
}
.r_grayText, .r_grayText a, .r_grayText a:hover{
	color:#BBBBBB;
}
.redText, .redText a, .redText a:hover{
	color:#B32B32;
}
.brownText, .brownText a, .brownText a:hover{
	color:#947B4D;
}

.fSmall		{ font-size:12px; }
/* 150221追加 */
.fMid		{ font-size:14px; }
.fMedium	{ font-size:16px; }
.fBig		{ font-size:18px; }

.stText{ font-weight:bold; }

.lt1em{ letter-spacing:1em; }
.lt05em{ letter-spacing:0.5em; }
.lt2em{ letter-spacing:2em; }

.mincho{
	font-family: 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'ＭＳ Ｐ明朝', serif;
}
.gothic{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.clear	{clear:both; line-height:0;}
.fParent{ overflow:hidden; }
.fLeft	{ float:left; }
.fRight	{ float:right; }
.iconArrow,
.iconArrow_white,
.iconArrow_red,
.iconWindow{
	display: inline-block;
	margin-right: 15px;
	background-image: url(../img/common/imgNao9.png);
	background-repeat: no-repeat;
	}
	.iconArrow{
		width: 11px;
		height: 11px;
		background-position: -200px 0;
	}
	.iconArrow_red{
		width: 9px;
		height: 9px;
		background-position: -220px 0;
	}
	.iconArrow_white{
		width: 9px;
		height: 9px;
		margin-right: 20px;
		background-position: -230px 0;
	}
	.iconWindow{
		width: 9px;
		height: 9px;
		margin-right: 20px;
		background-position: -240px 0;
		}
		*+html .iconArrow,
		*+html .iconArrow_red,
		*+html .iconArrow_white,
		*+html .iconWindow{
			height: 15px;
	}


/****************************************
		2. Basic Layout
*****************************************/
.wrapper{
	position: relative;
	}
	body#index .wrapper{
		width: 100%;
		margin: 0;
}

.container{
	position:relative;
	width:1180px;
	margin: 0 auto;
	min-width:1180px;
}
#head{
	position:absolute;
	right:100px;
	top:0;
	z-index: 999;
	}
	body#index #head{
		right:50%;
		margin-right: -480px;
}
#contents{
	width:710px;
	min-height: 1100px;
	margin: 27px auto 0;
	padding-left: 370px;
	padding-right: 100px;
	}
	body.layout_760px #contents{
		width:760px;
		margin: 0 auto;
		padding-left: 320px;
		padding-right: 100px;
}
.contents{
	width: 810px;
	margin: 27px auto 0;
	padding-left: 370px;
}
#side{
	position: absolute;
	left: 50%;
	top: 65px;
	z-index: 999;
	margin-left: -490px;
	padding-bottom: 20px;
	background: url(../img/common/side_foot.gif) left bottom no-repeat;
	}
	body#index #side{
		top: 480px;
	}
	body.layout_760px #side,
	body.layout_full #side{
		top: 115px;
}
#footWrapper{
	clear:both;
	background:url(../img/common/bg_footWrapper.png) left top repeat-x;
	min-width:1180px;
}
#foot{
	position:relative;
	width:980px;
	margin:0 auto;
	padding:0 100px 17px;
}

.wrapperSeason{
	position: absolute;
	left: 0;
	top: 950px;
	z-index: 990;
	width: 100%;
	border-top: 1px solid #F2EFEA;
	border-bottom: 1px solid #F2EFEA;
	background: url(../img/common/bg_band_beige.png) left top repeat;
	min-width:1180px;
	clear: both;
	}
	.wrapperSeason .wrapperIn{
		width: 810px;
		margin: 0 auto;
		padding-left: 370px;
	}
	.wrapperSeason .season_menu{
		padding: 40px 0;
}
.season_menu{
	clear: both;
}

/****************************************
		3.  Contents
*****************************************/
body.layout_710px .pageTitle{
	margin-bottom: 57px;
	}
	h1.pageTitle{
		font-size: 30px;
		font-weight: normal;
		font-family: 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'ＭＳ Ｐ明朝', serif;
		letter-spacing: 0.2em;
		}
		h1.pageTitle img{
			vertical-align: middle;
	}
	h2.title{
		font-size: 21px;
		font-weight: normal;
		font-family: 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'ＭＳ Ｐ明朝', serif;
		letter-spacing: 0.2em;
	}

body.layout_760px h1.pageTitle,
body.layout_full h1.pageTitle{
	margin-bottom: 0;
	padding-right: 20px;
	line-height: 115px;
	text-align: right;
	}
	*+html body.layout_760px h1.pageTitle,
	*+html body.layout_full h1.pageTitle{
		height: 85px;
		padding-top: 30px;
}

.index_link{
	padding-bottom: 57px;
	border-bottom: 1px solid #DFDCCD;
	}
	.index_link li{
		display: inline-block;
		margin-left: 40px;
		}
		*+html .index_link li{
			display: inline;
		}
		.index_link li:first-child{
			margin-left: 0;
	}
	body.layout_760px .index_link{
		padding-left: 50px;
}

.index_tab{
	overflow:hidden;
	margin-bottom: 70px;
/*	background: url(../img/common/imgNao9.png) 0 -1020px no-repeat; 150220 タブ画像変更指示あり*/
	background: url(../img/common/imgNao9.png) 0 -1300px no-repeat;
}
	.index_tab li{
		float:left;
/*		margin-right: 22px; 150220 タブ画像変更指示あり*/
		margin-left: 8px;
	}
	.index_tab li:first-child{
		margin-left: 0px; /*150220 タブ画像変更指示あり*/
		padding-left: 50px;
		}
		.index_tab li a{
			float:left;
			display:block;
/*			width:172px;*/
			width:345px;
			height:0;
/*			padding-top:54px;*/
			padding-top:74px;
			overflow:hidden;
			background-image:url(../img/common/imgNao9.png);
			background-repeat:no-repeat;
		}
			*html .index_tab li a{ height:74px; }


.cnt{
	margin-bottom:100px;
	}
	body.layout_760px .cnt{
		padding-left: 50px;
}
body.layout_760px .section{
	padding-left: 50px;
}

ul.banner_sp li{
	float: left;
	}
	ul.banner_sp li.banner_half{
		width: 305px;
		margin-right: 25px;
		margin-bottom: 25px;
		}
		ul.banner_sp li.banner_half.last{
			margin-right: 0;
	}
	ul.banner_sp li.banner_full{
		width: 635px;
		}
		ul.banner_sp li.banner_full.last{
			margin-bottom: 0;
}


/****************************************
		4.  Header, Menu
*****************************************/
.site_catch{
	padding: 0 100px;
	line-height: 40px;
	font-weight: normal;
}
div.catch_box{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	width: 100%;
	min-width:1180px;
	background: url(../img/common/bg_body_index.png) left top repeat-x;
}
h1.site_catch{
	width: 980px;
	margin: 0 auto;
}

ul.headMenu li{
	float: left;
	margin-left: 40px;
	line-height: 40px;
	}
	ul.headMenu li:first-child{
		margin-left: 0;
	}

.side_head{
	line-height: 0;
}
.sideMenu, .sideMenu_sub, .bannerSp{
	background: url(../img/common/side_body.gif) left center repeat-y;
	}
	.sideMenu ul, .sideMenu_sub ul, .bannerSp ul{
		width:194px;
		margin:0 13px;
}
.sideMenu ul{
	overflow:hidden;
}
	.sideMenu ul li{
		float:right;
	}
		.sideMenu ul li a{
			float:right;
			display:block;
			width:62px;
			height:0;
			padding-top:211px;
			overflow:hidden;
			background-image:url(../img/common/imgNao9.png);
			background-repeat:no-repeat;
		}
			*html .sideMenu ul li a{ height:211px; }

#sideMenu_01 ul{
	height:211px;
	padding:20px 0;
	border-top:1px solid #DFDCCD;
}
li#sideMenu_01_a a { background-position:-131px 0; }
li#sideMenu_01_b a { background-position:-62px 0; width:69px; }
li#sideMenu_01_c a { background-position:0 0; }

li#sideMenu_01_a a:hover, li#sideMenu_01_a a.current { background-position:-131px -452px; }
li#sideMenu_01_b a:hover, li#sideMenu_01_b a.current { background-position:-62px -452px; }
li#sideMenu_01_c a:hover, li#sideMenu_01_c a.current { background-position:0 -452px; }
	*+html li#sideMenu_01_a { width:62px; }
	*+html li#sideMenu_01_b { width:69px; }
	*+html li#sideMenu_01_c { width:62px; }

#sideMenu_02 ul{
	height:211px;
	padding:20px 0;
	border-top:1px solid #DFDCCD;
}
li#sideMenu_02_a a { background-position:-131px -240px; }
li#sideMenu_02_b a { background-position:-62px -240px; width:69px; }
li#sideMenu_02_c a { background-position:0 -240px; }

li#sideMenu_02_a a:hover, li#sideMenu_02_a a.current { background-position:-131px -692px; }
li#sideMenu_02_b a:hover, li#sideMenu_02_b a.current { background-position:-62px -692px; }
li#sideMenu_02_c a:hover, li#sideMenu_02_c a.current { background-position:0 -692px; }
	*+html li#sideMenu_02_a { width:62px; }
	*+html li#sideMenu_02_b { width:69px; }
	*+html li#sideMenu_02_c { width:62px; }

.sideMenu_sub ul{
	padding: 7px 0;
	border-top:1px solid #DFDCCD;
	}
	.sideMenu_sub ul li{
		float:none;
		margin-top: 7px;
		padding-top: 7px;
		border-top:1px solid #DFDCCD;
		}
		.sideMenu_sub ul li:first-child{
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}


.bannerSp ul{
	padding: 20px 0 15px;
	border-top: 1px solid #DFDCCD;
	}
	.bannerSp.foot ul{
		padding: 20px 0 0;
}
.bannerSp li{
	display:block;
	margin-top: 20px;
	padding-left: 2px;
}
.bannerSp li:first-child{
	margin-top: 0;
}

.bannerSp .fb{
	padding: 31px 5px 5px;
	background: url(../img/common/title_facebook.gif) left top no-repeat #39579A;
	text-align: center;
	}
	.bannerSp .fb .fb_box{
		padding: 10px 10px 5px;
		background-color: #FFF;
		}
		.bannerSp .fb .fb_box .fb-like{
			margin-bottom: 10px;
}


/****************************************
		5.  footer
*****************************************/
#pageTop{
	display: none;
	position: absolute;
	right:0;
	top:0;
	z-index: 999;
	width:40px;
	height:172px;
}
#logo_foot{
	position:absolute;
	left:105px;
	top:90px;
}
#footContainer{
	margin:0 0 17px;
	padding:20px 0 20px;
	/*border-bottom:1px dotted #666666;*/
}
.footMenu ul{
	margin-right: 20px;
	padding:5px 20px 2px 0;
	border-right: 1px dotted #666666;
	}
	.footMenu ul.last{
		margin-right: 0;
		padding-right: 10px;
		border-right: none;
		}
		.footMenu ul li{
			padding-top: 2px;
		}

#copyright{
	line-height: 5em;
}
#address{
	padding: 0 10px 0 72px;
	background: url(../img/common/img_character.png) left center no-repeat;
	}
	#address dt, #address dd{
		line-height: 1.3;
	}


/****************************************
		breadCrumbs
*****************************************/
.breadCrumbs.head{
	margin-bottom: 77px;
	}
	body.layout_760px .breadCrumbs.head{
		height: 50px;
		margin-bottom: 60px;
		padding-left: 50px;
		}
		body.layout_760px .breadCrumbs.head li,
		body.layout_760px .breadCrumbs.head li a{
			line-height: 50px;
	}
	body.layout_full .breadCrumbs.head{
		height: 50px;
		margin-bottom: 60px;
		}
		body.layout_full .breadCrumbs.head li,
		body.layout_full .breadCrumbs.head li a{
			line-height: 50px;
}
.breadCrumbs li h2, .breadCrumbs li, .breadCrumbs li h2 a, .breadCrumbs li a{
	display:inline;
	line-height:14px;
}
.breadCrumbs li a{
	margin-right:20px;
}
.breadCrumbs li.breadHome a{
	color: #947B4D
}
.breadCrumbs.foot li{
	line-height: 51px;
}


/*-- layout_full --*/
body.layout_full #contents{
	width:1080px;
	margin: 0 auto;
	padding-left: 100px;
	padding-right: 0;
}
body.layout_full h1.pageTitle,
body.layout_full .breadCrumbs.head,
body.layout_full .index_link,
body.layout_full .index_tab,
body.layout_full .section{
	margin-right: 100px;
	margin-left: 270px;
	}
	body.layout_full .index_tab{
		margin-left: 220px;
}
body.layout_full .section{
	width: 710px;
	}
	body.layout_full .section.breakRight{
		margin-right: 0;
		padding-right: 100px;
	}
	body.layout_full .section.breakLeft{
		margin-left: 0;
		padding-left: 270px;
	}
	body.layout_full .section.breakBoth{
		margin-right: 0;
		margin-left: 0;
		padding-right: 100px;
		padding-left: 270px;
	}
	body.layout_full .prefIndex{
		padding-right: 100px;
		padding-left: 270px;
}
/* 150221追加 */
p.section.redText.fMid {
	margin-bottom: 10px;
}

/****************************************
		pageTopボタン　改修
*****************************************/
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #ef3f98;
	opacity: 0.6;
	border-radius: 50%;
  }
  #page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
  }
  #page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -5px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
  }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
	.pctop { display: none !important; }
	.sptop { display: block !important; }
}