@charset "UTF-8";
/* Body */
body {
	max-width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	color: #492900;
}
@media (min-width: 641px) {
	/* Container */
	.container {
		max-width: 1024px;
		margin: 0 auto;
	}

	/*ページトップボタン*/
	#pageTop {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  background:rgba(255,255,255,0);
	}

	#pageTop a {
	  display: block;
	  font-size:20px;
	  z-index: 999;
	  padding: 8px 4px 0px 4px;
	  border-radius: 30px;
	  width: 35px;
	  height: 35px;
	  background-color: #9FD6D2;
	  color: #fff;
	  font-weight: bold;
	  text-decoration: none;
	  text-align: center;
	}

	#pageTop a:hover {
	  text-decoration: none;
	  opacity: 0.7;
	}

	#sp_dropdown_head .menu_button {
	    display: none;
	}
	#sp_dropdown_head nav {
		display: none;
	}
	#sp_dropdown_head {
		display: none;
	}

	/* Header */
	#header_box{
		position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
		width: 100%;
		background-color: #FFF;
		z-index: 2;
	}

	#cartonbox_hr{
		border: 0px;
		background-image: url(../images/cartonbox.jpg);
		background-size: cover;
		min-width: 100%;
		height: 20px;
		margin-top: 10px;
		margin-bottom: 0;
	}

	#head_left{
		display: inline-block;
		position: relative;
		float: left;
		margin-top: 6%;
		width: 27%;
		height:30px;
		font-family: 'Sedgwick Ave', cursive;
	}

	#pagelang a{
		text-decoration: none;
		color: #a8520b;
		font-size: 20px;
	}

	#head_center{
		float: left;
		margin-top: 1%;
		margin-left: 70px;
		width: 30%;
		text-align: center;
	}
	#head_center img{
		max-width: 100%;
		max-height: 100%;
	}

	#head_right{
		float: right;
		width: 30%;
	}
	#head_right img{
		max-width: 100%;
		max-height: 100%;
	}

	#head_right .tel-link,#sns_box{
		float: right;
	}

	#pagelang{
	 position: absolute;
	 bottom: 2px;
	 left: 0px;
	 height:30px;
	 width: 100%;
	 margin-left: 5%;
	}

	#pagelang_mobile{
				display: none;
	}

	#iamge_slider {
		margin-top: 150px;
	}

	.box {
		display: inline-block;
		width:22%;
	}

	.sns_icon {
		padding-left: 10px;
	}


	/* 左側のコンテンツ */
	#news_content_box {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#news_box {
		clear: both;
    display: inline-block;
    width: 79.7%;
		height: 100px;
    border: solid 1px #9b662d;
    margin-left: 5%;
		overflow-y: scroll;
	}

	#news_title img {
		height: 50%;
		width: 80%;
		margin-left: 5%;
	}

	#news_list tr {
		width: 100%;
	}

	#news_list td {
		font-size: 15px;
		padding-top: 5px;
		border-bottom: 1px dashed #a0692e;
	}

	#news_list td a {
		text-decoration: none;
		color: #a86400;
	}

	#news_list td a:hover {
		text-decoration: none;
		color: #f94877;
	}

	#news_list .up_time {
		vertical-align: top;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 8px;
		width: 10%;
	}

	#news_list .up_detail {
		width: 90%;
	}

	.gallery {
		clear: both;
		display: inline-block;
		width: 60%;
		background-color: #FFFFFF;
		padding-bottom: 35px;
		padding-top: 0px;
		margin-top: -5px;
		margin-bottom: 0px;
	}

	#item_detail a {
		text-decoration: none;
		color: #a86400;
	}

	#item_detail a:hover {
		text-decoration: none;
		color: #f94877;
	}

	.goods_box{
		float: left;
		margin-left: 5%;
	}

	.thumbnail {
		width: 220px;
		float: left;
		margin-top: 15px;
		margin-bottom:20px;
		margin-left: 15px;
		margin-right: 5%;
		padding: 0px;
	}

	.goods_box {
		clear: both;
	}

	.thumbnail p{
		margin: 1px;
	}

	.thumbnail a{
		color: #000;
	}

	.goods_category{
		font-size: 24px;
		line-height: 0;
		padding-left: 10px;
	}

	.goods_name{
		clear: both;
		padding-top: 5px;
	}

	.goods_size{
		font-size: 13px;
	}

	.goods_price{
		text-align: right;
		margin-right: 20px;
	}

	.gallery .thumbnail{
		height:280px;
	}

	.watch{
		width:200px;
		height: 133px;
		box-shadow: 1px 1px 10px;
		margin-right:10px;
		float:left;
	}


	/* 画面右のコンテンツ */
	#youtube{
		margin-top: 50px;
		text-align: center;
	}

	#youtube iframe{
		width: 400px;
		height: 224px;
	}

	#right_contents{
		float: right;
		width: 40%;
	}

	#site_description {
		margin-top: 80px;
		padding: 15px;
		display: inline-block;
		border: 1px solid #000;
	}

	#twitter{
		margin-top: 80px;
		display: inline-block;
		width: 350px;
		padding: 15px;
		border: 1px solid #000;
	}

	#mainNavi.active{
		position: fixed;
		top: 34px;
	}

	#menuFixed.menu_fixed{
		position: fixed;
		top: -80px;
	}

	#site_description .desctiption_head{
		margin-top: 5px;
		font-size: 24px;
		font-weight: bold;
	}

	#site_description .description_body {
		margin-top: 40px;
		font-size: 18px;
		font-weight: bold;
		text-shadow: 2px 0px 1px #FFF;
	}

	/* footer */
	#footer_left{
		margin-top: 80px;
		float: left;
		width: 25%;
	}

	#footer_center{
		margin-top: 20px;
		float: left;
		width: 25%;
	}

	#footer_center p{
		line-height: 2em;
		font-size: 15px;
	}

	#footer_right{
		margin-top: 80px;
		float: right;
		width: 25%;
	}
	#footer_right a{
		text-decoration: none;
		font-size: 15px;
		color: #a8520b;
	}

	.footer_line_left{
		margin-left: 5%;
		margin-right: 5%;
		float: left;
	}
	.footer_line_right{
		margin-left: 5%;
		margin-right: 5%;
		float: left;
	}

	footer p{
		margin-top:0px;
		margin-bottom:0px;
		margin-left:20px;
		margin-right:5px;
	}

	#footerCopyright {
		clear: both;
    text-align:center;
		background-color: #8e5000;
		color:#fff;
		font-size:10px;
		height:20px;
	}
}

