@charset 'utf-8';
@import url("./style202403.css");

/* rentarl_box
--------------------------------------------------*/
.rentarl_box{
	width:96%;
	margin:0 auto 0;
	padding:3% 0;
}

@media only screen and  (max-width: 800px) {
.rentarl_box{
	width:100%;
}
}

@media only screen and  (max-width: 568px) {
.rentarl_box{
	padding:5% 0;
}
}

.rentarl_box table{
	width		: 100%;
	margin		: 0 auto 5%;
	border	: solid 1px #ccc;
	background:#FFF;
	font-size:1.4em;
	float:left;
	}

@media only screen and  (max-width: 800px) {
.rentarl_box table{
	font-size:1.3em;
	}
}

@media only screen and  (max-width: 568px) {
.rentarl_box table{
	font-size:1.1em;
	}
}

.rentarl_box td{
	padding		: 18px 5px 12px 5px;
	border-bottom	: solid 1px #ccc;
	border-right	: solid 1px #ccc;
	text-align	: center;
	line-height:1.4;
	}

.rentarl_box td p{
	text-align	: left;
	line-height:1.6;
	padding		: 5px 20px 5px 20px;
	}
	
@media only screen and  (max-width: 568px) {
.rentarl_box td{
	padding		: 18px 5px 12px 5px;
	letter-spacing	: 0.05em;
	}

.rentarl_box td p{
	padding		: 3px 8px 3px 8px;
	}
}
.rentarl_box th{
	border-right	: solid 1px #ccc;
	border-bottom	: solid 1px #ccc;
	text-align	: center;
	padding		: 18px 5px 12px 5px;
	line-height:1.4;
	font-weight:normal;
	background:#FAFAFA;
	}

@media only screen and  (max-width: 568px) {
.rentarl_box th{
	padding		: 18px 2px 12px 2px;
	letter-spacing	: 0.05em;
	}
.smm{
	font-size:0.8em;
	letter-spacing	: 0em;
	}
}

.rentarl_box caption{
	margin : 0 0 0;
	padding		: 12px 0 5px 3%;
	font-weight:normal;
	background:#303030;
	width		: 100%;
	font-size:2.6em;
	color:#FFF;
	box-sizing: border-box;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	}
	
.rentarl_box .redd{
color:#FF7575;
font-size:1.4em;
line-height:1.2;
}

.rentarl_box .price{
font-size:1.4em;
font-family:"Century Gothic", serif;
font-weight:500;
padding-left:3px;
}

@media only screen and  (max-width: 568px) {
.rentarl_box .redd{
	font-size:1.1em;
	}
.rentarl_box caption{
font-size:2em;
	}
}


/* .merito
================================================== */	
.merito{
	width:92%;
	padding:0;
	margin:0 3.5% 5%;
	border:6px solid #443E3E;
	background:#FFF;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
	float:left;
	-moz-box-shadow: 0 1px 3px #443E3E;
	-webkit-box-shadow: 0 1px 3px #443E3E;
	box-shadow: 0 1px 3px #443E3E;
}

@media screen and (max-width: 1280px) {
.merito{
	width:98%;
	margin:1.5% 0 3% 2%;
}
}


@media screen and (max-width: 800px) {
.merito{
	width:96%;
	margin:1.5% 0 3% 2%;
}
}

.merito h3{
	width: 100%;
	font-size:3em;
	text-align: center;
	padding		: 15px 0 10px;
	background  : #443E3E;
	box-sizing: border-box;
	color:#FFED2B;
	line-height:1;
	letter-spacing	: 0.05em;
}

.mrt_ttl{
	width: 100%;
	font-size:3em;
	text-align: center;
	padding		: 13px 0 10px!important;
	background  : #443E3E;
	box-sizing: border-box;
	color:#FFED2B;
	line-height:1;
	letter-spacing	: 0.05em;
	font-weight:bold;
}

.merito ul{
	width: 100%;
	padding:1.5% 1.5% 2%;
	float:left;
	box-sizing: border-box;
}

.merito li{
	float: left;
	box-sizing: border-box;
	margin:0.5% 0;
	font-size:2em;
	font-weight:400;
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height:1.4;
}

@media screen and (max-width: 1280px) {
.merito li{
	font-size:1.6em;
}
}

.merito .w50{
	width:50%;
	padding: 0 0.5% 0 2%;
}

.merito .w100{
	width:100%;
	padding: 0 0.5% 0 2%;
}

@media screen and (max-width: 800px) {
.merito li{
	margin:1.5% 0;
}

.merito .w50{
	width:96%;
	padding: 0 2%;
}

.merito .w100{
	width:96%;
	padding: 0 2%;
}
}

@media screen and (max-width: 568px) {
.merito h3{
	font-size:2em;
}

.mrt_ttl{
	font-size:2em;
}

.merito li{
	font-size:1.3em;
	font-weight:400;
	letter-spacing	: 0em;
}
}

