@charset "UTF-8";


body	{margin: 0;
	font-family: 'Montserrat', sans-serif,'M PLUS Rounded 1c', sans-serif,'Hiragino Kaku Gothic Pro', sans-serif}

	
.head{
 display:flex;	
}

.headbox{
	width: 33%;
  	display: flex;
    align-items: center;
}

h1{
	letter-spacing: 0.1em;	
}



/*

.main {
  width:95%;
  background: #fcc;
  margin-bottom: 10px;
}
.side {
  background: #fea;
}
.main,
.side {
  width:95%;	
  padding: 2%;
  border-radius: 10px
}

.onlineside{
 display:flex;	
}


.onlineside li{
	width: 50%;
  	display: flex;
  align-items: center;
	
}


*/



/*
.product_deta{
 display:flex;	
}

.mod_thumlist{
	width: 50%;
  	display: flex;
  align-items: center;
    padding:0 10px 0px 0;
    margin:0 0 10px 0;

}


.mod_thumlist li a{
    display:block;
}
.mod_thumlist li a:link    {}
.mod_thumlist li a:visited {}
.mod_thumlist li a:hover   {opacity:0.8;}
.mod_thumlist li a:active  {opacity:0.8;}

.mod_thumlist li a:hover img {filter:alpha(opacity=80);}
 
.mod_thumlist_photo{
}
.mod_thumlist_photo_entry{
    position:absolute;
    width:100%;
}


*/









/*ハンバーガー*/
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #000000;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 300px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}



/* ナビゲーションメニュー（縦並び） */
.nav-content	{display: none}

#nav-content ul	{margin-left: 20px;
	padding: 0;
	list-style: none}

#nav-content li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

#nav-content li a:hover	{background-color: #eeeeee}





/* ヘッダーロゴ */

.headlogo{ 
	margin:  0 auto;  
}






	

/* サイト名 
.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px}

.site img	{border: none}
*/


/* トップ画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/* キャッチコピー */
.catch	{margin: 0;
	padding: 15px;
	background-color: rgba(255,255,255,0.7);
	font-size: 28px}

/* ヘッダー画像にキャッチコピーを重ねる */
.top	{position: relative}

.catch	{position: absolute;
	bottom: 7%;
	left: 3%}









/* 概要 
.gaiyou {display: block;
	  position: relative;
	background-color: #FFFFFF;
	color: #00000;
	text-align: center;
	text-decoration: none}


.gaiyou i	{display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 38px}

.gaiyou h1	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
	font-size: 15px;
	font-weight: bold}

.gaiyou img	{margin-top: 0;
	margin-bottom: 10px;
}

*/







/* PRODUCTS 
.gaiyou p {
  position: absolute;
  top: 10px;/*画像の左上に配置
  left: 10px;
  margin: 0; /*余計な隙間を除く
  color: white;/*文字を白に
  background: pink;
  font-size: 10px;
  line-height: 1;/*行高は1に
  padding: 3px 5px;/*文字周りの余白
  }

*/


/* about */

.box3 p	{margin: 20px;
	line-height: 30px;
	font-size: 15px;
}



.box3 h3{
	margin: 20px;
	font-size: 18px;
	font-weight: bold;
}

.box3 a	{margin: 20px;
	color: black;
	font-size: 15px;
	text-decoration: none;
}



/* 商品ページのアイテムごとの余白 */

.kara {
	padding-bottom: 63px; 
}



/* contact */


.inquiry_copy_new p	{margin-top: 0;
	padding-left: 20px;
	margin-left: 10px;
	font-size: 20px;
	font-weight: bold;}

.contactform input	{margin-top: 0;
	margin-bottom: 20px;
	padding-left: 0px;
	margin-left: 5px;
	border-left: solid 20px #ece1d0;
	font-size: 20px;
	font-weight: bold;}

.contactform sendbotan	{margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	margin-left: 5px;
	caret-color: antiquewhite;
	font-size: 20px;
	font-weight: bold;}

table.inquiry_form,table.reservation_form {
	margin-top: 25px;
}
table.inquiry_form th,table.reservation_form th {
	background: #eee;
	padding: 0em;
	font-weight: normal;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #EEE;
	text-align: left;
}
table.inquiry_form td,table.reservation_form td {
	font-weight: normal;
}

