/*◆◆◆◆◆◆◆◆◆◆レスポンシブ◆◆◆◆◆◆◆◆◆◆*/

@media screen and (max-width:767px){

/*********スマホ対応*********/

html,body{
 	max-width: 100%;
	height:auto;
	padding-top: 40px;
}
img {
	max-width: auto;
}
/* ハンバーガーメニュー */
#navbtn{
	width: 40px; height: 40px; 
}
#navbtn { background:#B2DABE; }
#navbtn span{
	width:80%; height:3px; background:#000; position: absolute;
}

#navbtn span:nth-child(1){ right:4px; top:8px;}
#navbtn span:nth-child(2){ right:4px; top:19px;}
#navbtn span:nth-child(3){ right:4px; top:29px;}
.open span:nth-child(1){ transform:translateY(10px) rotate(45deg);}
.open span:nth-child(3){ transform:translateY(-10px) rotate(-45deg);}
.open span:nth-child(2){ top:18px; opacity:0;}
nav{
	height:90%;
}
#gnav_list{ 
	font-size: 120%; 
	line-height: 1;
	display: flex;  flex-flow: column; 
	align-items: center;
	justify-content: center; 
	
}
nav ul {
	padding-left: 0;
}

.none {
	display: none;
}
.kaigyou{
        display: none;
}
.center {
	text-align: center;
}
#mainpic{
	height: auto;
}
#banner2{
	width: 100%;
	height: auto;
}
#logo{
	width: 170px;
}
.mainstory h3{
        font-size: 130%;
}
.mainstory p{
        font-size: 90%;
        line-height: 2.5;
}

#brandstory h3{
        font-size: 115%;
}
#brandstory p{
        font-size: 110%;
}


.bs{
	display:flex;
  	flex-direction: column;
	text-align: center;
}
.w2left{
	white-space: nowrap;
	order: 2;
	padding-top:10px;
	padding-left: 0px;
}
.w2left p{
	white-space: nowrap;
}
.w2right{
	order: 1;
}
#hand{
	width: 370px;
	height: auto;
	vertical-align: top;
}
@media (max-width: 767px){
#osusume_pc{ display: none; }
}
#osusume img{
	width:100%;
}
w
#wrap3 h1{
	background: #b5d9be;
	padding: 20px 0 20px 0;
	text-align: center;
}
.w3-1{
  	display: block;
	width: 90%;
}
.w3-1main {
	text-align: left;
	padding-left: 10%;
}
.w3-1img{
	margin: 0 auto;
}
.w3-1 p {
	margin-top: 0;
	margin-left: 0;
}
.w3-2 {
	width: 90%;
}
.w3-2img{
	display: none;
}
.w3-2 p{
	float: none;
	clear:both;
}
.w3-2main{
	padding-bottom: 50px;
	text-align: left;
	padding-left: 5%;
}
#wrap3 video{
	width:80%;
}
#secret_c {
	width: 95%;
	text-align:left;
	padding: 3%;
	margin: 0 auto;
}
#secret_c img{
	width:80%;
}
.w4-1{
	font-size: 150%;
}
.W4-2 img {
	width:100%;
}
.w6-1 h3{
        font-size: 160%;
}
.w6-1 p{
        font-size: 120%;
}
.w6 p{
        font-size: 110%;
        line-height: 2;
	text-align: left;
	padding-left: 3%;
}
.w7-1 h3{
        font-size: 160%;
}
.w7-1 p{
        font-size: 120%;
}
.w7-2 {
        font-size: 110%;
        line-height: 2;
	text-align: left;
	padding:0 3% 0 3%;
}
.w7-3{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 80px;
}
#title {
	text-align:left;
	padding: 0 3% 0 3%;
}
.show h2 {
	display: inline-block;
	letter-spacing: 3px;
}
@media (max-width: 767px){
#fight_pc{ display: none; }
}
#fight_m img{ width:100%; }

#wrap8{
	width: auto;
}
.w8-1 h1{
	font-size: 180%;
	text-align: left;
}
#wrap8 h3{
	font-size: 120%;
}
#item {
	display: block;
}
#item img{
	width: 250px;
}
#shosai {
	width: auto;
	height: auto;
	text-align: left;
	padding: 5%;
	font-size: 95%;
}
#shosai h4{
	font-size: 120%;
}
.footer-menu{
	display: block;
	text-align: center;
	font-size: 120%;
}
.f1 li{
	list-style: none;
	border-bottom: none;
	padding-bottom: 20px;
}
.btn{
	width: 12%;
}
/* スマホ表示の時はhrを消す */
.footer {
	padding-top: 5%;
}
.footer-menu {
	padding-top: 0;
	padding-bottom:0;
}
.footer ul {
	padding-left: 0;
}
.f1 hr{
	opacity:0%;
}
.f2{
	position: static;
	flex-direction:column;
	box-sizing: border-box;
	display: block;
	text-align: center;
}
.f2 img {
	position: static;
	width: 35%;
}
.f2 p {
	position: static;
	margin:0;
}












/*********会社概要**********/
#CEO h2{
	font-size: 140%;
}
.flex {
	flex-direction: column;
	align-items: center;
	padding:5%;
}
.flex .text0 {
	width: 100%;
	margin:0;
}
#C1-1 {
	width: 100%;
}
#C1-1 p{
	font-size: 100%;
}
#CEO video {
	width: 80%;
}

#kaisha h2{
	font-size: 140%;
}
#kaisha th,td{
	font-size: 110%;
}
#enkaku h2{
	font-size: 140%;
}
#enkaku th,td{
	font-size: 120%;
}
.k1{
  	display: flex;
  	flex-direction: column;
  	text-align: center;
}
#table01 th,#table01 td {
	width: 80%;
	display: block;
}

#table01 th {
	width: 100%;
	text-align: initial;
	text-align-last: initial;
}

#table02 td {
	padding-top: 0;
}
#table02 th,#table02 td {
	width: 100%;
	display: block;
}

#table02 th {
	width: 100%;
	text-align: initial;
	padding-right: 5%;
	text-align-last: initial;
}

#table02 td {
	padding-top: 0;
}
#kaisha table{
	margin:0 auto;
	padding: 0;
}

/**********お問い合わせ*********/
#contact h2{
	font-size: 140%;
}
.form dt{
	font-size: 120%;
}
.text{
	font-size: 100%;
	padding: 10px;
}
#detail{
	width: 100%;
	height: auto;
	font-size: 200%;
	padding: 10px;
}
#submit{
	width: 100px;
	padding: 10px;
	font-size:120%;
}





/*********プライバリーポリシー**********/
#privacy h2{
	font-size: 140%;
}
#privacy h4{
	font-size: 120%;
}
/* プライバリーポリシー ここまで↑ */
/* ショップ ここから↓ */
#shop h2{
	font-size: 140%;
}
#shop h3{
	font-size: 170%;
	padding-right: 10%
}
.item_box{
	width: 95%;
    	font-size: 180%;
	padding: 50px;
}
.flexshop {
    	display: block;
}
.li{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.add{
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}
.add_op{
	max-width: 250px;
	width: 100%;
	height: 70px;
}
.slect{
	font-size: 200%;
}


.product_items {
	text-align: center;
}

.phone_txt {
	font-size:20px;
}
.shop_size {
	padding: 0!important;
}

/* ショップ ここまで↑ */



}
/**********END**********/