@charset "UTF-8";
body,div,p,h1,h2,h3,h4,h5,h6,span,ul,li,ol,img,table,tr,td,hr,a,address,nav,header,footer,section,article {
	margin: 0;
	padding: 0;
}
body,p,h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	line-height: 100%;
}
img {
	border:none;
	vertical-align:baseline;
}
img[src=""] {
	background-color: lightgray;
	width: 40px;
	height: 40px;
}
ul,li {
	list-style:none
}
.clearfix:after {
	content: "";
	clear: both;
	display: block
}
html {
	font-size:62.5%
}
body {
	font-family: proxima-nova-soft,Apple TP,Helvetica Neue,Helvetica,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif!important;
	font-size: 13px;
	font-size: 1.3rem;
	color: #333;
	line-height: 140%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased
}
* {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #393939
}
body {
	background-image: url(../image/bodybg.png)
}
h1 {
	text-align: center;
	font-size: 30px;
	line-height: 180%;
	margin-bottom: 40px
}
p {
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 10px
}
section {
	padding:6vh 0 3vh
}
.bgmovie {
	position: absolute;
	width: 100%;
	height: 720px;
	z-index: 1
}
.button-style {
	background: #9d3c44;
	box-shadow: 0 2px 5px 0 rgba(167,167,167,.5);
	border-radius: 3px;
	font-family: HiraKakuProN-W6;
	font-size: 14px;
	color: white;
	letter-spacing: 0;
	display: inline-block;
	width: 270px;
	height: 50px;
	line-height: 50px;
	cursor:pointer;
	text-align:center;
	transition:-webkit-transform 200ms,box-shadow 200ms;
	transition:transform 200ms,box-shadow 200ms;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.button-style.large {
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.button-style.large a {
	letter-spacing: 0.025em;
}
.button-style.large span {
	color: #fff;
	font-size: 140%;
}

.button-style i {
	padding-right:5px;
	color:white
}
.button-style:hover {
	background-color:#af434c;
	-webkit-transform:translateY(-3px);
	transform:translateY(-3px);
	color:white;
	text-decoration:none;
	box-shadow:0 2px 10px 0 #a7a7a7
}
.button-style:active {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	color:white;
	text-decoration:none
}
.button-style:visited,
.button-style:focus {
	color:white;
	text-decoration:none
}


.swiper-container {
	width: 100%;
	position: fixed;
	z-index: -1;
}
.slide-img-1 {
	background-image:url(../slider/1.jpg);
	background-size:cover;
	height:90vh;
	min-height:500px
}
.slide-img-2 {
	background-image:url(../slider/2.jpg);
	background-size:cover;
	height:100vh;
	min-height:500px
}
#door {
	position:relative;
	z-index:5;
	text-align:center;
	height:80vh;
	min-height:400px;
	padding-top:19vh
}
#door .logo_icon {
}
#door .logo_icon img {
}
#door .logo {
	padding-top: 4vh;
	display:inline-block
}
#door .logo img {
}
@media screen and (min-width:701px) {
	#lead {
		background-image:url(../image/leadbg.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-color: #fff;
		padding-bottom: 6vh;
	}
	#lead .items_for_mobile {
		display:none
	}
}
@media screen and (max-width:1020px) and (min-width:701px) {
	#lead {
		background-image:url(../image/leadbg.ipad.png);
		background-size: contain;
	}
}

#lead h1 img{margin:0 auto}
@media screen and (max-width:768px) {
	#door .logo {
		width: 100%;
	}
}
@media screen and (max-width:700px) {
	#lead h1 {
		margin-bottom:20px
	}
	#lead .items_for_mobile {
		display:block;
		margin:20px auto
	}
	#lead .col-xs-6 {
		width: 97%;
	}
	#lead .col-xs-offset-6 {
		margin-left: 3%;
	}
	#lead {
		background: #fff;
	} 
}
#lineup {
	background:rgba(0,0,0,.02);
	background: #F5F6F7;
}
#lineup .category {
	background:white;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(234,234,234,.5);
	border-radius:5px;
	margin-bottom:25px;
	position:relative
}
#lineup .title {
	padding:0 35px;
	text-align:center;
	font-size:25px;
	color:white;
	float:left;
	position:absolute;
	left:0;
	top:0;
	writing-mode:vertical-lr;
	-webkit-writing-mode:vertical-lr;
	-ms-writing-mode: tb-lr;
}
#lineup .items {
	float:left;
	position:relative;
	padding-left:100px
}
#lineup .item {
	float:left;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	padding:20px 0 20px 5px;
	min-height: 170px;
}
#lineup .item:hover {
	text-decoration: none;
}
#lineup .item a {
	display: flex;
	text-decoration: none;

	border-radius: 3px;
	letter-spacing: 0;
	transition:-webkit-transform 500ms,box-shadow 500ms;
	transition:transform 500ms,box-shadow 500ms;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
