@charset "euc-jp";
/* CSS Document */


/*=======================================��PC���ޥ��ڤ��ؤ���=======================================*/

.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 1199px) {
.pc { display: none !important; }
.sp { display: block !important; }
}    


.none{display: none;}

/*=======================================���ꥻ�å�CSS��=======================================*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	/*font-family: "Helvetica Neue",Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*=======================================�����Ģ�=======================================*/
div#title{
	width: 100%;
	height: 600px;
	background-color: #D8D8D8;
}

div#wrap{
	position: relative;
}


div#top{
	background-image: url(https://image.wowma.click/44587804/image/outdoor_lineup/kanban.jpg?2);
	ackground-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	height: 600px;
}

@media (max-width: 1199px){
div#top{
	background-image: url(https://image.wowma.click/44587804/image/outdoor_lineup/kanban_sp.jpg?4);
	height: 71vw;
}
}


h2{
	text-align: center;
	font-size: 2.5vw;
	line-height: 1.2;
	margin: 0% 0 2%;
	font-weight: 900;
	padding-top: 2%;
	color: #225603;
	letter-spacing: 3px;
}
h2.top_t{
    position: absolute;
    margin: 0;
    top: 0;
}

@media (max-width: 1199px){
h2{
	letter-spacing: 1.5px;
}
}

h2.set-item{
	line-height: 1.7;
}


div#coupon h2{
	color: #fff;
}

section#s1 h2{
	margin-top: 1%!important;
	padding-top: 0%;
}

span.komidasi{
	font-size: 0.5em;
	line-height: 1;
	font-weight: 600;
}

@media (max-width: 1199px){
h2{
	font-size: 6vw;
	padding-top: 5%;
	margin-bottom: 3%;
}
	
section#s1 h2{
	padding-top: 4%;
	line-height: 1.4;
}
	
span.komidasi{
	font-size: 4vw;
}
	
	
}

h3{
	font-size: 1.25em;
	font-weight: 500;
	margin-bottom: 0.5%;
	margin-top: 3%;
}

@media (max-width: 1199px){
h3{
	font-size: 3.5vw;
	margin-top: 8%;
}
}


a{
	text-decoration: none;
	color: #000;
}

p{
	text-align: center;
	line-height: 2;
	font-weight: 600;
	margin-top: 30px;
	color: #333;
	
}

@media (max-width: 1199px){
p{
	line-height: 1.7;
	font-size: 3.75vw;
	margin: 5% 0;
}
}

div.flex{
	display: flex;
    justify-content: center;
    align-items: center;
	/*width: 1600px;*/
	margin: 0 auto;
    position: relative;
    padding-top: 20px;
}

@media (min-width: 750px){
div.flex{
	margin: 0 auto;
    position: relative;
    padding: 20px 0;
    text-align: center;
}
}

@media (max-width: 1199px){
div.flex{
	width: 100%;
}
}

div.flex p{
	margin: 3% 10% 0 10%;
/*	font-size: 1vw;*/
}

@media (max-width: 1199px){
div.flex p{
	margin: 8% 2% 3%;
	font-weight:normal;
}
}

div.flex img{
	width: 26%!important;
}


.bolder{
	font-weight: bolder;
	font-size: 1.5rem;
	background-color: #C8CD00;
	color: #444;
}

@media (max-width: 1199px){
.bolder{
	font-size:5vw;
	margin-bottom: 3%;
}
}


article{
	/*background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/bgimg.jpg");*/
	background-color: #efebdd;
	margin-top: 2%;
	padding-bottom: 5%;
}
@media (max-width: 1199px){
article{
	padding-bottom: 15%;
}
}

div.big-midasi1{
	ackground-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	height: 25vw;
}

@media (max-width: 1199px){
div.big-midasi1{
	height: 47vw;
}
}


div.s1-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_set.jpg);
}
@media (max-width: 1199px){
div.s1-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_set_sp.jpg);
}
}

div.s2-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_hexa.jpg);
}
@media (max-width: 1199px){
div.s2-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_hexa_sp.jpg);
}
}

div.s3-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_table.jpg);
}
@media (max-width: 1199px){
div.s3-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_table_sp.jpg);
}
}

div.s4-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_chair.jpg);
}
@media (max-width: 1199px){
div.s4-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_chair_sp.jpg);
}
}





