@charset "UTF-8";


/*========================================================
共通設定
========================================================*/

* { word-break: break-all;}

body {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

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

body {
	padding: 0;
	margin: 0;
	text-align: center;
}


#wrapper {
	background: #fff;
}

span.caution{
	display:block;
	color:#ff0000;
	font-size:0.8em;
	}
/*============================
#header
============================*/
header { 
 	border-bottom: 1px solid #e5e5e5;
}
/*============================
#app_cap
============================*/
#app_cap {
	text-align: center;
	color: #fff;
	font-size: 0.8em;
	padding: 12px 0;
	line-height: 1.2;
	width: 100%;
	background: #fff;
}

#app_cap p { padding: 0 20px;}


@media screen and (min-width: 1024px) {
#app_cap {
	padding: 12px 0;
	line-height: 1.2;
}

#app_cap p { padding: 0 3.125%;}

}

/*============================
#app_logo
============================*/

#app_logo {
	width: 93.75%;
	margin: 20px auto;
	line-height: 1;
}

#app_logo img {
	max-width: 40%;
}

@media screen and (min-width: 1024px) {
#app_logo {
	width: 1000px;
	margin: 30px auto;
}

#app_logo img {
	width: 20%;
}
}



/*============================
#contents
============================*/
#contents {
	background: #f5f5f5;
	padding: 20px 0;
	text-align: center;


}

@media screen and (min-width: 1024px) {
#contents {
	padding: 50px 0;
}
}

/*============================
#container
============================*/
#container {
	background: #fff;
	width: 93.75%;
	margin: 0 auto 30px;
	padding: 3.333% 3%;
	border: none;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	box-shadow: none;
}

@media screen and (min-width: 1024px) {
#container {
	width: 1000px;
	border-radius: 10px;
	padding: 20px 40px;
	-moz-box-shadow: 0px 0px 6px #B3B3B3;
	-webkit-box-shadow: 0px 0px 6px #B3B3B3;
	box-shadow: 0px 0px 6px #B3B3B3;
	border: 1px solid #d9d9d9;
}
}

#container h1 {
	font-weight: bold;
	color: #555;
/*
#LineColore
*/
	border-bottom: 3px solid #088A29;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 1.3em;
}

@media screen and (min-width: 1024px) {
#container h1 {
	font-size: 2em;
}
}



/*============================
#footer
============================*/
footer {
	text-align: center;
	background: #eaeaea;
	color: #555;
	font-size: 0.9em;
	padding: 30px 0;
	line-height: 1;
 	border-top: 1px solid #e5e5e5;
}

footer a { color: #555; text-decoration: none;}


/*========================================================
ニュース（スタート・結果）
========================================================*/


.single .landingpage_img,
.single .result_img {
	width: 95%;
	margin: 10px 0 0;
	padding: 0;
}
.single .landingpage_img  img,
.single .result_img img {
	max-width: 100%;
	margin: 0 0 10px;
	border: 1px solid #D5D5D5;
	padding: 1.2%;
	background: #fff;
}

@media screen and (min-width: 1024px) {
.single .landingpage_img,
.single .result_img {
	width: 950px;
}

.single .landingpage_img img,
.single .result_img img {
	padding: 5px;
}
}
/*============================
#start_text
============================*/
.single #start_text,
.single #result_text {	
	margin: 30px 0;
	padding:  20px 0 0;
	border-top: 1px #d5d5d5 dashed;
	border-bottom: 1px #d5d5d5 dashed;
}

.single #start_text p,
.single #result_text p {
	margin: 0 0 20px;
	font-size: 1.2em;
	color: #555;
	line-height: 1.5;
}

@media screen and (min-width: 1024px) {

.single #start_text p,
.single #result_text p {
	font-size: 1.1em;
}
}

/*============================
#continue_box
============================*/
.single #continue_box {
	background: #CF000F;
}

.single #continue_box,
.single #iine_box {
	width: 93.75%;
	margin: 10px auto 0;
	text-align: center;
	padding: 1.04%;
	color: #fff;
	font-size: 1.2em;
	border-radius: 5px 5px 0 0;
}

@media screen and (min-width: 1024px) {
.single #continue_box,
.single #iine_box {
	width: 700px;
	padding: 10px;
}
}

/*============================
#continue_btn
============================*/
.single #continue_btn,
.single #iine_btn {
	width: 93.75%;
	margin: 0 auto 10px;
	text-align: center;
	border: 1px  solid;
	padding: 30px 0.8%;
	border-radius: 0 0 5px 5px;
}