#lineup .item a:hover {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
}
#lineup .item a:visited,
#lineup .item a:focus {
}

#lineup .zoutou .item {
	height:190px
}
#lineup .zoutou 

.item-image{width:210px}


#lineup .miso .title {
	background:#9d3c44
}

#lineup .syouyu .title {
	background:#1c404c
}
#lineup .tare .title {
	background:#455a28
}

.buy_btn {
	background: #cc1426;
	color: #fff;
	font-size: 160%;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 20px 25px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 40px;
	box-shadow: 0 2px 5px 0 rgba(167,167,167,.5);
	transition: -webkit-transform 200ms,box-shadow 200ms;
	transition: transform 200ms,box-shadow 200ms;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.buy_btn:link,
.buy_btn:hover,
.buy_btn:visited,
.buy_btn:active {
	color: #fff;
	text-decoration: none;
}
.buy_btn:hover {
	-webkit-transform:translateY(-3px);
	transform:translateY(-3px);
	box-shadow:0 2px 10px 0 #a7a7a7
}

@media screen and (min-width:750px) {
	#lineup .miso .title {
		height:170px
	}
	#lineup .syouyu .title {
		height:207px
	}
	#lineup .tare .title {
		height:195px
	}
}
@media screen and (min-width:750px) and (max-width:1200px) {
	#lineup .miso .title {
		height:100%;
	}
	#lineup .syouyu .title {
		height:207px
	}
	#lineup .tare .title {
		height:375px
	}
}
@media screen and (min-width:750px) and (max-width:991px) {
	#lineup .items {
		padding-left:90px
	}
	#lineup .item{
		padding: 20px 0;
		min-height: 191px;
	}
}
@media screen and (max-width:750px) {
	#lineup .title {
		width:100%;
		padding:30px 0;
		position:relative;
		writing-mode:horizontal-tb;
		-webkit-writing-mode:horizontal-tb
	}
	#lineup .items {
		padding-left:0
	}
}
.item-image {
	width:120px;
	text-align:center;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	transition:-webkit-transform 500ms;
	transition:transform 500ms
}
#lineup .item-title {
	font-size:20px;
	margin-bottom:15px
}