/* material_box
--------------------------------------------------*/
.material_box{
	width:96%;
	margin:0 auto 0;
	padding:3% 0;
}

@media only screen and  (max-width: 800px) {
.material_box{
	width:100%;
}
}

@media only screen and  (max-width: 568px) {
.material_box{
	padding:5% 0;
}
}

.material_box h2 small{
	font-size:90%;
}

.material_box h3{
	margin : 5% 0 3%;
	padding		: 7px 0 5px 3%;
	font-weight	: normal;
	background-color: #443E3E;
	color:#FFF;
	width		: 100%;
	box-sizing: border-box;
	font-size:2em;
	clear:both;
	float:left;
}

.material_box .prd_list li{
	width		: 31.3%;
	box-sizing: border-box;
	padding		:1% 1.5% 1.3%;
	font-size:1.2em;
	background-color: #FFF;
	margin:1%;
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	float:left;
	-moz-box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
	box-shadow: 0 1px 3px #ccc;
}

@media screen and (max-width: 800px) {
.material_box .prd_list li{
	width		: 48%;
	font-size:1em;
}
}

@media screen and (max-width: 568px) {
.material_box .prd_list li{
	width		: 96%;
	padding		:2.5% 3% 2.3%;
	margin:1% 2% 5%;
}
}

.material_box h4{
border-bottom:0.05em solid #000;
margin:0 auto 10px;
padding:1% 2% 1%;
font-size:1.2em;
font-weight:normal;
line-height:1.2;
}

.material_box h4 small{
margin-left:5px;
margin-right:5px;
font-size:13px;
}

@media screen and (max-width: 1280px) {
.material_box h4 small{
font-size:12px;
margin-left:0px;
margin-right:0px;
}
}

@media screen and (max-width: 568px) {
.material_box h4 small{
font-size:13px;
}
}

.material_box strong{
font-size:1.3em;
}

@media screen and (max-width: 1280px) {
.material_box strong{
font-size:1.1em;
}
}

.material_box p{
padding:1px 5px;
}

.material_box .redd{
padding-left:15px;
color:#FF7575;
font-size:1.4em;
line-height:1.2;
}

.material_box .price{
font-size:1.6em;
font-family:"Century Gothic", serif;
font-weight:500;
padding-left:3px;
}

.material_box .bod{
border-bottom:0.05em dotted #ccc;
margin-bottom:7px;
padding-bottom:5px;
}

.material_box .bod2{
border-bottom:0.05em dotted #ccc;
margin-bottom:5px;
padding-bottom:5px;
}

.material_box .bod2 span{
color:#FC3737;
font-size:120%;
}

.material_box .bd{
font-weight:bold;
}

.material_box .prd_list li img{
	width		: 98%;
	height:auto;
	margin:5px 1% 5px;

}

.je_bt{
	width:55%;
	margin:0 auto 2%;
}

.je_bt li{
	float:left;
	margin:1% 2%;
	font-size:2em;
	width:46%;
	display:block;
	text-align: center;
}


@media screen and (max-width: 1280px) {
.je_bt{
	width:75%;
}
}

@media screen and (max-width: 800px) {
.je_bt{
	width:96%;
}

.je_bt li{
	margin:1% 1% 3%;
	font-size:1.2em;
}
}