div.s5-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_bed.jpg);
}
@media (max-width: 1199px){
div.s5-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_bed_sp2.jpg);
}
}

div.s6-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_box.jpg);
}
@media (max-width: 1199px){
div.s6-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_box_sp.jpg);
}
}

div.s7-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_cooler.jpg);
}
@media (max-width: 1199px){
div.s7-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_cooler_sp.jpg);
}
}


div.s8-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_cook.jpg);
}
@media (max-width: 1199px){
div.s8-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_cook_sp.jpg);
}
}

div.s9-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_item.jpg);
}
@media (max-width: 1199px){
div.s9-midasi{
	background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/title_item_sp.jpg);
}
}





#coupon{
	text-align: center;
	margin-top: 1.5%;
	background-color: #B22029;
	padding-bottom: 3%;
}

#coupon img{
	width: 750px;
}

@media (max-width: 1199px){
	
#coupon{
	padding-bottom: 10%;
}
	
#coupon img{
	width: 96%;
	margin: 2%;
}
}

#bgimg{
	background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/44587804/image/outdoor_lineup/bgimg.jpg");
	background-size: cover;
	/*background-color: #efebdd;*/
}

@media (max-width: 1199px){
#bgimg{
	margin-top: 3%;
}
}


nav p{
-webkit-transition: all 1s;
-webkit-transform: translate(0, 0);
opacity: 1;
position: fixed;
right: 0%;
top: 5%;
z-index: 999;
width: 10em;
}

nav a{
	color: #fff;
    background: #B22029;
    text-decoration: none;
    opacity: 0.9;
    padding: 4% 1%;
    margin-top: 1%;
    height: 40px;
    vertical-align: middle;
    display: flex;
    justify-content: left;
    align-items: center;
    line-height: 120%;
    font-size: 12px;
	font-weight: bold;
    border-bottom: 1px solid #57584d;
}

nav a img{
	width: 35px;
    margin: 0 6% 0 2%;
}

@media (max-width: 1199px){
	
.link{ position: fixed;}
.link li{ background-color: #B22029;position: relative;}
.link a{width: 100%; height: 100%; display: block; white-space: nowrap;overflow: hidden; color: #fff;}
	
	
.link{ top: 0px; width: 100%;color: white;}
.link li{ 
    width: calc(( 70% - 3px)/2);
    /* margin-bottom: 2px; */
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: center;
    padding: 3vw 0;
    float: left;
    font-size: 2.5vw;
}

.link li img{width: 50%;}
    
/* �����å��ܥå�������ɽ���� */
.drawer-hidden {  display: none;}

/* �ϥ�С�����������������֥��ڡ��� */
.drawer-open {
  display: flex;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 100;/* �Ťʤ�����־�� */
  cursor: pointer;
  background-color: #B22029;
  top: 5px;
  right: 5px;
  border: 1px white solid;
}
	
@media (min-width: 650px) and (max-width: 1199px) {
.drawer-open { 
  height: 12vw;
  width: 12vw;
}
}	


/* �ϥ�С�������˥塼�Υ������� */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: white;
  transition: 0.5s;
  position: absolute;
}
	
@media (min-width: 650px) and (max-width: 1199px) {
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  height: 0.25vw;
  width: 4vw;
}
}	

	

/* �������Τ������־�����ΰ���Ĵ�� */
.drawer-open span:before {
  bottom: 8px;
}

/* �������Τ������ֲ������ΰ���Ĵ�� */
.drawer-open span:after {
  top: 8px;
}

/* �������󤬥���å����줿�鿿���������Ʃ���ˤ��� */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* �������󤬥���å����줿�饢�����󤬡߰��ˤʤ褦�˾岼�������ž */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
    background-color: white;
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
    background-color: white;
}
  
/* ��˥塼�Υǥ�����*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* ��˥塼����̤γ������Ф� */
  z-index: 99;
    background: none;
  transition: .5s;
    
}

/* �������󤬥���å����줿���˥塼��ɽ�� */
#drawer-check:checked ~ .drawer-content {
  left: 0;/* ��˥塼����̤������ */
    margin-left: 30%;}
}


div.rogo{
	display: flex;
	justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 1.5% 0;
    /*border-bottom: 2px dashed #333;*/
	/*background-color: #fff;*/
	width: 900px;
	margin: 3% auto 0;
}