#lineup .item-lead {
	width:195px;
	font-size:13px;
	line-height:160%
}
#lineup a .item-lead:before {
	content:"";
	display:block;
	width:185px;
	height:8px;
	border-radius:5px;
	margin-bottom:25px;
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	transition:-webkit-transform 500ms;
	transition:transform 500ms;
}
#lineup a:hover .item-lead:before {
	-webkit-transform:translate(0, 10px);
	transform:translate(0, 10px);
}
#lineup .miso-1 .item-lead:before {
	background:#415a2c
}
#lineup .miso-2 .item-lead:before {
	background:#89651b
}
#lineup .miso-3 .item-lead:before {
	background:#9d3c44
}
#lineup .syouyu-1 .item-lead:before {
	background:#1c404c
}
#lineup .syouyu-2 .item-lead {
	font-size:12px
}
#lineup .syouyu-2 .item-lead:before {
	background:#6e2e40
}
#lineup .tare-1 .item-lead:before {
	background:#5f3c2a
}
#lineup .tare-2 .item-lead {
	font-size:12px
}
#lineup .tare-2 .item-lead:before {
	background:#455a28
}
#lineup .tare-3 .item-lead {
	font-size:12px
}
#lineup .tare-3 .item-lead:before {
	background:#32747d
}
#gift {
	background:rgba(255,0,0,.04);
	background: #FDF3F3;
}
#gift .row {
	margin-bottom:30px
}
#recipi {
	text-align:center;
	background: #FDFDFD;
}
#recipi h1{
	display:inline-block
}
#recipi .recipi-title {
	margin-bottom:40px
}
#recipi .recipi-lead{
	text-align:left;
	margin-top:30px
}
#recipi .recipi-lead img {
	max-width:100%
}
#footer {
	background-image:url(../image/footerbg.png);
	text-align:center;
	padding: 80px 0 0
}
#footer .footer-bar {
	padding-top:30px;
	background:white
}
#footer .footer-bar p {
	font-family:HiraKakuProN-W3;
	font-size:12px
}
#footer .button-style {
	margin:30px 0
}
.clearfix:after {
	visibility:hidden;
	display:block;
	content:"　";
	clear:both;
	height:0
}
#resp_w,
#bl_width_right_margin {
	display: none;
}
.instagram_dummy {
	width: 100%;
}
.instagram_wrapper {
	opacity: 0;
}
ul.instagram {
	position: absolute;
	left: 0;
	margin: 0 5% 0;
}
ul.instagram li.disp_off {
	display: none;
}
.item_detail ul.instagram li.disp_off {
	display: block;
}
.item_detail {
}
.item_detail ul.instagram {
	margin: 0;
}
ul.instagram li {
	float: left;
	position: relative;
	overflow: hidden;
}
ul.instagram li a {
	display: block;
	text-decoration: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.3) inset;
	width: 100%;
	height: 100%;
}
ul.instagram li:hover a {
	box-shadow: none;
}
ul.instagram li p {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: rgba(160,50,65,0.7);
	color: #fff;
	font-size: 80%;
	line-height: 1.4;
}
ul.instagram li p a {
	padding: 5px 2%;
}
ul.instagram li p span {
	display: none;
}
ul.instagram li p .img_title {
	display: inline;
	color: #fff;
	font-size: 140%;
	
}
ul.instagram li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}
.breadcrumb {
	font-size: 90%;
	margin: 0;
	padding: 4px 2%;
	width: 100%;
	border-bottom: 1px solid #aaa;
	line-height: 22px;
	border-radius: 0;
}
.breadcrumb li {
}
h1.cat_page_h1 {
	color: #fff;
	text-align: left;
	font-size: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: table;
	width: 100%;
}
h1.cat_page_h1 .title_txt {
	color: #fff;
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
	float: none;
}
h1.cat_page_h1 span {
	font-size: 40%;
	color: #fff;
	display: block;
	line-height: 1.3em;
	padding-top: 16px;
	padding-bottom: 7px;
}
/*
.company h1.cat_page_h1 span,
.profile h1.cat_page_h1 span {
	color: transparent;
	padding-bottom: 0;
}
*/
h1.cat_page_h1 img {
	float: left;
	padding-right: 20px;
}
.width75 {
	width: 75%;
}
.item_header {
	margin: 40px 5% 20px;
}
#item_img {
	float: left;
	width: 25%;
	text-align: center;
}
.item_sentense {
	float: right;
	width: 70%;
	display: table-cell;
	vertical-align: middle;
}
#sub_title {
	color: #fff;
	margin: 7px 0;
	font-size: 50%;
	line-height: 1.4;
	font-weight: bold;
	padding: 15px 1% 15px 0;
	float: none;
	width: auto;
}
#cat_sub {
	font-size: 65%;
	display: inline;
	margin-left: -1.0em;
	white-space: nowrap;
}
#feature_points {
	float: right;
	width: 70%;
	margin: 0 0 20px;
	font-size: 120%;
}
#feature_points_text {
	margin: 0 5% 10px;
	font-size: 110%;
}
#feature_points ul {
	list-style-type: disc;
	margin-bottom: 10px;
}
#feature_points li {
	list-style-type: disc;
	margin-left: 3%;
	line-height: 1.4;
	margin-bottom: 5px;
}
#materials {
	margin: 0 3% 20px;
	font-size: 110%;
}
#nutritional_info {
	margin: 0 3% 20px;
	font-size: 100%;
}
#nutritional_info table {
	margin: 0 auto 20px;
}
#nutritional_info table td {
	padding: 7px 9px;
}
.now_loading {
	text-align: center;
	margin: 40px 0;
}
.contents h2,
h2.item_h2 {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 5px 0 5px 50px;
	border-bottom: 1px solid #333;
	position: relative;
}
.contents h2:after,
h2.item_h2:after {
	content: "";
	display: block;
	width: 37px;
	height: 41px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../image/item_h2.png) no-repeat 0 0;
}
.contents h2:after {
	background-color: #9d3c44;
}
.item_lr_wrapper {
	margin: 0 5% 20px;
}
.item_left {
	float: left;
	width: 28%;
	font-size: 110%;
}
.item_right {
	float: right;
	width: 70%;
	position: relative;
}
#item_name {
	margin: 0 0 20px;
}
#item_contain {
	margin: 0 0 20px;
}
#allergy {
	margin: 0 0 20px;
}
#item_notice {
	margin: 0 0 20px;
}
.pagetop_link {
	margin: 10px 0 20px;
}
.header_wrapper {
	width: 100%;
}
.item_detail .header_wrapper {
	border-top: 3px solid #4F4F4F;
}
.item_detail #gmenu_2nd .header_wrapper {
	border: 0;
}
.gmenu {
	width: 80%;
	margin: 0 auto;
}
.home .gmenu {
	display: none;
}
.gmenu > li {
	float: left;
	position: relative;
	width: 20%;
}
.gmenu > li:after {
	position: absolute;
	left: 100%;
	top: 0;
	content: "";
	display: block;
	width: 0;
	height: 50%;
	margin-top: 5%;
	border-left: 1px solid #ddd;
}
.gmenu > li:first-child::before {
	position: absolute;
	right: 100%;
	top: 0;
	content: "";
	display: block;
	width: 0;
	height: 50%;
	margin-top: 5%;
	border-right: 1px solid #ddd;
}
.gmenu li:last-child {
	border-right: 0;
}
.gmenu li ul {
	margin: 0;
	display: none;
	position: absolute;
	border-top: 1px solid #fff;
	width: 100%;
	top: 100%;
	z-index: 3;
}
.gmenu li ul li {
	position: static;
	float: none;
	width: 100%;
	border: 0;
	border-top: 1px solid #fff;
}
.gmenu li ul li a {
	background-color: #eee;
	position: relative;
}
.gmenu li ul li a:after {
	position: absolute;
	bottom: 7px;
	left: 9%;
	width: 82%;
	height: 4px;
	border-radius: 4px;
	content: "";
}
.gmenu li ul li.kome_miso a:after {
	background: #415a2c;
}
.gmenu li ul li.mugi_miso a:after {
	background: #89651b;
}
.gmenu li ul li.awase_miso a:after {
	background: #9d3c44;
}
.gmenu li ul li.marudaidu a:after {
	background: #1c404c;
}
.gmenu li ul li.dashi_syoyu a:after {
	background: #6e2e40;
}
.gmenu li ul li.goma_syoyu a:after {
	background: #5f3c2a;
}
.gmenu li ul li.yasai_dare a:after {
	background: #455a28;
}
.gmenu li ul li.miso_dress a:after {
	background: #32747d;
}
.gmenu li a,
.gmenu li span {
	display: block;
	padding: 15px 0;
	text-align: center;
	font-size: 130%;
	color: #393939;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.gmenu li ul li span {
	display: inline;
	font-size: 80%;
	white-space: nowrap;
}
.gmenu li a:hover {
	background-color: #eee;
}
.gmenu li:hover ul {
	display: block;
}
.copyright {
	margin-bottom: 0;
}