.je_bt li a{display:block;box-shadow:inset 0 1px 5px rgba(0,0,0,.6);color:#333;text-decoration:none;padding:12px 20px 8px;background-color:#FFED2B;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.je_bt li a:hover{color:#FFF;text-decoration:none;background-color:#2C2C2C;}

@media screen and (max-width: 568px) {
.je_bt li a{
	padding:10px 15px 8px;
}
}

.res_bt{
	margin-top:5%;
	font-size:1.4em;
	text-align: center;
	letter-spacing:0em;
}

@media screen and (max-width: 568px) {
.res_bt{
	margin-bottom:5%;
}
}

.res_bt a{box-shadow:inset 0 1px 5px rgba(0,0,0,.5);color:#FFF;padding:10px 20px 8px;background-color:#2C2C2C;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.res_bt a:hover{color:#333;text-decoration:none;background-color:#FFED2B;}

.delivery-erea{
	margin:0 auto;
	text-align: left;
	letter-spacing:0em;
}

.delivery-erea li{
  padding:5px 20px;
  font-size:14px;
}

@media screen and (max-width: 568px) {
.delivery-erea li{
  font-size:13px;
  padding : 5px 5px 12px 5px;
}
}

/* agree_box
--------------------------------------------------*/
.agree_box{
	width:96%;
	margin:0 auto 0;
	padding:3% 0;
}

@media only screen and  (max-width: 800px) {
.agree_box{
	width:98%;
}
}

@media only screen and  (max-width: 568px) {
.agree_box{
	padding:5% 0;
}
}

.agree_box h3{
	margin : 5% 0 1%;
	padding		: 7px 0 5px 3%;
	font-weight	: normal;
	background-color: #443E3E;
	color:#FFF;
	width		: 100%;
	box-sizing: border-box;
	font-size:1.6em;
	clear:both;
	float:left;
}

@media screen and (max-width: 568px) {
.agree_box h3{
	font-size:1.2em;
}
}

.agree_box p{
	width:96%;
	margin:1% 2%;
	font-size:1.3em;
	float:left;
	line-height:1.8;
}

@media only screen and  (max-width: 800px) {
.agree_box p{
	font-size:1.1em;
	line-height:1.6;
}
}

@media only screen and  (max-width: 568px) {
.agree_box p{
	font-size:1em;
}
}

.agree_box dl{
	width:98%;
	margin:1% 1% 0.5%;
	clear:both;
	font-size:1.3em;
	float:left;
	line-height:1.8;
}

@media only screen and  (max-width: 800px) {
.agree_box dl{
	font-size:1.1em;
	line-height:1.6;
}
}

@media only screen and  (max-width: 568px) {
.agree_box dl{
	font-size:1em;
}
}

.agree_box dt{
	float:left;
	margin:0 0 0 0;
	display:block;
	width:2%;
	font-family: 'Noto Sans Japanese', sans-serif;
}

@media only screen and  (max-width: 800px) {
.agree_box dt{
	width:5%;
}
}

@media only screen and  (max-width: 568px) {
.agree_box dt{
	width:5%;
}
}


.agree_box dd{
	margin:0 1% 0 0;
	width:96%;
	display:block;
	float:right;
}

@media only screen and  (max-width: 800px) {
.agree_box dd{
	width:94%;
}
}

@media only screen and  (max-width: 568px) {
.agree_box dd{
	width:92%;
}
}

.agree_box ul{
	width:98%;
	margin:0 1% 1%;
	clear:both;
	float:left;
}

.agree_box li{
	font-size:1.3em;
	margin:0 3%;
	line-height:1.6;
}

@media only screen and  (max-width: 800px) {
.agree_box li{
	font-size:1.1em;
	line-height:1.4;
}
}

@media only screen and  (max-width: 568px) {
.agree_box li{
	font-size:1em;
}
}


/* company_box
--------------------------------------------------*/
.company_box{
	width:96%;
	margin:0 auto 0;
	padding:3% 0;
}

@media only screen and  (max-width: 568px) {
.company_box{
	padding:5% 0;
}
}

.company_box table{
	width		: 100%;
	margin		: 0 auto 5%;
	border	: solid 1px #ccc;
	background:#FFF;
	font-size:1.4em;
	float:left;
	}

@media only screen and  (max-width: 568px) {
.company_box table{
	font-size:1.2em;
	}
}

.company_box td{
	padding		: 18px 15px 12px 20px;
	border-bottom	: dotted 1px #ccc;
	text-align	: left;
	line-height:1.4;
	}

@media only screen and  (max-width: 568px) {
.company_box td{
	padding		: 18px 5px 12px 10px;
	}
}
.company_box th{
	border-right	: dotted 1px #ccc;
	border-bottom	: dotted 1px #ccc;
	text-align	: center;
	padding		: 18px 5px 12px 5px;
	line-height:1.4;
	font-weight:normal;
	background:#FAFAFA;
	width:25%;
	}

@media only screen and  (max-width: 568px) {
.company_box th{
	width:28%;
	}
}

.company_box .line01{
	padding:5px 0 0;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	}

.company_box td p{
	padding:0 10px;
	font-size:0.9em;
	}

.company_box td span{
	padding-left:10px;
	font-size:0.9em;
	}

.gmap{
	width: 100%;
	float:left;
	margin:3% 0;
	text-align	: center;
	font-size:1.4em;
}

.gmap img{
	width: 100%;
	height:auto;
	max-width:754px;
	margin-top:35px;
	margin-bottom:35px;
}

.gmap .yd_tx{
	margin-bottom:35px;
}

@media only screen and  (max-width: 800px) {
.gmap{
	width: 90%;
	margin:2% 5%;
	}
}

@media only screen and  (max-width: 568px) {
.gmap{
	width: 100%;
	margin:2% 0;
	}
}

.gmap2{
	width: 100%;
	float:left;
	margin:3% 0;
	text-align	: center;
	font-size:1.4em;
}

.gmap2 img{
	width: 100%;
	height:auto;
	max-width:873px;
	margin-top:35px;
	margin-bottom:35px;
}

.gmap2 .yd_tx{
	margin-bottom:35px;
}

@media only screen and  (max-width: 800px) {
.gmap2{
	width: 90%;
	margin:2% 5%;
	}
}

@media only screen and  (max-width: 568px) {
.gmap2{
	width: 100%;
	margin:2% 0;
	}
}

.company_box td a{margin-left:20px;font-size:0.8em;color:#333;padding:2px 10px;background-color:#FFED2B;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.company_box td a:hover{color:#FFF;text-decoration:none;background-color:#000;}

@media only screen and  (max-width: 568px) {
.company_box td a{
	margin-left:0;
	}
}

/* contact_box
--------------------------------------------------*/
.contact_box{
	width:96%;
	margin:0 auto 0;
	padding:3% 0;
}

@media only screen and  (max-width: 568px) {
.company_box{
	padding:5% 0;
	width:100%;
}
}

.contact_box h2 small{
	font-size:90%;
}

.contact_box table{
	width		: 100%;
	margin		: 0 auto 5%;
	border	: solid 1px #ccc;
	background:#FFF;
	font-size:1.2em;
	float:left;
	}

@media only screen and  (max-width: 568px) {
.contact_box table{
	font-size:1em;
	letter-spacing:0em;
}
}

.contact_box td{
	padding		: 18px 5px 12px 20px;
	border-bottom	: dotted 1px #ccc;
	text-align	: left;
	line-height:1.4;
	}

@media only screen and  (max-width: 568px) {
.contact_box td{
	padding		: 18px 5px 12px 10px;
	}
}

.contact_box .w30{
	box-sizing: border-box;
	width:33%;
	float:left;
	padding		: 1% 2% 0.5%;
	}

@media only screen and  (max-width: 800px) {
.contact_box .w30{
	width:50%;
	}
}

@media only screen and  (max-width: 568px) {
.contact_box .w30{
	width:100%;
	font-size:1.2em;
	}
}

.contact_box  .line02{
	padding:3px 0;
	border-bottom:1px dotted #FFF;
	}

.contact_box .uline{
	border-top:1px solid #CCC;
	width:96%;
	padding: 0.5% 1% 0.5%;
	margin-top:1%;
	float:left;
	clear:both;
	}

@media only screen and  (max-width: 568px) {
.contact_box .uline{
	padding: 2% 1% 0.5%;
	margin-top:0;
	}
}


.contact_box th{
	border-right	: dotted 1px #ccc;
	border-bottom	: dotted 1px #ccc;
	text-align	: center;
	padding		: 18px 5px 12px 5px;
	line-height:1.4;
	font-weight:normal;
	background:#FAFAFA;
	width:25%;
	}

@media only screen and  (max-width: 568px) {
.contact_box th{
	width:28%;
	}
}

.contact_box caption{
	margin : 0 0 0;
	padding		: 7px 0 5px 3%;
	font-weight	: normal;
	background-color: #9F9F9F;
	color:#FFF;
	width		: 100%;
	box-sizing: border-box;
	font-size:1.6em;
	}

@media only screen and  (max-width: 800px) {
.contact_box caption{
	font-size:14px;
	}
}

.contact_box input{
	padding		: 5px;
	}

.contact_box select{
	padding		: 5px 0 5px 0;
	letter-spacing:0.1em;
	}
		
.contact_box .btn_send{
	text-align	: center;
	}
	
.contact_box .btn_send input{
	padding		: 10px;
	}

.contact_box p{
	width:96%;
	margin:0 auto 2%;
	font-size:1.2em;
}

/*rental
------------------------------------------------*/
.rental{
	margin:3% auto 10px;
	width:650px;
	}


@media screen and (max-width: 700px) {
.rental{
	width: 80%;
	float:left;
	margin:3% 0 10px 8.5%;
	}
}

@media screen and (max-width: 568px) {
.rental{
	width: 94%;
	margin:3% 0 10px 1.5%;
	}
}

.rental img{
	width: 15%;
	height:auto;
	float:left;
	margin:0 2% 0 0;
	}

.rental_syousai {float:left;width:100%;}

.rental_info{
	width: 81%;
	float:right;
	margin:0 2% 0 0;
	padding:0.5% 0;
	}
	
.rnews{
	font-size   : 2em;
	padding     : 1% 0;
	color:#FFED2B;
	}

.rental_bt{
	color:#000;
	font-size:13px;
	letter-spacing	: 0.1em;
	background-color:#FFED2B;
	padding     : 0.4% 0;
	display:inline-block;
	width:100%;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
	margin-top:0;
	text-align: center;
}

.rental_bt:hover{
	background-color:#2E3092;
	color:#FFF;
}

.rental a div.rental_syousai {color:#FFF!important;padding:8px 5px 8px 10px;background-color:#000;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-decoration:none!important;}
.rental a:hover div.rental_syousai {color:#FFF;text-decoration:none;background-color:#383838;}
.rental a {text-decoration:none!important;}

.rnews2{
	padding     : 1% 0 2%;
	font-size   : 16px;
	letter-spacing	: 0em;
	line-height:1.4;
	}

.rnews2 {color:#FFF!important;}

@media screen and (max-width: 700px) {
.rental img{
	display:none;
	}

.rental_info{
	width: 100%;
	margin:0;
	}

.rnews{
	font-size   : 1.7em;
	}
}

.chuko{
	font-size   : 1.5em;
	text-align: center;
	margin: 2% auto 0;
}

/* container
--------------------------------------------------*/
#container{
  width:80%;
  min-height: 40vh;
  float:right;
  box-sizing: border-box;
  padding:3% 0 0 3%;
}

@media only screen and  (max-width: 1280px) {
#container{
	width:75%;
	padding:2% 0 0 3%;
}
}

@media only screen and  (max-width: 800px) {
#container{
	width:100%;
	padding:2% 2% 0;
	float:left;
}
}

@media only screen and  (max-width: 568px) {
#container{
	padding:2% 1% 0;
}
}

/* sideR
--------------------------------------------------*/
#sideR{
  width:20%;
  float:left;
  box-sizing: border-box;
  padding:5% 1% 1% 0;
}

@media only screen and  (max-width: 1280px) {
#sideR{
	width:25%;
}
}

