@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定*/

/*全体の設定（いじらない）*/
html, body {height: 100%;width: 100%;}
body {
	margin: 0px;
	padding: 0px;
	color: #412E21;	/*文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 16px;	
	line-height: 2;
	background: #F7F1E6;	
	-webkit-text-size-adjust: none;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}


/*リンク（全般）設定*/
a {
	color: #188cd2;
}
a:hover {
	color: #b6aa77;			
	text-decoration: none;	
}

/* ヘッダーの高さ+設定 */
header h1 {
	margin: 20px 0;
	width: 250px;			
}

/*メニューバーの設定（PC)------------------------------------------------*/
/*メニュー全端末共通*/
#menubar {
	overflow: hidden;
	background: #602B05;
	margin-bottom: 20px;
}

/*各メニュー横幅*/
#menubar li {
	float: left;	
	width: 25%;		
}

/* 各メニューの文字/横幅/位置など */
#menubar li a {
	display:  block;
	text-decoration: none; 	/* リンク下線削除 */
	text-align: center;
	color: #fff;
	padding: 5px 0;	
}

#menubar li a:hover {
	background: #fff;	
	color: #EF883A;		
}

/*[モバイル用メニューを表示させない]*/
#menubar-s {
	display: none;
}
/*[ハンバーガーメニューを表示させない]*/
#menubar_hdr {
	display: none;
}
/*メニューバーの設定------------------------------------------------*/


/* メインコンテンツの設定[画面左70%で表示する] -------------------------------------------------------*/
#main {
	float: left;	
	width: 75%;	
}

/*h2タグの設定*/
#main h2 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;	
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	background: #EF883A;	/*背景色*/
	text-align: center; 
	border-radius: 5px;
	padding: 10px 0px;
}

/*h3タグの設定*/
#main h3 {
	margin-bottom: 5px;	/*見出しの下にとるスペース*/
	margin-top: 25px;
	color:#4b2c17;
	font-weight: bold;
	background:#F7F1E6;
	padding-left: 20px;
}

#main h4 {
	margin: 30px 0 5px 0;
	color: #EF883A;
	font-weight: bold;
}

/*段落タグ設定*/
#main p {
	font-size: 15px;
	padding: 10px 0px;	/*上、左右、下への余白*/
	line-height: 200%;
}

#main span{
	background: linear-gradient(transparent 50%, #ffe8a8 50%);
	font-weight: bold;
	color: #412E21;
	font-size: 16px;
}
/* メインコンテンツの設定[画面左70%で表示する] ここまで-------------------------------------------------------*/

/*box*/
/*main,subのbox共通設定*/
.box {
	background: #fff;			/*背景色*/
	border: 2px solid #EF883A;	/*枠線の幅、線種、色*/
	border-radius: 5px;
	padding: 15px;				/*ボックス内の余白*/
	margin: 20px 15px;		
}

/* サブメニューの設定-------------------------------------------------- */
/*pc subコンテンツ[右に配置する]*/
#sub {
	float: right;	
	width: 24%;	
}

/*サブメニューh2タグ設定*/
#sub h2 {
	font-size: 16px;	
	text-align: center;
	background: #EF883A;
	border-radius: 5px;
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: bold;
}

/*サブメニューメニュー*/

/*サブメニュー全体*/
#sub ul {
	border-top: 1px solid #b6aa77;
}


/*サブメニューの各項目 ------------------------------*/

#sub img{
	margin-bottom: 20px;
}

#sub .list {
	position: relative;
	overflow: hidden;
	font-size: 14px;	
	line-height: 1.2;	/*行間を狭くする*/
}

#sub .list a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 10px;	/*ボックス内の余白*/
	border-bottom: 1px #b6aa77;
}

/*サブメニュー全体 ここまで----------------------------*/
/*ボックス内のh4タグ設定*/
#sub .list h4 {
	color: #EF883A;
}

/*ボックス内の写真設定*/
#sub .list figure img {
	float: left;	/*画像を左へ回り込み*/
	width: 20%;		/*写真の幅*/
	margin-right: 5px;	/*写真の右側に空ける余白*/
}
/* サブメニューの設定 ここまで-------------------------------------------------- */

/*faq.htmlの設定------------------------------------------------------*/
/*質問の設定*/
.faq dt {
	color: #333333;	/*文字色*/
	padding-top: 15px;
}
.faq dt a {
	color: #333333;	/*文字色*/
}
/*質問の設定（※box内で使った場合の文字色）*/
.box .faq dt,
.box .faq dt a {
	color: #EF883A;	/*文字色*/
	margin-bottom: 10px;
}
/*回答の設定*/
.faq dd {
	border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	overflow: hidden;
	padding-bottom: 15px;
}
/*faq.htmlの設定 ここまで------------------------------------------------------*/


/*[モバイルは非表示にする]*/
.sh {display: none;}


/*画面幅1200px以上の設定*/
@media screen and (min-width:1200px){

/*inner共通*/
.inner {
	width: 1200px;	/*サイト幅*/
}
}