#lead_2nd {
	background: url(../image/leadbg_2nd.png) no-repeat center center;
	min-height: 210px;
}
.fb_iframe_widget,
.fb_iframe_widget iframe {
/*	width: 100% !important;*/
}
.fb_iframe_widget > span {
	width: 450px;
	margin: 0 auto;
}
@media screen and (max-width:470px) {
	.fb_iframe_widget > span {
		width: 100% !important;
		overflow: hidden;
	}
}
body.color_miso_dress {
}
body.color_miso_dress .cat_page_h1 {
	background: #32747d;
	border-color: #32747d;
}
body.color_miso_dress #sub_title {
	background: #32747d;
}
body.color_miso_dress h2.item_h2:after {
	background-color: #32747d;
}
body.color_yasai_dare {
}
body.color_yasai_dare .cat_page_h1 {
	background: #455a28;
	border-color: #455a28;
}
body.color_yasai_dare #sub_title {
	background: #455a28;
}
body.color_yasai_dare h2.item_h2:after {
	background-color: #455a28;
}
body.color_goma_syoyu {
}
body.color_goma_syoyu .cat_page_h1 {
	background: #5f3c2a;
	border-color: #5f3c2a;
}
body.color_goma_syoyu #sub_title {
	background: #5f3c2a;
}
body.color_goma_syoyu h2.item_h2:after {
	background-color: #5f3c2a;
}