@media only screen and  (max-width: 800px) {
#sideR{
	width:100%;
	padding:2% 2%;
	float:none;
	clear:both;
}
}

@media only screen and  (max-width: 568px) {
#sideR{
	padding:2% 1%;
}
}

#sideR h4 {
  margin-top: 2px;
  padding:5px 0 5px;
  text-align:center;
  font-size:1.3em;
  color:#FFF;
  background:#2E3092;
  font-weight:500;
  font-family: 'Noto Sans Japanese', sans-serif;
}

#sideR .categories ul li {
  border-bottom: 1px dotted #FFF;
  padding: 15px 10px 10px 23px;
  font-size:14px;
  list-style: none;
  display:block;
  background-color:#54A6D0;
  background-size:5px 8px;
  background-image:url(../images/common/arrow-rbk.png);
  background-position:10px center;
  background-repeat:no-repeat;
}

#sideR .categories ul li span.badge {
  float: right;
  background: transparent;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
  padding:5px;
  line-height:1;
  margin-top:-2px;
  font-size:12px;
}

#sideR .categories ul li a {
  color: #FFF;
  text-decoration:none;
  
}

#sideR .categories ul li a:hover {
  color: #FFF600;
  text-decoration:underline;
}

#sideR .categories ul li:last-child {
  border-bottom: none;
}

