@charset "UTF-8";
/* CSS Document */

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	-webkit-text-size-adjust: none;/* iPhoneでの文字サイズ自動修正を使わない*/
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}

input {
	box-sizing:border-box;
	-webkit-appearance:none;
	position:relative; 
	overflow:visible; 
}


.sp {
	display: none;
}
.pc {
	display: block;
}
body {
	/*font-family: "メイリオ, Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "source-han-sans-japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "游ゴシック体", "Yu Gothic", YuGothic, 'Quicksand', sans-serif, serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: url(../../img/bg04.png) center, url(../../img/bg02.png);
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
#wrapper {
	width: 600px;
	margin: 0 auto;
}
/*追加from*/	
#deta_area {
	margin: 0 0 0 0;
	padding: 10px 0 0 25px;
	text-align: left;
	font-size: 96%;
	line-height: 1.5em;
}
#deta_area span {
	color: #004799;
}
#header {
	margin-bottom: 10px;
}
#header h1 {
	/*margin-top: 10px;*/
}
/*------------------ベース------------------*/
#contents {
	margin-top: 0px;
	width: 600px;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	overflow: hidden;/*background: #fff;*/
}
#contents h2 {
	font-size: 130%;
	padding: 10px 10px 8px;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	background: #1b69a8;
}
#contents .form_wrap {
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 0 0 10px 10px;
	padding: 20px 0 32px;
}
#contents #areaConfirm .confirm_wrap {
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-bottom: 20px;
}
/*------------------注釈リストエリア------------------*/
ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #CCC;
}
li {
	font-size: 92%;
	color: #444;
	padding: 5px 0 0 0;
}
li span {
	color: #b30000;
}
/*------------------入力エリア------------------*/
.form_area dl, .confirm_area dl {
	padding: 10px 25px;
	margin: 0 auto;
}
.login_area dl {
	padding: 12px 150px;
	margin: 0 auto;
}
/*入力項目タイトル*/
.login_area dt label, .form_area dt label, .confirm_area dt {
	color: #666666;
	/*line-height: 1;*/
	font-weight: bold;
	font-size: 150%;
}
/*入力項目 必須マーク色*/
.form_area dt label span {
	color: #e60012;
	font-size: 84%;
}
.caution {
	color: #e60012;
	font-size: 126%;
	font-weight: bold;
}

/*入力欄*/
.text, textarea, .dropdown {
	border: 1px solid #999;
	padding: 7px 5px;
	color: #333;
	background: #fff;
	border-radius: 5px;
	/* Webkit */
	-webkit-border-radius: 5px;
	/* Firefox */
	-moz-border-radius: 5px;
}
textarea {
	height: 60px;
	width: 400px;
	padding: 0 10px 0 0;
}
/*入力欄フォーカス時の色*/
textarea:focus, input.text:focus {
	background: #fff8df;
}
/*ラジオボタン*/
.form_area .hamonep_dl {
	box-sizing: border-box;
	width: 490px;
	font-size: 0;
	padding: 0;
}

.hamonep_dl dt {
	font-size: 12px;
}

.hamonep_dl dd {
	margin: 6px auto 10px;
}