/****             ****/
/****             ****/
/**** mobile mode ****/
/****             ****/
/****             ****/
@media (max-width: 640px) {

	#content{
		max-width: 100%;
		margin: 0 auto;
	}
	/* Container */
	.container {
		max-width: 100%;
		margin: 0 auto;
	}


/* スマホ用ドロップダウンメニュー */
	#sp_dropdown_head {
	    height: 40px;
			margin-top: 7%;
	    z-index: 1000;
	    position: fixed;
	}
	#sp_dropdown_head nav {
	    position: absolute;
	    top: 100%;
	}
	#sp_dropdown_main {
	    position: absolute;
	    top: 40px;
	}
	#sp_dropdown_head .menu_button {
	    float: right;
	    width: 100%;
	    height: 100%;
	}
	#sp_dropdown_head nav {
	    width: 100%;
	}
	#sp_dropdown_head nav ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	}
	#sp_dropdown_head nav ul li {
		width: 90%;
		height: 90%;
		padding-left: 10px;
	}

	/*ページトップボタン*/
	#pageTop {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  background:rgba(255,255,255,0);
	}

	#pageTop a {
	  display: block;
	  font-size:20px;
	  z-index: 999;
	  padding: 8px 4px 0px 4px;
	  border-radius: 30px;
	  width: 35px;
	  height: 35px;
	  background-color: #9FD6D2;
	  color: #fff;
	  font-weight: bold;
	  text-decoration: none;
	  text-align: center;
	}

	#pageTop a:hover {
	  text-decoration: none;
	  opacity: 0.7;
	}

	/* Header */
	.header .title{
		font-family: HiraginoSans-W3;
		font-size: 18px;
		color: #5B5656;
		background-color: #fff;
	}

	#cartonbox_hr{
		border: 0px;
		background-image: url(../images/cartonbox.jpg);
		background-size: cover;
		width:100%;
		height: 10px;
	}

	#head_left{
		display: none;
	}

	#head_center{
		float: left;
		margin-top: 10px;
		max-width: 50%;
		text-align: center;
	}
	#head_center img{
		max-width: 100%;
		max-height: 100%;
	}

	#head_right{
	  max-width: 35%;
		float: right;
		margin-bottom: 5px;
		width: 100%;
	}

	#head_right img{
		max-width: 100%;
		max-height: 100%;
	}

	#head_right .tel-link,#sns_box{
		float: right;
	}

	#pagelang{
		display: none;
	}

	#pagelang_mobile{
			 bottom: 2px;
			 left: 0px;
			 height:30px;
			 width: 40%;
			 margin-left: 5%;
		}

	#pagelang_mobile a{
			text-decoration: none;
			color: #a8520b;
	}

	#youtube{
		margin-top: 30px;
		margin-bottom: 40px;
		max-width: 100%;
		text-align: center;
	}

	#youtube iframe{
		max-width: 100%;
		height: 100%;
	}

	.box {
		display: inline-block;
		width:22%;
	}

	#sns_box{
		display: none;
	}

	.sns_icon {
		padding-left: 10px;
	}

	/* 左側のコンテンツ */
	#news_content_box {
		margin-top: 50px;
	}

	#news_box {
		clear: both;
		display: inline-block;
		width: 84.6%;
		height: 100px;
		border: solid 1px #9b662d;
		margin-left: 5%;
		overflow-y: scroll;
	}

	#news_title img {
		height: 50%;
		width: 85%;
		margin-left: 5%;
	}

	#news_list td {
		font-size: 13px;
		padding-top: 5px;
		border-bottom: 1px dashed #a0692e;
	}

	#news_list td a {
		text-decoration: none;
		color: #a86400;
	}

	#news_list td a:hover {
		text-decoration: none;
		color: #f94877;
	}

	#news_list .up_time {
		vertical-align: top;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 8px;
		width: 10%;
	}

	#news_list .up_detail {
		width:90%;
	}

	.gallery {
		clear: both;
		display: inline-block;
		max-width: 100%;
		background-color: #FFFFFF;
		padding-bottom: 35px;
		padding-top: 0px;
		margin-top: -5px;
	}

	.goods_description{
		font-size: 13px;
	}

	.goods_box{
		float: left;
		margin-left: 5%;
	}

	.thumbnail {
		max-width: 100%;
		float: left;
		margin-top: 30px;
		margin-bottom:20px;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0px;
	}

	.goods_box {
		clear: both;
	}

	.thumbnail p{
		margin: 1px;
	}

	.thumbnail a{
		color: #000;
	}

	.goods_category{
		font-size: 24px;
		line-height: 0;
		padding-left: 10px;
	}

	.goods_name{
		clear: both;
		padding-top: 5px;
	}

	.goods_size{
		font-size: 13px;
	}

	.goods_price{
		text-align: right;
		margin-right: 20px;
	}

	.gallery .thumbnail{
		height:280px;
	}

	.watch{
		max-width: 100%;
		box-shadow: 1px 1px 10px;
		margin-right:10px;
	}


	/* 画面右のコンテンツ */
	#right_contents{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}

	#site_description {
		max-width: 350px;
		padding: 15px;
		display: inline-block;
		border-top: thin dashed #cccccc;
		border-left: thin dashed #cccccc;
	}

	#site_description img {
		width: 100%;
	}

	#twitter{
		display: inline-block;
		max-width: 350px;
		padding: 15px;
		border-top: thin dashed #cccccc;
		border-left: thin dashed #cccccc;
	}

	#site_description .desctiption_head{
		margin-top: 5px;
		font-size: 24px;
		text-align: left;
	}

	#site_description .description_body {
		margin-top: 70px;
		font-size: 14px;
		font-weight: bold;
		text-shadow: 1px 2px 2px #FFF;
		text-align: left;
	}

	/* footer */
	#footer_box{
		max-width: 100%;
	}
	#footer_left{
		display: none;
	}

	#footer_center{
		margin-top: 20px;
		max-width: 40%;
		float: left;
	}

	#footer_center p{
		font-size: 10px;
		line-height: 2em;
	}

	#footer_right{
		margin-top: 30px;
		max-width: 40%;
		float: left;
	}

	#footer_right a{
		font-size: 10px;
		text-decoration: none;
		color: #a8520b;
	}

	.footer_line_left{
		display: none;
	}
	.footer_line_right{
		margin-left: 20px;
		margin-right: 20px;
		float: left;
	}

	footer p{
		margin-top:0px;
		margin-bottom:0px;
		margin-left:20px;
		margin-right:5px;
	}

	#footerCopyright {
		clear: both;
    text-align:center;
		background-color: #8e5000;
		color:#fff;
		font-size:10px;
		height:20px;
	}

	#item_detail a {
		text-decoration: none;
		color: #a86400;
	}

	#item_detail a:hover {
		text-decoration: none;
		color: #f94877;
	}
}