.single #continue_btn img{
	vertical-align:middle;
	margin-right:10px;
}

.single #continue_btn a::before,
.single #continue_btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.single #continue_btn a,
.single #continue_btn a::before,
.single #continue_btn a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.single #continue_btn a {
	display: block;
	position: relative;
	border-radius: 10px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	margin: 30px auto;
	width: 80%;
	box-shadow: 0 4px 0 #555;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	font-size: 1.2em;
	padding: 20px 10px; 
	text-align: center;
	background: #cf000f;
}

.single #continue_btn a:hover {
	top: -4px;
	box-shadow: 0 9px 0 #555;
	text-decoration: none;
	font-weight: normal;
}
.single #continue_btn a:active {
	top: 3px;
	box-shadow: none;
}

@media screen and (min-width: 1024px) {
.single #continue_btn,
.single #iine_btn {
	width: 698px;
	padding: 30px 10px;
}

.single #continue_btn a::before,
.single #continue_btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.single #continue_btn a,
.single #continue_btn a::before,
.single #continue_btn a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s;
	transition: all .1s;
}

.single #continue_btn a {
	width: 60%;
}
}

/*============================
#fb_confirm
============================*/
.single #fb_confirm {
	width: 90%;
	margin: 30px auto;
	font-size: 0.8em;
	text-align:left;
}
.single #fb_confirm input {
	margin-right: 5px;
	cursor: pointer;
}

.single #fb_confirm label {
	cursor: pointer;
}

@media screen and (min-width: 1024px) {
.single #fb_confirm {
	width: 690px;
}
}


.single #iine_btn .btn_larger {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	margin: 15px auto;
	width: 150px;
}


.single #wrapper #contents #iine_btn .btn_larger span {
	width: 80px!important;
}


.single #fb_confirm #share_text {
    width: 100%;
	margin: 10px 0 0;
	border-radius: 5px;
	border: 1px solid #DCDCDC;
	padding: 10px;
	font-size: 14px;
	height: 50px;
}

.single #fb_confirm #share_text:focus {
	border-color:#83B6C2;
    outline:none;
    box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);
}


/*============================
#iine_url
============================*/

.single #iine_url {
	margin-top: 40px;
}

.single #fb_comment{
	margin: 60px 0 20px;
	width: 100%;
}


#qr {
	text-align:  center;
}

/*========================================================
フロント用
========================================================*/

#container #front h1 {
	font-size: 24px;
	margin-bottom: 20px;
	padding: 15px 25px;
	color: #333;
	border-bottom: 2px solid #E0E0E0;
	border-top: 6px #E80003 solid;
	letter-spacing: 6px;
	text-align: center;
}

@media screen and (min-width: 1024px) {
#container #front h1 {
	font-size: 32px;
	text-align: left;
	margin-bottom: 40px;
}
}

#container #front h2 {
	font-weight: bold;
	color: #555;
	border-bottom: 3px solid #555;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 1.4em;
	line-height: 1.5;
	height: 60px;
}

#container #front #normal h2 {
	font-size: 1em;
	height: 48px;
}

@media screen and (min-width: 1024px) {
#container #front h2 {
	font-size: 2em;
	height: 96px;
}
}

#front .now {
	color: #fff;
	background: #D70205;
	padding: 10px;
	font-weight: bold;
}

#front .expiry {
	color: #333;
	text-align: right;
	margin-bottom: 30px;
}

#front .finish {
	background: #333;
	padding: 10px;
	color: #fff;
}

#front .now i,
#front .expiry i,
#front .finish i { padding-right: 10px;}


#front #new .box {
	position: relative;
	float: none;
	margin: 0 auto 30px;
	width: 81.75%;
	border-radius: 8px;
	padding: 10px 6%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 2px 5px #BBBBBB;
	-webkit-box-shadow: 0px 2px 5px #bbb;
	box-shadow: 0px 2px 5px #bbb;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#f6f4f7');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#f6f4f7')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: -ms-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: -o-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f7f7f7), to(#f6f4f7));
	background-image: -webkit-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: linear-gradient(top, #f7f7f7, #f6f4f7);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

#front #new .box .newbtn {
	position: absolute;
	top: -50px;
	left: -20px;
}

#front #new .box .newbtn img {
	width: 100px;
}

