@charset "shift_jis";

@media screen and (min-width: 750px) {

div.tabbox {
      margin:0 auto 5%;
      padding: 0px;
      width: 98%; 
   }
   div.tabbox ul.tabs {
      margin:  0px; 
      padding: 0px; 
      width:100%;
   }
   div.tabbox ul.tabs li {
      border-radius: 4px 4px 0px 0px;
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left; 
      width: 33.3333%; 
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }
    div.tabbox ul.tabs li#tabA {
    margin:0;
	box-sizing:border-box;
    }
    div.tabbox ul.tabs li#tabB {
    margin:0;
	box-sizing:border-box;
    }
    div.tabbox ul.tabs li#tabC {
    margin:0;
	box-sizing:border-box;
    }
    
   div.tabbox ul.tabs a {
      display: block; 
      padding: 5% 0px;     
      height:auto;         
      text-align: center;    
      text-decoration: none; 
	  font-weight:bold;
      color: unset;
   }
   div.tabbox ul.tabs li.tab {
      background-color: gray; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      text-decoration:none;
	  color:gray;
   }
   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
	  border:1px solid #259df8; 
	  border-top:none;
	  border-radius: 0px 0px 4px 4px; 
   }
   div.tab div.tabbox_contents{
	   width:98%;
	   margin:auto;
   }
   div.tabbox div#tab1 {
      background-color: #FFF;
   }
   div.tabbox div#tab2 {
       background-color: #FFF;
   }
   div.tabbox div#tab3 {
      background-color: #FFF;
   }

div.box_1, div.box_2, div.box_3{
	width:94%;
	padding:3%;
	margin:0 auto;
}

/*
.content .set{
	margin:3vw 0;
}
.content .name{
	width:96%;
	margin:0;
	text-align: left;
	background-color:#fff;
	color: #259df8;
	border-radius: 7px;  
	border:solid 1px #259df8;   
	padding:0.5% 2%;
}
.content .coment{
	text-align:center;
	margin:1.5vw auto;
	font-size:2vw;
}
.content img{
	margin:0 25%;
	width:50%;
}
.content table{
	width:70%;
	margin:1.5vw auto 0 auto;
}
.content table th{
	font-weight:normal;
	width:8vw;
	text-align:left;
	vertical-align:top;
}
*/
hr.middle_line{
	width:100%;
}

p.item_title{
    width: 96%;
    padding: 0.5% 2%;
}


}

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

div.select-box01 {
	width: 96%;
	margin:1vw auto;
}

select::-ms-expand {
    display: none;
}

.select-box01 select {
	width: 100%;
	padding: 3vw;
    padding-left:9vw;
    font-size: 3.8vw;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#FFFFFF;
	background-image: url("./images/triangle.gif");
	background-repeat:no-repeat;
	background-position:94%;
	background-size:3% auto;
	border:1px solid #FFFFFF;
	border-radius: 10px;
	border: 2px solid #ccc; 
	box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
}

div.tabbox {
      margin:0 auto 5%;
      padding: 0px;
      width: 98%; 
   }
   div.tabbox ul.tabs {
      margin:  0px; 
      padding: 0px; 
      width:100%;
   }
   div.tabbox ul.tabs li {
      border-radius: 4px 4px 0px 0px;
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left; 
      width: 33.3333%; 
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }
    div.tabbox ul.tabs li#tabA {
    margin:0;
	box-sizing:border-box;
    }
    div.tabbox ul.tabs li#tabB {
    margin:0;
	box-sizing:border-box;
    }
    div.tabbox ul.tabs li#tabC {
    margin:0;
	box-sizing:border-box;
    }
   div.tabbox ul.tabs li.tab {
      background-color: gray; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      text-decoration:none;
	  color:gray;
   }
   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
	  border:1px solid #259df8; 
	  border-top:none;
	  border-radius: 0px 0px 4px 4px; 
   }
   div.tab div.tabbox_contents{
	   width:98%;
	   margin:auto;
   }
   div.tabbox div#tab1 {
      background-color: #FFF;
   }
   div.tabbox div#tab2 {
       background-color: #FFF;
   }
   div.tabbox div#tab3 {
      background-color: #FFF;
   }
   
div.box_1, div.box_2, div.box_3{
	width:96%;
	padding:2%;
	margin:0 auto;
}
/*
.content h2{
	font-size:4.7vw;
}
.content .set{
	margin:7vw 0;
}
.content .name{
	width:60%;
	margin:0;
	text-align: center;
	background-color:#fff;
	color: #259df8;
	border-radius: 7px;  
	border:solid 1px #259df8;   
	padding:0.5% 2%;
}
.content .coment{
	text-align:left;
	margin:2vw auto;
	font-size:4.7vw;
}
.content img{
	margin:0 15%;
	width:70%;
}
.content table{
	width:100%;
	margin:2vw auto 0 auto;
}
.content table th{
	font-weight:normal;
	width:26%;
	text-align:left;
	vertical-align:top;
}
*/
hr.middle_line{
	width:100%;
}

div.tabbox ul.tabs a {
    padding: 16% 10% 0;
}

div.tabbox ul.tabs a.tab_2 {
    padding: 10% 10% 0;
}

}