@charset "utf-8";



/* 共通設定 */
html, body {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
}
body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
/* iPhone 文字サイズ対策 */
body {
	-webkit-text-size-adjust: 100%; 
}
/* chrome画像ボケ対策 */
img{
	image-rendering: -webkit-optimize-contrast;
	/*-webkit-backface-visibility: hidden;*/
}







/* グローバルメニュー */
#head {
	margin-bottom: 0;
	padding-bottom: 0;
}
#header-fixed {
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	width: 100%;                /* 横幅100%　*/
	height: 200px;              /* 縦幅140px */
	z-index: 99;
}
#header_pc {
	width: 100%;              /* 横の幅970px */
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	margin: auto;              /* 中央揃え */
	display: block;
}
#head_global_menu {
	max-width: 100%;
	height: auto;
	margin-bottom: 0;
	padding-bottom: 0;
}
.global_menu_list {
	max-width: 100%;
	/*width: 100%;*/
	height: 200px;
	font-size: 0;
	padding: 0;
	background-color: #FFF;
	border-bottom: 1px solid #AAAAAA;
}
.global_menu_list li.g_logo {
	/*max-width: 70px;*/
	min-width: 100px;
	width: 20%;
	/*
	width: calc(30% - 50px);
	width: -webkit-calc(30% - 50px);
	width: -moz-calc(30% - 50px);
	*/
	height: 190px;
	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0;
	padding: 5px 0 5px 50px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}
.global_menu_list li.g_logo img {
	width: auto;
	max-height: 190px;
	height: 100%;
}
.global_menu_list li.g_menu {
	max-width: 100px;
	min-width: 50px;
	width: 8%;

	/*
	width: calc((100% - 20px) / 4);
	width: -webkit-calc((100% - 20px) / 2);
	width: -moz-calc((100% - 20px) / 2);
	*/
	height: 180px;
	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0;
	padding: 20px 0 0 0;
	vertical-align: top;
	text-align: center;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}
.global_menu_list li.g_menu a {
	display:block;
    	width:100%;
	height: 100%;
}
.global_menu_list li.g_menu:hover {
	background-color: #eeeeee;
}
.global_menu_list li.g_contact {
	/*max-width: 270px;*/
	min-width: 100px;
	/*width: 30%;*/
	width: calc(30% - 35px);
	width: -webkit-calc(30% - 35px);
	width: -moz-calc(30% - 35px);
	
	height: 170px;
	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0;
	padding: 30px 25px 0 10px;
	vertical-align: top;
	text-align: right;
	border-bottom: 1px solid #AAAAAA;
}
.global_menu_list li.g_contact img {
	width: auto;
	max-height: 120px;
	height: 100%;
}
header {
	display:none;
}
#header_sp {
	display:none;
}

@media screen and (min-width: 2100px) {
	.global_menu_list li.g_logo {
		width: 40%;
	}
}
@media screen and (min-width: 1800px) {
	.global_menu_list li.g_logo {
		width: 35%;
	}
}
@media screen and (min-width: 1600px) {
	.global_menu_list li.g_logo {
		width: 30%;
	}
}
@media screen and (min-width: 1300px) {
	.global_menu_list li.g_logo {
		width: 25%;
	}
}
@media screen and (max-width: 800px) {
	.global_menu_list li.g_logo {
		/*max-width: 70px;*/
		min-width: 100px;
		width: 20%;
	}
}
@media screen and (max-width: 700px) {
	.global_menu_list li.g_logo {
		/*max-width: 70px;*/
		min-width: 100px;
		width: 10%;
	}
}
@media screen and (max-width: 600px) {
	#header-fixed {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 52px;
		z-index: 99;
	}
	#header_pc {
		display:none;
	}
	#head_global_menu {
		display:none;
	}
	.global_menu_list {
		height: 0;
		display:none;
	}
	.global_menu_list li.g_logo, .global_menu_list li.g_menu, .global_menu_list li.g_contact {
		height: 0;
		display:none;
	}
	header {
		display:block;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		z-index: 99;
	}

	header nav {
		text-align: center;
		background: #efefef;
	}
	header nav ul {
		margin: 0;
		padding: 1em;
		list-style-type: none;
	}
	header nav ul li {
		display: inline;
		margin-left: 1em;
	}
	header nav ul li:first-child {
		margin-left: 0;
	}
	header nav ul li ul {
		display: none;
	}
	#header_sp {
		display: block;
		width: 100%;
		height: auto;
	}
	#header_sp img {
		width: 100%;
		height: auto;
	}
}




