@charset "utf-8";

#mainTitleWrap.mailBg {
	background: url("../image/commitment/main_pcbg.jpg") center center no-repeat;
	background-size: cover;
} 
#mainTitleWrap.tokubetsuBg {
	background: url("../image/commitment/main_pcbg.jpg") center center no-repeat;
	background-size: cover;
} 

@media screen and (max-width: 767px){
	
	#mainTitleWrap.mailBg {
		background: url("../image/commitment/main_spbg.jpg") center center no-repeat;
		background-size: cover;
	}
	#mainTitleWrap.tokubetsuBg {
		background: url("../image/commitment/main_spbg.jpg") center center no-repeat;
		background-size: cover;
	}
	
}

.mainVisual {
	margin-bottom: 60px;
}


/*-------------------------------------------------------------------
	メール注文
-------------------------------------------------------------------*/

.msgDetailsItms{
width:80%;
background-color: #BF3C44;
padding: 20px;
text-align: center;
margin: 0 auto 40px;
}
.msgMain{
font-size: 2.0rem;
color: #fff;
font-weight: bold;
line-height: 1.3;
margin: 0 0 15px;
}
.msgMain a{
color: #fff;
}
.msgSub{
font-size: 1.5rem;
color: #fff;
}
.msgSub a{
color: #fff;
}

.imgMailform{
width:100%;
max-width:927px;
margin: 0 auto 30px;
}
#formarea{
width: 80%;
margin: 0 auto;
}
.msgMail{
 margin: 0 0 30px;
}
.required{
font-size:13px;
color:#fff;
padding: 0 4px;
background-color: #bf3c44;
}
#formarea table{
width: 100%;
 margin: 0 0 20px;
border: 1px solid #b4b4b4;
}
#formarea td{
padding: 15px;
border: 1px solid #b4b4b4;
}
#formarea .gray{
background-color: #f7f7f7;
}#formarea .small{
font-size: 13px;
}
#formarea .aligncenter{
text-align: center;
}
#formarea .contact_retuen{
 margin: 0 0 20px;
}
#formarea .red{
color:#ff0000;
}

#formarea input, #formarea textarea{
	width: 100%;
	max-width: 640px;
	padding: 0.5rem;
	border: 1px solid #808080;
}
#formarea input, #formarea textarea,#formarea select{
	width: 100%;
	max-width: 640px;
	padding: 0.5rem;
	border: 1px solid #808080;
}
#formarea [type='radio']{
	width: 20px;
	padding: 0.5rem;
}
#formarea .areaRadio{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
}
#formarea .areaRadio2{
display:flex;
flex-wrap: wrap;
justify-content:center;
}
#formarea .mwform-radio-field {
width:30%;
margin-right: 5px;
text-align: left;
}
#formarea button, #formarea [type='button'], #formarea [type='reset'], #formarea [type='submit']{
	width: 100%;
	max-width: 240px;
	color: #FFFFFF;
	border-radius: 0.4rem;
	background-color: #991e23;
	transition: 0.5s ;
}
#formarea button:hover, #formarea [type='button']:hover, #formarea [type='reset']:hover, #formarea [type='submit']:hover{
	position: relative;
	top: 1px;
	left: 1px;
	background-color: #801317;
}
@media screen and (max-width: 1024px){
.msgDetailsItms{
width:100%;
padding: 15px;
}
.msgMain{
font-size: 1.8rem;
margin: 0 0 10px;
}
.msgSub{
font-size: 1.2rem;
}


#formarea{
width: 100%;
}
#formarea td{
padding: 10px;
}
#formarea .contact_retuen{
margin: 0 0 10px;
}
#formarea .mwform-radio-field {
width:48%;
}
}
@media screen and (max-width: 767px){


#formarea .mwform-radio-field {
width:100%;
}
}
.thanksTitle{
padding: 100px 80px;
text-align: center;
font-size: 2.8rem;
font-weight: 500;
margin: 0 auto;

}
@media screen and (max-width: 1024px){
.thanksTitle{
padding: 70px 40px;
font-size: 2.5rem;
}
}