#inquiry_copy_new{
	margin: 0px;
}

p.click input {
	margin: 00px 0 0 0 ;
	background: #ccc; 
	font-size:14px; 
	padding: 0px 0px; 
	color: #fff; 
	border:none;
}


.inquiry_form table{
	width: 100%;
} 

textarea {
	width:100%;
	box-sizing:border-box;
	border: 1px solid #CCCCCC;  
	padding: 0em;
	margin-left:10px;
}


/* SNSメニュー */


.follow ul	{
    margin: 0;
	padding: 0;
	list-style: none;}

.follow li a	{display: block;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 12px;
	vertical-align: middle;
	text-decoration: none}


.follow img{
	margin-left: 10px;
	margin-right: 20px}

.follow li a:hover	{opacity: 0.8}

.follow-insta	{background-color: #434343}
.follow-arco	{background-color: #D8C19F}
.follow-raku	{background-color: #DC8888}






















.product{
	margin: 100px auto 50px auto;
	padding: auto;
}


.product_img{
	max-width: 1000px;
	padding-bottom: 30px;
}


.product h1{
	font-size: 140%;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

.product_text_2{
	letter-spacing: 0.1em;
	margin-right: 30px;
}

.product_name{
	letter-spacing: 0.1em;
}


.product h2{
	font-size: 120%;
	letter-spacing: 0.1em;
}


.product_img1{
	margin: 0 10px;
}

.product_img2{
	display: flex;
}

.product_img2_list{
	  width: calc(50.0% - 10px);
      margin: 5px;
      position: relative;
      overflow: hidden;
}






.newscloseup{
	margin-bottom: 50px;

}



/* 商品の詳細部分 */




.color_list{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	position: relative;
}




.color{
  width: calc(10.0% - 2px);
  margin: 1px;
  position: relative;
  overflow: hidden;
  top:15px;

}



.color img{
	width: 25px;	
}


.color_lamp img{
	width: 50px;	
}




/* online バナー*/


.online_box{
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0px 100px 30px;
	overflow: hidden;
	width: 100%;
}



.online_basis1{
	flex-basis: 55%;
}
.online_basis2{
	flex-basis: 45%;
}


.online_basis2 ul{
	list-style-type: none;
}

.online_basis2 ul li {
  text-align: center;
  list-style-type: none;
}

.online_basis2:after{
	content:"";
	clear:both;
	display:block;
}

.online_basis2 li a{
	width: 80%;
	padding: 15px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #000;
	margin-bottom: 10px;
}

.online_basis2 li a:hover{
	background-color: #fff;
	opacity: 0.3;
}



.online_arco{
	background-color: #fff;
	border: 1px solid #000;
	float: left;
}



.online_rakuten{
	background-color: #fff;
	border: 1px solid #000;
	float: left;
}

.shop_rakuten{
	margin-right: 15px;
	vertical-align: middle;
	width: 25px;
}



/* 価格*/

.price{
	font-weight: bold;
	font-size: 140%;
	letter-spacing: 0.1em;
}



/* マウスオーバーのチップ*/

.fukidashi {
      display: none;
      width: 80px;
	  font-size: 10px;
      position: absolute;
      top: -23px;
      left: 85px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }



.fukidashi_2 {
      display: none;
      width: 80px;
	font-size: 10px;
      position: absolute;
      top: -23px;
      left: 135px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }


.fukidashi_3 {
      display: none;
      width: 80px;
	font-size: 10px;
      position: absolute;
      top: -23px;
      left: 180px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }


.fukidashi_4 {
      display: none;
      width: 80px;
	font-size: 10px;
      position: absolute;
      top: -23px;
      left: 225px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }

.fukidashi_5 {
      display: none;
      width: 80px;
	font-size: 10px;
      position: absolute;
      top: -23px;
      left: 270px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }


.fukidashi_6 {
      display: none;
      width: 80px;
	  font-size: 10px;
      position: absolute;
      top: -23px;
      left: 315px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }


.fukidashi:after{
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -15px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #000;
      border-width: 10px;
      pointer-events: none;
      content: " ";

    }


.fukidashi_2:after{
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -15px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #000;
      border-width: 10px;
      pointer-events: none;
      content: " ";

    }


.fukidashi_3:after{
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -15px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #000;
      border-width: 10px;
      pointer-events: none;
      content: " ";

    }


.fukidashi_4:after{
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -15px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #000;
      border-width: 10px;
      pointer-events: none;
      content: " ";

    }




.fukidashi_5:after{
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -15px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #000;
      border-width: 10px;
      pointer-events: none;
      content: " ";

    }




.fukidashi_6:after{
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -15px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #000;
      border-width: 10px;
      pointer-events: none;
      content: " ";

    }


    .color:hover + .fukidashi{
      display: block;
    }


    .color:hover + .fukidashi_2{
      display: block;
    }

    .color:hover + .fukidashi_3{
      display: block;
    }

    .color:hover + .fukidashi_4{
      display: block;
    }

    .color:hover + .fukidashi_5{
      display: block;
    }

    .color:hover + .fukidashi_6{
      display: block;
    }

/*  */



.pot_wrap{
	margin-left: 30px;
}



.product_text_3{
	letter-spacing: 0.1em;
	margin-right: 30px;
}

.pot{
	display: flex;
	width: 30%;
	overflow: hidden;
	margin-bottom: 50px;
}

.pot1{
  width: calc(50.0% - 4px);
  margin: 2px;
  position: relative;
  overflow: hidden;
}

.pot1 img{
	width: 70%;
}

.pot1 a:hover{
	opacity: 0.3;
}








.follow i	{margin-right: 10px;
	font-size: 24px;
	vertical-align: middle}



/* 補足説明 */
.follow-info	{margin-top: 0;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #dddddd;
	font-size: 14px;
	text-align: center}

.follow-info {
	position: relative;
	background: #dddddd;
}
.follow-info:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #dddddd;
	border-width: 15px;
	margin-left: -15px;
}




	
	
/*レフトメニュー */	
.Wrap_product{
	display: flex;
	flex-wrap: wrap;
}



.leftnavi{
	flex-basis: 30%;
	margin: 100px 80px 0 0;
}






.Wrap_product_1	{
	flex-basis: 70%;
	overflow: hidden;
	clear: both;
}
	

	

	
	
.sidemenu{
	font-size: 12px;
	}	
	
	
.sidemenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidemenu li{
	list-style-type: none;
    height: 0;
    overflow: hidden;
	padding-left: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}



.sidemenu li a{
    vertical-align: middle;
	color: #000;
	font-weight: 200;
	text-decoration: none;
	list-style-type: none;
    display: block;
    padding: 0;
}


.sidemenu li a:hover{
	opacity: 0.3;
	background-color: #fff;
}



.sidemenu img{
	vertical-align: middle;
}
	

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li
{
    height: 40px;
    opacity: 1;
}

	
label {
    display: block;
    margin: 0 0 4px 0;
    padding : 15px;
    line-height: 0;
    color :#191919;
    cursor :pointer;
}

input {
    display: none;
}
	
	
.arrow::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid black;
  margin: 0 0 0 10px;
	position: relative;
	top: 10px;
}	



/* 記事 
.kiji h1	{margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 20px #ece1d0;
	font-size: 25px;
	font-weight: bold;}

.kiji h2	{margin-top: 20px;
	margin-bottom: 12px;
	border-bottom: solid 1px #ece1d0;
	padding-left: 20px;
	font-size: 12px;
	font-weight: normal}

.kiji h2 i	{margin-right: 7px;
	color: #888888}

.kiji h3	{margin-top: 50px;
	margin-bottom: 1px;
	padding-left: 20px;
	border-left: solid 5px #ece1d0;
	font-size: 15px;
	font-weight: bold}

.kiji h4	{margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	border-top: solid 1px #ece1d0;
	font-size: 15px;
	font-weight: bold}

.kiji p	{max-width: 640px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	font-size: 11px;
}

.kiji .lead	{max-width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 25px;
	font-size: 14px;
	color: #666666}

.kijiimg	{max-width: 100%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
    pointer-events:none}
*/




/*問い合わせ*/
.otoiawase h1	{margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 20px #ece1d0;
	font-size: 25px;
	font-weight: bold;}

.otoiawase p	{max-width: 640px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 10px;
	font-size: 11px;
}






/* Footer*/


/* コピーライト */

.copyright p{
	margin: 0;
	float: right;
	color: #666666;
	font-size: 10px;
}




/* フッターリスト 

.footer ul{margin: 20px;
	padding: 0px;
	list-style: none}

.footer li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none}

.footer li a:hover	{background-color: #eeeeee}

.footer i	{margin-right: 24px;
	font-size: 24px;
	-webkit-box-align: center; /* safari, Chrome 
  -moz-box-align: center;    /* Firefox 
  -o-box-align: center;      /* Opera 
  -ms-box-align: center;     /* IE 
  box-align: center;         /* ベンダープレフィックスなし 
}

*/







/* headerの背景色つけ */
.header	{
	margin-bottom: 0px;
	background-color: #ece1d0;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	

}
	


/* footerをバーの形にする 

.footer	{
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ece1d0}


.footer-inner	{
	padding-bottom: 25px;
}*/



/* ボックスの左右 */
.header, .box4, .box6, .box7
	{padding-left: 15px;
	padding-right: 15px}


/* ボックスの上下 */
.header	{padding-top: 10px;
	padding-bottom: 5px}

.box4	{padding-top: 20px;
	padding-bottom: 20px}

.box4-1	{padding-bottom: 20px}

.box6	{padding-top: 0px;
		padding-bottom:0px;}

.box6-1, .box6-2, .box6-3,.box6-4, .box6-5, .box6-6,.box6-7,.box6-8
	{padding-bottom: 10px;
	margin-bottom: 50px}

.box7	{padding-top: 25px;
	padding-bottom: 25px}




/* ########### 359px以下 ########### */
@media (max-width: 359px) {


	
/* サイト名 */

	
.headlogo img	{width: 65px;
	  pointer-events:none;
	height: auto}

	
.icon img{
	padding-left: 5px;
}

/*	


	
.kiji h2	{margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
	font-size: 12px;
	font-weight: normal}	
	

/* スライダーの題名 */
	
.swiper-button-prev swiper-button-black	{
	width: 10px; /* ボタンの幅 */		
}

	
.swiper-container p{
		font-size:10px
	}
	
	
/* leftnavi非表示に */	
	
#leftnavi{
	display: none!important;
}	
		

.Wrap_product{
	display: block;
}


.leftnavi{
	display: block;
}


.Wrap_product_1	{
	display: block;
}	

	
	

	
/* BOX6-1、BOX6-2、BOX6-3、BOX6-4、BOX6-5、BOX6-6を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{float: left;
	width: 47%;
	margin-right: 4%}

.box6-2	{float: left;
	width: 47%;
	margin-right: 0%}

.box6-3	{float: left;
	width: 47%;
	margin-right: 4%}
	
.box6-4	{float: left;
	width: 47%;
	margin-right: 0%}

.box6-5	{float: left;
	width: 47%;
	margin-right: 4%}

.box6-6	{float: left;
	width: 47%;
	margin-right: 0%}

.box6-7	{float: left;
	width: 47%;
	margin-right: 4%}

.box6-8	{float: left;
	width: 47%;
	margin-right: 0%}	
	
}
	



/* ########### 599px以下 ########### */
@media (max-width: 599px) {

	
.br_sp{
		display: none;
	}	
	
	
.item p{
		font-size: 12px;
	}
	
	
		
.headlogo img{
	width: 80px;
	pointer-events:none;
	height: auto;
	}
	
	




	
	
	

.product_img{
		margin-bottom: 50px;
	}
	
	
.product h1{
	margin-left: 10px;
}	
	
.product_name{
	letter-spacing: 0.1em;
	margin-left: 10px;
}
	
	
	
	
	
	
	
.online_box{
	display: block;
}	
	
	
.online_basis2 li a{
	width: 75%;
	padding: 15px;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #000;
	margin-bottom: 20px;
}	
	

.color{
  width: calc(12.0% - 2px);
  margin: 1px;
  position: relative;
  overflow: hidden;
  top:15px;

}
	
	
	
	
.fukidashi {
      display: none;
      width: 100px;
	  font-size: 14px;
      position: absolute;
      top: -30px;
      left: 85px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }	
	
	
.fukidashi_2 {
      display: none;
      width: 100px;
	  font-size: 14px;
      position: absolute;
      top: -30px;
      left: 132px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }		
	
	
.fukidashi_3 {
      display: none;
      width: 100px;
	  font-size: 14px;
      position: absolute;
      top: -30px;
      left: 170px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }			
	
	
.fukidashi_4 {
      display: none;
      width: 100px;
	  font-size: 14px;
      position: absolute;
      top: -30px;
      left: 215px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }	
	
	
.fukidashi_5 {
      display: none;
      width: 55px;
	  font-size: 14px;
      position: absolute;
      top: -30px;
      left: 260px;
      padding: 5px;
      background: #000;
      color: #fff;
      font-weight: bold;
 }		
	
	
.pot{
	display: flex;
	width: 50%!important;
	overflow: hidden;
	margin-bottom: 50px;
}

.pot1{
  width: calc(50.0% - 4px);
  margin: 2px;
  position: relative;
  overflow: hidden;
}

.pot1 img{
	width: 100%;
}	
	


/* leftnavi非表示に */	

#leftnavi{
	display: none;
}	
	

.Wrap_product{
	display: block;
}


.leftnavi{
	display: block;
}


.Wrap_product_1	{
	display: block;
}
	
	
	
	
}




/* ########### 599px以上 ########### */

@media (min-width: 599px) {
/* テスト３ */
    .flexbox {
      display: -webkit-flex;
      display: flex;
    }
  .main {
    margin: 0 10px 0 0;
  }
}
/* ########### 767px以下 ########### */
@media (max-width: 767px) {



	
.kiji h2	{margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
	font-size: 12px;
	font-weight: normal}	


/* BOX6-1、BOX6-2、BOX6-3、BOX6-4、BOX6-5、BOX6-6を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{float: left;
	width: 47%;
	margin-right: 4%}

.box6-2	{float: left;
	width: 47%;
	margin-right: 0%}

.box6-3	{float: left;
	width: 47%;
	margin-right: 4%}
	
.box6-4	{float: left;
	width: 47%;
	margin-right: 0%}

.box6-5	{float: left;
	width: 47%;
	margin-right: 4%}

.box6-6	{float: left;
	width: 47%;
	margin-right: 0%}	
	
.box6-7	{float: left;
	width: 47%;
	margin-right: 4%}

.box6-8	{float: left;
	width: 47%;
	margin-right: 0%}
	

	
}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {


/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{float: left;
	width: 70%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box4-2	{float: left;
	width: 30%}
	


/* BOX6-1、BOX6-2、BOX6-3、BOX6-4、BOX6-5、BOX6-6を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{float: left;
	width: 30%;
	margin-right: 4%}

.box6-2	{float: left;
	width: 30%;
	margin-right: 4%}

.box6-3	{float: left;
	width: 30%}
	
.box6-4	{float: left;
	width: 30%;
	margin-right: 4%}

.box6-5	{float: left;
	width: 30%;
	margin-right: 4%}

.box6-6	{float: left;
	width: 30%}
	
.box6-7	{float: left;
	width: 30%;
	margin-right: 4%}	
	
.box6-8	{float: left;
	width: 30%;
	margin-right: 4%}
	
	
	

	
	
	
/* BOX7-1とleftnaviを横に並べる設定 
.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1	{float: right;
	width: 75%;
	padding-left: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.leftnavi	{float: left;
	width: 25%}*/
	
	
/* footer-1とfooter-2,5-3を横に並べる設定 


.footer-inner:after	{content: "";
	display: block;
	clear: both}

.footer-1	{float: left;
	width: 30%;
	margin-right: 4%}

.footer-2	{float: left;
	width: 30%;
	margin-right: 4%}

.footer-3	{float: left;
	width: 30%}


}*/


/* ########### 1190px以上 ########### */
@media (min-width: 1100px) {
/* テスト３ */
    .flexbox {
      display: -webkit-flex;
      display: flex;
    }
  .main {
    margin: 0 10px 0 0;
  }

/* 全体の横幅を固定 */



.header-inner
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}


.swiper-container
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}

.box3
	{
	width: 1000px;
	margin-left: auto;
	margin-right: auto}
	
.box4
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}


.footer-inner
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}

.box6
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}


.Wrap_product{
	width: 1200px;
	margin-left: auto;
	margin-right: auto}
	
	}