/* フッター */
#footer {
	max-width: 100%;
	height: 80px;
	background-color: #C5003A !important;
}
#footer_corp {
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 25px auto 0 auto;
	padding: 20px 0 40px 0;
}
#footer_corp .footer_logo {
	width: 187px;
	height: 41px;
	float: left;
}
#footer_corp .footer_txt {
	max-width: 783px;
	width: 100%;
	height: auto;
	color:#FFFFFF;
	font-size: 0.8rem;
	float: right;
	padding: 0;
}
@media screen and (max-width: 1000px) {
	#footer {
		width: 100%;
		height: 160px;
		padding: 5px;
	}
	#footer_corp {
		padding: 10px 0 40px 0;
	}
}






/* TOPイメージ */
#top-main-img-all {
	max-width: 100%;
	height: auto;
}
#top-main-img-all img {
	width: 100%;
	height: auto;
}

#top-main-img-1024 {
	max-width: 1024px;
	width: 100%;
	height: auto;
	margin: 200px auto 0 auto;
}
#top-main-img-1024a {
	max-width: 1024px;
	width: 100%;
	max-height: 519px;
	height: auto;
	margin: 200px auto 0 auto;
	background:url('/images/top_background_3.jpg') 0 0 no-repeat;
	background-size: contain;
	/*position: relative;*/
	clear: both;
	animation-name: hamanakoanime;
	animation-duration: 4s;
	animation-timing-function: ease;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-direction:normal;
}
@keyframes hamanakoanime {
	from {	background:url('/images/top_background_0.jpg') 0 0 no-repeat;background-size: contain;opacity:0;	}
	10% {	background:url('/images/top_background_1.jpg') 0 0 no-repeat;background-size: contain;opacity:0.1;	}
	20% {	background:url('/images/top_background_1.jpg') 0 0 no-repeat;background-size: contain;opacity:0.2;	}
	30% {	background:url('/images/top_background_1.jpg') 0 0 no-repeat;background-size: contain;opacity:0.25;	}
	40% {	background:url('/images/top_background_2.jpg') 0 0 no-repeat;background-size: contain;opacity:0.25;	}
	50% {	background:url('/images/top_background_2.jpg') 0 0 no-repeat;background-size: contain;opacity:0.3;	}
	60% {	background:url('/images/top_background_2.jpg') 0 0 no-repeat;background-size: contain;opacity:0.4;	}
	70% {	background:url('/images/top_background_2.jpg') 0 0 no-repeat;background-size: contain;opacity:0.5;	}
	80% {	background:url('/images/top_background_3.jpg') 0 0 no-repeat;background-size: contain;opacity:0.55;	}
	90% {	background:url('/images/top_background_3.jpg') 0 0 no-repeat;background-size: contain;opacity:0.7;	}
	to {	background:url('/images/top_background_3.jpg') 0 0 no-repeat;background-size: contain;opacity:1;	}
	/*
	0% {	opacity:0;	}
	100% {	opacity:1;	}
	*/
}
@media screen and (min-width: 1901px) {
	#top-main-img-1024a {
		padding-top: 40%; /* 588px ÷ 1160px × 100% */
		padding-top: 25vw;
	}
}
@media screen and (max-width: 1900px) {
	#top-main-img-1024a {
		padding-top: 40%; /* 588px ÷ 1160px × 100% */
		padding-top: 30vw;
	}
}
@media screen and (max-width: 1600px) {
	#top-main-img-1024a {
		padding-top: 40%; /* 588px ÷ 1160px × 100% */
		padding-top: 35vw;
	}
}
@media screen and (max-width: 1300px) {
	#top-main-img-1024a {
		padding-top: 40%; /* 588px ÷ 1160px × 100% */
		padding-top: 40vw;
	}
}
@media screen and (max-width: 1000px) {
	#top-main-img-1024a {
		padding-top: 40%; /* 588px ÷ 1160px × 100% */
		padding-top: 45vw;
	}
}
@media screen and (max-width: 750px) {
	#top-main-img-1024a {
		padding-top: 35%; /* 588px ÷ 1160px × 100% */
		padding-top: 50vw;
	}
}
@media screen and (max-width: 600px) {
	#top-main-img-1024 {
		max-width: 1024px;
		width: 100%
		height: auto;
		margin: 0 auto 0 auto;
	}
	#top-main-img-1024a {
		max-width: 600px;
		width: 100%;
		max-height: 519px;
		height: auto;
		padding-top: 45.69%; /* 588px ÷ 1160px × 100% */
		padding-top: 48vw;
		margin: 0 auto 0 auto;
		background:url('/images/top_background_3.jpg') 0 0 no-repeat;
		background-size: contain;
		clear: both;
		animation-name: hamanakoanime;
		animation-duration: 5s;
		animation-timing-function: ease;
		animation-delay: 0;
		animation-iteration-count: 1;
		animation-direction:normal;
	}
}
#top-main-img-1024 img {
	width: 100%;
	height: auto;
}