#front #normal .box {
	float: none;
	margin: 0 auto 30px;
	width: 81.75%;
	border-radius: 8px;
	padding: 10px 6%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 2px 5px #BBBBBB;
	-webkit-box-shadow: 0px 2px 5px #bbb;
	box-shadow: 0px 2px 5px #bbb;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#f6f4f7');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#f6f4f7')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: -ms-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: -o-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f7f7f7), to(#f6f4f7));
	background-image: -webkit-linear-gradient(top, #f7f7f7, #f6f4f7);
	background-image: linear-gradient(top, #f7f7f7, #f6f4f7);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

@media screen and (min-width: 1024px) {

#front #new .box {
	float: left;
	margin: 0 30px 30px 0;
	width: 445px;
	padding: 10px 20px;
}

#front #new .box:nth-child(2n) {
	margin-right: 0;
}


#front #normal .box {
	float: left;
	margin: 0 30px 30px 0;
	width: 273px;
	padding: 10px 20px;
}

#front #normal .box:nth-child(3n) {
	margin-right: 0;
}

#front #new .box .newbtn {
	position: absolute;
	top: -50px;
	left: -10px;
}

}


#front #new .box .linkimg {
	text-align: center;
	background: #fff;
	padding: 3px 3px 0;
	border: 1px solid #757575;
	position: relative;
}

#front #normal .box .linkimg {
	text-align: center;
	background: #fff;
	padding: 3px 3px 0;
	border: 1px solid #757575;
	position: relative;
}


#front #new .box .linkimg img {
	width: 100%;
	height: auto;
	margin: 0;
}

#front #normal .box .linkimg img {
	width: 100%;
	height: auto;
	margin: 0;
}

@media screen and (min-width: 1024px) {

#front #new .box .linkimg {
	width: 444px;
	height: 232px;
	padding: 3px;
}

#front #normal .box .linkimg {
	width: 270px;
	height: 141px;
	padding: 3px;
}

#front #new .box .linkimg img {
	position: absolute;
	clip: rect(0, 444px, 232px, 0);
	margin: 0 0 0 -222px;

}

#front #normal .box .linkimg img {
	position: absolute;
	clip: rect( 0, 270px, 141px, 0);
	margin: 0 0 0 -135px;
}
}



/**
#front .box .linkimg {
	text-align: center;
	background: #fff;
	padding: 3px 3px 0;
	border: 1px solid #757575;
}

#front #new .box .linkimg img {
	width: 100%;
	height: auto;
}

#front #normal .box .linkimg img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 1024px) {
#front #new .box .linkimg img {
	width: 444px;
	height: 232px;
}

#front #normal .box .linkimg img {
	width: 270px;
	height: 141px;
}
}
**/


#front .box .linkimg:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#front .box .sent {
	visibility: hidden;
	height: 70px;
}

@media screen and (min-width: 1024px) {
#front .box .sent {
	visibility: hidden;
	height: 40px;
}

}


#front .box .detail a {
	display: block;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	background: #000;
}

#front .box .detail a::before,
#front .box .detail a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

#front .box .detail a,
#front .box .detail a::before,
#front .box .detail a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s;
	transition: all .1s;
}

.clearfix:after   {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}  

#start_already {
	background: #494949;
	color: #fff;
	margin: 40px auto;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
}





/*========================================================
テーマ変更用
========================================================*/

body.green #app_cap,
body.green #continue_box,
body.green #continue_btn a,
body.green #iine_box,
body.green #result_pickup,
body.green #front .box .detail a  {
	background: #16A085;
}

body.green #continue_btn,
body.green #iine_btn {
	border-color: #16A085;
}

body.red #app_cap,
body.red #continue_box,
body.red #continue_btn a,
body.red #iine_box,
body.red #result_pickup,
body.red #front .box .detail a  {
	background: #CF000F;
}

body.red #continue_btn,
body.red #iine_btn {
	border-color: #CF000F;
}

body.blue #app_cap,
body.blue #continue_box,
body.blue #continue_btn a,
body.blue #iine_box,
body.blue #result_pickup,
body.blue #front .box .detail a  {
	background: #3A539B;
}

body.blue #continue_btn,
body.blue #iine_btn {
	border-color: #3A539B;
}

body.lightblue #app_cap,
body.lightblue #continue_box,
body.lightblue #continue_btn a,
body.lightblue #iine_box,
body.lightblue #result_pickup,
body.lightblue #front .box .detail a {
	background: #22A7F0;
}

body.lightblue #continue_btn,
body.lightblue #iine_btn {
	border-color: #22A7F0;
}

body.orange #app_cap,
body.orange #continue_box,
body.orange #continue_btn a,
body.orange #iine_box,
body.orange #result_pickup,
body.orange #front .box .detail a {
	background: #F9690E;
}