@media (max-width: 1199px){
div.rogo{
	text-align: center;
	width: 100%;
}
}

div.rogo img{
	width: 8%;
}

@media (max-width: 1199px){
div.rogo img{
	width: 25%;
}
}

div.rogo p{
	text-align: center;
	margin-left: 1%;
	margin-top: 0;
}

@media (max-width: 1199px){
div.rogo p{
	text-align: center;
	margin-left: 0;
	font-size: 3.5vw;
	letter-spacing: -0.5px;
	margin: 0;
}
}



div.img-col4{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	max-width: 1400px;
	margin: 0 auto;
	padding-bottom: 4%;
}

@media (max-width: 1199px){
div.img-col4{
	width: 100%;
}
}

div.img-col4 dl{
	margin: 0 1%;
	width: 14%;
}

@media (max-width: 1199px){
div.img-col4 dl{
	width: 31%;
}
	
section#s6 div.img-col4 dl{
	width: 46%;
}
}

div.img-col4 dd.dd-img{
	background-color: #D8D8D8;
}

@media (max-width: 1199px){
div.img-col4 dd.dd-img{
	width: 100%;
	height: 100%;
}
}

div.img-col4 dd.dd-img img{
	width: 100%;
}

@media (max-width: 1199px){
div.img-col4 dd.dd-img img{
	width: 100%;
}
}

div.img-col4 .item_text{
    font-size: 15px;
    color: #fff933;
    font-weight: 300;
    margin: 0;
}
@media (max-width: 1199px){
div.img-col4 .item_text{
    font-size: 3vw;
    color: #fff933;
    font-weight: bold;
    margin: 0;
}
}

/*div.img-col4 dt{
	text-align: center;
	margin: 3% 0 0;
	font-weight: 600;
	color: #225603;
}

@media (max-width: 1199px){
div.img-col4 dt{
	font-size: 3.75vw;
}
}*/

div.img-col4 dt{
  position: relative;
  /*display: inline-block;*/
  margin: 0 0 1em 0;
  padding:0.5em 0 1em 0;
  width: 100%;
  color: #fff;
  font-size: 1.25em;
  background: #225603;
	text-align: center;
	font-weight: 700;
}

@media (max-width: 1199px){
div.img-col4 dt{
	margin: 4% 0 1em;
	padding: 0.5em 0 1em 0;
	width: 100%;
	font-size: 3.75vw;
	font-weight: 700;
}
}


div.img-col4 dt:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #225603;
}

@media (max-width: 1199px){
div.img-col4 dt:before {
��font-size: 3.75vw;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #225603;
}
}










div.img-title{
	width: 100%;
	height: 500px;
	background-color: #D8D8D8;
	text-align: center;
	margin: 0 auto;
}

div.col2-main{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
	width: 1200px;
	margin: 0 auto;
	align-items: center;
}

@media (max-width: 1199px){
div.col2-main{
	width: 100%;
	flex-wrap: wrap;
}

section#s1 div.col2-main{
	flex-direction: column-reverse;
	align-content: center;
}
	
section#s3 div.col2-main{
		width: 49%;
}
}

div.col2-submain{
	margin:2%;
	/*box-sizing: border-box;*/
}

@media (max-width: 1199px){
div.col2-submain{
	width: 100%;
	margin: 1%;
}	
}


div.button{
	text-align: center;
	width: 90%;
	box-sizing: border-box;
	border: 2px solid #225603;
	margin: 0 auto;
	padding: 4% 0;
	color: #fff;
	background-color: #225603;
	font-weight: bold;
}

@media (max-width: 1199px){
div.button{
	width: 93%;
}
}


div.arrow{
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}

@media (max-width: 1199px){
div.arrow{
    font-size: 4.5vw;
}
}


div.arrow::before,
div.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