body.color_dashi_syoyu {
}
body.color_dashi_syoyu .cat_page_h1 {
	background: #6e2e40;
	border-color: #6e2e40;
}
body.color_dashi_syoyu #sub_title {
	background: #6e2e40;
}
body.color_dashi_syoyu h2.item_h2:after {
	background-color: #6e2e40;
}

body.color_marudaidu {
}
body.color_marudaidu h1.cat_page_h1 {
	background: #1c404c;
	border-color: #1c404c;
}
body.color_marudaidu #sub_title {
	background: #1c404c;
}
body.color_marudaidu h2.item_h2:after {
	background-color: #1c404c;
}

body.color_awase_miso {
}
body.profile .cat_page_h1,
body.company .cat_page_h1,
body.color_awase_miso .cat_page_h1 {
	background: #9d3c44;
	border-color: #9d3c44;
}
body.color_awase_miso #sub_title {
	background: #9d3c44;
}
body.color_awase_miso h2.item_h2:after {
	background-color: #9d3c44;
}

body.color_mugi_miso {
}
body.color_mugi_miso .cat_page_h1 {
	background: #89651b;
	border-color: #89651b;
}
body.color_mugi_miso #sub_title {
	background: #89651b;
}
body.color_mugi_miso h2.item_h2:after {
	background-color: #89651b;
}
body.color_kome_miso {
}
body.color_kome_miso .cat_page_h1 {
	background: #415a2c;
	border-color: #415a2c;
}
body.color_kome_miso #sub_title {
	background: #415a2c;
}
body.color_kome_miso h2.item_h2:after {
	background-color: #415a2c;
}


