@CHARSET "UTF-8";

/*error success*/
.attention, .success { margin: 10px 0; padding: 8px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: left; font-weight: bold; line-height: 1.3; }
.success { background-color: #FFF; border: 1px solid #2db899; color: #2db899; font-weight: normal; margin: 0; padding: 5px; text-align: center; }
.attention { background-color: #FFE4E1; color: #F08080; font-weight: normal; margin: 0; padding: 5px; text-align: center; }

.nomal_line { width: 100%; margin: 10px 0; overflow: hidden; }

.top_title { width: 100%; margin: 10px 0 0; }
.top_title h1 { background-color: #ed8476; color: #FFF; padding: 8px 10px; font-weight: bold; }

#content_topimg { width: 100%; }
#content_topimg img { width: 100%; }

/*login*/
.login_btn img { margin: 0 auto;}
#login_box { background-color: #FFF; margin: 0; padding: 10px; border: 1px solid #fff1d8; overflow: hidden; }
#login_box p { padding: 10px; }
#login_box .title  { color: #ec675e; text-align: center; font-weight: bold; font-size: 16px; }

#login_box .shopping_title p { text-align: right; padding: 5px 0; }
#login_box .shopping_title h1 { background: url(../img/sp/qa/icon_arrow_pink.png) no-repeat 5px 5px; background-size: 8px; margin: 0; padding: 0 0 0 20px; font-size: 13px; color: #EB7073; }
#login_box .shopping_title table { background-color: #FFF; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #fff1d8; }
#login_box .shopping_title table td { border: 1px solid #fff1d8; padding: 5px; font-size: 13px; }
#login_box .shopping_title table td.title { background-color: #eb7073; color: #FFF; text-align: center; }
#login_box .shopping_title table td.delete { text-align: center; }
#login_box .shopping_title table td.delete a { color: #999; font-weight: normal; }
#login_box .shopping_title table td.title_s { background-color: #fff1d8; padding: 0 10px; text-align: left; height: 25px; }
#login_box .shopping_title a { font-weight: bold; color: #eb7073; }



#login_box h1 { background: url(../img/sp/icon/icon_pink.png) no-repeat 0 4px; background-size: 5px; font-weight: bold; padding: 2px 0 5px 15px; }
#login_box h2 { background-color: #EC675E; font-weight: bold; color: #FFF; padding: 5px 10px; border-radius: 2px; }
#login_box h3 { font-weight: bold; text-align: center; border-top: 1px solid #DDD; padding-top: 15px;　 }

#login_box .inner_box h1 { background: url(../img/sp/icon_arrow_title.png) no-repeat; background-size: 12px; background-color: inherit; color: #a67c52; margin: 10px 0 5px; padding: 0 0 0 15px; }
#login_box .inner_box .freeword .inner { margin: 0 0 5px; overflow: hidden; text-align: center; }
#login_box .inner_box .freeword .inner_qa { margin: 0; text-align: left; padding: 10px; background-color: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); border-radius: 4px; }

#login_box .inner_box .freeword .inner input { padding: 5px; border: 1px solid #CCC; border-radius: 2px; height: 30px; }

#login_box .inner_box .freeword h1 { background-image: none; font-size: 12px; font-weight: bold; color: #EC675E; margin: 0; padding: 0; }
#login_box .inner_box .freeword h2 { background-image: none; background-color: inherit; font-size: 14px; font-weight: bold; color: #EC675E; margin: 0; padding: 5px 0 0; width: 100px; float: left; }

#login_box .inner_box_qa { background-color: #FFF; margin: 0; padding: 10px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); border-radius: 4px; overflow: auto; }
#login_box .inner_box_qa h1 { background: url(../img/sp/icon_arrow_title.png) no-repeat; background-size: 12px; background-color: inherit; color: #a67c52; margin: 10px 0 5px; padding: 0 0 0 15px; }
#login_box .inner_box_qa .freeword .inner { width: 100%; margin: 5px 0 10px; text-align: center; font-size: 14px; }
#login_box .inner_box_qa .freeword .inner_02 { width: 100%; margin: 5px 0 10px; text-align: left; float: left; font-size: 14px; }

#login_box .inner_box_qa .freeword .inner_qa { margin: 0; font-size: 16px; text-align: left; padding: 10px; background-color: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); border-radius: 4px; }

#login_box .inner_box_qa .freeword .inner input { font-size: 14px; padding: 10px 8px; border: 1px solid #CCC; border-radius: 2px; }

#login_box .inner_box_qa .freeword h1 { background-image: none; font-size: 14px; font-weight: bold; color: #EC675E; margin: 0 0 5px; padding: 0; }
#login_box .inner_box_qa .freeword h2 { background-image: none; background-color: inherit; font-size: 14px; font-weight: bold; color: #EC675E; margin: 0; padding: 0; width: 100px; float: left; }

.repass02_box { margin: 10px 0 0; clear: both; }
.repass02_box h1 { background: url(../img/sp/icon/icon_pink.png) no-repeat 0 2px; background-size: 5px; font-weight: bold; padding-left: 10px; padding-bottom: 5px; }
.repass02_box h1.wakaba { float: left; background: url(../img/sp/icon/ico_beginner1b_7.gif) no-repeat 0 2px; background-size: 14px; font-weight: bold; margin: 0 5px; padding-left: 25px; padding-bottom: 5px; }
.repass02_box h2 { width: 40%; float: right; text-align: center; background-color: #E7CCA7; color: #A67C52; padding: 5px 10px; border-radius: 15px; }
.repass02_box .btn img { width: 100%; margin: 5px auto; text-align: center; border-radius: 2px; }
.repass02_box p.a { color: #EC675E; font-weight: bold; text-align: center; }

#login_box .repass_box { text-align: center; margin: 15px 0; }
#login_box .repass_box .auto input[type=checkbox] { -moz-transform-origin: right bottom; -moz-transform: scale(1,1); -webkit-transform-origin: right bottom; -webkit-transform: scale(1,1); }
#login_box .repass_box .auto label { font-size: 14px; color: #999; }
#login_box .repass_box .auto a:link { color: #EC675E; }
#login_box .repass_box .auto a:visited { color: #ff69b4; }
#login_box .repass_box h1 { margin: 0 0 15px; text-align: left; }
#login_box .repass_box h2 { margin: 10px 0; text-align: right; color: #a67c52; }
#login_box .repass_box img { width: 100%; margin: 5px auto; border-radius: 4px; }

#login_box .login_btn { margin: 0 auto; padding: 10px 0; text-align: center; overflow: hidden; }
#login_box .login_btn img { width: 80%; margin: 0 auto; }
#login_box .login_btn input { width: 80%; border-radius: 0; }
#login_box .login_btn input.left { float: left; width: 80px; padding-bottom: 10px; }
#login_box .login_btn input.right { float: right; width: 80px; padding-bottom: 10px; }
#login_box .login_btn_logout { margin: 0 auto; padding: 10px 0; text-align: center; }
#login_box .login_btn_logout img { width: 80%; margin: 0 auto; }

/*bokin_form*/
#login_box02 .login_btn { margin: 0 auto; border-top: 1px solid #DDD; }
#login_box02 .login_btn img {  margin: 0 auto; }
#login_box02 .login_btn input { width: 80px; border-radius: 0; float: right; }
#login_box02 .login_btn input.left { float: left; width: 80px; padding-bottom: 10px; }
#login_box02 .login_btn input.right { float: right; width: 80px; padding-bottom: 10px; }
#login_box02 .inner_box .freeword h1 { background-image: none; font-size: 12px; font-weight: bold; color: #EC675E; margin: 0; padding: 0; }
#login_box02 .inner_box .freeword h2 { background-image: none; background-color: inherit; font-size: 14px; font-weight: bold; color: #EC675E; margin: 0; padding: 5px 0 0; width: 100px; float: left; }
#login_box02 .inner_box .freeword .inner { margin: 0 0 10px; font-size: 16px; border: 1px solid #FFF; overflow: hidden; }
#login_box02 .inner_box .freeword .inner input { font-size: 14px; padding: 5px; border: 1px solid #CCC; border-radius: 2px; }
#login_box02 { background-color: #FFF; margin: 10px 0; padding: 20px 10px; border: 2px solid #fff1d8; overflow: hidden; }
#login_box02 p { padding: 10px; }
#login_box02 .title  { color: #ec675e; text-align: center; font-weight: bold; font-size: 15px; }
.login_btn02 img { margin: 0 auto;}
.more02 { float: left; overflow: hidden; }
.more02 img { width: 80px; float: left; }
#thx_box02 { background-color: #FFE4E1; margin: 0; padding: 5px 10px; border-radius: 2px; overflow: hidden; }
#thx_box02 .title { text-align: center; margin: 0; color: #F08080; }


.maintitle p { text-align: center; border: 1px solid #ec675e; color: #ec675e; font-weight: bold; }
.pointselect table { width: 100%; margin: 10px 0; }
.pointselect td { width: 45%; text-align: center; font-size: 15px; border-bottom: 5px solid #FFF; }
.pointselect td.maintitle { background: url(../img/sp/icon/icon_pink.png) no-repeat 0px 12px; background-size: 5px; text-align: left; color: #ec675e; font-size: 15px; font-weight: bold; padding-left: 15px; }
.pointselect td.point01 { text-align: right; }
.pointselect td.point02 input { padding: 8px 5px; text-align:center; font-size: 18px; }
.pointselect td.point02_02 { padding: 8px 5px; text-align: right; font-size: 20px; font-weight: bold; }
.pointselect td.unit { font-size: 15px; }

.total { margin: 0 0 20px; border-top: 1px dashed #DDD; }
.total table { width: 90%; text-align: center; margin: 20px auto; }
.total td.pointtitle { text-align: left; }
.total td.pointtitle_p { text-align: left; font-weight: bold; color: #ec675e; }
.total td.pointkeep { text-align: right; font-size:18px; font-weight: bold; }


#login_box .login_fb { width: 100%; margin: 10px auto; }
#login_box .login_fb p { text-align: center; padding: 0; color: #24469B; font-weight: bold; }
#login_box .login_fb p.mini { color: #999; text-align: center; font-size: 12px; font-weight: normal; margin: 0 0 10px; }
#login_box .login_fb img { width: 80%; margin: 0 auto; text-align: center; }

#login_box .regist_btn { margin: 0 auto; padding-top: 15px; text-align: center; border-top: 1px solid #DDD; }
#login_box .regist_btn input { width: 40%; }

#login_box_title { background-color: #fff1d8; padding: 10px; overflow: hidden; }
#login_box_title h1 { background: url(../img/sp/icon/icon_pink.png) no-repeat 0 2px; background-size: 5px; padding-left: 10px; font-weight: bold; }


#thx_box { background-color: #FFF; margin: 10px 0; padding: 10px; border: 2px solid #fff1d8; border-radius: 4px; overflow: hidden; }
#thx_box .title { text-align: center; margin: 0 0 10px; color: #ec675e; font-size: 16px; }

/*landing*/
#landing .inner { background-color: #95C438; padding: 10px 0; }
#landing .inner p { text-align: center; font-size: 16px; font-weight: bold; line-height: 1.3; }
#landing p.top_attention { background-color: #FFE4E1; color: #F08080; margin: 10px; padding: 10px; border-radius: 2px; font-weight: bold; text-align: center; font-size: 14px; }
#landing p.top_attention img { width: 80%; margin: 10px auto; }

#landing .title { width: 100%; margin: 10px 0 0; }
#landing .title img { width: 80%; margin: 0 auto; }

#landing .img { width: 100%; margin: 10px 0; }
#landing .img img { width: 90%; margin: 0 auto; }


#landing .inner .btn { width: 100%; padding: 20px 0; }
#landing .inner .btn img { width: 80%; margin: 0 auto; }
#landing .inner02 { background-color: #95C438; padding: 20px 0 10px; }
#landing .inner02 .btn02 { width: 100%; padding: 5px 0; }
#landing .inner02 .btn02 img { width: 80%; margin: 0 auto; }


#landing .about { padding: 0 0 5px; }

#landing .about h1 { background: url(../img/sp/landing/icon_meetball.png) no-repeat 10px 5px; background-size: 30px; background-color: #CD4D76; color: #FFF; padding: 10px 0 10px 50px; font-size: 15px; font-weight: bold; }
#landing .about h2 { margin: 0 10px; font-weight: bold; color: #603813; }
#landing .about p { font-size: 12px; margin: 0 10px; line-height: 1.3; text-align: left; font-weight: normal; }
#landing .about p.attention_bottom { background-color: #D94D7B; color: #FFF; font-size: 12px; margin: 0; padding: 5px 10px; }

#landing .about table { width: 94%; margin: 0 10px 10px; background-color: #FFF; border-collapse: collapse; border-spacing: 0; border: 2px solid #fff1d8; }
#landing .about td { padding: 8px 5px; text-align: center; border: 1px solid #fff1d8; line-height: 1.3; background-color: #fffae9; font-size: 13px; color: #603813; }
#landing .about td.title { width: 40%; background-color: #fff1d8; }
#landing .about td.title_b { background-color: #fff1d8; padding: 2px 0; }
#landing .about td.free { background-color: #59B745; color: #FFF; font-weight: bold; }
#landing .about td.pay { background-color: #D94D7B; color: #FFF; font-weight: bold; }
#landing .about td.detail { width: 20%; background-color: #fff; }
#landing .btn img { margin: 10px auto; }



/*repss*/
#repass_box h1 { background-color: #e7cca7; color: #a67c52; padding: 5px 10px; border-radius: 2px; font-weight: bold; }
#repass_box .input_box { border-bottom: 2px solid #fff1d8; margin: 0 0 20px; text-align: center; }
#repass_box .input_box .inner  { margin: 10px 0 20px; text-align: center; }
#repass_box .input_box .inner input { font-size: 14px; padding: 10px 8px; border: 1px solid #CCC; border-radius: 2px; }
#repass_box .send_btn { float: right; }
#repass_box .send_btn input { width: 80px; border-radius: 0; }

/*kiyaku*/
#content .nomal_form { width: 100%; margin: 10px 0; line-height: 23px; }
#content .nomal_form h1 { background-color: inherit; font-weight: bold; }
#content .nomal_form h2 { background-color: inherit; font-weight: bold; }
#content .nomal_form p { margin: 0 0 20px; line-height: 20px; }
#content .nomal_form li { margin: 0 10px; }
#content .nomal_form table { width: 100%; border-collapse: collapse; border: 0px; text-align:center; }
#content .nomal_form td { background-color: #FFF; border: 1px solid #CCC; padding: 2px; }
#content .nomal_form td.title { border: 1px solid #CCC; padding: 2px; background-color: #EEE; }


/*mypage*/
#mypage { width: 100%; margin: 0 0 50px; border-bottom: 10px solid #ed8476; }


/*開閉ボタン_FAQ*/
#accordion { width: 900px; }
#accordion dt { background: url(../img/icon_arrow_title.png) no-repeat; background-size: 20px; background-position: 100px center; background-color: #f1f2f4; padding: 8px; margin: 0 0 5px; cursor: pointer; }
#accordion dd{ display: none; font-size: 14px; line-height: 140%; margin: 0 0 5px; padding: 30px 15px; border: 1px solid #DDD; }
#accordion dt.active{ background: url(../img/icon_arrow_title.png) no-repeat; background-size: 20px; background-position: 100px center; background-color: #f1f2f4; }


ul.accordion { width: 100%; margin: 0; padding: 0; }
ul.accordion a { display: block; padding: 15px 10px; background-position: 97% center; background-repeat: no-repeat; text-decoration: none; font-size: 14px; }
ul.accordion span { display: block; padding: 10px; background-position: 97% center; background-repeat: no-repeat; color: #ec675e; font-size: 14px; font-weight: bold; }
ul.accordion ul { display:none;}
ul.accordion li { background: -moz-linear-gradient(top, #ecd6b9, #e7cca7); background: -webkit-gradient(linear, left top, left bottom, from(#ecd6b9), to(#e7cca7)); }
ul.accordion li p { background: -moz-linear-gradient(top, #ecd6b9, #e7cca7); background: -webkit-gradient(linear, left top, left bottom, from(#ecd6b9), to(#e7cca7)); padding: 0; }
ul.accordion li p span { background-image:url(../img/sp/footer/icon_arrow02.png); background-size: 20px; border-bottom: 1px solid #f4e6d5; }
ul.accordion li p span.open { background-image:url(../img/sp/footer/icon_arrow02.png); background-size: 20px; }
ul.accordion li ul li { background: #FFF; border-bottom: 1px solid #DDD;}
ul.accordion li ul li p { background: #FFF; }
ul.accordion li ul li a { background:url(../img/sp/footer/icon_arrow.png) no-repeat 97% center; background-size: 20px; }
ul.accordion li ul li ul li { background: #FFF; border-bottom: 1px dotted #888;}
ul.accordion li ul li ul li:last-child { border:none;}

dl.accordion { background: #DDD; width: 80%; margin: 0 auto 30px; padding: 10px; font-size: 16px; }
dl.accordion dt {
    background:url(../img/sp/footer/icon_arrow.png) 97% center no-repeat; background-size: 20px;
    background:url(../img/sp/footer/icon_arrow.png) 97% center no-repeat; background-size: 20px;
    border-bottom: 1px solid #EEE; height:40px; text-indent:10px; line-height: 40px; font-weight: bold;
	}
dl.accordion dt.open { background:url(../img/sp/footer/icon_arrow.png) 97% center no-repeat; background-size: 20px; background:url(../img/sp/footer/icon_arrow.png) 97% center no-repeat; background-size: 20px;
}dl.accordion dd { background: #FFFFFF; padding: 10px; line-height: 1.5; display: none; }


/*movie*/
#movie_title { background-color: #ec4a5e; padding: 8px; }
#movie_title h1 { color: #FFF; font-weight: bold; }

#maintitle { margin: 20px 5px; }
#maintitle p { background:url(../img/sp/icon/icon_pink.png) no-repeat; font-size: 16px; font-weight: bold; padding: 0 0 0 20px; }
#comment { margin: 20px 5px; }
#comment p { border: 1px solid #ec4a5e; border-radius: 2px; padding: 10px; }
#comment p.title { color: #ec4a5e; font-weight: bold; border: none; padding: 5px; }

#moviebox p.title { font-weight: bold; padding-bottom: 10px; }
#moviebox p.count { font-size: 12px; }
#moviebox .iine_btn { overflow: hidden; position: relative; height: 40px; }
#moviebox .iine_btn img { width: 80px; margin: 10px 0 0; float: left; }
#moviebox .iine_btn .iine_count { background: rgba(0, 0, 0, 0) url("../img/sp/contest/iine_countbg_white.png") no-repeat scroll 0 0 / 35px auto; width: 35px; height: 25px; margin: 10px 0 0 80px; }
#moviebox .iine_btn p { padding: 10px 12px; position: absolute; text-align: center; margin: 5px 0 0 77px; }