#top-img-f {
	width: 100%;
	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 42.0%;
	background: url('/images/photo_background_a.jpg') 0 0 repeat-x;
	background-size: contain;
	position: relative;
	clear: both;
	margin: 40px 0 0 0;
}
#top-hamanako {
	width: 100%;
	height: auto;
	position: absolute;
	top: 30px;
}
#top-hamanako .top-illust {
	max-width: 1024px;
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
}
#top-hamanako .top-illust img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1024px) {
	#top-img-f {
		width: 100%;
		height: 470px;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 0;
	}
}
@media screen and (max-width: 800px) {
	#top-hamanako {
		top: 15px;
	}
}
@media screen and (max-width: 480px) {
	#top-hamanako {
		top: 10px;
	}
}



/* お知らせ */
#top_news {
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 20px auto 20px auto;
	clear: both;
}
#news {
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 230px auto 20px auto;
	clear: both;
}
.top_news_title {
	max-width: 292px;
	width: 100%;
	height: auto;
	margin: 20px auto 20px auto;
}
.top_news_title img {
	width: 100%;
	height: auto;
}
.top_news_1 {
	max-width: 670px;
	width: 100%;
	height: auto;
	margin: 0 auto 10px auto;
	box-sizing: inherit;
	clear: both;
}
.news_date {
	width: 170px;
	text-align: left;
	float: left;
	font-size: 1.0rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.news_title {
	max-width: 500px;
	width: 100%;
	text-align: left;
	float: left;
	position: relative;
	font-size: 1.2rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 600px) {
	#top_news {
		max-width: 970px;
		width: 90%;
		height: auto;
		margin: 20px auto 20px auto;
		clear: both;
	}
	#news {
		max-width: 970px;
		width: 90%;
		height: auto;
		margin: 0 auto 50px auto;
		clear: both;
	}
}




/* おすすめ */
#recommend {
	margin: 70px 0 20px 0;
}
.recommend-title {
	max-width: 352px;
	width: 100%;
	height: auto;
	margin: 20px auto 5px auto;
}
.recommend-title img {
	width: 100%;
	height: auto;
}
#recommend-slide .sp-image {

	padding: 10px;
	background-color: #C5003A !important;

}






/* 出世弁当とは */

#shusse-img-f {
	max-width: 1024px;
	width: 100%;
	height: auto;
	margin: 230px auto 0 auto;
}
#shusse-img-f img {
	width: 100%;
	height: auto;
}
#shusse-bento-p {
	max-width: 518px;
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}
#shusse-bento-p img {
	width: 100%;
	height: auto;
}
#shusse-bento-h {
	max-width: 1024px;
	width: 100%;
	height: auto;
	margin: 0 auto 15px auto;
}
#shusse-bento-h img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 600px) {
	#shusse-img-f {
		max-width: 1024px;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
}






/* 商品紹介 */

#products-title {
	max-width: 300px;
	width: 100%;
	height: auto;
	margin: 230px auto 0 auto;
}
#products-title img {
	width: 100%;
	height: auto;
}

#tsukudani-title {
	max-width: 300px;
	width: 100%;
	height: auto;
	margin: 50px auto 0 auto;
}
#tsukudani-title img {
	width: 100%;
	height: auto;
}

#products_list .p_list {
	max-width: 1024px;
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 0;
	padding: 0;
}
#products_list .p_list li {
	width: 45%;
	width: calc((100% - 80px) / 2);
	width: -webkit-calc((100% - 80px) / 2);
	width: -moz-calc((100% - 80px) / 2);

	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0;
	padding: 20px;
	vertical-align: top;
	text-align: center;

	font-size: 1.3rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#products_list .t_list {
	max-width: 1024px;
	width: 100%;
	height: auto;
	margin: 0 auto 100px auto;
	font-size: 0;
	padding: 0;
}
#products_list .t_list li {
	width: 30%;
	width: calc((100% - 100px) / 3);
	width: -webkit-calc((100% - 100px) / 3);
	width: -moz-calc((100% - 100px) / 3);

	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 10px;
	padding: 5px;
	vertical-align: top;
	text-align: center;

	font-size: 1.1rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

	border: 1px solid #EEEEEE;
	box-shadow: 2px 2px 4px #AAAAAA;
}