body h2.item_h2.masateru:after {
	background: url(../image/masateru.png) no-repeat 0 0;
	background-color: transparent;
}
.sp_menu_btn_wrapper {
/*	background-color: #fff;*/
	position: fixed;
	top: 25px;
	right: 3%;
	z-index: 7;
/*	width: 100%;*/
/*	box-shadow: 0 3px 7px rgba(0,0,0,0.5);*/
}
/*
.home .sp_menu_btn_wrapper {
	background-color: transparent;
	box-shadow: none;
}
*/
#sp_menu_btn {
	background-color: #fff;
	display: inline-block;
	cursor: pointer;
	color: #393939;
	border: 1px solid #393939;
	border-radius: 5px;
	padding: 0px 5px;
	margin: 0;
	letter-spacing: 0;
	font-size: 90%;
	line-height: 23px;
	text-decoration: none;
	float: right;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sp_menu_btn span {
	margin-top: -3px;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 5px;
	width: 35px;
	height: 3px;
	background: #393939;
	position: relative;
	display: block;
	vertical-align: middle;

}
#sp_menu_btn.on span {
	background: #fff;
}
#sp_menu_btn span:after,
#sp_menu_btn span:before {
	position: absolute;
	left: 0;
	content: "";
	display: block;
	width: 35px;
	height: 3px;
	background: #393939;
}
#sp_menu_btn span:after {
	top: -8px;
}
#sp_menu_btn.on span:after {
	-webkit-transform: translateY(20px) rotate(-315deg);
	transform: translateY(20px) rotate(-315deg);
	top: -20px;
	left: 3px;
	width: 30px;
}
#sp_menu_btn span:before {
	top: 8px;
}
#sp_menu_btn.on span:before {
	-webkit-transform: translateY(-20px) rotate(315deg);
	transform: translateY(-20px) rotate(315deg);
	top: 20px;
	left: 3px;
	width: 30px;
}
#sp_menu_cancel {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	background: #000;
	opacity: 0.5;
}
.h2_notice {
	margin-top: 3px;
	font-size: 95%;
	font-weight: normal;
	text-align:center;
}
h2.bottom0:after {
	bottom:0;
	top:inherit;
}
.link_for,
.link_for_insta {
	float: right;
	font-size: 50%;
	color: #393939 !important;
	padding-left: 30px;
	background: url(../image/insta_icon.png) no-repeat left 3px;
	line-height: 30px;
	min-height: 30px;
}
.link_for {
	background-image: none;
}
.footer_links {
	text-align: center;
	background: #af434c;
	padding: 1em;
	color: #fff;
	margin: 25px 0 45px;
}
.footer_links span,
.footer_links a {
	color: #fff;
}
.footer_links a:hover {
	opacity: 0.7;
}
.contents h2 {
	line-height: 1.4em;
	margin-bottom: 45px;
	padding-top: 0;
	padding-bottom: 0;
}
.contents h3 {
	line-height: 1.4em;
	font-size: 180%;
	color: #9d3c44;
	margin-bottom: 20px;
}
.contents h4 {
	line-height: 1.3em;
	font-size: 145%;
	color: #9d3c44;
	margin-bottom: 20px;
}
.contents h3 span.br,
.contents h4 span.br {
	color: #9d3c44;
}
.contents p {
	margin-bottom: 45px;
}
.contents a {
	color: #333;
}
.contents table {
	border-color: transparent;
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	font-size: 130%;
	line-height: 30px;
}
.contents .row table {
	max-width: 90%;
}
.company .contents .row table {
	margin-left: 0;
}
.contents table p {
	margin-bottom: 10px;
	font-size: 100%;
}
.company .contents table p,
.profile .contents table p {
	text-align: left;
}
.contents table p:last-of-type {
	margin-bottom: 0;
}
.contents table td,
.contents table th {
	border-color: transparent;
	padding: 12px 0 12px 17px;
}
.contents table th {
	vertical-align: top;
}
.contents table[border] tr {
	border-bottom: 1px solid #ccc;
}
.contents table[border] tr:last-of-type {
	border-bottom: none;
}
.contents {
	margin-bottom: 45px;
}

.profile .contents h3,
.profile .contents h4 {
	text-align: center;
}
.profile .contents p {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	inline-size: -webkit-fit-content;
	inline-size: -moz-fit-content;
	inline-size: fit-content;
}
@media (max-width: 991px) {
	.profile .contents p {
		width: 88%;
	}
}
@media (max-width: 500px) {
	.profile .contents p {
		width: 97%;
	}
}
.contents span.br {
	white-space: nowrap;
}
.contents span.br + span.br {
	margin-left: -0.2em;
}

.company_pict {
	float: right;
	margin-bottom: 20px;
}
.company_pict img {
	float: right;
}
	#sp_menu_cancel.on {
		display: block;
	}
	body > .header_wrapper > ul.gmenu.on {
		display: block;
		background-color: #fff;
		max-height: 80vh;
		width: 100vw;
		overflow-y:auto;
	}
	body > .header_wrapper > .gmenu li ul {
		display: block;
		position: static;
	}

	body > .header_wrapper > ul.gmenu {
		display: none;
		position: fixed;
		top: 0;
		padding-top: 80px;
		right: 0;
		z-index: 6;
		width: 100%;
		box-shadow: 0 3px 8px rgba(0,0,0,.7);
	}
	body > .header_wrapper > ul.gmenu li {
		float: none;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	body > .header_wrapper > ul.gmenu li a,
	body > .header_wrapper > ul.gmenu li span {
		padding: 15px 5%;
		text-align: left;
	}
	body > .header_wrapper > ul.gmenu li ul {
		right: 0;
	}
	body > .header_wrapper > ul.gmenu li ul li a,
	body > .header_wrapper > ul.gmenu li ul li span {
		text-align: center;
	}
	body > .header_wrapper > ul.gmenu li:after,
	body > .header_wrapper > ul.gmenu li:before {
		display: none;
	}
	h1.cat_page_h1 {
/*		margin-top: 60px;*/
	}

.disp_pc {
	display: block;
}
.disp_sp {
	display: none;
}
br.disp_pc {
	display: inline;
}
@media (min-width: 768px) {
	body > .header_wrapper > ul.gmenu.on {
		width: 400px;
		max-height: 100vh;
	}
}
@media (min-width: 992px) {
	#sub_title {
		padding-right: 100px;
	}
}
@media (min-width: 1380px) {
	#lead_2nd {
		background-size: cover;
	}
	
}

