#h2{
position:relative;
margin:0 10px}

h2#midashi{
color:#231815;
line-height:1.2;
border-bottom:1px solid #666666;
margin-bottom:0;
margin-top:0;
padding-top:0;


}
.small{
font-size:0.7em}

#kouki{
font-weight:bold;
color:#231815;
border:1px solid #231815;
text-align:center;
padding:3px 3px;
position:absolute;
right:0;
top:0;
font-size:1.4em
}
#h2 p.kmb{
color:#231815;
line-height:1.3;
font-size:1.15em;
margin: 4px;
font-weight:700;
}
 #details{
 margin:10px;
 margin-top:0;
 clear:both;
}
 .smalltxt{
 font-size:0.85em}
 
 
 /*　　　仮リンクボタン　　　　*/
 
 
 #details ul#navbtn{
 text-align:center;
 margin:10px auto;}
 #details #navbtn li{

	margin:1%;
	float:left;
	font-size:1em;
	width:48%;
	max-width:180px;

	}
	 #details #navbtn li.fs1em{
	 font-size:0.9em}
 #details #navbtn li a{
	display: block;
	position: relative;
	z-index: 2;
	text-align:center;
	   background: #15489E;
	color: #fff;
text-shadow: 0px 1px 2px rgba(129, 110, 117, 0.78);
font-weight:700;
	text-decoration:none;
	  overflow: hidden;
border-radius:4px;
 width:100%;
    height:45px;
	line-height:47px;
	text-indent:1.3em;
}
 #details #navbtn li.ml0{
 margin-left:0}




 


 #details #navbtn li a:before {          
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left:5px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #fff;
}
 #details #navbtn li a:after {        
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left:0px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #15489E;
}

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

 #details ul#navbtn{
 text-align:center;
 margin:10px auto;}
 #details #navbtn li{

	margin:1%;
	float:left;
	font-size:0.8em;
	width:48%;
	max-width:180px;

	}
	 #details #navbtn li.fs1em{
	 font-size:0.9em}
 #details #navbtn li a{
	display: block;
	position: relative;
	z-index: 2;
	text-align:center;
	   background: #15489E;
	color: #fff;
text-shadow: 0px 1px 2px rgba(129, 110, 117, 0.78);
font-weight:700;
	text-decoration:none;
	  overflow: hidden;
border-radius:4px;
 width:100%;
    height:45px;
	line-height:47px;
	text-indent:1.3em;
}
 #details #navbtn li.ml0{
 margin-left:0}




 


 #details #navbtn li a:before {          
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left:5px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #fff;
}
 #details #navbtn li a:after {        
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left:0px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #15489E;
}

}
/*▲▲▲▲▲仮リンクボタン*▲▲▲▲▲*/



  
 /*　　　見出し関係　　　　*/
  #details h3{
  clear:both;
	position: relative;
	padding: .65em 1em .5em .8em;
/* box-shadow */
box-shadow:rgba(76, 79, 82, 0.419608) -1px 1px 1px 1px;
-webkit-box-shadow:rgba(76, 79, 82, 0.419608) -1px 1px 1px 1px;
-moz-box-shadow:rgba(76, 79, 82, 0.419608) -1px 1px 1px 1px;
		color:#333;
		font-size:1.25em;
		background: -webkit-linear-gradient(top, #ededed 0%, #fff 100%);
	background: linear-gradient(to bottom,#ededed  0%, #fff 100%);
		height:auto !important ;
		margin:20px 0
}
  #details h3::after {
	position: absolute;
	top: .4em;
	left: .3em;
	content:url(../img/bb.png);
	width: 6px;
/*	height: -webkit-calc(100% - 0.8em);
	height: calc(100% - 0.8em);
	background-color: #29aae1;
	border-radius: 1px;*/
}
 

  #details h3{
/*	color:#0174BE;
	border-bottom:1px solid #0174BE;
	color:#0174BE;
	font-size:130%;
	padding:10px 5px 5px;
	height: auto;
	line-height: 1.2em;*/
}

  #details h4{
  margin:15px 0}
.radow{
color:#000;
font-weight:bold;
margin:15px 10px;

padding:3px;

font-size:1.3em;
border-bottom:3px solid #ED785E !important ;



}

.radow2{
color:#000;
font-weight:bold;
margin:15px 10px;

padding:3px;

font-size:1.3em;
border-bottom:3px solid #ED785E


}

#details h5{
	position: relative;
	padding: .5em .6em;
	background-color: #f2f2ea;
	border: 1px solid #ec9369;
	color:#ec9369;
	border-radius:4px;
	font-size:1.15em
}
#details h5::before,
#details h5::after {
	position: absolute;
	top: 100%;
	left: 20px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