#products_list li a {
	display:block;
    	width:100%;
	height: auto;
	color: #000000;
	text-decoration: none;
}
#products_list li img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}


#products-name {
	max-width: 127px;
	width: 100%;
	height: auto;
	margin: 230px auto 0 auto;
}
#products-price {
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 30px auto 40px auto;

	font-size: 1.5rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}
.price-zei {
	font-size: 0.9rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: left;
	padding: 0 0 0 5px;
}
#products-photo {
	max-width: 847px;
	width: 100%;
	height: auto;
	margin: 10px auto 0 auto;
}
#products-photo img {
	width: 100%;
	height: auto;
}

#products-introduction {
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 30px auto 40px auto;

	font-size: 0.9rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	line-height: 190%;
}


#products_point .point_list {
	max-width: 847px;
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 0;
	padding: 0;
}
#products_point .point_list li {
	width: 31%;
	width: calc((100% - 30px) / 3);
	width: -webkit-calc((100% - 30px) / 3);
	width: -moz-calc((100% - 30px) / 3);

	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin-top: 10px;
	padding: 0;
	vertical-align: top;
	text-align: left;

	font-size: 1.0rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 180%;
}
#products_point .point_list li:nth-child(1),
#products_point .point_list li:nth-child(2) {
	margin-right: 15px;
}
#products_point .point_list li img {
	width: 100%;
	height: auto;
}


#products_detail_description {
	max-width: 847px;
	width: 100%;
	height: auto;
	margin: 0 auto 60px auto;
	padding: 20px 0 20px 0;
	background: url('/images/products/photo_background_p.jpg') 0 0 repeat-x;
}
#products_description .description_list {
	max-width: 847px;
	width: 95%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 0;
	padding: 0;
}
#products_description .description_list li {
	width: 48%;
	width: calc((100% - 15px) / 2);
	width: -webkit-calc((100% - 15px) / 2);
	width: -moz-calc((100% - 15px) / 2);

	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin-top: 10px;
	padding: 0;
	vertical-align: top;
	text-align: left;

	font-size: 1.0rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 180%;
}
#products_description .description_list li:nth-child(1) {
	width: 70%;
}
#products_description .description_list li:nth-child(2) {
	width: 28%;
	width: calc(30% - 15px);
	width: -webkit-calc(30% - 15px);
	width: -moz-calc(30% - 15px);
	margin-left: 15px;
}
#products_description .description_list li img {
	width: 100%;
	height: auto;
}



#products_detail_about {
	max-width: 846px;
	width: 100%;
	height: auto;
	margin: 0 auto 60px auto;
	background: url('/images/products/photo_background_p.jpg') 0 0 repeat-x;
}
#products_detail_about .p_konoshiro_about {
	max-width: 720px;
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 35px 0 0 0;
	font-size: 1.1rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 180%;
}

#products_detail_about .p_konoshiro_about img {
	max-width: 300px;
	width: 100%;
	height: auto;
	float: right;
}

#products_detail_about .k_about {
	width: 100%;
	height: auto;
	margin: 0;
	font-size: 0;
	padding: 35px 0 0 0;
}
#products_detail_about .k_about li.text {
	width: 62%;
	width: calc(65% - 40px);
	width: -webkit-calc(65% - 40px);
	width: -moz-calc(65% - 40px);

	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0 0 0 30px;
	padding: 0;
	vertical-align: top;
	text-align: left;

	font-size: 1.3rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 180%;
}
#products_detail_about .p_konoshiro_about_text {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 1.0rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 180%;
}
#products_detail_about .k_about li.photo {
	width: 33%;

	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}
#products_detail_about .k_about li.photo img {
	width: 100%;
	height: auto;
}


