@charset "utf-8";
/* CSS Document */
@media only screen and (min-width :768px ){
/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }	

.price-pink{
text-align: center;
color: #C74B64;
font-weight: bold;
font-size: 1.2rem;	
}	
.pink{
color: #C74B64;
}	
	
.pricetable{
max-width: 960px;	
margin: 0rem auto 0rem auto;
	
}	

	
.pricetable table td.half{
width: 50%;	
text-align: center;
background-color: #FEFEF6;
padding: 0.5rem 0 0.5rem 0;
color: #0D5284;/*文字色*/
font-weight:600;
font-size:1.1rem;
border: solid 1px #ccc;	
vertical-align: middle;line-height: 1.75rem;		
}	
	
.pricetable table td.third{
width: 33.33333%;	
text-align: center;
background-color: #FEFEF6;
padding: 0.5rem 0 0.5rem 0;
color: #0D5284;/*文字色*/
font-weight:600;
font-size:1.1rem;
border: solid 1px #ccc;
vertical-align: middle;line-height: 1.75rem;		
}	
	
.pricetable table td.quarter{
width: 25%;	
text-align: center;
background-color: #FEFEF6;
padding: 0.5rem 0 0.5rem 0;
color: #0D5284;/*文字色*/
font-weight:600;
font-size:1.1rem;
border: solid 1px #ccc;	
vertical-align: middle;line-height: 1.75rem;	
}		
	
	
.pricetable h2{
font-size: 2.5rem;		
line-height: 3rem;
font-weight: 700;
color: #0D5284;
margin: 1rem auto 0rem auto;
text-align: center;	
}		
.pricetable h3{
text-align: center;
font-weight: bold;	
font-size: 3.5rem;
color: #0D5284;	
margin: 5rem auto 3rem auto;
}		
.pricetable h4 {
color: #333;
font-size: 1.8rem;	
line-height: 3rem;	
font-weight: 600;
padding: 0rem 0rem 0rem 0rem;	
margin: 2rem auto 0rem auto;
text-align: center;	
}
.pricetable p{
text-align: center;
font-weight: 600;	
font-size: 1rem;
color: #555;	
margin: 1rem auto 1rem auto;
}		
.small{
font-size: 80%;		
}		
		
	
.jene{
font-size: 0.8rem;
font-weight: 500;	
background-color: #FFF59A;
padding: 0.1rem 0.2rem 0.2rem 0.2rem;

}	
	
.towa{
color: #fefef6;
font-weight: 500;	
font-size: 0.8rem;	
padding: 0.1rem 0.2rem 0.2rem 0.2rem;
background-color: #0D5284;
}	
	
.fina{
color: #fefef6;
font-weight: 500;	
font-size: 0.8rem;	
padding: 0.1rem 0.2rem 0.2rem 0.2rem;
background-color: #333333;
}	
.mino{
color: #fefef6;
font-weight: 500;	
font-size: 0.8rem;	
padding: 0.1rem 0.2rem 0.2rem 0.2rem;
background-color: #144D0E;

}	
.otoku{
color: #108807;	
padding: 0rem 0rem 0rem 0rem;
}		
	
table .bg2{
background-color: #0D5284;	
text-align: center;	
font-weight: 600;	
color:#fff;
padding: 0.75rem 0 1rem 0;
border: solid 1px #ccc;	
vertical-align: middle;}	
	
	
/*price-----------------------------*/


	
/*--table------------------------*/	
table{
width: 100%;	
vertical-align: middle;}

table tr{
border-bottom: solid 1px #ccc;

vertical-align: middle;}
	
/*---------
table tr:last-child{
border: solid 1px #ccc;
vertical-align: middle;}


table th:after{
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:calc(50% - 10px);
right:-10px;
border-left: 10px solid #ccc;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
vertical-align: middle;
}	
-------*/	

	

}