body.orange #continue_btn {
	border-color: #F9690E;
}

body.black #app_cap,
body.black #continue_box,
body.black #continue_btn a,
body.black #iine_box,
body.black #result_pickup,
body.black #front .box .detail a {
	background: #333;
}

body.black #continue_btn,
body.black #iine_btn {
	border-color: #333;
}

body.yellow #app_cap,
body.yellow #continue_box,
body.yellow #continue_btn a,
body.yellow #iine_box,
body.yellow #result_pickup,
body.yellow #front .box .detail a {
	background: #F7CA18;
}

body.yellow #continue_btn,
body.yellow #iine_btn {
	border-color: #F7CA18;
}


body.green #front .box .detail a:hover,
body.red #front .box .detail a:hover,
body.blue #front .box .detail a:hover,
body.lightblue #front .box .detail a:hover,
body.orange #front .box .detail a:hover,
body.black #front .box .detail a:hover,
body.yellow #front .box .detail a:hover {
	background: #393939;
	text-shadow: none;
	font-weight: normal;
}


/*mypage*/
body.page-mypage table{text-align:left;margin:20px auto;}
body.page-mypage th{background:#F1F1F1;border:1px solid #d9d9d9;padding:10px;}
body.page-mypage td{background:#fff;border:1px solid #d9d9d9;padding:10px;}
body.page-mypage .ui-datepicker-calendar td{border:none !important;padding:0 !important;}


/**マイページ ログイン画面**/

body.page-mypage {
	background: #fff;
}

body.page-mypage header,
body.page-mypage footer {
	display: none;
}
.page-mypage #contents {
	background: #fff;
}

.page-mypage #container {
	background: #fff;
	width: 93.75%;
	padding: 3.333% 3%;
	border: none;
	box-shadow: none;
	margin: 30px auto;
}

@media screen and (min-width: 1024px) {
	
body.page-mypage {
	background: #fbfbfb;
}

.page-mypage #contents {
	background: #fbfbfb;
}


.page-mypage #container {
	width: 600px;
	border-radius: 10px;
	padding: 20px 40px;
	-moz-box-shadow: 0px 0px 6px #B3B3B3;
	-webkit-box-shadow: 0px 0px 6px #B3B3B3;
	box-shadow: 0px 0px 3px #B3B3B3;
	border: 1px solid #d9d9d9;
	margin:  100px auto 30px;
}
}

.page-mypage #container h1 {
	color: #333;
	border:none;
	padding: 10px 0;
	margin: 10px auto 40px;
	font-size: 1.4em;
	line-height: 1;
	text-align: center;
	width: 100%;
	font-weight: normal;
	border-bottom: 1px solid #078BD5;
}

@media screen and (min-width: 1024px) {
.page-mypage #container h1 {
	font-size: 1.6em;
}
}

.page-mypage form input[type="submit"] {
	float: none;
	text-align: center;
	width: 190px;
	height: 50px;
	margin: 10px auto 9px;
	background: #078BD5;
	border: none;
	border-radius: 5px;
	box-shadow: none;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 0;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
}


.page-mypage  input.sendbtn {
	border: none;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
	width: 190px;
	height: 50px;
	margin: 10px auto 10px;
	cursor: pointer;
	background: #00A3CB;
}

.page-mypage form input[type="submit"]:hover,
.page-mypage  input.sendbtn:hover {
	opacity: 0.8;
}




/*========================================================
プライバシーポリシーと規約
========================================================*/




.page-policy .policy_box p {
	line-height: 1.7;
	margin-bottom: 18px;
}

.page-policy .policy_box dl {
	margin-bottom: 36px;
}


.page-policy .policy_box dl dt {
	font-weight: bold;
	margin-bottom: 5px;
}

.page-policy .policy_box dl dd {
	padding: 0 0 0 12px;
	margin: 0 0 18px;
	line-height: 1.7;
}
.page-policy .policy_box dl dd ul {
	margin: 0 0 18px 0;
	padding: 0 0 0 36px;
}
.page-policy .policy_box dl dd ul li {
	list-style: decimal;
	margin: 0;
	padding: 0;
}

.tx_right { text-align: right;}

.bold { font-weight: bold;}

.page-rule .rule_box p {
	line-height: 1.7;
	margin-bottom: 18px;
}

.page-rule .rule_box dl {
	margin-bottom: 36px;
}


.page-rule .rule_box dl dt {
	font-weight: bold;
	margin-bottom: 5px;
}