dd label.radiolabel_hamonep {
    min-width: 240px;
    min-height: 144px;
    display: inline-block;
    margin: 0;
    font-size: 150%;
    line-height: 1.8;
    cursor: pointer;
    border-radius: 0;
    font-weight: bold;
    box-sizing: border-box;
}
dd label.radiolabel_hamonep + .radiolabel_hamonep {
    margin-left: 10px;
}
dd label.radiolabel_hamonep:hover {
    border: solid 5px #e72e2b;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
dd label.radiolabel_hamonep.checked {
    border: solid 5px #e72e2b;
}

dd label.radiolabel_hamonep.label1 {
    background: url("../img/preview_1.jpg") no-repeat center/240px 144px;
}
dd label.radiolabel_hamonep.label2 {
    background: url("../img/preview_2.jpg") no-repeat center/240px 144px;
}
dd label.radiolabel_hamonep > input {
    display: none;
}
dd label.radiolabel_hamonep > span {
    display: none;
}

/*チェックボックス*/
dd label.checklabel {
	min-width: 30%;
	width: auto !important;
	width: 30%;
	background: none repeat scroll 0 0 #F1F1F1;
	display: inline-block;
	padding: 5px 5px 5px 0px;
	margin: 0 0 5px 0;
	font-size: 117%;
	line-height: 1.8;
	cursor: pointer;
}
/* 住所に反映ボタン */
.btn_zip {
	cursor: pointer;
	font-size: 125%;
	padding: 4px 18px;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
}
/* 年齢 */
.years {
	font-size: 120%;
	vertical-align: bottom;
	text-decoration: none;
}
/*input幅*/
.pw100 {
	width: 100%;
}
.pw90 {
	width: 90%;
}
.pw80 {
	width: 80%;
}
.pw70 {
	width: 70%;
}
.pw60 {
	width: 60%;
}
.pw50 {
	width: 50%;
}
.pw40 {
	width: 40%;
}
.pw30 {
	width: 30%;
}
.pw20 {
	width: 20%;
}
.pw10 {
	width: 10%;
}
/*------------------注意文・ボタンエリア------------------*/
.attention {
	font-size: 92%;
	line-height: 1.5;
	margin: 15px 0 0 0;
	border-top: 1px solid #CCC;
	padding: 15px 0 0 0;
}
.attention2 {
	font-size: 92%;
	line-height: 1.5;
	padding: 15px 0 20px 0;
}
.attention a:link {
	color: #cc3333;
	text-decoration: none;
}
.attention a:visited {
	color: #cc3333;
	text-decoration: none;
}
.attention a:hover {
	color: #cc3333;
	text-decoration: underline;
}
.attention a:active {
	color: #cc3333;
	text-decoration: none;
}
.attention_d {
	color: #bc1818;
	font-size: 92%;
	line-height: 1.5;
	padding: 15px 0 20px 0;
}
p {
	text-align: center;
}
/*ボタン位置*/
.btn_area {
	margin-top: 20px;
	text-align: center;
}
.tw_area .btn_area {
	margin-top: 4px;
}
.btn_area.topBorder {
	padding-top: 20px;
	margin-top: 34px;
	border-top: 1px solid #a4a4a4;
}


/*ボタンスタイル*/
.btn {
	cursor: pointer;
	font-size: 130%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: none;
	padding: 20px 28px;
	text-decoration: none;
	display: inline-block;
}
.btn:hover {
	opacity: 0.76;
}
.bosyu {
padding: 0;
}
.bosyu a{
display: block;
	padding: 20px 28px;
}

/*画像文字ボタン*/
.btn_txtImg {
	display: block;
	margin: 0 auto 20px;
	width: 460px;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	box-sizing: border-box;
}
.btn.goGene {
	background: url("../img/tx_01.png") no-repeat center / auto ,#ff222a;
}
.btn.download {
	background: url("../img/tx_02.png") no-repeat center / auto ,#ff222a;
}
.btn.twitter {
	background: url("../img/tx_03.png") no-repeat center / auto ,#00acee;
}
.btn.reCreate {
	background: url("../img/tx_04.png") no-repeat center / auto ,#139e9a;
}






/*------------------フッターエリア------------------*/
.footer_area {
	width: 100%;/*	background-color:#ddd; */
}
.footer {
	margin: 0 auto;
	padding: 10px 5px 30px;
	position: relative;
	font-size: 10px;
}
address {
	font-style: normal;
	font-weight: bold;
	float: left;
	color: #fff;
	font-size: 10px;
	padding-top: 3px;
}
.close {
	display: inline-block;
}
.close a ,.btn.reset {
	box-sizing: border-box;
	text-decoration: none;
	padding: 14px 24px;
	color: #676767;
	font-weight: bold;
	position: relative;
	background-color: #d7d7d7;
	line-height: 1.6;
	height: 52px;
}
/*------------------確認ページ------------------*/
/*入力内容 文字スタイル*/
.confirm_area dd.confirm_value {
	font-weight: bold;
	font-size: 117%;
}
/*------------------エラーページ------------------*/
.error_area div {
	padding: 12px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 117%;
}
li.error {
	text-align: center;
}
/*------------------サンクスページ------------------*/
#thanksMsg {
	margin: 30px 0 50px;
	text-align: center;
}
#thanksMsg h3 {
	margin-bottom: 30px;
	font-size: 20px;
}
#thanksMsg p {
	margin: 40px 0;
	font-size: 14px;
}
/*------------------リンク------------------*/

.form_area .link {
	text-align: left;
	font-size: 120%;
	padding: 5px 5px 5px 25px;
	font-weight: bold;
}
.form_area .link a {
	color: #db0086;
}
.form_area .link a:hover {
	color: #ff8cd2;
}
/*------------------追加------------------*/

