@charset "shift_jis";

/*************** General purpose css ***************/
/*-- margin --*/
.mb5 {
	margin-bottom: 5%;
}

.mb8 {
	margin-bottom: 8%;
}

.mb10 {
	margin-bottom: 10%;
}

/*-- text-align --*/
.alL{text-align:left!important;}
.alC{text-align:center!important;}
.alR{text-align:right!important;}

/*-- font --*/
.b{font-weight:bold!important;}


.img{
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.lead{
	font-size: 1.9rem;
	margin: 0!important;
}



/*************** #contents .csBox ***************/
#contents{
	margin-top: 0px;
	padding-top: 0px;
}
#contents .csBox {
	width: 100%;
	margin: 0 auto;
}


#contents .csBox .main{
	margin:0 auto;
	padding:0;
	width: 750px;
	height: 983px;
	background: url("../images/main-sp.jpg") no-repeat left top;
	position: relative
}

#contents .csBox h1 {
	padding:4%;
}

#contents .csBox .main p{
	position: relative;
	top: 474px;
	padding: 5%;
	text-align: center;
}

#contents .csBox .cont01{
	margin:0;
	padding:10% 5%;
	background: #fef4f6;
}

#contents .csBox h3{
    text-align: center;
    font-size: 1.9rem;
    font-weight: 600;
    letter-spacing: 1.4px;
}

#contents .csBox .line-b{
   background:-moz-linear-gradient(transparent 60%, #e6e0b6 60%);
   background:-webkit-linear-gradient(transparent 60%, #e6e0b6 60%);
   background:linear-gradient(transparent 60%, #e6e0b6 60%);

}


#contents .csBox .flex_box_s{
	display: flex;
	justify-content: space-around;
	text-align: center;
}

#contents .csBox .flex_box_width{
	width:320px;
}

#contents .csBox .flex_box_width_s{
	width: 195px;
}

#contents .csBox .cont-inner{
    margin: 0 auto;
    border: 1px solid #f194a3;
    box-sizing: border-box;
    background: #fff;
    padding: 5%;
    border-radius: 20px;
	text-align: center;
}

#contents .csBox .cont02{
	margin:0;
	padding:10% 5%;
	background: #f8fafd;
}

#contents .csBox .cont02 .flex_box_s  h3{
	height: 164px;
}


/*-- page top --*/
#page_top {
	position: fixed;
	bottom: 60px;
	right: 40px;
	z-index: 10;
}

#page_top a {
	/*border: 2px solid #fff;*/
	border-radius: 30px;
	background-color: #5f90cc;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 40px 40px;
	box-shadow: 0px 8px 0px 0px rgba(95,144,204,0.5);
}
#page_top a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}



/*************** #cartArea .setBox ***************/

.setBox h2 {
background-color: #f5eee2;
border-top: 1px solid #ba9;
border-bottom: 1px solid #ba9;
margin: 0;
padding: 23px 25px 18px 25px;
font-size: 32px;
line-height: 1.4;
font-weight: bold;
}
.setBox {
position: relative;
background-color: #fff;
}
.setBox .main {
background: url(../images/tokutoku/bg01.png) no-repeat;
border-bottom: 1px solid #ba9;
padding: 0 0 16px 0;
}
.setBox .main h1 {
margin: 0;
padding: 0;
text-align: center;
}
.setBox .main div {
background-color: #ed90c1;
text-align: center;
}
.setBox .main ul {
margin: 27px 25px 0 25px;
color: #666;
}
.setBox .main li {
margin-bottom: 7px;
line-height: 1.4;
}
.setBox .main strong {
font-weight: bold;
}
.setBox .block {
border-bottom: 1px solid #ba9;
padding: 40px 25px;
display: block;
}
.setBox .block .hed {
padding-bottom: 21px;
}
.setBox .block .image {
padding: 15px;
float: right;
}
.setBox .block .pack {
margin-right: 270px;
padding-top: 36px;
}
.setBox .p1 {
margin-bottom: 15px;
font-size: 24px;
line-height: 1.2;
font-weight: bold;
color: #fc9627;
}
.setBox h3 {
font-size: 32px;
line-height: 1.2;
font-weight: bold;
}
.setBox h3 span {
display: block;
font-size: 24px;
}
.setBox .p2 {
margin-bottom: 3px;
font-size: 24px;
line-height: 1.2;
font-weight: bold;
}
.setBox .red {
color: #c00;
}
.setBox .p2 strong {
font-size: 36px;
font-weight: bold;
}
.setBox .p3 {
margin-bottom: 12px;
font-size: 20px;
}
.setBox .p4 {
background-color: #d00;
border-radius: 5px;
margin: 0 20px 0 0;
padding: 3px 11px 1px 11px;
font-size: 24px;
font-weight: bold;
text-shadow: none;
display: inline-block;
color: #fff;
}
.setBox .p5 {
padding-top: 10px;
font-size: 24px;
line-height: 1.5;
}
.setBox .form {
background: url(../common/images/lin_dot.png) no-repeat;
}
.setBox .form select {
margin-bottom: 38px;
border: 1px solid #4c4c4c;
border-radius: 5px;
padding: 9px 0;
font-size: 28px;
}
.setBox .form p {
margin-bottom: 23px;
font-size: 28px;
line-height: 1.4;
}
.setBox .submit {
background: -moz-linear-gradient(top, #ffae66, #ff7800 5%, #ff4800);
background: -webkit-gradient(linear, left top, left bottom, from(#ffae66), color-stop(0.05, #ff7800), to(#ff4800));
-moz-box-shadow: 0px 2px 4px #c5c5c5;
-webkit-box-shadow: 0px 2px 4px #c5c5c5;
border: 1px solid #f70;
border-bottom: 1px solid #bc4800;
padding: 12px 45px 10px 45px;
color: #fff;
font-weight: bold;
cursor: pointer;
border-radius: 6px;
font-size: 40px;
text-shadow: 1px 1px 1px #cc5f00;
display: block;
text-align: center;
}