﻿@charset "utf-8";

#header .mf-inner{
	padding:80px 0;
}


#main .mf-inner{
	padding:60px 60px 0 60px;
}

#main .ttl{
	text-align:center;
}

#main .ttl h2{
	margin:0 0 50px 0;
	background:#f6f7f7;
	display: inline-block;
	padding: 15px 30px;
	text-align: center;
	font-weight: bold;
}

#main .ttl h2 strong{
	color:#e50012;
	font-weight: bold;
	font-size:1.5em;
}

#main #cbox1 p{
	text-align: center;
	margin-bottom: 30px;
}

#main #cbox1{
	padding:0 0 50px 0;
}


#form .form-frame{
	border:1px solid #333;
	border-width: 1px 0 1px 0;
	padding: 20px 0;
}

#form h3{
	text-align: center;
	margin:0 0 20px 0;
	font-size: 1.2em;
}

#form dl{
	display: flex;
	justify-content: center;
	margin:0 0 15px 0;
}

#form dl dt{
	width:11em;
}

#form dl dd{
	width:calc(80% - 11em);
}

input,textarea{
	color:#3E3A39;
	font-size:100%;
	line-height:170%;
	font-family: 'Noto Sans JP',"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#form dl dd input{
	width:calc(100% - 22px);
	border:1px solid #333;
	padding: 5px;
}

#form dl dd input.w50{
	width:calc(50% - 22px);
}

#form dl dd input.w25{
	width:calc(25% - 22px);
}


#form dl dd textarea{
	width:calc(100% - 22px);
	border:1px solid #333;
	padding: 5px;
}

#form .err{
	font-weight: bold;
	color:#e50012;
}

#form .his{
	background: #e50012;
	color:#fff;
	font-weight: bold;
	font-size:0.8em;
	line-height: 1;
	padding: 3px;
}

#form .sbtn{
	text-align: center;
	padding: 30px 0;
}

#form .sbtn input{
	appearance: none;
	-webkit-appearance: none;

	background: #e50012;
	color:#fff;
	font-weight: bold;
	font-size:1.2em;
	padding: 10px 30px;
	cursor: pointer;
	border: none;
}


#main #cbox2 form + p{
	text-align: center;
}


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

#header .mf-inner{
	padding:80px 0;
}

#toshop{
	top:0px;
}

#main .mf-inner{
	padding:60px 20px 0 20px;
}



#form dl{
	display:block;
	margin:0 0 15px 0;
}

#form dl dt{
	width:auto;
	margin-bottom: 10px;
}

#form dl dd{
	width:auto;
}

input,textarea{
	color:#3E3A39;
	font-size:100%;
	line-height:170%;
	font-family: 'Noto Sans JP',"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#form dl dd input{
	width:calc(100% - 22px);
	border:1px solid #333;
	padding: 5px;
}

#form dl dd input.w50{
	width:calc(100% - 22px);
}

#form dl dd input.w25{
	width:calc(100% - 22px);
}


#form dl dd textarea{
	width:calc(100% - 22px);
	border:1px solid #333;
	padding: 5px;
}

#form .err{
	font-weight: bold;
	color:#e50012;
}

#form .his{
	background: #e50012;
	color:#fff;
	font-weight: bold;
	font-size:0.8em;
	line-height: 1;
	padding: 3px;
}

#form .sbtn{
	text-align: center;
	padding: 30px 0;
	
	display: flex;
	flex-direction: column;
}

#form .sbtn input{
	appearance: none;
	-webkit-appearance: none;
	background: #e50012;
	color:#fff;
	font-weight: bold;
	font-size:1.2em;
	padding: 10px 30px;
	cursor: pointer;
	margin-bottom: 20px;
}



}