/* buy_list
--------------------------------------------------*/
.buy_list{
  width:100%;
  float:left;
}

.buy_list h2{
  font-size:4em;
  font-weight:normal;
  margin-bottom:15px;
  text-align: center;
  line-height:1.2;
}

@media only screen and  (max-width: 800px) {
.buy_list h2{
  font-size:2.4em;
}
}

@media screen and (max-width: 568px) {
.buy_list h2{
	padding:4% 3% 0;
	font-size:2em;
}
}

.by_top{
  text-align:center;
  margin:0 2% 2%;
  font-size:1.2em;
}

.by_ninka{
  text-align:center;
  margin:0 0 3%;
  font-size:1.2em;
  padding:5px;
  background:#000;
  color:#FFF;
  display:block;
  width:100%;
  box-sizing: border-box;
}

p.itemPage{
letter-spacing: 0.05em;
text-align:left;
padding:0 2%;
font-size:1.1em;
color:#333;
}

p.itemPage .red{
color:#FF1212;
font-size:130%;
}

.buy_list li.w30{
  width:31.3333%;
  margin:1%;
  float:left;
  padding:1% 1.2%;
  box-sizing: border-box;
  color:#000;
  overflow: hidden;
  position: relative;
  display:block;
  -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	float:left;
	-moz-box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
	box-shadow: 0 1px 3px #ccc;
}

@media only screen and  (max-width: 1280px) {
.buy_list li.w30{

}
}

@media only screen and  (max-width: 750px) {
.buy_list li.w30{
	width:48%;
}
}

@media only screen and  (max-width: 568px) {
.buy_list li.w30{
	width:96%;
	margin:2%;
	padding:3.5% 4%;
	height:auto;
}
}

.buy_list a li.w30{
  display:block;
  background:#FFF;
}

.buy_list a:hover li.w30{
  background:#AADBED;
}

.buy_list li.w30 h3{
  text-align:center;
  color:#0293C3;
  line-height:1.4;
  font-size:14px;
  margin-bottom:5px;
  height:40px;
  overflow: hidden;
  display:table-cell;
  vertical-align:middle;
  text-shadow:1px 1px 1px #FFF;
  padding:0 5px;
}

.bb-photo{
  width:100%;
  height:auto;
  max-height:150px;
  overflow: hidden;
  position: relative;
  display:block;
  margin-bottom:5px;
}