div.sample1-4::before{
    right: 21px;
    width: 11px;
    height: 3px;
    background: #fff;
}
div.sample1-4::after{
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



@media (max-width: 1199px){
div.sample1-4::before{
    right: 9px;
}
div.sample1-4::after{
    right: 8px;
}
}



div.col2-submain h4 {
  position: relative;
  /*display: inline-block;*/
  margin: 1.5em 0 1em -0.6em;
  padding: 0.5em 0;
  width: 106%;
  color: #fff;
  font-size: 1.5em;
  background: #225603;
	text-align: center;
	font-weight: 700;
}

@media (max-width: 1199px){
div.col2-submain h4 {
	position: relative;
	display: block;
	margin: 4% auto;
	padding: 0.5em 0;
	width: 80%;
	font-size: 5vw;
	font-weight: 700;
}
}


div.col2-submain h4:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #225603;
}

div.col2-contents{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
	margin: 0 2%;
}


span.set-fukidasi {
  position: relative;
  margin: 1.5em 0 1em -0.6em;
  padding: 0.5em 1em;
  width: 106%;
  color: #fff;
  font-size: 0.5em;
  background: #225603;
	text-align: center;
	font-weight: 700;
}

@media (max-width: 1199px){
span.set-fukidasi {
	margin: 4% 0 1em;
	padding: 0.25em 0.5em;
	width: 100%;
	font-size: 4vw;
	font-weight: 700;
}
}


span.set-fukidasi:before {
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #225603;
}

@media (max-width: 1199px){
span.set-fukidasi:before {
  top: 90%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #225603;
}
}



@media (max-width: 1199px){
div.col2-contents{
	margin: 0;
}
	
section#s5-1 div.col2-submain:nth-child(2) div.col2-contents{
	width: 49%;
	margin: 0 auto;
}
}

div.col2-contentsitem{
	margin: 0% 3%;
}

@media (max-width: 1199px){
div.col2-contentsitem{
	margin: 1%;
}
}

div.col2-submain dl{
	margin: 0 auto;
	background-color: #fff;
}



section#s1 div.col2-submain dl{
	height: 31em;
}

@media (max-width: 1199px){
section#s1 div.col2-submain dl{
	height:inherit;
	padding-bottom: 4%;
}
}

section#s2 div.col2-submain dl,section#s3 div.col2-submain dl,section#s4 div.col2-submain dl,section#s5 div.col2-submain dl,section#s6 div.col2-submain dl,section#s7 div.col2-submain dl,section#s8 div.col2-submain dl,section#s9 div.col2-submain dl{
	height: 30em;
	padding-bottom: 4%;
}



@media (max-width: 1199px){
section#s2 div.col2-submain dl,
section#s3 div.col2-submain dl,
section#s4 div.col2-submain dl,
section#s5 div.col2-submain dl,
section#s6 div.col2-submain dl,
section#s7 div.col2-submain dl,
section#s8 div.col2-submain dl,
section#s9 div.col2-submain dl{
	height:inherit;
}	
}

div.col2-main dl dd{
	width: 250px;
	height: 250px;
	text-align: center;
	
}

@media (max-width: 1199px){
div.col2-main dl dd{
	width: 100%;
	height: 100%;
}
}

div.col2-main dl dd img{
	width: 250px;
}

@media (max-width: 1199px){
div.col2-main dl dd img{
	width: 48vw;
}
}

div.col2-submain dl dt{
	text-align: center;
	margin: 3% 0%;
	line-height: 1.8;
}

@media (max-width: 1199px){
div.col2-submain dl dt{
	line-height: 1.5;
	font-size: 3.25vw
}
}

div.col2-submain dl dt.dt-midasi{
	font-weight: 900;
}

@media (max-width: 1199px){
div.col2-submain dl dt.dt-midasi{
	letter-spacing: -0.25px;
}
}


div.col2-submain dl dt.dt-text{
	margin-top: 7%;
	border-top: 2px dashed #225603;
	padding: 2%;
}

@media (max-width: 1199px){
section#s1 div.col2-submain dl dt.dt-text{
	height: 15.5vw;
	letter-spacing: -0.5px;
}
}

/*section#s2 div.col2-submain dl dt.dt-text{
	height: 9em;
}*/
@media (max-width: 1199px){
section#s2 div.col2-submain dl dt.dt-text{
	height: 14.5vw;
}	
}



@media (max-width: 1199px){
div.col2-submain dl dt.dt-text{
	padding: 5% 1%;
}
}


div.prices{
	font-family: centuryGB,"Century Gothic",helvetica,Arial,sans-serif!important;
	text-align: center;
	margin: 3% 0;
	color: #B22029;
	font-size: 2em;
	font-weight: bold;
}
@media (max-width: 1199px){
div.prices{
	font-size: 6vw;
}
}