/*画面幅800px以下の設定*/
@media screen and (max-width:800px){

/*inner共通*/
.inner {
	width: auto;
}


/*（モバイル）ハンバーガーメニューの設定-------------------------------------------------*/
#menubar-s {
	display: block;
	/* opacity: 0; */
	overflow: hidden;
	position: absolute;
	background: rgba(0,0,0,0.6);
	border-top: 1px solid #fff;
	width: 100%;
	height: 100%;
	z-index: 10;
	animation-name: menu1;		
	animation-duration: 0.5S;	
	animation-fill-mode: both;	
}
/*各メニュー項目の設定*/
#menubar-s li a {
	display: block;
	color:#EF883A;
	text-decoration: none;
	padding: 10px 5%;
	border-bottom: 1px solid #EF883A;
	background: #fff;
}

/*アイコンの位置設定*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 20px;		
	right: 20px;
}
/*アイコン（ハンバーガー&バツマーク）の設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 30px;	
	height: 30px;	
	border: 7px solid #fff;	
}
/*ハンバーガーアイコンの表示*/
#menubar_hdr.close {
	background: #fff url(../images/icon_menu.png) no-repeat center top/30px;
}
/*バツマークアイコンの表示*/
#menubar_hdr.open {
	background: #fff url(../images/icon_menu.png) no-repeat center bottom/30px;
}

/*[モバイル表示にしてPC表示を非表示にする]*/
#menubar {
	display: none;
}
/*（モバイル）ハンバーガーメニューの設定 ここまで-------------------------------------------------*/



/*main,subコンテンツ*/
#main, #sub {
	float: none;
	width: auto;
}

/*その他*/
body.s-n #sub,body.s-n .m-n {display: none;}
}


/*画面幅480px以下の設定*/
@media screen and (max-width:480px){

/*全体の設定*/
body {
	font-size: 16px;	
	line-height: 1.5;	
}

/*その他*/
.sh {display:block;}
.pc {display:none;}
}




/*item.htmlとphoto.htmlの設定----------------------------------------------------*/

/* 画像を切り替える設定 */

#item-image {
	position: relative;
	left: 40px;
	margin-bottom: 20px;
	width: 70%;
}
/*大きな画像の１枚目*/
#item-image #item_image1 {
	z-index:2;
	position:relative;
	overflow:hidden;
}
/*大きな画像の２枚目*/
#item-image #item_image2  {
	z-index:3;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の3枚目*/
#item-image #item_image3 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の4枚目*/
#item-image #item_image4 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の5枚目*/
#item-image #item_image5 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の6枚目*/
#item-image #item_image6 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の7枚目*/
#item-image #item_image7 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の8枚目*/
#item-image #item_image8 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の9枚目*/
#item-image #item_image9 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の10枚目*/
#item-image #item_image10 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の11枚目*/
#item-image #item_image11 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*大きな画像の12枚目*/
#item-image #item_image12 {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/* 画像を切り替える設定 ここまで*/

/* アイテム目次の設定 */
.item-list{
	font-size: 14px;

	background-color:#F7F1E6; 
	padding: 5px 5px 5px 10px;
	border: #ffe8a8 solid 1px;
}
/* アイテム目次の設定 ここまで*/
/*サムネイル画像の設定*/
.thumbnail {
	width: 60px;	/*画像の幅*/
	height: 60px;	/*画像の高さ*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	margin-bottom: 20px;
}
.thumbnail:hover {
	border: 1px solid #b6aa77;	
}
/*サムネイル画像の設定 ここまで*/
/*item.htmlとphoto.htmlの設定 ここまで----------------------------------------------------*/

/* 問い合わせフォーム------------------------------------------------- */
#canopy-fc2form{
	background-color: #ffffff;
	margin:auto;
	border: 1px solid #EF883A;
	list-style: none;
	padding: 0 20px;
	width: 80%;
}

.title{
	background:#F7F1E6;
	margin-bottom: 5px;
}

.message{
	margin: 10px 0;
	font-size: 12px;
}

.form-textline{
	border: 1px solid #EF883A;
	height: 20px;
	margin-bottom: 15px;
}

.form-textline03{
	border: 1px solid #EF883A;
	height: 20px;
	margin-bottom: 15px;
}

#canopy-fc2form .title{
	font-size: 14px;
}

.form-textbox{
	border: 1px solid #EF883A;
	width: 100%;
	height: 50px;
}

/* 確認ボタンを押した際にでるロード画面 */
#LoadingBox1034278{
	background-color: #F7F1E6;
}
/* 確認ボタン */
.button{
	background-color:#EF883A;
	color: #fff;
	border-radius: 5px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
	border: none;
	font-weight: bold;
}
/* 問い合わせフォーム ここまで ---------------------------------------*/
/* ムービーの設定 ------------------------------ */
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ムービーの設定 ここまで------------------------------ */