@media only screen and  (max-width: 1280px) {
.bb-photo{
	max-height:150px;
}
}

@media only screen and  (max-width: 800px) {
.bb-photo{
	max-height:180px;
}
}

@media only screen and  (max-width: 568px) {
.bb-photo{
	max-height:initial;
}
}

.bb-photo img{
  width:100%;
  height:auto;
}

.bb-photo .chuko{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	color: #FFF;
	font-size: 12px;
	background-color: #0FB5CE;
	padding: 5px 8px 3px;
	font-weight:400;
	display:inline-block;
	line-height:1;
	letter-spacing	: 0.1em;
}

.bb-text{
	overflow: hidden;
	display:block;
	height:160px;
}

@media only screen and  (max-width: 1280px) {
.bb-text{
	height:170px;
}
}

@media only screen and  (max-width: 568px) {
.bb-text{
	height:auto;
}
}

.prcs{
  background:#F1F0F0;
  color:#FF0000;
  text-align:center;
  padding:5px 3px 3px;
  display:block;
  margin:3px 0 5px;
  line-height:1.4;
}

.slout{
  background:#F1F0F0;
  color:#FF0000;
  text-align:center;
  padding:5px 3px 5px;
  display:block;
  margin:0 0 5px;
  line-height:1.4;
}

.bbtext{
  margin:8px 5px 0;
  line-height:1.4;
  text-align:center;
}

.bbtext2{
  margin:5px 5px 0;
  line-height:1.4;
  text-align:center;
}

.bbtext3{
  margin:5px 5px 0;
  line-height:1.6;
  text-align:left;
}

.bbt_day{
  margin:5px;
  text-align:right;
}

.buy_cate{
  width:100%;
  float:left;
  margin:0 0 3%;
}

.buy_cate .cate_ttl{
  width:100%;
  margin:2% 0;
  font-weight:normal;
  font-size:2em;
  border-bottom:1px solid #000;
  color:#000;
  padding:0 1% 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.buy_cate .cate_ttl{
	font-size:1.4em;
	width:98%;
	margin:2% 1%;
	padding:0 2% 2px;
}
}

/* buy_syousai
--------------------------------------------------*/
.buy_syousai{
  width:100%;
  float:left;
}

.buy_syousai h2{
  font-size:4em;
  font-weight:normal;
  margin-bottom:15px;
  text-align: center;
  line-height:1.2;
}

@media only screen and  (max-width: 800px) {
.buy_syousai h2{
  font-size:2.4em;
}
}

@media screen and (max-width: 568px) {
.buy_syousai h2{
	padding:4% 3% 0;
	font-size:2em;
}
}

.product{
  width:96%;
  margin:0 2% 5%;
  float:left;
  padding:2.5% 3%;
  box-sizing: border-box;
  border:1px solid #ccc;
  background:#FFF;
  -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}

.pro_photo{
  width:50%;
  float:right;
  padding-left:3%;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.pro_photo{
    width:100%;
	padding-left:0;
	margin: 0 0 10px;
}
}

.pro_photo img{
  width:100%;
  height:auto;
}

.pmain{
	width:100%;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	background: #fff;
	box-sizing: border-box;
}

.pro_photo ul{
	width:100%;
	margin-top:7px;
}

.pro_photo li {
  width:30.3333%;
  box-sizing: border-box;
  margin:1.5% 1.5% 0;
  float:left;
  border: solid #333 1px;
}

.pro_photo li a:hover img { opacity: 0.7; }

.pro_text{
  width:50%;
  float:left;
  padding:0 2% 0 1%;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.pro_text{
    width:100%;
	padding:0 1% 0 1%;
}
}

.cate_name{
	margin: 0 0 5px;
	color: #FFF;
	font-size: 12px;
	background-color: #0FB5CE;
	padding: 5px 8px 3px;
	font-weight:400;
	display:inline-block;
	line-height:1;
	letter-spacing	: 0.1em;
}

@media screen and (max-width: 568px) {
.cate_name{
    margin: 0 0 0;
}
}

.pro_text h3{
  color:#0293C3;
  line-height:1.4;
  font-size:2.4em;
  margin:5px 0;
}

@media only screen and  (max-width: 1280px) {
.pro_text h3{
  font-size:1.6em;
}
}


.pro_price{
  font-size:1.1em;
  margin-bottom:5px;
}

.pro_cate{
  font-size:1.1em;
  margin-bottom:5px;
}

.pro_cate a {
  color: #282A8E;
  text-decoration:underline;
}

.pro_cate a:hover {
  color: #0293C3;
  text-decoration:none;
}

.pro_price span{
  font-weight:bold;
  color:#FF0000;
  font-size:14px;
}

.pro_out{
  font-size:1.1em;
  margin-bottom:5px;
  color:#FF0000;
}