.lead_box {
	margin: 0 20px 20px;
	padding: 18px 28px;
	font-size: 18px;
	line-height: 1.6;
	border-radius: 10px;;
	background: #b2f5f3;
}
.lead_box p + p {
	margin-top: 8px;
}
.lead_box .lead_sub {
	font-size: 16px;
}
.lead_box p span {
	color: #ff222a;
	font-weight: bold;
}

.display_line dt,
.display_line dd {
	display: inline-block;
	vertical-align: middle;
}
.display_line * + dt,
.display_line * + dd {
	margin-left: 4px;
}


dd {
	margin-top: 4px;
}
dd .text {
	width: 500px;
	height: 36px;
}
.display_line dd .text {
	width: 400px;
}


/*応募ボタン*/
.btn1, .btn1:visited {
	font-weight: bold;
	/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #dc2f11), color-stop(100%, #dc2f11) );
	background: -moz-linear-gradient( center top, #dc2f11 5%, #dc2f11 100% );
	background: -ms-linear-gradient( top, #dc2f11 5%, #dc2f11 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc2f11', endColorstr='#dc2f11');
	background-color: #dc2f11;
	/*グラデーションカラー設定ここまで*/
	color: #ffffff;
	margin: 0 10px 0 0;
}
.btn1:hover {
	/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f74324), color-stop(100%, #f74324) );
	background: -moz-linear-gradient( center top, #f74324 5%, #f74324 100% );
	background: -ms-linear-gradient( top, #f74324 5%, #f74324 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f74324', endColorstr='#f74324');
	background-color: #f74324;
	/*グラデーションカラー設定ここまで*/
}
/*リセットボタン*/
.btn2, .btn2:visited {
	font-weight: normal;
	/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #cecece), color-stop(100%, #cecece) );
	background: -moz-linear-gradient( center top, #cecece 5%, #cecece 100% );
	background: -ms-linear-gradient( top, #cecece 5%, #cecece 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#cecece');
	background-color: #cecece;
	/*グラデーションカラー設定ここまで*/
	color: #666666;
}
/*リセットボタン マウスオーバー時*/
.btn2:hover {
	/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #cecece), color-stop(100%, #dedede) );
	background: -moz-linear-gradient( center top, #cecece 5%, #dedede 100% );
	background: -ms-linear-gradient( top, #cecece 5%, #dedede 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#dedede');
	background-color: #cecece;/*グラデーションカラー設定ここまで*/
}
.tw_btn_box {
	margin: 0 auto;
	text-align: center;
}
.btn_d {
	/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #0b910f), color-stop(100%, #0b910f) );
	background: -moz-linear-gradient( center top, #0b910f 5%, #0b910f 100% );
	background: -ms-linear-gradient( top, #0b910f 5%, #0b910f 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b910f', endColorstr='#0b910f');
	background-color: #0b910f;
	/*グラデーションカラー設定ここまで*/
	color: #fff;
	font-weight: bold;
	width: 80%;
	font-size: 200%;
	margin: 20px auto 0;
	text-align: center;
}
.btn_d:hover {
		/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #1da521), color-stop(100%, #1da521) );
	background: -moz-linear-gradient( center top, #1da521 5%, #1da521 100% );
	background: -ms-linear-gradient( top, #1da521 5%, #1da521 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1da521', endColorstr='#1da521');
	background-color: #1da521;
	/*グラデーションカラー設定ここまで*/
}
.btn_t {
	/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #0e95d7), color-stop(100%, #0e95d7) );
	background: -moz-linear-gradient( center top, #0e95d7 5%, #0e95d7 100% );
	background: -ms-linear-gradient( top, #0e95d7 5%, #0e95d7 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e95d7', endColorstr='#0e95d7');
	background-color: #0e95d7;
	/*グラデーションカラー設定ここまで*/
	color: #fff;
	font-weight: bold;
	width: 90%;
	font-size: 200%;
	margin: 10px auto 0;
	text-align: center;
}
.btn_t:hover {
		/*グラデーションカラー設定ここから*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #21a9eb), color-stop(100%, #21a9eb) );
	background: -moz-linear-gradient( center top, #21a9eb 5%, #21a9eb 100% );
	background: -ms-linear-gradient( top, #21a9eb 5%, #21a9eb 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#21a9eb', endColorstr='#21a9eb');
	background-color: #21a9eb;
	/*グラデーションカラー設定ここまで*/
}



#areaThanks .lead_box {
	padding: 2px 16px 10px;
	margin-bottom: 10px;
}
#areaThanks .lead_box p {
	text-align: left;
	font-size: 20px;
}
.info_tw {
	background: #fdf5f2;
	color: #427a45;
	font-size: 120%;
	padding: 10px;
	margin: 10px 0;
}
#preview{
	position: relative;
	margin-bottom: 20px;
}
#preview img{
	width: 100%;
	height: auto;
}
#preview img.sample_cover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
/*#wrapper #areaThanks .tw_btn_box{
display: none;
}*/



.tw_area {
	margin-top: 40px;
}
#twtext{
	box-sizing: border-box;
	display: block;
	font-size: 130%;
	padding: 12px 16px;
	margin: 20px auto 0;
	width: 460px;;
	height: 6em;
	line-height: 1.2;
}






/*スマホ用 css*/
@media screen and (max-width: 640px) {
/*------------------ベース------------------*/
#wrapper {
	width: 100%;
}
#contents {
	width: 100%;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}

#contents .form_wrap {}

.lead_box {
	width: auto;
	padding: 10px;
}
.lead_box p {
	
}
#areaThanks .lead_box p {
	font-size: 18px;
}
/*追加from*/	
#deta_area {
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	text-align: left;
	font-size: 96%;
	line-height: 1.5em;
}
#header h1 {
	/*margin: 10px 6px 0;*/
}
#header h1 img {
	width: 100%;
}
#wrapper {
	width: 100%;
}
#contents {
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-top: 0;
	padding-bottom: 15px;
}
h1 img {
	width: 100%;
}
#contents h2 {
	font-size: 116%;
}
.info .txt {
	text-align: left;
	padding: 4px 6px;
}
ul {
	padding: 10px 0 10px 10px;
}
 .display_line dd {
width: 90%;
}
dd .text,
.display_line dd .text{
	width: 100%;
}
	
.form_area .hamonep_dl {
	box-sizing: border-box;
	width: 100%;
	font-size: 0;
}

.hamonep_dl dt {
	text-align: center;
}

.hamonep_dl dd {
	width: 290px;
}


dd label.radiolabel {
	min-width: 140px;
	min-height: 84px;
	/*min-width: 40%;
	width: auto !important;
	width: 40%;*/
}
dd label.radiolabel.label1,dd label.radiolabel.label2 {
	background-size: 140px auto;
}
dd label.checklabel {
	/*width: auto !important;
	width: 40%;*/
}
	
.close a, .btn.reset {
	vertical-align: top;
}
	
.w100 {
	width: 100%;
}
.w50 {
	width: 50%;
}
.w20 {
	width: 20%;
}
.login_area dl, .form_area dl, .confirm_area dl {
	padding: 10px;
}
.attention {
	margin: 15px 15px 0 15px;
	text-align: left;
}
.attention2 {
	padding: 15px 15px 20px 15px;
	text-align: left;
}
.attention_d {
	padding: 15px 15px 20px 15px;
	text-align: left;
}
.btn.btn_txtImg {
	width: 95%;
}
.btn1 {
	padding: 15px 0;
	margin: 0 2% 0 2%;
}
.bosyu{
	padding: 0;
}
.btn2 {
	margin: 5px 2% 0 2%;
	padding: 15px 0;
}
.error, .thanks {
	font-size: 100%;
	line-height: 1.6;
}
.text, textarea, .dropdown {
	zoom: 1;
}
#twtext {
	width: 95%;
}