#details h5::before {
	border-top: 15px solid #ec9369;
}
#details h5::after {
	margin-top: -2px;
	border-top: 15px solid #f2f2ea;
}


#details h5.colorv{
background-color:#efefef;
color:#333333;
border:0;
margin:10px 0}
#details h5.colorv::before,
#details h5.colorv::after {
border:0}

/*▲▲▲▲▲見出し*▲▲▲▲▲*/




	.fl{
	float:left;
	width:50%;
	margin:0 
	}
	.linep{
	line-height:1.6;
	font-size:1.1em}


.kadomaru{
border-radius:4px}


  #details #default table{
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 5px;
	width:100%
}
  #details #default th{
	
	font-size: 100%;
	background-color: #eeeeee;
	padding: 5px 2px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
}
  #details #default td{
	background-color: #FFFFFF;
	padding: 10px 8px;

	font-size: 100%;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
	font-weight:bold

}


  #details #default .bdnone{
border:0;
width: 10%;
padding-right:0;
	border-bottom: 1px #CCCCCC solid;
	
}
  #details #default .bdlnone{
border-left:0;
}

.price2 {
padding:0 2px;
}

.price2 .heading{
font-weight:bold;
font-size:80%;
/*padding-right:3px;*/
}

.price2 .amt {
font-weight:bold;
font-size:140%;
padding:5px 0;
}

.price2 .en {
font-weight:bold;
padding-left:3px;
font-size:80%;
}
.Rred{
margin-top:3px;

color:#FF0000;
font-size:0.95em}

ul#plist{
text-align:center;
margin:0 auto}

ul#plist li{
display:inline-block;
width: 278px;
margin:4px 4px 0 4px;


border-radius:5px;
}
ul#plist li img{border-radius:5px;}
@media screen and (max-width: 600px) {
ul#plist li{
margin:5px auto;

width:100%;


border-radius:4px;}
ul#plist li img{border-radius:5px;}
}






ul#slist{
text-align:center;
margin:0 auto;
 width:100%}

ul#slist li{
float:left;
width: 48%;
height:179px;
margin:0 1%;
/*padding:4px 3px;
border: 1px solid #ccc;
border-radius:4px;*/
box-sizing:border-box;
}
ul#slist li.slistLast{
/*width:98%;
height: auto;
padding:8px 5px*/

}
@media screen and (max-width: 600px) {
ul#slist li{
margin:5px 0;

width:100%;
height:auto;
/*padding:8px 5px;
border-radius:4px;border: 1px solid #ccc;*/
box-sizing:border-box;
}

}
.cl{
clear:both}


	
	@media screen and (max-width: 480px) {
.fl{
float:none;
margin:0 0 2px 0;
width:100%
}
.linep{
	line-height:1.3;
	font-size:1em;
	margin-bottom:10px}
}




ul#olist{

margin:0 auto;
 width:100%}

ul#olist li{/*
float:left;
width: 48%;
height:260px;
margin:1%;
padding:4px 3px;
border: 1px solid #ccc;
border-radius:4px;*/
box-sizing:border-box;
margin-bottom:5px
}
ul#olist li.olistLast{
width:48%;
height: auto;
/*padding:8px 5px*/

}
@media screen and (max-width: 600px) {
ul#olist li{
margin:5px 0;

width:100%;
height:auto;

box-sizing:border-box;
/*border: 1px solid #ccc;padding:8px 5px;*/}
ul#olist li.olistLast{
width:100%;
height: auto;
/*padding:8px 5px*/

}
}

p.opp{text-align:center; font-weight:bold; padding:5px; border:1px solid #000; margin:5px 0; font-size:1.25em}

.aright{
text-align:right}
.mt5{
margin-top:5px}
.mb10{
margin-bottom:10px}

hr{
border: 0;
    height: 1px;
    background: #626262;
    background-image: -webkit-linear-gradient(left, #ccc, #626262, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #626262, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #626262, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #626262, #ccc);
	margin-bottom:20px}
	
	
	
	
	/*　　スタンダードプラン　　*/
.undl{
  background: linear-gradient(transparent 60%, #C4E8F7 0%);}


/*--------- ▲　　スタンダードプラン　▲ ---------　　*/

	
#tokucyou{
background-color:#FFF3EB;

}
.osusume{
color:#ED785E;
font-weight:bold;
margin-bottom:10px}
	
	
	
/* 注意書き */
#atsample{
border: 1px solid #000;
margin-top: 15px;
padding: 5px;
}

	
	
	

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}