@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;}



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

#mainContents .SeasonReviewItem h1 {
	width: auto;
	padding:0;
}

.SeasonReviewItem h1 img {
width:100%;
max-width: 100%;
height: auto;
}

.SeasonReviewItem h2 img {
width:100%;
max-width: 100%;
height: auto;
padding-bottom: 5%;
}

.bg{
	width: 100%;
	height: auto;
	background-color: #feffc3;
	position: relative;
	padding-bottom: 5%;
}

.bg h2{
	width: 100%;
	position: relative;
	

}

.itembox {
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: 0 8%;
}

.item{
	text-align: center;
	background: #FFFFFF;
	margin-bottom: 10%;
	padding-bottom: 10%;
    border-radius: 2.0em;
}

.item h3{
	padding-top: 5%;
	text-align: center;
	color: #FB85A3;
	font-size: 33px;
	font-weight: 600;
}

.item div{
	
	justify-content: center;
    align-items: center;
	padding-top: 3%;

}

.item dl {
	text-align: center;
	    padding-top: 5%;
	
}

.item dd {
	color: #6fb1ff;
	padding-bottom: 3%;
	font-size: 25px;
	
}
.item span {
	font-size: 33px;
	font-weight: 600;
}

.item dt {
	color: #545454;
	font-size: 25px;
}

.item dt span {
	font-size: 33px;
	font-weight: 600;
}

.item dt pink {
	color: #FB85A3;
	font-weight: 600;
}


.btn {
	text-align: center;

}

/*-- クチコミふきだし --*/
.reviewbox{
    position:relative;
	margin:0 auto;
    width:85%;
    height:auto;
    background:#FFFFFF;
    padding:20px;
    text-align:left;
    border:3px solid #9DAFB2;
    color:#545454;
    font-size:20px;
    border-radius:20px;
}
.reviewbox:after,.reviewbox:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:82%;
}
.reviewbox:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:16px;
    border-bottom-width:16px;
    border-left-width:9px;
    border-right-width:9px;
    margin-left: -9px;
    border-top-color:#FFFFFF;
}
.reviewbox:before{
    border-color: rgba(157, 175, 178, 0);
    border-top-width:19px;
    border-bottom-width:19px;
    border-left-width:11px;
    border-right-width:11px;
    margin-left: -11px;
    margin-top: 2px;
    border-top-color:#9DAFB2;
}

.reviewbox p {
	font-size: 25px;
}

.reviewbox span {
	font-size: 30px;
	border-bottom: dotted 2px #6fb1ff;
	font-weight: 600;
}

.btn2 {
	margin-top: 5%;
	text-align: center;
}




/*************** #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;
}