div.hexa{
	display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: row;
    align-content: center;
}

div.hexa div.button{
	margin: 0 0 0 3%;
	padding: 0.75% 0;
	width: 223px;
	
}

@media (max-width: 1199px){
div.hexa div.button{
	font-size: 4.5vw;
	padding: 2.5% 0;
	width: 44%;
}
}




/*=======================================������¾���������ƥࢧ=======================================*/
div.tabs{
	width: 100%;
	margin: 0 auto;
	font-family: "Noto Sans JP";
	background-color: #ececec;
}
.box {
	width: 1200px;
	margin: 0 auto;

}

@media (max-width: 1199px){
.box {
	width: 100%;
	padding-top: 5px;
}
}


p.click{
	margin:1% 0 0;
	font-size: 1em;
	font-weight: bold;
}

div.tab-section{
	display: flex;
	align-items: center;
}


@media (max-width: 1199px){
div.tab-section{
	flex-wrap: wrap;
}
}

div.section-img{
	width: 65%;
}

div.textarea{
	width: 35%;
	padding: 2%;
	line-height: 1.5;
}

@media (max-width: 1199px){
div.section-img{
	width: 100%;
}

div.textarea{
	width: 100%;
	font-size: 4vw;
}
}

.tab_item {
	width: calc(100%/4);
	
	background-color: #bbbbbb;
	line-height: 1%;
	font-size: 1.5em;
	padding: 4% 0;
	text-align: center;
	color: #FFFFFF;
	display: flex;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	align-items: center;
	justify-content: center;
	letter-spacing: -1px;
    /*border-right: 1px solid #FFFFFF;*/
    box-sizing: border-box;
    letter-spacing: 1px;
    border-radius: 10px 10px 0 0;
}

@media (min-width: 750px){
.tab_item{height: 2vw;}
}

@media (max-width: 1199px){
.tab_item{height: 14.5vw;font-size: 4vw;}
}

.tabs #f_size{
    font-size: 50%;    
}


input[name="tab_item"] {
	display: none;
}

.tab_content {
	display: none;
	padding: 0 0 5%;
	clear: both;
	overflow: hidden;
}

@media (max-width: 1199px){
.tab_content {
	padding: 0 0 15%;
}
}


#all:checked ~ #all_content, #other01:checked ~ #other01_content, #other02:checked ~ #other02_content, #other03:checked ~ #other03_content , #other04:checked ~ #other04_content , #other05:checked ~ #other05_content  {
	display: block;
}

.tabs input:checked + .tab_item {
	/*background: linear-gradient(90deg, rgb(255, 105, 12) 0%, rgb(255, 155, 21) 53%, rgb(255, 169, 0) 100%);*/
	/*background: #1673b9;*/
	color: #fff;
}


.tabs input:checked + .tab-left { background: #B22029;}
.tabs input:checked + .tab-center { background: #B22029;}
.tabs input:checked + .tab-right { background: #B22029;}



#all_content{
	border-top: 5px solid #B22029;
}

#other01_content{
	border-top: 5px solid #B22029;
}

#other02_content{
	border-top: 5px solid #B22029;
}

#other03_content{
	border-top: 5px solid #B22029;
}

.item-content{
	padding: 2%;
	background-color: #fff;
}


#all_content h2 {
	position: relative;
	padding: 1rem 2rem 1rem 0;
	border-bottom: 6px solid #db8b00;
	font-size:2.5rem;
	font-weight:bolder;
}

#all_content h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #10416a;
}

#other01_content h2 {
	position: relative;
	padding: 1rem 2rem 1rem 0;
	border-bottom: 6px solid #db8b00;
	font-size:2.5rem;
	font-weight:bolder;
}

#other01_content h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #e95200;
}

#all_content h2 span,#other01_content h2 span{
	background-color: #ddd;
	padding: 1%;
	color: #00182e;
	margin-right: 2%;
	font-size: 0.75em;
	font-weight: 700;
}


@media (max-width: 1199px){
#all_content h2,#other01_content h2 {
	font-size:5vw;
	padding: 0.5rem 0 ;
}
}