/*----SP--------------------------------------------------------*/
@media only screen and (max-width :768px ){
/*SP表示*/	
.pc { display: none !important;}
.sp { display: block !important;} 	
.pink{
color: #C74B64;
}	
.narrow{
transform: scale(0.5, 1);
}		
.jene{
font-size: 0.7rem;
font-weight: 500;	
background-color: #FFF59A;
padding: 0.1rem 0.5rem 0.2rem 0.5rem;
color: #0D5284;
margin: 0em 0.3rem 0rem 0.3rem;	
text-align: center;	
}	
	
.towa{
color: #0D5284;
font-size: 0.7rem;
font-weight: 600;	
background-color: #fefef6;
padding: 0.1rem 0.5rem 0.2rem 0.5rem;
}	
	
.fina{
color: #fefef6;
font-size: 0.7rem;
font-weight: 500;	
background-color: #333333;
padding: 0.1rem 0.5rem 0.2rem 0.5rem;
}	
.mino{
color: #fefef6;
font-size: 0.7rem;
font-weight: 500;	
background-color: #144D0E;
padding: 0.1rem 0.5rem 0.2rem 0.5rem;
}	
.otoku{
color: #108807;	
padding: 0rem 0rem 0rem 0rem;
}			

.bold{
font-weight: 600;
}	
.price_cont .pricetable h2{
font-size: 1.7rem;	
line-height: 2.2rem;	
font-weight: 700;
color: #0D5284;
margin: 0rem auto 0rem auto;
text-align: center;	
}		
.pricetable h3{
text-align: center;
font-weight: bold;	
font-size: 3rem;
color: #0D5284;	
margin: 3rem auto 3rem auto;
}		
.pricetable h4 {
text-align: center;	
color: #555;
font-size: 1.4rem;	
line-height: 2.5rem;	
font-weight: 600;
padding: 0rem 0rem 0rem 0rem;	
margin: 1rem auto 0rem auto;
}
.pricetable p{
text-align: left;
text-align: justify;
font-weight: 500;	
font-size: 0.95rem;
color: #555;	
margin: 0rem auto 2rem auto;
padding: 0 0.5rem 0 0.75rem;
}		
.small{
font-size: 80%;		
}		
.price-pink{
text-align: center;
color: #C74B64;
font-weight: bold;
font-size: 0.95rem;	
}		
.pricetable{
max-width: 960px;	
margin: 0rem auto 0rem auto;
}	

	
.pricetable table .bg2{
background-color: #0D5284;	
text-align: center;	
font-weight:600;
color:#fff;
border:solid 1px #ccc;	
padding: 5px 3px;
font-size:0.9rem;	
line-height: 1.2rem;	
vertical-align: middle;		
}		
	
.pricetable table .bg-15{
width: 15%;	
background-color: #A4EFFF;	
text-align: center;	
font-weight:600;
color:#0D5284;
border:solid 1px #ccc;	
padding: 5px 3px;
font-size:0.9rem;	
line-height: 1.2rem;	
vertical-align: middle;		
}		
	
.pricetable table .bg-40{
width: 42.5%;	
background-color: #fff;	
text-align: left;	
font-weight:600;
color:#0D5284;
border:solid 1px #ccc;	
padding: 5px 5px;
font-size:0.8rem;	
line-height: 1.2rem;	
vertical-align: middle;		
}		
	
.pricetable table .bg-30{
width: 30%;	
background-color: rgba(13, 82, 132,0.1);	
text-align: center;	
font-weight:600;
color:#0D5284;
border:solid 1px #ccc;	
padding: 5px 3px;
font-size:0.9rem;	
line-height: 1.2rem;	
vertical-align: middle;		
}		
.pricetable table .bg-70{
width: 70%;	
background-color: #fff;	
text-align: left;	
font-weight:600;
color:#0D5284;
border:solid 1px #ccc;	
padding: 5px 5px;
font-size:0.8rem;	
line-height: 1.2rem;	
vertical-align: middle;		
}		
		
.pricetable table td.half{
width: 50%;	
text-align: center;
background-color: #FEFEF6;
padding: 5px 2px 5px 2px;
color: #0D5284;/*文字色*/
font-weight:600;
font-size:0.9rem;	
border:solid 1px #ccc;	
line-height: 1.2rem;	
vertical-align: middle;
}
	
.pricetable table td.third{
width: 33.33333%;	
text-align: center;
background-color: #FEFEF6;
padding: 5px 2px 5px 2px;
color: #0D5284;/*文字色*/
font-weight:600;
font-size:0.9rem;	
border:solid 1px #ccc;	
line-height: 1.2rem;	
vertical-align: middle;
white-space: nowrap;	
}	
	
.pricetable table td.quarter{
width: 25%;	
text-align: center;
background-color: #FEFEF6;
padding: 5px 2px 5px 2px;
color: #0D5284;/*文字色*/
font-weight:600;
font-size:0.9rem;	
border:solid 1px #ccc;	
line-height: 1.2rem;
vertical-align: middle;
white-space: nowrap;	
}		
	
.pricetable table td.three-quarters{
width: 75%;	
text-align: center;
background-color: #FEFEF6;
padding: 5px 2px 1px 2px;
color: #0D5284;/*文字色*/
font-weight:600;
font-size:0.9rem;	
border:solid 1px #ccc;	
line-height: 1.2rem;	
vertical-align: middle;
}		

	
table{
width: 96%;
border-collapse: collapse;
margin: 0rem auto 1rem auto;	
vertical-align: middle;}

table th{
position: relative;
width: 50%;
color: #0D5284;/*文字色*/
text-align: center;
padding: 10px;
font-weight:600;
font-size:1.8rem;
vertical-align: middle;}



/*price-----------------------------*/
.price {
text-align: center;
width: auto;
height: auto;
background-size: cover;
background-position: center;
margin: 0rem auto 0rem auto;
padding: 0 0 0rem 0 ;		
}
.inner{
max-width: 960px;
margin: 0rem auto 0rem auto;
padding: 1rem 0 5rem 0 ;		
}	

table td .name{
background-color: #0D5284;
color: #fff;
font-weight: 600;
font-size: 5rem;
padding: 1rem 0 0.5rem 0 ;
text-align: center;
width: 100%;
}
.table-p{
width: 96%;	
margin: 0 auto;	
padding: 0rem 0rem 0rem 0rem;	
}	
.table-p p{
color: #333;
font-size: 95%;
text-align: justify;
}
.zei{
width: 100%;		
margin: 0rem auto 0rem auto;	
padding: 0rem 0rem 0rem 0rem;
}
#price .zei li{
list-style: none;	
width: 96%;		
text-align: left;	
font-size: 1.5rem;
font-weight: 500;	
line-height: 2rem;		
margin: 0rem auto 1rem auto;	
padding: 0rem 0rem 0rem 1.5rem;
color: #333;	
text-indent: -1.5rem;	
}		
}