@charset "UTF-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////

 メール送信テスト

/////////////////////////////////////////////////////////////////////////////////////////////////*/


html, body {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* Tap時の影を消す */
	-webkit-text-size-adjust:none;				/* 文字の大きさを自動で変化させない */
}


#testmailform  { font-size: 16px; line-height: 1.5; max-width: 660px; width: 100%;}
#testmailform a { text-decoration: underline; color: #6B9ED2; line-height: 1.5;}
#testmailform a:hover { text-decoration:none; color: #D80000; background: none;}
/* Roll Over */
#testmailform *.over { transition:opacity 200ms ease-out;}
#testmailform *:hover.over { opacity:0.7;}

#testmailform,
#testmailform .box input,
#testmailform .box button,
#testmailform .box select,
#testmailform .box textarea {font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}

#testmailform .box input,
#testmailform .box button,
#testmailform .box select,
#testmailform .box textarea { background-color: none; color: #333; -webkit-appearance: none;}
#testmailform .box input,
#testmailform .box select,
#testmailform .box textarea { border: #A9A9A9 1px solid; border-radius: 4px; font-size: 16px;}
#testmailform .box input,
#testmailform .box select { height: 38px;}
#testmailform .box input { padding: 0 15px;}
#testmailform .box input[type="submit"], input[type="reset"], input[type="button"], button{ cursor: pointer;}

/* box-sizing */
#testmailform * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* 汎用class */
#testmailform .small { font-size: 14px;}
#testmailform .large { font-size: 18px;}
#testmailform strong { font-weight: bold;}
#testmailform .red { color: #D80000;}
#testmailform .mg_t10	{margin-top: 10px;}
#testmailform .mg_t15	{margin-top: 15px;}
#testmailform .mg_t20	{margin-top: 20px;}
#testmailform .mg_t25	{margin-top: 25px;}
#testmailform .mg_t30	{margin-top: 30px;}
#testmailform .mg_b10	{margin-bottom: 10px;}
#testmailform .mg_b15	{margin-bottom: 15px;}
#testmailform .mg_b20	{margin-bottom: 20px;}
#testmailform .mg_b25	{margin-bottom: 25px;}
#testmailform .mg_b30	{margin-bottom: 30px;}

#testmailform .btn_style { display: inline-block; padding: 6px 10px; border-radius: 4px; text-decoration: none !important;}
#testmailform .btn_type01 { background: #6B9ED2; color: #fff !important;} /* ブルー */
#testmailform .btn_type02 { background: #FFFFFF; color: #6B9ED2 !important; border: 1px solid #6B9ED2; box-sizing:border-box;} /* 白+青ボーダー */


/* layout */
#testmailform .box { background-color: #FFF; width: 100%; margin: auto;}
#testmailform .box .box_title { background-color: #6B9ED2; color: #FFF; font-weight: bold; padding:15px;}
#testmailform .box > div.box_contents { padding:20px 15px;}
#testmailform .box > div.box_contents.type_msg { /*background: #FAFAF6;*/ border-bottom: #DDDDDD 1px dotted;}
#testmailform .box > div.box_contents .input_area {}
#testmailform .box > div.box_contents.type_msg p,
#testmailform .box > div.box_contents .input_area p { line-height: 1.5;}
#testmailform .box > div.box_contents .input_area p.tbl_td { font-size: 16px;}
#testmailform .box > div.box_contents .tbl { /*display: table;*/}
#testmailform .box > div.box_contents .tbl .tbl_td { display: inline-block; }
#testmailform .box > div.box_contents .input_area .input_ttl { margin-right: 10px;}
#testmailform .box > div.box_contents .input_area .input_data { }
#testmailform .box > div.box_contents .input_area .input_data input { margin-top: 0px;}
#testmailform .box > div.box_contents .input_area .input_data .input_field {margin-right: 5px; width: 300px; }
#testmailform .box > div.box_contents .input_area .input_data .submit_btn { background: #6B9ED2; color: #fff; font-weight: bold; border: none;}
#testmailform .box > div.box_contents .input_area .input_data p {}

#testmailform .box > div.box_contents .input_area .input_data .input_field::-webkit-input-placeholder {color: #CCC; }
#testmailform .box > div.box_contents .input_area .input_data .input_field:-ms-input-placeholder {color: #CCC; }
#testmailform .box > div.box_contents .input_area .input_data .input_field::-moz-placeholder {color: #CCC; }

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

	#testmailform .box .box_title { padding:10px 15px;}
	#testmailform .box > div.box_contents { padding:15px;}
	#testmailform .box > div.box_contents .tbl .tbl_td { display: block; padding-bottom: 10px;}
	#testmailform .box > div.box_contents .input_area .input_data input,
	#testmailform .box > div.box_contents .input_area .input_data .input_field,
	#testmailform .box > div.box_contents .input_area .input_data .submit_btn { width: 100%;}
	#testmailform .box > div.box_contents .input_area .input_data input,
	#testmailform .box > div.box_contents .input_area .input_data .submit_btn{ margin-top: 10px;}
	#testmailform .box > div.box_contents .input_area .input_data input:first-child {margin-top: 0;}
	#testmailform .box > div.box_contents .input_area .input_data .submit_btn{ text-align: center; font-size: 18px;}

}


.btn {
	display: inline-block;
	vertical-align: bottom;
	padding:	12px 15px 8px;
	border-radius: 4px;
	background-color:	#6B9ED2;
	font-size: 16px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
}

.over {
	transition:	opacity 200ms ease-out;
}

.btn a:hover {
	opacity: 0.7;
}

.btn span:before {
	background: url('/images/icon_email.png') no-repeat;
}