div.item-list{
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

div.item-list a{
	width: 23%;
	margin: 2% 1%;
}

@media (max-width: 1199px){
div.item-list a{
	width: 47%;
}
}

div.item-list a dl{
	background-color: #fff;
	padding-bottom: 4%;
}

div.item-list a dd img{
	width: 276px;
}

@media (max-width: 1199px){
div.item-list a dd img{
	width: 47vw;
}
}


div.item-list a dt{
	text-align: center;
	margin: 2% 0 4%;
}

div.item-list a dt.dt-midasi{
	font-weight: 900;
}
@media (max-width: 1199px){
div.item-list a dt.dt-midasi{
	font-size: 3.75vw;
	line-height: 1.5;
}
}

div.item-list a dt.dt-text-bottom{
	margin-top: 7%;
    border-bottom: 2px dashed #225603;
    padding: 2%;
}


/*------------------------�եå���------------------------*/
div.footer{
	text-align: center;
	margin: 0% 5% 2%;
	padding: 2%;
}

@media (max-width: 1199px){
div.footer{
	font-size: 4vw;
	margin: 5% auto 3%;
}
}

/*------------------------top�ˤ�ɤ�------------------------*/

div.top{ position: fixed; bottom: 5%; right: 2%; z-index: 99999999; width: 5%;}
div.top:hover{  
    border-bottom-color: transparent;
    transform: translateY(0.1875em)}

/*---���ޥۣ�����-----*/
@media (max-width: 1199px){
div.top{     width: 15vw;}
}


/*------------------------2021/8/20��)��-----------------------*/
div.col1-main{
	display: block;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
	width: 1200px;
	margin: 0 auto;
	align-items: center;
}

@media (max-width: 1199px){
div.col1-main{
	width: 100%;
	flex-wrap: wrap;
}

section#s1 div.col1-main{
	flex-direction: column-reverse;
	align-content: center;
}
	
section#s3 div.col1-main{
		width: 49%;
}
}

div.col1-submain{
	margin: 2%;
	/*box-sizing: border-box;*/
}

@media (max-width: 1199px){
div.col1-submain{
	width: 100%;
	margin: 1% auto;
}	
}

div.col1-submain h4 {
  position: relative;
  /*display: inline-block;*/
  margin: 1.5em auto;
  padding: 0.5em 0;
  width: 90%;
  color: #fff;
  font-size: 1.5em;
  background: #225603;
	text-align: center;
	font-weight: 700;
}

@media (max-width: 1199px){
div.col1-submain h4 {
	margin: 4% auto;
	padding: 0.5em 0;
	width: 70%;
	font-size: 4vw;
	font-weight: 700;
}
}


div.col1-submain h4:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #225603;
}

div.col1-contents{
	display: block;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
	margin: 0 3%;
}
@media (max-width: 1199px){
div.col1-contents{
	margin: 0;
}
	
section#s5-1 div.col1-submain:nth-child(2) div.col1-contents{
	width: 49%;
	margin: 0 auto;
}
}

div.col1-contentsitem{
	position: relative;
	margin: 2%;
}

@media (max-width: 1199px){
div.col1-contentsitem{
	position: relative;
	margin: 5% 2%;
}
}

div.col1-submain dl{
	margin: 0 auto;
	background-color: #fff;
}



section#s1 div.col1-submain dl{
	position: relative;
    height: auto;
    display: inline-block;
}

@media (max-width: 1199px){
section#s1 div.col1-submain dl{
	position: relative;
    height: auto;
    display: inline-block;
    padding: 2% 1%;
}
}

section#s2 div.col1-submain dl{
	height: 36em;
	padding-bottom: 4%;
}

section#s3 div.col1-submain dl{
	height: 34em;
	padding-bottom: 4%;
}

section#s4 div.col1-submain dl{
	height: 36em;
	padding-bottom: 4%;
}


section#s5 div.col1-submain dl{
	height: 34em;
	padding-bottom: 4%;
}

section#s6 div.col1-submain dl{
	height: 36em;
	padding-bottom: 4%;
}

section#s7 div.col1-submain dl,section#s8 div.col1-submain dl,section#s9 div.col1-submain dl{
	height: 34em;
	padding-bottom: 4%;
}