@media screen and (max-width:1000px) {
	#lead_2nd {
		margin-top: 42px;
	}
	#gmenu_2nd {
		display: none;
	}
	.sp_menu_btn_wrapper {
		display: block;
	}
	.contents table {
		max-width: 90%;
	}
}
@media screen and (max-width:991px) {
	#sub_title {
		margin: 0;
		padding: 0 3% 15px 25%;
		float: left;
		display: block;
	}
	h1.cat_page_h1 .title_txt {
			float: left;
			display: block;
	}
	h1.cat_page_h1 {
		display: block;
	}
	.company_pict {
		float: none;
	}
	.company_pict img {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width:750px) {
	#item_img,
	#feature_points,
	.item_left,
	.item_right {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width:750px) {
	.item-image {
		width: 70%;
	}
	#lineup .item-lead {
		width: 90%;
	}
	h2.item_h2 {
		font-size: 150%;
	}
	h2.item_h2:after {
		height: 30px;
		width: 28px;
		background-size: contain;
	}
	h2.item_h2.logo_big {
		padding-left: 60px;
	}
	h2.item_h2.logo_big:after {
		width: 47px;
	}
	br.disp_pc,
	.disp_pc {
		display: none;
	}
	.disp_sp {
		display: block;
	}
	.item_set_left {
		padding-left: 5px;
		padding-right: 5px;
	}
	.item_shopping_list {
		border-top: 1px dashed #ccc;
		margin-top:20px;
	}
	#lineup .items {
		width: 100%;
	}
	#lineup .item {
		width: 47%;
		padding-left: 3%;
		display: block;
		min-height: 210px;
	}
	#lineup .item a {
	}
	#lineup .item-lead:before {
		width: 100%;
	}
	.link_for_insta {
		float: none;
		padding: 7px 0 10px 30px;
		font-size: 110%;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:600px) {
	#lineup .item {
		min-height: 230px;
	}
	.contents table,
	.contents table tbody,
	.contents table tr,
	.contents table td,
	.contents table th {
		display: block;
		width: 100%;
	}
	.contents table td,
	.contents table th {
		padding: 7px 0 7px 12px;
	}
}
@media screen and (max-width:500px) {
	.title_txt a {
		display: none;
	}
	#sub_title {
		padding: 0 3% 15px 3%;
	}
	#lineup .item {
		width: 100%;
	}
	#lineup .item a {
		width: 100%;
		display: block;
	}
	#lineup a .item-image,
	#lineup a .item-lead {
		display: block;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	#lineup a .item-lead:before {
		width: 100%;
	}
	.item_set_left {
		padding-left: 0;
		padding-right: 0;
	}
	.douzo1,.douzo2 {
		width: 100%;
	}
	.contents table {
		max-width: none;
	}
	.sp_menu_btn_wrapper {
		top: 0;
		right: 0;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 3px 7px rgba(0,0,0,0.5);
	}
	#sp_menu_btn {
		float: none;
		margin: 10px 3%;
		font-size: 130%;
		line-height: 30px;
		letter-spacing: 0.3em;
		padding: 0 13px;
		margin: 7px 10px;
	}
	#sp_menu_btn span {
		display: inline-block;
		width: 25px;
		margin-top: -3px;
		margin-right: 10px;
		margin-bottom: 0;
	}
	#sp_menu_btn span:after,
	#sp_menu_btn span:before {
		width: 25px;
	}
	#sp_menu_btn.on span:after,
	#sp_menu_btn.on span:before {
		width: 25px;
		left: 0;
	}
	h1.cat_page_h1 {
		margin-top: 46px;
	}
	.footer_links span {
		display: none;
	}
	.footer_links a {
		display: block;
		font-size: 130%;
		text-align: center;
		margin: 15px 5%;
		padding: 10px 15px;
		background: #fff;
		color: #af434c;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
}