@charset "utf-8";

@import url("../../css/common/common.css");
@import url("../../css/common/layout-basic.css");

/* メインイメージ
------------------------------------------------------------*/

#title {
	clear: both;
	margin: 0px auto 5px;
	width: 790px;
	height: 120px;
	background-image: url(../img/category_title.jpg);
	background-repeat: no-repeat;
}

#title h3 {
	text-indent: -9999px;
}

/* カテゴリ内メニュー
------------------------------------------------------------*/

#category_menu {
	margin: 0 auto 20px;
	padding: 5px 0;
	text-align: center;
	border-top: #D08B93 double 3px;
	border-bottom: #D08B93 double 3px;
}

#category_menu ul {
	margin: 0 auto;
	padding: 1px;
}

#category_menu li {
	display: inline;
	padding-left: 7px;
	margin-right: 2px;
	border-left: #D08B93 solid 1px;
}

#category_menu .list_end {
	display: inline;
	padding-left: 7px;
	padding-right: 5px;
	border-left: #D08B93 solid 1px;
	border-right: #D08B93 solid 1px;
}

/* コンテンツタイトル（画像以外）＋メインイメージ
------------------------------------------------------------*/

#contents_title_box {
	clear: both;
	margin: 0 auto;
}

#contents_title {
	float: left;
	margin-bottom: 20px;
	width: 235px;
	margin-right: 25px;
}

#contents_title h3 {
	width: 235px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#contents_title .open {
	text-align: right;
	font-size: 10px;
	line-height: 1.3em;
	margin-bottom: 5px;
}

#contents_title p {
	margin-bottom: 5px;
}

#contents_title .notice {
	font-size: 10px;
	line-height: 1.2em;
}

#contents_mainph {
	float: left;
	margin-bottom: 20px;
	width: 530px;
}

#contents_mainph .caption {
	text-align: right;
	font-size: 10px;
	line-height: 1em;
}

/* 写真3列
------------------------------------------------------------*/

#photobox {
	clear: both;
	margin: 0 auto;
}

#photobox .img_margin {
	float: left;
	width: 248px;
	margin-right: 23px;
}

#photobox .img_nomargin {
	float: left;
	width: 248px;
}
.type {
	padding: 2px 5px;
	background-color: #333333;
	color: #FFFFFF;
}
#submenu {padding-left: 50px; }
.spMenu { display: none; }

#sp{}
#sp{}
#sp{}
#sp{}
#sp{}

@media screen and (max-width: 480px) {
    
h1 { margin: 0px; width: 100%; height: 20px; color: #FFFFFF; font-size: 10px; font-weight: normal; padding: 1px 1px; text-align: center; overflow: hidden; }
#body { width: 96%; margin: 0 auto 20px;  }
#cage { width: 100%;margin: auto; }
img{max-width:100%;width:100%;height:auto;}

#contents { padding-bottom: 10px;background:  url(../../img/head_bg.gif) no-repeat center top; width: 100%; margin: 0px auto; }
#brand { margin: 0px auto; padding-left: 0px; width: 100%; height: 69px; display: flex; justify-content: center;}

  #brand h2 a { float: none; display: block; margin-top: 10px; width: 290px; height: 54px; overflow: hidden; background: url(../../img/title2.gif) no-repeat center center; margin: 10px auto 0; }
/*#brand h2 a { float: none; display: block; width: 290px; height: 54px; overflow: hidden; background: url(../img/title2.gif) no-repeat center center; margin: 10 auto 0; }*/
#submenu{display:none;}
#menu-main{display:none;}

.spMenu { display: block; }
.spMenu { letter-spacing: -4px; list-style: none; display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 5px; }
.spMenu li { letter-spacing: normal; border-right: 1px solid #963; margin-top: 5px; }
.spMenu li a { display: block; padding: 6px 4px; text-decoration: none;  font-size: 13px; line-height: 1;background: rgb(229,183,160);
background: linear-gradient(0deg, rgba(229,183,160,1) 0%, rgba(237,201,185,1) 38%, rgba(249,233,232,1) 100%); }
.spMenu li:first-child{border-left: 1px solid #963;}   
    
#title { margin: 0px auto 5px; width: 100%; height: 0; padding-top: 15.1898%; background-size: contain; background-image: url(../img/category_title.jpg); }

#category_menu ul { text-align: left; }

#contents_title {
	float: none;
	width: 100%;
	margin-right: 0;
}



 

#contents_mainph{ float: none; margin-bottom: 20px;max-width: 530px; width:auto;width: 100%; height: auto;  }

}