@media (max-width: 1199px){
section#s2 div.col1-submain dl,
section#s3 div.col1-submain dl,
section#s4 div.col1-submain dl,
section#s5 div.col1-submain dl,
section#s6 div.col1-submain dl,
section#s7 div.col1-submain dl,
section#s8 div.col1-submain dl,
section#s9 div.col1-submain dl{
	height:inherit;
}	
}


div.col1-main .set_column1 {
	width: 43%;
    float: left;
    position: relative;
    display: block;
    height: auto;
	margin: 1%;
}

@media (max-width: 1199px){
	div.col1-main .set_column1 {
	width: 100%;
    float: left;
    position: relative;
    display: block;
    height: auto;
	margin: 0%;
}
}


/*@media (max-width: 1199px){
div.col1-main dl dd{
	width: 100%;
	height: 100%;
}
}*/

div.col1-main dl dd img{
	width: 100%;
}

@media (max-width: 1199px){
div.col1-main dl dd img{
	width: 100%;
}
}
@media (max-width: 1199px){
div.col1-left {
	width: 48%;
	float: left;
}
div.col1-right {
	width: 49%;
	float: left;
	margin-left: 2%;
}
}


div.col1-submain dl dt{
	text-align: center;
	margin: 3% 0%;
	line-height: 1.8;
}

@media (max-width: 1199px){
div.col1-submain dl dt{
	line-height: 1.5;
	font-size: 3.25vw
}
}

div.col1-submain dl dd.dd-midasi{
	width: 50%;
	position: relative;
	float: left;
	font-weight: 900;
	height: auto;
	font-size: 24px;
    margin-top: 20px;
}

@media (max-width: 1199px){
div.col1-submain dl dd.dd-midasi{
	position: relative;
    display: inline-block;
    width: 100%;
	letter-spacing: -0.25px;
	font-size: 4vw;
	margin-top: 0vw;
}
}

div.col1-submain dl dd.dd-set{
	width: 50%;
	position: relative;
	float: left;
	font-weight: 600;
	height: auto;
	font-size: 20px;
    margin-top: 15px;
	padding: 0 2%;
	line-height: 1.2;
}

@media (max-width: 1199px){
div.col1-submain dl dd.dd-set{
	letter-spacing: -0.25px;
	width: 100%;
	position: relative;
	float: left;
	font-weight: 600;
	height: auto;
	font-size: 3.5vw;
	margin:3vw 0;
	padding: 0 1%;
	line-height: 3.75vw;
}
}



div.col1-submain dl dd.dd-text{
	width: 50%;
    margin-top: 2%;
    border-top: 2px dashed #225603;
    padding: 1% 2%;
    float: left;
    font-size: 18px;
    line-height: 1.5;
}

@media (max-width: 1199px){
div.col1-submain dl dd.dd-text{
	width: 100%;
    margin: 3vw 0;
    border-top: 2px dashed #225603;
    padding: 4vw 0 0 0;
    float: left;
}
}
	
section#s1 div.col1-submain dl dd.dd-text{
	height: 3.5em;
}

@media (max-width: 1199px){
section#s1 div.col1-submain dl dd.dd-text{
	height: 15.5vw;
	letter-spacing: -0.5px;
	font-size: 3.5vw;
    line-height: 5vw;
}
}

section#s2 div.col1-submain dl dd.dd-text{
	height: 9em;
}
@media (max-width: 1199px){
section#s2 div.col1-submain dl dd.dd-text{
	height: 14.5vw;
}	
}



@media (max-width: 1199px){
div.col1-submain dl dt.dd-text{
	padding: 5% 1%;
}
}



div.col1-contentsitem .button{
	display: inline-block;
	float: right;
	text-align: center;
	width: 50%;
	box-sizing: border-box;
	border: 2px solid #225603;
	margin: 0 auto;
	padding: 1% 0;
	color: #fff;
	background-color: #225603;
	font-weight: bold;
	right: 2%;
    bottom: 2%;
}

@media (max-width: 1199px){
div.col1-contentsitem .button{
	width: 45%;
	display: inline-block;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 1% 0;
}
}


div.col1-contentsitem .arrow{
    position: absolute;
    vertical-align: middle;
    text-decoration: none;
    font-size: 22px;
}

@media (max-width: 1199px){
div.col1-contentsitem .arrow{
    font-size: 4.5vw;
}
}