.page-rule .rule_box dl dd {
	padding: 0 0 0 12px;
	margin: 0 0 18px;
	line-height: 1.7;
}
.page-rule .rule_box ul {
	margin: 18px 0;
	padding: 0 0 0 36px;
}
.page-rule .rule_box dl dd ul li {
	list-style: disc;
	margin: 0;
	padding: 0;
}




/*========================================================
メルマガ用
========================================================*/



.single-mail table  {
	width: 100%;
	border-collapse: separate;
	margin: 0 auto;
	text-align: center;
	padding: 0
}

.single-mail table th {
	display: block;
	text-align: center;
	padding: 20px 0;
	width: 100%;
	background: #F2F1EF;
}

.single-mail table th:nth-of-type(1),
.single-mail table td:nth-of-type(1) {
	border-top: 1px solid #aaa;
}

.single-mail table td {
	display: block;
	text-align: center;
	padding: 20px 0;
	border-left: none;
	width: 100%;
}

#result_pickup {
	padding: 20px 10px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin: 30px 0;
	background: #555;
	border-radius: 8px;
	-moz-boder-radius; 8px;
	-webkit-border-radius: 8px;
}


@media screen and (min-width: 1024px) {


.single-mail h2 {
	color: #333;
	line-height: 1.5;
	margin: 0 0 30px;
	text-align: left;
	font-size: 24px;
}


.single-mail table  {
	width: 100%;
	margin: 0;
	display: table;
}

.single-mail table th {
	display: table-cell;
	text-align: right;
	padding: 20px;
	width: 25%;
	background: #F2F1EF;
	border-spacing: 10px;
	border-bottom: 1px dotted #aaa;
}

.single-mail table th:nth-of-type(1),
.single-mail table td:nth-of-type(1) {
	border-top: 1px dotted #aaa;
}

.single-mail table td {
	display: table-cell;
	text-align: left;
	padding: 20px;
	border-spacing: 10px;
	border-left: 5px solid #aaa;
	border-bottom: 1px dotted #aaa;
}

#result_pickup {
	padding: 40px 10px;
	font-size: 24px;
	margin: 30px 0;
}

}


/*============================
#contents
============================*/
.single-mail #contents {
	background: #f5f5f5;
	padding: 20px 0;
}

@media screen and (min-width: 1024px) {
.single-mail #contents {
	padding: 50px 0;
}
}

/*============================
#container
============================*/
.single-mail #container {
	background: #fff;
	width: 93.75%;
	margin: 0 auto 30px;
	padding: 3.333% 3%;
	border: none;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	box-shadow: none;
}

@media screen and (min-width: 1024px) {
.single-mail #container {
	width: 1000px;
	border-radius: 10px;
	padding: 30px 40px 60px;
	-moz-box-shadow: 0px 0px 6px #B3B3B3;
	-webkit-box-shadow: 0px 0px 6px #B3B3B3;
	box-shadow: 0px 0px 6px #B3B3B3;
	border: 1px solid #d9d9d9;
}
}


.single-mail #container h1 {
	font-weight: bold;
	color: #555;
	border-bottom: 3px solid #555;
	padding: 0 0 10px;
	margin-bottom: 30px;
	font-size: 1.3em;
}

@media screen and (min-width: 1024px) {
.single-mail #container h1 {
	font-size: 2em;
}
}


.fb_iframe_widget span {height: 20px; z-index: 0; overflow: hidden;}



.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none\9;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block\9;
}
.modal-window:target {
display: block\9;
}
.modal-window .modal-inner {
position: absolute;
top: 50px;
left: 50%;
z-index: 20;
margin-left: -325px;
width: 650px;
overflow-x: hidden;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-inner p {
padding: 0 20px;
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==");
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 25px;
left: 50%;
z-index: 20;
margin-left: 285px;
background: #fff;
border-radius: 2px;
padding: 2px 8px;
font-size: 1.2em;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}

.modal-window .fb-like {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	margin: 15px auto;
	padding: 15px 0;
	width: 240px;
	display: block;
}

.modal-window {
	text-align: center;
}

#wrapper #contents #container .modal-window p {
	margin: 5px 0;
	text-align: center;
	padding: 20px;
	border-bottom: 1px solid #CACACA;
}
	
#wrapper #contents #container .modal-window a.modal_btn {
	background: #3F5D9A;
	color: #fff;
	border-radius: 5px;
	padding: 10px;
	display: block;
	width: 90%;
	margin: 0 auto 15px;
}

.faq-question{
	border-bottom:1px solid #333;
	border-left:5px solid #333;
	text-indent:10px;
}
.faq-answer p{
	margin:0;
}