#products_detail_about .p_about {
	width: 95%;
	height: auto;
	margin: 0 auto 15px auto;
	font-size: 0;
	padding: 0;
}
#products_detail_about .p_about li {
	width: 30%;
	width: calc((100% - 60px) / 3);
	width: -webkit-calc((100% - 60px) / 3);
	width: -moz-calc((100% - 60px) / 3);

	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 10px;
	padding: 0;
	vertical-align: top;
	text-align: left;

	font-size: 1.3rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 180%;
}
#products_detail_about li a {
	display:block;
    	width:100%;
	height: auto;
	color: #000000;
	text-decoration: none;
}
#products_detail_about li img {
	/*max-width: 218px;*/
	width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
}
@media screen and (max-width: 750px) {
	#products_point .point_list li:nth-child(1) {
		width: 95%;
		margin: 10px auto 0 10px;
	}
	#products_point .point_list li:nth-child(2) {
		width: 48%;
		width: calc((100% - 10px) / 2);
		width: -webkit-calc((100% - 10px) / 2);
		width: -moz-calc((100% - 10px) / 2);
		margin-right: 5px;
	}
	#products_point .point_list li:nth-child(3) {
		width: 48%;
		width: calc((100% - 10px) / 2);
		width: -webkit-calc((100% - 10px) / 2);
		width: -moz-calc((100% - 10px) / 2);
		margin-left: 5px;
	}

}
@media screen and (max-width: 600px) {
	#products-name {
		max-width: 127px;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	#products-title {
		max-width: 300px;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	#products_list .p_list li {
		width: 45%;
		width: calc((100% - 40px) / 2);
		width: -webkit-calc((100% - 40px) / 2);
		width: -moz-calc((100% - 40px) / 2);

		display: inline-block;
		list-style-type: none;

		justify-content: center;

		margin: 0;
		padding: 10px;
		vertical-align: top;
		text-align: center;

		font-size: 0.8rem;
		font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
	#products_list .t_list li {
		width: 30%;
		width: calc((100% - 70px) / 2);
		width: -webkit-calc((100% - 70px) / 2);
		width: -moz-calc((100% - 70px) / 2);

		display: inline-block;
		list-style-type: none;

		justify-content: center;

		margin: 10px;
		padding: 5px;
		vertical-align: top;
		text-align: center;

		font-size: 1.0rem;
		font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

		border: 1px solid #EEEEEE;
		box-shadow: 2px 2px 4px #AAAAAA;
	}
}






/* 販売拠点 */

#shop-title {
	max-width: 300px;
	width: 100%;
	height: auto;
	margin: 230px auto 0 auto;
}
.shop-page-title {
	width: 100%;
	height: auto;
	text-align: center;

	font-size: 1.6rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#shop-info {
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 30px auto 80px auto;
	text-align: center;
}

.shop-name {
	font-size: 1.2rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	margin: 20px 0 5px 0;
}
.shop-address {
	font-size: 0.9rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}
.shop-tel {
	font-size: 0.9rem;
	font-weight: bold;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}
.shop-business {
	font-size: 0.9rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}
#shop-info .shop_photo {
	width: 100%;
	height: auto;
	margin: 20px 0 10px 0;
	font-size: 0;
	padding: 0;
}
#shop-info .shop_photo li.s_photo_1 {
	width: 32.3%;
	/*
	width: calc((100% - 30px) / 3);
	width: -webkit-calc((100% - 30px) / 3);
	width: -moz-calc((100% - 30px) / 3);
	*/
	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}
#shop-info .shop_photo li.s_photo_2 {

	width: calc(67.7% - 10px);
	width: -webkit-calc(67.7% - 10px);
	width: -moz-calc(67.7% - 10px);
	
	display: inline-block;
	list-style-type: none;

	justify-content: center;

	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}
#shop-info .shop_photo li img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 600px) {
	#shop-title {
		max-width: 300px;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
}






/* お問い合わせ */
#contact {
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 230px auto 20px auto;
	clear: both;
}
.contact_title {
	max-width: 292px;
	width: 100%;
	height: auto;
	margin: 20px auto 20px auto;
}
.contact_title img {
	width: 100%;
	height: auto;
}
.contact-page-title {
	width: 100%;
	height: auto;
	text-align: center;

	font-size: 1.6rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.contact_1 {
	max-width: 700px;
	width: 100%;
	height: auto;
	margin: 10px auto 30px auto;
	padding-bottom: 15px;
	box-sizing: inherit;
	clear: both;
}
.contact_item {
	width: 200px;
	text-align: left;
	float: left;
	font-size: 1.0rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.contact_field {
	max-width: 500px;
	width: 100%;
	text-align: left;
	float: left;
	position: relative;
	font-size: 1.0rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.contact_btn {
	max-width: 700px;
	width: 100%;
	height: auto;
	margin: 10px auto 20px auto;
	padding-bottom: 15px;
	box-sizing: inherit;
	text-align: center;
	font-size: 1.0rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}
.contact_thanks {
	max-width: 700px;
	width: 100%;
	height: auto;
	margin: 100px auto 100px auto;
	padding-bottom: 15px;
	box-sizing: inherit;
	text-align: center;
	font-size: 1.2rem;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}
@media screen and (max-width: 600px) {
	#contact {
		max-width: 970px;
		width: 90%;
		height: auto;
		margin: 0 auto 20px auto;
		clear: both;
	}
}