.pro_text2{
  width:50%;
  float:left;
  margin-top:1.5%;
  padding:1% 2% 0 1%;
  box-sizing: border-box;
  border-top:1px solid #ccc;
}

@media only screen and  (max-width: 800px) {
.pro_text2{
  width:100%;
}
}

.pro_text2 .txt2{
  font-size:1.1em;
  margin-top:5px;
}

.pro_text2 .conta{
  font-weight:bold;
  color:#FF0000;
  font-size:14px;
  margin-top:15px;
  margin-bottom:5px;
}

.pro_text2 .conta2{
  color:#000;
  font-size:1.4em;
  margin-top:5px;
}

@media only screen and  (max-width: 1280px) {
.pro_text2 .conta2{
	font-size:1.2em;
}
}

@media only screen and  (max-width: 800px) {
.pro_text2 .conta2{
	font-size:1.4em;
}
}

@media only screen and  (max-width: 568px) {
.pro_text2 .conta2{
	font-size:1.1em;
}
}

.pro_text2 .conta2 a {
  color:#FF0000;
  text-decoration:underline;
}

.pro_text2 .conta2 a:hover {
  color:#FF0000;
  text-decoration:none;
}

.order_box table{
	width		: 100%;
	margin		: 2% auto 2%;
	border	: solid 1px #ccc;
	background:#FFF;
	font-size:1.2em;
	float:left;
	}

@media only screen and  (max-width: 568px) {
.order_box table{
	font-size:1em;
	letter-spacing:0em;
}
}

.order_box td{
	padding		: 18px 5px 12px 20px;
	border-bottom	: dotted 1px #ccc;
	text-align	: left;
	line-height:1.4;
	}

@media only screen and  (max-width: 568px) {
.order_box td{
	padding		: 18px 5px 12px 10px;
	}
}

.order_box .uline{
	width:100%;
	padding: 0.5% 0 0.5%;
	margin-top:1%;
	clear:both;
	}

@media only screen and  (max-width: 568px) {
.order_box .uline{
	padding: 2% 1% 0.5%;
	margin-top:0;
	}
}

.order_box th{
	border-right	: dotted 1px #ccc;
	border-bottom	: dotted 1px #ccc;
	text-align	: center;
	padding		: 18px 5px 12px 5px;
	line-height:1.4;
	font-weight:normal;
	background:#FAFAFA;
	width:25%;
	}

@media only screen and  (max-width: 568px) {
.order_box th{
	width:28%;
	}
}

.order_box caption{
	margin : 0 0 0;
	padding		: 7px 0 5px 3%;
	font-weight	: normal;
	background-color: #9F9F9F;
	color:#FFF;
	width		: 100%;
	box-sizing: border-box;
	font-size:1.6em;
	}

@media only screen and  (max-width: 800px) {
.order_box caption{
	font-size:14px;
	}
}

.order_box input{
	padding		: 5px;
	}

.order_box select{
	padding		: 5px 0 5px 0;
	letter-spacing:0.1em;
	}
		
.order_box .btn_send{
	text-align	: center;
	}
	
.order_box .btn_send input{
	padding		: 10px;
	}

.order_box p{
	width:96%;
	margin:1% auto 1%;
	font-size:1.2em;
}

.order_box td strong{
	font-size:1.2em;
	color:#FF0000;
	font-weight:500;
}

/* ukeoi_box
--------------------------------------------------*/
.ukeoi_box{
	width:96%;
	max-width:800px;
	margin:0 auto 0;
	padding:3% 0;
}

@media only screen and  (max-width: 800px) {
.ukeoi_box{
	width:100%;
}
}

@media only screen and  (max-width: 568px) {
.ukeoi_box{
	padding:5% 0;
}
}

.ukeoi_syousai {
  width:100%;
  float:left;
  padding: 3% 3%;
  box-sizing: border-box;
  background-size: cover;
  background-image:url(../images/bg-ukeoi.png);
  background-position:center center;
  background-repeat:no-repeat;
  border:2px solid #171C60;
}

.uke_ttl{
  width:70%;
  margin:0 auto 2%;
  text-align	: center;
}

.uke_ttl img{
  width:100%;
  height:auto;
}

.uke_photo{
	width:40%;
	box-sizing: border-box;
	padding:2%;
	float:right;
}

@media only screen and  (max-width: 500px) {
.uke_photo{
	width:100%;
	padding:2%;
}
}

.uke_photo img{
  width:100%;
  height:auto;
  
}

.uke_text{
	width:60%;
	box-sizing: border-box;
	float:left;
	padding:2%;
}

@media only screen and  (max-width: 500px) {
.uke_text{
	width:100%;
	padding:2%;
}
}