div.col1-contentsitem .arrow::before,
div.col1-contentsitem .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.item_btn{
	position: relative;
}

.item_btn_list {
	display: flex;
	width: 54%;
	padding-top: 2%;
}
@media (max-width: 1199px){
.item_btn_list {
	display: block;
	width: 100%;
	padding: 1% 0 0 0%;
}
}

.item_btn_list li {
    width: 100%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
	border: 1px solid #dadada;
    margin-right: 1%;
}

@media (max-width: 1199px){
.item_btn_list li {
    width: 30%;
	float: left;
    position: relative;
    background-color: #fff;
    overflow: hidden;
	border: 1px solid #dadada;
    margin: 1%;
}
}

.item_btn_list li img {
    width: 100%;
    transition: all 0.4s;
}
.item_btn_list li img:hover {
    transform: scale(1.05);
}

.item_btn_list li a{
	display:block;
	cursor: pointer;
    cursor: hand;
}

div.col1-main .prices{
	font-family: centuryGB,"Century Gothic",helvetica,Arial,sans-serif!important;
    text-align: right;
    float: right;
    margin: 3% 3%;
    color: #B22029;
    font-size: 3em;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 0;
	bottom: 35px;
}
@media (max-width: 1199px){
div.col1-main .prices{
	font-family: centuryGB,"Century Gothic",helvetica,Arial,sans-serif!important;
    text-align: right;
    float: right;
    margin: 3% 3%;
    color: #B22029;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 0;
    bottom: 7vw;
	font-size: 6vw;
}
}

@media (max-width: 1199px){
.PC_only {
    display: none;
}
}

.set-fukidasi {
	display: inline-block;
    position: relative;
    margin: 1.5em auto 0 auto;
    padding: 0.75em 0;
    width: 100%;
    color: #fff;
    font-size: 1.5em;
    background: #225603;
    text-align: center;
    font-weight: 700;
}
.set-fukidasi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #225603;
}

@media (max-width: 1199px){
.set-fukidasi {
	display: inline-block;
    position: relative;
    margin: 1em auto 0 auto;
    padding: 0.75em 0;
    width: 100%;
    color: #fff;
    font-size: 1.25em;
    background: #225603;
    text-align: center;
    font-weight: 700;
}
.set-fukidasi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #225603;
}
}

.honkaku {
	background-color: #125C44;
}
.honkaku:before {
	border-top: 15px solid #125C44;
}

/*--���ᥤ���ʢ�--*/
.pickup_item_main{position: relative;}
.pickup_item_main dl{display: flex;}

img.item_main{
  width:750px !important;
  position: relative;
}

.item_main_txtarea{
  width: 340px;
  height: 260px;
  text-align: left;
  padding: 13px 20px;
  background-color: #5d7d4a;
  position: absolute;
  left: 721px;
  bottom:44px;
}

.item_set, .item_set02{
  font-size: 1.1em;
  line-height: 1.5;
}

.item_set_02{
  position: absolute;
}

.item_set_s{
  font-size: 0.8em;
}

/*--���ᥤ���ѥܥ����󥯢�--*/
.item_link_btn a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  left: 115px;
bottom: -7px;
  /*margin: 0 auto;*/
  padding: 0.8em 1.5em;
  width: 130px;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  border: solid 1px;
  /*background-color: #cccccc;*/
  transition: 0.3s;
}

.item_link_btn a::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: -2em;
  transform: translateY(calc(-50% - 2px)) rotate(30deg);
  width: 12px;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.item_link_btn a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -2em;
  transform: translateY(-50%);
  width: 70px;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.item_link_btn a:hover {
  text-decoration: none;
  /*background-color: #bbbbbb;*/
}

.item_link_btn a:hover::before,
.item_link_btn a:hover::after {
  right: -2.5em;
}
/*--���ᥤ���ѥܥ����󥯢�--*/

#kitchen2023{
width: 1100px;
margin: 0 auto;
}

#kitchen2023 .main {
    box-sizing: border-box;
    color: #FFF;
    /*display: flex;*/
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pickup_item_main dl {
    display: flex;
margin-top: 26px;
}
#kitchen2023 h5 {
    font-size: 2.2em;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-top: 10px;
}

.item_txt{
    color: #fff;
text-align: left;
}