.sp {
	display: block;
}
.pc {
	display: none;
}
.footer {
	width: 100%;
	margin: 0;
	padding: 0;
}
.close {
	/*text-align: center;
	float: none;
			margin-top: -20px;	
	height: 20px;
	padding-top: 10px;*/
}
address {
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: none;
}
#thanksMsg {
	margin: 20px 0 0px;
	text-align: center;
	width: 100%;
}
#thanksMsg h3 {
	margin-bottom: 10px;
	font-size: 20px;
}
#thanksMsg p {
	margin: 20px 0;
}
.tw_btn_box {
	margin: 0px 10px;
}
.btn_d {
	width: 85%;
	font-size: 180%;
	margin-top: 10px;
}
.btn_t {
	width: 100%;
	font-size: 180%;
	margin-top: 10px;
}
#thanksMsg .btn1 {
	padding: 15px 0;
	margin: 0 1% 0 10px;
	width: 45%;
	float: center;
}
#thanksMsg .btn2 {
	margin: 0 10px 0 2%;
	padding: 15px 0;
	width: 45%;
	float: left;
}

.douga img{
width: 100%;
}
.sample img{
width: 100%;
}

/*#preview .haiku_sample{
width: 100%;
height: 100%;
}*/
/*#wrapper #areaThanks .tw_btn_box{
display: none;
}*/



	
	

	}