@charset "utf-8";

/* reset */
html { -webkit-text-size-adjust:none;}

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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
hr {display:block;height:1px;border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
ul { list-style:none; padding:0; }
li { padding:0;}
input, select { vertical-align:middle; }
a { text-decoration:none;-webkit-tap-highlight-color:rgba(00,33,99,0.3);}
body {line-height:1.4; font-size:13px;}

/*  by otaki  */
form {font-size: 115%;}
form select { height: 30px; font-size:115%; }
form input[type="submit"] { /*height: 30px;*/ height: 35px; font-size:115%; }


/* header */
header { border-bottom:1px solid #ccc; text-align:center; padding:10px 0; font-size:108%; }
.sub_head_text ,.sub_head_text li{ text-align:right; margin:3px 5px 0 0; font-size:92%; }
.comment { margin: 10px; }
.comment a { text-decoration:underline; }

/* page user_homes/index.php */
#sex_nav { padding: 10px 10px 30px; }
#sex_nav p { text-align:center; margin:0 0 3px; color:#006ED4; font-weight:bold; }
#sex_nav span { color:#ff1081; margin:0 3px; }
#sex_nav ul { -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#sex_nav ul li { display: inline-block; text-align: center; width: 49%; }
#sex_nav ul li a { display: block; padding: 10px; color: #fff; font-weight:bold; }
#sex_nav ul li:first-child { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px;border: 1px solid #21b4e2;background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /*  firefox  */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7deed), color-stop(50%, #71ceef), color-stop(51%, #21b4e2), color-stop(100%, #b7deed)); /*  webkit  */ }
#sex_nav ul li:first-child a {text-shadow: #21b4e2 0px -1px 1px; }

#sex_nav ul li:last-child { -webkit-border-radius: 0 10px 10px 0 ; -moz-border-radius: 0 10px 10px 0;width: 49%; border-left:none;border: 1px solid #ff1081;background: -moz-linear-gradient(top, rgba(255,170,210,1) 0%, rgba(252,119,182,1) 50%, rgba(255,16,129,1) 51%, rgba(252,111,178,1) 100%); /*  FF3.6+  */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,170,210,1)), color-stop(50%,rgba(252,119,182,1)), color-stop(51%,rgba(255,16,129,1)), color-stop(100%,rgba(252,111,178,1))); /*  Chrome,Safari4+  */
background: -webkit-linear-gradient(top, rgba(255,170,210,1) 0%,rgba(252,119,182,1) 50%,rgba(255,16,129,1) 51%,rgba(252,111,178,1) 100%); /*  Chrome10+,Safari5.1+  */}
#sex_nav ul li:last-child a {text-shadow: #ff1081 0px -1px 1px; }

/* page user_searches/user_search_result.php */
article.search_box { border-bottom:1px solid #ccc; }
article.search_box a { background: url(/common_r/images/sp/arrow.png) no-repeat 98% center; background-size:15px 15px;padding: 10px 25px 10px 10px; display:block; min-height:100px; }
article.search_box .inner { position:relative; }
article.search_box figure { width:100px; height:100px; position:absolute; }
article.search_box .search_body { margin:0 0 0 105px; color:#000; }
article.search_box .search_body h2 { margin:0 0 5px; }
article.search_box .search_body li { font-size:92%; }
article.search_box .search_body li span { color:#3899E5; margin:0 0.2em 0 0; }

/* page user_mails/user_send_mail.php */
article.profile_outline_box { padding: 10px 25px 10px 10px; min-height:100px; }
/* article.profile_outline_box a { background: url(/common_r/images/sp/arrow.png) no-repeat 98% center; background-size:15px 15px;padding: 10px 25px 10px 10px; display:block; min-height:100px; } */
article.profile_outline_box .inner { position:relative; }
article.profile_outline_box figure { width:100px; height:100px; position:absolute; }
article.profile_outline_box .search_body { margin:0 0 0 105px; color:#000; }
article.profile_outline_box .search_body h2 { margin:0 0 5px; }
article.profile_outline_box .search_body li { font-size:92%; }
article.profile_outline_box .search_body li span { color:#3899E5; margin:0 2px 0 0; }

.profile_detail_box dt{ background:#ccc; border-top: 1px solid #aaa; font-weight: bold;padding: 5px 10px; margin:0 0 10px; }
.profile_detail_box dt span { font-weight:bold; color:#d00; }
.profile_detail_box dd {
	padding: 0 10px 10px;
	word-wrap: break-word;
}
/* .profile_detail_box dd span { font-size:70%; }  */

/*  page user_mailboxs/user_new_mailbox.php */
article.mail_box { border-bottom:1px solid #ccc;padding: 10px 25px 10px 10px; min-height:100px; }
/* article.mail_box a { background: url(/common_r/images/sp/arrow.png) no-repeat 98% center; background-size:15px 15px;padding: 10px 25px 10px 10px; display:block; min-height:100px; } */
article.mail_box .inner { position:relative; }
article.mail_box figure { width:100px; height:100px; position:absolute; }
article.mail_box .search_body { margin:0 0 0 105px; color:#000; }
article.mail_box .search_body h2 { margin:0 0 5px; }
article.mail_box .search_body li { font-size:92%; }
article.mail_box .search_body li span { color:#3899E5; margin:0 2px 0 0; }

/* page user_mailboxs/user_info_mailbox.php */
.info_mailbox li { border-bottom:1px solid #ccc; }
.info_mailbox li a { background:url(/common_r/images/sp/arrow.png) no-repeat 98% center;background-size:15px 15px; display: block; padding: 5px 25px 5px 10px; }
.info_mailbox li a span { font-size:85%; color:#333; }

/*  page user_mypages/user_index.php */
nav#mypage li { border-bottom: 1px solid #ccc; }
nav#mypage li:nth-child(even) { background:#f5f5f5; }
nav#mypage li:last-child{ border-bottom:none; }
nav#mypage li a { color:#555; font-weight:bold; background: url(/common_r/images/sp/arrow.png) no-repeat 98% center; background-size:15px 15px; display: block; padding:15px 30px; text-decoration: none; font-size:92%; }
nav#mypage li.title { padding: 15px 10px; background:#aaa; font-weight:bold;font-size:77%; }

/* footer */
nav#footer { border-top: 1px solid #ccc;}
nav#footer li { border-bottom: 1px solid #ccc; }
nav#footer li:nth-child(even) { background:#f5f5f5; }
nav#footer li:last-child { border-bottom:none; }
nav#footer li a { color:#555; font-weight:bold; background: url(/common_r/images/sp/arrow.png) no-repeat 98% center; background-size:15px 15px; display: block; padding:15px 10px; text-decoration: none; font-size:92%; }


footer .address{ border-top:1px solid #111; text-align:center; padding:10px 0;font-size:92%; background:#333; color:#ccc;text-shadow: 0 -1px 1px #000; }

.footer_top_link a { display:block; border-top:1px solid #ccc; padding:10px; color:#000;}

/* footer_user */
nav#user_footer li { border-bottom: 1px solid #ccc; }
nav#user_footer li:nth-child(even) { background:#f5f5f5; }
nav#user_footer li:last-child { border-bottom:none; }
nav#user_footer li a { color:#555; font-weight:bold; background: url(/common_r/images/sp/arrow.png) no-repeat 98% center; background-size:15px 15px; display: block; padding:15px 10px; text-decoration: none; font-size:92%; }

/* page user_profiles/user_menu.php */
.user_menu_box table { border-left: 1px solid #aaa; border-top: 1px solid #aaa; width: 100%; text-align:left;}
.user_menu_box table th , .user_menu_box table td { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }

.user_menu_box table td { padding:5px; }
.user_menu_box table th a { background:#ddd url(/common_r/images/sp/arrow.png) no-repeat 98% center; background-size:15px 15px; color: #000;display: block; font-weight: bold; padding: 5px; text-decoration: none; }

/* page user_point/user_about_point.php */
.about_point_box table { border-left: 1px solid #aaa; border-top: 1px solid #aaa; text-align: left; width: 100%; }
.about_point_box table th , .about_point_box table td { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;padding:5px; font-size:92%; }
.about_point_box table th { width:60%; background:#ddd; }

/* page user_payments/user_default_bank.php */
.default_bank_box table { border-left: 1px solid #aaa; border-top: 1px solid #aaa; text-align: left; width: 100%; }
.default_bank_box table th , .default_bank_box table td { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;padding:5px; font-size:70%; text-align:right; }
.default_bank_box table th { width:50%; background:#ddd; }

/* page user_defers/user_defer_config.php */
.defer_config_box table { border-left: 1px solid #aaa; border-top: 1px solid #aaa; text-align: left; width: 100%; }
.defer_config_box table th , .defer_config_box table td { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;padding:5px; font-size:92%;text-align:right; }
.defer_config_box table th { width:50%; background:#ddd; }

/* page user_profiles/user_edit_self_attach_picture.php */
.picture_box { padding:10px 0 0 ; margin:10px 0; text-align:center; border-top:1px solid #ccc; }
/* common */
/* title */
.title_box { position:relative; border-bottom: 1px solid #000;border-top: 1px solid #000;color:#fff;text-shadow: 0 -1px 1px #000;font-weight:bold;background: -moz-linear-gradient(center top , #6B6B6B, #0D0D0F) repeat 0 0;background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#0d0d0f));}

.title_box h2 , .title_box p { text-align:left; text-shadow:0 -1px 1px #000;font-weight:bold;font-size:116%;color:#fff; padding:2px 0 2px 10px;}
.title_box h5 , .title_box p { text-align:center; text-shadow:0 -1px 1px #000;font-weight:bold;font-size:116%;color:#fff; padding:2px 0 2px 10px;}

/* page user_use_point_history.php */
.user_use_point_history table { border-left: 1px solid #aaa; border-top: 1px solid #aaa; text-align: left; width: 100%; margin: 10px 0; }
.user_use_point_history th,
.user_use_point_history table td { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;padding:5px; font-size:92%; }
.user_use_point_history th { width:30%; background:#ddd; }

/* page user_add_point_history.php */
.user_add_point_history table { border-left: 1px solid #aaa; border-top: 1px solid #aaa; text-align: left; width: 100%; margin: 10px 0; }
.user_add_point_history th,
.user_add_point_history table td { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;padding:5px; font-size:92%; }
.user_add_point_history th { width:30%; background:#ddd; }


/* form layout */
form dt{ background:#ddd; border-top: 1px solid #aaa; font-weight: bold;padding: 5px 10px; margin:0 0 10px; }
form dt span { font-weight:bold; color:#d00; }
form dd { padding: 0 10px 10px;}
form dd span { font-size:85%; }
.cr_fw{ font-weight: normal; }

form .error_box { color:#fff; background:#c00; border-radius:8px; margin:10px;padding:5px 10px; border:1px solid #d00; }
form dd.errors { padding:0 10px; color:#d00; font-size:85%;}
form input[type="text"] , #form input[type="password"] , #form select { width:97%;height: 30px; font-size:115%; }
form input[type="text"].age {width:auto;}
form textarea { width: 97%; height: 200px; font-size: large; }

/* btn */
.btn_box { border-top: 1px dotted #ccc; padding:20px 10px 0; }
.btn_box p { margin:0 0 15px; }

.btn_orange , .decide_btn_orange { width:90%; margin:0 auto; font-size:115%; padding:6px 0; color:#fff; display:block; text-align:center; font-weight:bold; text-shadow:#ff4f18 0 -1px 1px;border:1px solid #ff471d;color:#fff; -webkit-user-select:none; -webkit-border-radius:3px;-moz-border-radius:3px; background: -moz-linear-gradient(top, #ff9401 0%, #ff6f1a 50%, #ff5018 51%, #ff4520 100%); /*  firefox  */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ff6f1a), color-stop(51%,#ff5018), color-stop(100%,#ff4520)); /*  webkit  */ }

/* 90%btn */
a.btn-silver{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #c0c0c0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-silver:hover{
  background: #fff;
  color: #000;
  border:solid 1px #2bb6c1;
}

/* 90%btn */

a.btn-orangered{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #ff4500;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-orangered:hover{
  background: #fff;
  color: #000;
  border:solid 1px #2bb6c1;
}

/* 90%btn */

a.btn-crimson{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #dc143c;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-crimson:hover{
  background: #fff;
  color: #000;
  border:solid 1px #2bb6c1;
}

/* 90%btn */

a.btn-deeppink{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #ff1493;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-deeppink:hover{
  background: #fff;
  color: #000;
  border:solid 1px #2bb6c1;
}


/* 90%btn */

a.btn-seagreen{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #2e8b57;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-seagreen:hover{
  background: #fff;
  color: #000;
  border:solid 1px #2bb6c1;
}

/* 90%btn */

a.btn-royalblue{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #4169e1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-royalblue:hover{
  background: #fff;
  color: #000;
  border:solid 1px #2bb6c1;
}

/* 90%btn */

a.btn-gainsboro{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #000;
  background: #dcdcdc;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-gainsboro:hover{
  background: #fff;
  color: #000;
  border:solid 1px #2bb6c1;
}

/* 90%btn */

a.btn-darkorange{
  display: block;
  font-weight: bold;
  font-size:medium;
  text-decoration: none;
  height:40px;
  width: 90%;
  line-height: 42px;
  text-align: center;
  color: #000;
  background: #ff8c00;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  margin: 5px 0px 5px 0px;
}
a.btn-darkorange:hover{
  background: #fff;
  color: #2bb6c1;
  border:solid 1px #2bb6c1;
}

/* text */
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.underline { text-decoration:underline; }

.attention { color:#d00; font-weight:bold; }

/* font */
.font_s1 { font-size:90%; }
.font_s { font-size:85%; }
.font_ss { font-size:77%; }

/* padding margin */
.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt33{padding-top:33px;}
.pb15{padding-bottom:15px;}
.pl10{padding-left:10px;}
.pr15{padding-right:15px;}
.ptb10{padding:10px 0;}
.ptb15{padding:15px 0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt48{margin-top:48px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb37{margin-bottom:37px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.mtb5{margin:5px 0;}
.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mlr10{margin:0 10px;}

.mtlr10{margin:10px 10px 0;}
.m10{margin:10px;}

/* color */
.red { color:#d00; }

/* list */
.caution_list_box li { list-style:disc; font-size:92%; margin:0 10px 0 20px; }
.caution_list_box li a { text-decoration:underline; }

/* box */
.radius_box { margin: 10px; }
.radius_box ul { background-color: #fff; border: 1px solid #ccc; border-radius: 10px;}
.radius_box li { border-bottom:1px solid #ccc; padding: 10px; }
.radius_box li:last-child { border-bottom:none; }

/* border */
.border_b_solid { border-bottom:1px solid #ccc; }
.border_t_solid { border-top:1px solid #ccc; }

.navi { width:100%; text-align:center;}
.navi a { display:block; padding:5px;}

/* message_box */
p.message_box { color:#fff; background:#4af; border-radius:8px; margin:10px;padding:5px 10px; border:1px solid #5bf; }






/**********************************************************************************************************************************************
*
* 管理画面ページ管理から設定する諸々のページの指定
*
**********************************************************************************************************************************************/
/* 共通 */
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}
*:after {
  display:block;
  clear:both;} /* この記述は固定です */
element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */

#siteAdvice {}
h2.pages_title {
	margin: 10px 0;
	background: #333;
	color:#fff;text-shadow: 0 -1px 1px #000;
	padding: 5px;
}
h3.footer_menu {
	margin: 10px 0 0 0;
	background: #6699CC;
	color:#fff;text-shadow: 0 -1px 1px #000;
	padding: 5px;
}
#footer_menu li {
	padding: 5px;
	border-bottom: dashed 1px #aaa;
}
#footer_menu li a { display: block; }
#footer_menu li.even {
	background: #ddd;
}
#address { border-top:1px solid #111; text-align:center; padding:10px 0;font-size:92%; background:#000; color:#ccc;text-shadow: 0 -1px 1px #000; }


.text_right { text-align: right; }
.text_center { text-align: center; }
.text_left { text-align: left; }
.box_buttons {
	margin: 15px 0;
}
.box_buttons a {
	padding: 10px;
	background: #ddd;
	border: solid 1px #aaa;
}
.box_button a:hover {
	background: #ddd;
}

/* 年齢認証 */
.default_auth {}
.default_auth .btnArea {
	margin: 0 auto;
	text-align: center;
}
.default_auth .btnArea li.left {
	float: left;
	width: 50%;
}
.default_auth .btnArea li.right {
	float: left;
	width: 50%;
}
/* top */
.default_top {}
.default_top .btnArea {
	margin: 0 auto;
	text-align: center;
}
.default_top .btnArea li.left {
	float: left;
	width: 50%;
}
.default_top .btnArea li.right {
	float: left;
	width: 50%;
}

/* rule */
.default_rule {}
.default_rule dt{ background:#ddd; border-top: 1px solid #aaa; font-weight: bold;padding: 5px 10px; margin:0 0 10px; }
.default_rule dt span { font-weight:bold; color:#d00; }
.default_rule dd { padding: 0 10px 10px;}

/* company */
.default_company {}
.default_company dt{ background:#ddd; border-top: 1px solid #aaa; font-weight: bold;padding: 5px 10px; margin:0 0 10px; }
.default_company dt span { font-weight:bold; color:#d00; }
.default_company dd { padding: 0 10px 10px;}

/* mypage */
.default_mypage {}
.default_mypage #mypage_header { border-top:1px solid #111; padding:5px 0;font-size:92%; background:#000; color:#fff;text-shadow: 0 -1px 1px #000; }

.default_mypage dt{ background:#ddd; border-top: 1px solid #aaa; font-weight: bold;padding: 5px 10px; margin:0 0 10px; }
.default_mypage dt span { font-weight:bold; color:#d00; }
.default_mypage dd {
	padding: 0 10px 10px;
	text-align: right;
}
.default_mypage dd a { display: block; }