.uke_text p{
  padding:2% 0;
  font-size:1.4em;
  font-weight:500;
  font-family: 'Noto Sans Japanese', sans-serif;
  line-height:1.8;
  color:#000;
}

@media only screen and  (max-width: 800px) {
.uke_text p{
  padding:0;
  font-size:1.3em;
  line-height:1.6;
}
}

.uke_text a {
  color:#000;
  text-decoration:underline;
}

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



/* blog
--------------------------------------- */
.blog_box {
  width:100%;
  float:left;
}

.blog_ttl{
  font-size:4em;
  font-weight:normal;
  padding-top:3%;
  text-align: center;
  line-height:1.2;
}

@media only screen and  (max-width: 800px) {
.blog_ttl{
  font-size:2.4em;
  padding-top:2%;
}
}

@media screen and (max-width: 568px) {
.blog_ttl{
	font-size:2em;
	padding-top:5%;
}
}

.news_box{
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 3%;
	padding: 3%;
	background:#FFF;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	}
	
@media screen and (max-width: 568px) {
.news_box{
	width: 96%;
	margin: 0 2% 3%;
}
}

.news_box h3{
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1% 2% 0.5% 3%;
	background:#000;
	font-size:1.6em;
	color:#FFED2B;
	}

.news_box h3 a {
	color:#FFED2B;
	text-decoration: none;
}
.news_box h3 a:hover {
	color:#FFED2B;
	text-decoration: none;
}

@media screen and (max-width: 568px) {
.news_box h3{
	font-size:1.4em;
	}
	}
	
.news_box .entry_box{
    font-size:14px;
	width:100%;
	box-sizing: border-box;
	margin:0;
	line-height:1.8;
	padding:3%;
	}


@media screen and (max-width: 568px) {
.news_box .entry_box{
	font-size:12px;
	line-height:1.6;
	}
	}
	
.news_box .entry_box img{
    max-width:750px;
	width:auto;
	height:auto;
	margin:10px 0;
	}

.news_box .entry_box a{
	color: #EF6000!important;
	text-decoration:underline;
	}
	
.news_box .entry_box a:hover{
	color		: #EF6000;
	text-decoration:none;
	}
	
@media screen and (max-width: 568px) {
.news_box .entry_box img{
	margin:10px auto;
	max-width:100%;
	}
	}
	
.blog_box .entry_fotter{
	width:96%;
	margin:0 auto 0;
	text-align: right;
	padding:1% 2% 5px;
	border-top:1px dotted #CCC;
	font-size:1em;
	}

@media screen and (max-width: 568px) {
.blog_box .entry_fotter{
	font-size:0.8em;
	}
	}

#sideL{
  width:20%;
  float:left;
  box-sizing: border-box;
  padding:3% 1% 1% 0;
}

@media only screen and  (max-width: 1280px) {
#sideL{
	width:25%;
}
}

@media only screen and  (max-width: 800px) {
#sideL{
	width:100%;
	padding:2% 2%;
	float:none;
	clear:both;
}
}

@media only screen and  (max-width: 568px) {
#sideL{
	padding:2% 1%;
}
}

#sideL h4 {
  margin-top: 2px;
  padding:5px 0 5px;
  text-align:center;
  font-size:1.3em;
  color:#FFF;
  background:#2E3092;
  font-weight:500;
  font-family: 'Noto Sans Japanese', sans-serif;
}

.news_list{
	width		: 100%;
	margin		: 0 0 15px 0;
	}

.news_list ul{
	margin-bottom:25px;
	}

@media screen and (max-width: 800px) {
.news_list ul{
	margin-bottom:0;
	padding-bottom:25px;
	}
	}
	
.news_list li{
	width		: 96%;
	padding		: 10px 2% 8px;
	border-bottom:1px dotted #ccc;
	letter-spacing:0em;
	}

.news_list li a{
	color: #000!important;
	text-decoration:underline;
	}
	
.news_list li a:hover{
	color		: #000;
	text-decoration:none;
	}

/* .pageNav ページ送り
================================================== */
.pageNav {
	margin: 10px 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

.pageNav li {
	display: inline-block;
	font-size:1em;
	margin: 5px 5px 5px;
	padding: 0;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #AAAAAA;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.pageNav li a:hover {
	color: #FFF;
	background: #000;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.blog_list {
	font-size:1em;
	text-align	: center;
	padding : 10px 10px 10px 10px;
	margin-bottom:5%;
	}

.blog_list a{
	color		: #EF6000;
	text-decoration	: underline;
	}

.blog_list a:hover{
	color		: #EF6000;
	text-decoration	: none;
	}

.blog_list2 {
	font-size:1em;
	text-align	: center;
	padding : 0;
	color:#FFF;
	}

.blog_list2 a{
	color		: #CBF2FF;
	text-decoration	: underline;
	}

.blog_lis2t a:hover{
	color		: #CBF2FF;
	text-decoration	: none;
	}