@charset "UTF-8";

.clearfix:after {	content: "";	clear: both;	display: block;	}
.on_narrow {	display: none;	}
.on_wide {		display: block;	}
.on_smartphone {	display: none;	}

body {
	background: #FCFCFC;
	margin:0px;
	font-family:メイリオ,Arial;
	font-size:14px;
}
a { color: #f04d22; }

i {
	color:#800;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}

div {
	box-sizing:border-box;
}

.wrapper {
	margin:auto;
 	width: 950px;
}


.disabled {
	opacity:0.2;
	pointer-events: none;
}

.default_close {
	display:none;
}

.header {
/*
	background:#FEFEFE;
	border-bottom:#CCC 1px solid;
*/
	background: #f04d22;
	padding:8px;
	margin-bottom:10px;
	-webkit-box-shadow: 0 2px 4px rgba(4,0,0,0.1);
	-moz-box-shadow: 0 2px 4px rgba(4,0,0,0.1);
	box-shadow: 0 2px 4px rgba(4,0,0,0.1);
}

.header_button {
	background:#FAFAFA;
	color:#22A;
	float:left;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:8px;
	margin:4px;
	border:#CCC 2px solid;
	-webkit-appearance:none;
}

.header_button:hover {
	background:#CCEEFF;
}

.header_button_div {
	float:right;
}

.logo {
	float:left;
}

.input_error {
	color:red;
	font-weight:bold;
}

.footer {
/*
	padding:8px;
	background:#888;
	border-top:#005 1px solid;
	text-align:center;
	font-size:70%;
	margin-top: 30px;
*/
	margin-top: 30px;
	padding: 25px 0;
	background: #f04d22;
	color:white;
	font-size: 85%;
}
.footer .wrapper {
	position: static;
	margin: 0 auto 7px;
	width: 713px;
}
.footer .wrapper ul,
.footer .wrapper ul li {
	position: static;
	float: none;
	line-height: 1.2;
}
.footer .wrapper ul li {
	margin-right: 11px;
	padding-right: 11px;
	border-right: 1px dotted #fff;
	float: left;
}
.footer .wrapper ul li a {
	margin: 0;
	padding-left: 12px;
	background: url(/image/ico_arrow_white_s.png) no-repeat 0 2px;
	float: none;
}

.centered {
	position: relative;
	overflow: hidden;
}
.centered ul {
	list-style:none;
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
.centered ul li {
	position: relative;
	left: -50%;
	float: left;
}

.footer_link {
	float:left;
	display:block;
	text-decoration:none;
	color:white;
	margin-right:16px;
}

html {
	background: #555;
}


[content_area] {
	min-height:calc(100vh - 200px + 1px);
}


.button,
.form_button {
/*
	background:#44F;
	color:white;
	border:#66F 2px solid;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	font-weight:bold;
*/
	-webkit-box-shadow: 0 1px 2px rgba(4,0,0,0.3);
	-moz-box-shadow: 0 1px 2px rgba(4,0,0,0.3);
	box-shadow: 0 1px 2px rgba(4,0,0,0.3);
	border: none;
	background: #181818 url(/image/ico_arrow_white_m.png) no-repeat 11px 50%;
	font-size: 110%;
	color: #fff;
	text-align: center;
	text-decoration:none;
	display:block;
	padding: 8px 30px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	min-width: 60%;
	width: 65%;
	-webkit-appearance:none;
	border-radius:0px;
}
.button.white,
.form_button.white {
	border: 2px solid #f04d22;
	background: #fff url(/image/ico_arrow_blue_m.png) no-repeat 11px 50%;
	font-weight: bold;
	font-size: 110%;
	color: #f04d22;
}
.button.white.L,
.form_button.white.L {
	background: #fff url(/image/ico_arrow_blue_l.png) no-repeat 11px 50%;
	font-size: 154%;
}
.button.white.back,
.form_button.white.back { background-image: url(/image/ico_arrow_blue_back_m.png); }
.button:hover,
.form_button:hover {
/*
	background:#DDF;
	color:#44F;
	border:#66F 2px solid;
*/
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}
.form_button {
	margin: 0;
}
.wrapper_left .button,
.wrapper_left .form_button { width: 60%; }
.wrapper_left .form_button { margin-bottom: 5px; }
.button_small {
	padding:4px;
	width:30%;
	font-size:80%;
}

.wrapper_left {
	float:left;
	width:35%;
}
.wrapper_right {
	float:left;
	width:65%;
}

.wrapper_box {
	margin:8px;
}

.box {
/*
	background:#FEFEFE;
	border:#CCC 1px solid;
*/
	overflow:hidden;
	margin-bottom: 15px;
	background: white;
	-webkit-box-shadow: 0 2px 4px rgba(4,0,0,0.2);
	-moz-box-shadow: 0 2px 4px rgba(4,0,0,0.2);
	box-shadow: 0 2px 4px rgba(4,0,0,0.2);
}

.box_caption {
/*
	background: #CCEEFF;
	font-weight:bold;
	font-size:110%;
	padding:8px;
	padding-left:15px;
*/
	background: #f04d22;
	padding: 10px;
	font-size: 140%;
	color: #fff;
}
.wrapper_left .box_caption {
	padding: 10px;
//	font-size: 108%;
	color: #fff;
}
.wrapper_left .box_caption.i_mic	 { padding-left: 16px; background: #f04d22; }
.wrapper_left .box_caption.i_theater { padding-left: 16px; background: #f04d22; }
.wrapper_right .box_caption.i_info { padding-left: 16px; background: #f04d22;  }

.box_caption_info {
/*
	background: orange;
	padding:4px;
	font-weight:bold;
	font-size:110%;
*/
	background: #d80000 url(/image/ico_caution.png) no-repeat 14px 10px;
	padding: 10px 10px 10px 56px;
	font-size: 140%;
	color: #fff;
}


.box_text {
	margin:auto;
	width:95%;
	padding:8px;
}
.box_text_wide {
	margin:auto;
	width:95%;
	padding:8px 24px 8px 24px;
}

.box_text_small {
	font-size:80%;
}

.box_with_border {
	background:#FEE;
	padding:10px;
	border:1px solid gray;
	margin:auto;
	width:80%;
	text-align:center;
}


.box_image {
	display: block;
	width:100%;
	height:auto;
/*
	margin-bottom:-8px;
*/
}
.box_image_90 {
	display:block;
	margin:auto;
	width:90%;
	height:auto;
}
.box_memo {
/*
	border:2px dotted lightgray;
	margin:4px;
	padding:4px 8px 4px 8px;
	color:gray;
	border-radius:8px;
	background:#F5F5F5;
	font-size:80%;
	width:80%;
*/
	font-size: 90%;
}


/* form */

label {
	margin:0px 8px 0px 0px;
	position: relative; top:-8px;
}

.form_unit {
/*
	margin-bottom:16px;
*/
	margin: 0 20px;
	padding: 12px 0;
	border-bottom: 1px dotted #a9b5bb;
}

.form_L {
/*
	padding:4px;
	width:200px;
	color:#22A;
*/
	float:left;
	width: 184px;
	text-align:right;
	padding-right: 24px;
	font-weight:bold;
	color: #666;
}
.form_R {
/*
	margin-left:20px;
	width:480px;
*/
	float:left;
	width: 485px;
}
.form_R div,
.form_R input + input { margin-top: 5px; }



.form_textarea {
	position: relative; top:-4px;

	width:80%;
	height:100px;
	padding:6px;
	font-size:110%;
}

.form_text {
	position: relative; top:-4px;

	width:80%;
	padding:6px;
	font-size:110%;
}
.form_select {
	position: relative; top:0px;

	font-size:110%;
	padding:6px;
	margin:4px 4px 4px 0px;
}
/*
.form_button {
	position: relative; top:-12px;

	background:#44F;
	color:white;
	border:#66F 2px solid;

	font-size:100%;
	border-radius:0px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:8px;
	margin:10px 8px 10px 0px;
	float:left;
	-webkit-appearance:none;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}
.form_button:hover {
	background:#DDF;
	color:#44F;
	border:#66F 2px solid;
}
*/


.form_button_mini {
	position: relative; top:-12px;

	background:#000;
	color:white;
	border:#000 2px solid;

	font-size:90%;
	border-radius:0px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:5px;
	margin:10px 8px 10px 0px;
	float:left;
	-webkit-appearance:none;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}
.form_button_mini:hover {
	background:#444;
}


.form_button_text {
	position: relative; top:-4px;

	float:left;
	display:block;
	margin:10px 8px 10px 0px;
	height:25px;
	line-height:25px;
	text-decoration:none;
}


.form_checkbox,
.form_radio {
/*
	margin:4px 4px 4px 0px;
*/
	position: relative; top:6px;
	margin: 0 4px 0 0;
	width:24px;
	height:24px;
}


/* help */

.help_list {
	list-style:none;
	margin:8px;
	padding:8px;
}
.help_item {
	text-decoration:underline;
}
.help_content {
	display:none;
	background:#FAFAFA;
	border:#CCC 1px solid;
	padding:8px;
	margin:8px;
	margin-right:-20px;
	margin-left:-20px;
	font-size:80%;
}




/* privacy */

.box_privacy {
	font-size:80%;
	padding: 16px 24px 16px 24px;
}

.box_privacy h1 {
	font-size:20px;
	margin:0px;
}


/* twitter */

.tw_content {
	display:block;
	padding:10px;
}
.tw_item {
	margin-bottom:10px;
}
.tw_timestamp {
	font-weight:bold;
	width:100%;
	border-bottom:1px solid #CCC;
}
.tw_text {
	margin-top:5px;
	font-size:90%;
}
.tw_twitter {
	text-align:right;
}
.tw_link {
	text-decoration:none;
	color:black;
}
.tw_link:hover {
	text-decoration:underline;
}
.tw_twitter_link {
	text-decoration:none;
	color:gray;
}
.tw_twitter_link:hover {
	text-decoration:underline;
}

.tw_account {
	text-align:right;
	font-size:90%;
}
.tw_account a {
	color:gray;
	text-decoration:none;
}

.tw_more {
	text-align:center;
}

.more_button {
	background:black;
	padding:5px;
	color:white;
	text-decoration:none;
	box-shadow:0 2px 0 0 rgba(0,0,0,0.2);
}



ul.info_text  {
	margin:0px;
	padding: 6px;
/*
	padding:0px;
*/
}
li.info_text  {
	list-style:none;
	margin:0px;
/*
	padding:0px;
*/
	padding-left: 12px;
	background: url(/image/ico_arrow_red.png) no-repeat 0 4px;
	line-height: 1.4;
	margin-bottom:8px;
}
li.info_text a { color: #fd1818; }
.info_link {
	text-decoration:none;
}


.check_list_geinin {
	text-align:center;
	margin-bottom:10px;
}
.check_list_geinin_image {
	height:64px;
	width:auto;
	padding:4px;
	background:#CCEEFF;
}
.check_list_geinin_name {
	text-decoration:none;
	font-weight:bold;
}

.check_list_geinin_item {
	list-style:none;
	margin:10px;
	padding:0px;
	text-align:left;
	margin-bottom:15px;
}
.check_list_geinin_item:hover {
	text-decoration:underline;
}



.check_list_gekijyo_name {
	text-decoration:none;
	font-weight:bold;
}
.check_list_gekijyo_item {
	list-style:none;
	margin:0px;
	margin-left:10px;
	padding:0px;
	text-align:left;
	margin-bottom:10px;
}
.check_list_gekijyo_item:hover {
	text-decoration:underline;
}


.check_list_date {
	border-radius:5px;
	background:gray;
	color:white;
	font-size:90%;
	font-weight:bold;
	padding:0px 4px 0px 4px;
}

.check_list_date2 {
	border-radius:5px;
	background:#AA8;
	color:white;
	font-size:90%;
	font-weight:bold;
	padding:0px 4px 0px 4px;
}


.to_premium {
	background: linear-gradient(orange, gold);
	text-shadow:0px 0px 3px white;
	border:2px solid brown;
	color:brown;
}

.premium_box {
	background: linear-gradient(orange, gold);
	/*text-shadow:0px 0px 3px white;*/
	color:#000000;
}

.y_point {
	font-weight:bold;
	font-size:110%;
	background:gold;
	border-radius:5px;
	padding:0px 8px 0px 8px;
}


.history_table_td {
	border-top:1px solid lightgray;
	line-height:200%;
}


.sns_login {
	text-align:left;
	padding:1px;
	font-size:90%;
	margin-bottom:5px;
}

.sns_icon {
	padding:1px;
	background:lightgray;
	border-radius:3px;
}

.sns_login_button {
	float:left;
	margin-right:10px;
}


.geinin_search_name {
}

.geinin_search_add_button {
}

/*top*/
.description .title {
	font-weight: bold;
	font-size: 154%;
	color: #f04d22;
}
.description p {
	margin: 10px 0;
}
.top_about_id, .top_intro_point, .top_intro_premium { padding-bottom: 10px; }
.top_about_id      .box_caption { margin-bottom: 16px; padding-left: 16px; background: #f04d22; }
.top_intro_point   .box_caption { margin-bottom: 16px; padding-left: 16px; background: #f04d22; }
.top_intro_premium .box_caption { margin-bottom: 16px; padding-left: 16px; background: #f04d22; }

.top_about_id .lead {
	margin-top: 15px;
	font-size: 140%;
	padding :10px;
	font-size: 100%;
	// text-align: center;
}
.top_about_id .title {
	margin: 15px auto 20px auto;
	padding-top: 15px;
	border-top: 1px solid #e7e7e7;
	width: 586px;
	font-weight: bold;
	font-size: 154%;
	color: #f04d22;
	line-height: 1.4;
}
.top_about_id .title span {
	display: block;
	margin-right: 15px;
	padding: 3px 5px;
	background: #f4719c;
	float: left;
	width: 47px;
	font-size: 70%;
	color: #fff;
	text-align: center;
}
.top_about_id .image {
	margin-right: 20px;
	padding-left: 9px;
	float: left;
	width: 142px;
	text-align: center;
}
.top_about_id .description {
	float: left;
	width: 424px;
}
.top_about_id .description p {
	margin-top: 0;
	font-size: 110%;
}
.top_about_id .logo {
	float: none;
	text-align: center;
}
.top_about_id .signup .title {
	margin: 15px auto 8px auto;
	padding-top: 0;
	padding-left: 5px;
	padding-bottom: 6px;
	border-top: none;
	border-bottom: 1px dotted #a9b5bb;
	width: 581px;
	font-weight: bold;
	font-size: 154%;
	color: #4a4a4a;
	line-height: 1.4;
}
.top_about_id .signup .title + p {
	margin: 0 auto;
	width: 586px;
}
.top_about_id .signup .image {
	margin: 0;
	padding: 8px 0;
	float: none;
	width: auto;
	text-align: center;
}

.top_intro_point .image {
	margin: 0 22px 16px 14px;
	float: left;
	width: 133px;
}
.top_intro_point .description {
	float: left;
	width: 421px;
}
.top_intro_premium .image {
	margin: 0 22px 16px 14px;
	float: left;
	width: 146px;
}
.top_intro_premium .description {
	float: left;
	width: 408px;
}

.button_right .button {
	padding-left: 30px;
	float: right;
	width: auto;
}

.button_small.pagetop { padding: 4px; background-image: none; }

.login .box_text input {
	margin-left: auto;
	margin-right: auto;
}

.login_form {
	margin-left:30px;
}


/* point */
.wrapper.clearfix .wrapper_box .box h1 {
	font-size: 18px;
	background-color: #f04d22;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #FFFFFF;
	text-align: left;
}
.wrapper.clearfix .wrapper_box .box h2 {
	margin-top: 0;
	font-size: 18px;
	padding-top: 0;
	padding-bottom: 5px;
	color: #f04d22;
	float: none;
	clear: both;
	border-bottom: 3px solid #f04d22;
}

.wrapper.clearfix .wrapper_box .box .pointDescription {
	margin-top: 24px;
	margin-right: 24px;
	margin-bottom: 24px;
	margin-left: 24px;
}
.wrapper.clearfix .wrapper_box .box .pointDescription .title {
	color: #f04d22;
	font-size: 24px;
}
.wrapper.clearfix .wrapper_box .box .pointDescription p {
	margin-top: 5px;
	font-size: 14px;
}
.wrapper.clearfix .wrapper_box .box .pointDescription .pointAbout {
	margin-bottom: 20px;
	float: left;
}
.wrapper.clearfix .wrapper_box .box .pointDescription .pointAbout .pointLogo {
	margin-right: 20px;
	float: left;
	width: 168px;
}
.wrapper.clearfix .wrapper_box .box .pointDescription .pointAbout .pointTitle {
	float: left;
	width: 700px;
}
.wrapper.clearfix .wrapper_box .box .special {
	text-align: center;
	clear: both;
}
.wrapper.clearfix .wrapper_box .box .special .privilege {
	width: 280px;
	margin-left: 24px;
	float: left;
	margin-bottom: 24px;
}
.wrapper.clearfix .wrapper_box .box .special .privilege .title span {
	margin-left: 8px;
	font-size: 13px;
	padding: 2px 5px;
	background-color: #FF0004;
	color: #FFFFFF;
}
.wrapper.clearfix .wrapper_box .box .special .privilege .number {
	float: right;
	width: 170px;
	height: 47px;
	text-align: center;
	font-size: medium;
	padding-top: 15px;
}
.wrapper.clearfix .wrapper_box .box .special .privilege img {
	float: left;
}
.wrapper.clearfix .wrapper_box .box .special .privilege .change {
	width: 170px;
	font-weight: bold;
	font-size: 110%;
	float: right;
}
.wrapper.clearfix .wrapper_box .box .special .privilege .change.comingsoon {
	color: #FFFFFF;
	background-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
	// height: 1.4em;
	line-height: 1.4;
}
.wrapper.clearfix .wrapper_box .box .special .privilege .change .button.white {
	margin: 0;
	padding: 6px 0;
	width: 166px;
	font-size: 100%;
	height: 1.4em;
	line-height: 1.4;
}
.wrapper.clearfix .wrapper_box .box .special .privilege p {
	margin: 0;
	float: none;
	width: 280px;
	padding-top: 20px;
	text-align: left;
	clear: both;
}
.wrapper.clearfix .wrapper_box .box .special .privilege .title {
	color: #f04d22;
	font-size: 17px;
	text-align: left;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.wrapper.clearfix .wrapper_box .box .howto {
	float: none;
	clear: both;
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 30px;
}
.wrapper.clearfix .wrapper_box .box .howto .image {
	float: right;
	width: 264px;
}
.wrapper.clearfix .wrapper_box .box .howto .text {
	float: left;
	width: 604px;
}
.wrapper.clearfix .wrapper_box .box .flow .image {
	margin-top: 20px;
	float: none;
	width: auto;
	text-align: center;
}
.wrapper.clearfix .wrapper_box .box .flow .text {
	float: none;
	width: auto;
}
.wrapper.clearfix .wrapper_box .box .notice ul { padding-left: 0; }
.wrapper.clearfix .wrapper_box .box .notice ul li { margin-left: 20px; }

/* point_change */
.wrapper.clearfix .wrapper_box .point_change { padding-bottom: 5px; }
.wrapper.clearfix .wrapper_box .point_change .box_caption h1 {
  margin: 0;
  padding: 0 10px;
}
.wrapper.clearfix .wrapper_box .point_change .inner { margin: 25px auto; width: 676px; }
.wrapper.clearfix .wrapper_box .point_change .inner h2 { margin-top: 25px; }
.wrapper.clearfix .wrapper_box .point_change .inner .image {
  margin-right: 16px;
  float: left;
  width: 96px;
}
.wrapper.clearfix .wrapper_box .point_change .inner .text {
  float: left;
  width: 564px;
}
.wrapper.clearfix .wrapper_box .point_change .inner table {
  margin-top: 20px;
  border-top: 1px solid #e7e7e7;
  width: 676px;
}
.wrapper.clearfix .wrapper_box .point_change .inner th,
.wrapper.clearfix .wrapper_box .point_change .inner td {
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
  width: 50%;
  font-size: 110%;
}
.wrapper.clearfix .wrapper_box .point_change .inner th { font-weight: normal; text-align: left; }
.wrapper.clearfix .wrapper_box .point_change .inner td { text-align: right; }
.wrapper.clearfix .wrapper_box .point_change .inner td .num {
  font-weight: bold;
  font-size: 115%;
}
.wrapper.clearfix .wrapper_box .point_change .inner td strong {
  font-weight: normal;
  font-size: 140%;
  color: #f00;
}
.wrapper.clearfix .wrapper_box .point_change .inner td strong .num { font-size: 133%; }
.wrapper.clearfix .wrapper_box .point_change .inner p {
  margin-top: 20px;
  text-align: center;
}
.wrapper.clearfix .wrapper_box .point_change .inner .buttons {
  margin: 0 auto;
  width: 440px;
}
.wrapper.clearfix .wrapper_box .point_change .inner .buttons div {
  margin: 0 10px;
  float: left;
  width: 200px;
}

/* point_finish */
.wrapper.clearfix .wrapper_box .point_finish .box_caption h1 {
  margin: 0;
  padding: 0 10px;
}
.wrapper.clearfix .wrapper_box .point_finish .inner {
	padding: 60px 24px;
	text-align: center;
}
.wrapper.clearfix .wrapper_box .point_finish .inner h2 {
	padding: 0;
	border: none;
}
.wrapper.clearfix .wrapper_box .point_finish .inner h2 .name { font-size: 140%; }
.wrapper.clearfix .wrapper_box .point_finish .inner .buttons div {
  margin: 20px auto 0;
  width: 200px;
}


/* Tablet */
@media only screen and (max-device-width:1024px) and (max-width:1024px) {
}

/* Smartphone */
/*  @media only screen and (max-width: 568px) { */
/* @media only screen and (max-width: 980px) { */
@media only screen and (max-width: 949px) {
	.wrapper { width: 500px; }

	.logo {	height:32px; }

	.on_narrow {
		display: block;
	}
	.on_wide {
		display: none;
	}
	
	.wrapper_left {
		width:100%;
	}
	.wrapper_right {
		width:100%;
	}
	.form_L {
		padding-right: 0;
		width:100%;
		text-align:left;
	}
	.form_R {
		width:100%;
	}
	.form_text {
		width:100%;
		box-sizing: border-box;
	}
	.form_textarea {
		width:100%;
		box-sizing: border-box;
	}
	.box_memo {
		width:100%;
		box-sizing: border-box;
	}
	.box_text_wide {
		width:100%;
		padding:4px;
	}
	.box_caption.i_mic	 { padding-left: 16px; background: #f04d22; }
	.box_caption.i_theater { padding-left: 16px; background: #f04d22; }
	.box_caption.i_info { padding-left: 16px; background: #f04d22; }
	.footer .wrapper {
/*		padding-left: 20px; */
/*		padding-right: 20px; */
		width: 100%;
	}
	.footer2 {
		padding-left: 20px;
	}
	
	/* top */
	.top_about_id .logo { height: auto; }
	.top_about_id .title { width: 466px; }
	.top_about_id .description { width: 304px; }
	.top_about_id .signup .title { width: 466px; }
	.top_about_id .signup .title + p { width: 466px; }
	.top_intro_premium .description { width: 288px; }

	.login_form {
		margin-left:0px;
	}

/* point */
	.wrapper.clearfix .wrapper_box .box .pointDescription .pointAbout .pointLogo {
		margin-right: 0;
		float: none;
		width: auto;
		text-align: center;
	}
	.wrapper.clearfix .wrapper_box .box .pointDescription .pointAbout .pointTitle {
		margin-top: 20px;
		float: none;
		width: auto;
	}
	.wrapper.clearfix .wrapper_box .box .special .privilege {
		float: none;
		width: auto;
		margin: 0 24px 24px;
	}
	.wrapper.clearfix .wrapper_box .box .special .privilege .number,
	.wrapper.clearfix .wrapper_box .box .special .privilege .change { width: 320px; }
	.wrapper.clearfix .wrapper_box .box .special .privilege .change.comingsoon,
	.wrapper.clearfix .wrapper_box .box .special .privilege .change .button.white { margin: 0 auto; }
	.wrapper.clearfix .wrapper_box .box .special .privilege .change.comingsoon {
		margin: 0 60px;
		width: 200px;
	}
	.wrapper.clearfix .wrapper_box .box .howto {
		float: none;
		clear: both;
		margin-left: 24px;
		margin-right: 24px;
		margin-bottom: 30px;
	}
	.wrapper.clearfix .wrapper_box .box .howto .image {
		margin-top: 20px;
		float: none;
		width: auto;
		text-align: center;
	}
	.wrapper.clearfix .wrapper_box .box .howto .text {
		float: none;
		width: auto;
	}
	.wrapper.clearfix .wrapper_box .box .flow .image img { width: 100%; }
	
	/* point_change */
	.wrapper.clearfix .wrapper_box .point_change .inner { padding-left: 24px; padding-right: 24px; width: 438px; }
	.wrapper.clearfix .wrapper_box .point_change .inner .text { width: 326px; }
	.wrapper.clearfix .wrapper_box .point_change .inner table { float: none; width: 438px; }



	[content_area] {
		min-height:calc(100vh - 200px + 1px + 15px);
	}


}

@media only screen and (max-width: 520px) {
	body {
	//	font-size:15px;
	}
	.wrapper { width: calc( 100% - 10px); }
	.on_smartphone {	display: block;	}

	.wrapper_box {
		margin:0px;
	}

	.logo {	height:32px; }

	.form_text {
		width:100%;
		box-sizing: border-box;
	}
	.form_textarea {
		width:100%;
		box-sizing: border-box;
	}
	.box_memo {
		width:100%;
	}
	.footer { padding-top: 0; }
	.footer .wrapper {
		position: static;
		margin: 0 auto 7px;
		padding: 0;
		width: auto;
	}
	.footer .wrapper ul li {
		margin-right: 0;
		border-right: none;
		float: none;
		border-bottom: 1px solid #58cbec;
	}
	.footer .wrapper ul li a {
		padding: 14px 10px 14px 30px;
		background: url(/image/ico_arrow_white_m.png) no-repeat 10px 17px;
	}
	.footer .wrapper + .wrapper {
		padding: 10px;
		font-size: 80%;
		text-align: center;
	}
	.footer2 {
		padding-left: 0px;
	}
	
	.box_caption,
	.box_caption_info { font-size: 110%; }
	.button, .form_button {
		padding-left: 25px;
		width: 60%;
	//	font-size: 12px;
	}
	.info_text {
	// font-size: 90%;
	}
	.wrapper_right .box_caption.i_info,
	.wrapper_right .box_caption.i_mic,
	.wrapper_right .box_caption.i_theater { padding-left: 16px; }
	.top_about_id      .box_caption { padding-left: 16px; background: #f04d22; }
	.top_intro_point   .box_caption { padding-left: 16px; background: #f04d22; }
	.top_intro_premium .box_caption { padding-left: 16px; background: #f04d22; }
	.top_about_id .logo img { width: 80%; }
	.top_about_id .lead { padding-left: 10px; padding-right: 10px; font-size: 100%; }
	.top_about_id .title { margin: 10px 0; padding: 10px 10px 0; width: auto; font-size: 110%; }
	.top_about_id .title span { margin-bottom: 3px; float: none; }
	.top_about_id .image { margin: 0 0 10px; padding: 0; float: none; width: auto; text-align: center; }
	.top_about_id .description { padding: 0 10px; width: auto; font-size: 80%; }
	.top_about_id .signup .title { margin: 0 10px; width: auto; font-size: 110%; }
	.top_about_id .signup .title + p { margin: 10px; width: auto; font-size: 80%; }
	.top_about_id .signup .image img { width: 90%; }
	.button.white.L { margin: 0 auto; float: none; text-align: center; font-size: 100%; }
	.top_intro_premium .image { margin: 0; float: none; width: auto; text-align: center; }
	.top_intro_premium .description { margin: 10px; width: auto; }
	.top_intro_premium .title { width: auto; font-size: 110%; }
	.top_intro_premium .title + p { margin: 10px 0; width: auto; font-size: 80%; }
	.button_right .button { margin: 0 auto; float: none; font-size: 13px; text-align: center; }
	
	/* point */
	.wrapper.clearfix .wrapper_box .box .pointDescription,
	.wrapper.clearfix .wrapper_box .box .special .privilege,
	.wrapper.clearfix .wrapper_box .box .howto { margin-left: 10px; margin-right: 10px; font-size: 80%; }
	.wrapper.clearfix .wrapper_box .box .pointDescription .title { text-align: center; }
	.wrapper.clearfix .wrapper_box .box .special .privilege .number,
	.wrapper.clearfix .wrapper_box .box .special .privilege .change { width: 170px; }
	.wrapper.clearfix .wrapper_box .box .special .privilege .change.comingsoon,
	.wrapper.clearfix .wrapper_box .box .special .privilege .change .button.white { margin: 0 auto; }
	.wrapper.clearfix .wrapper_box .box .special .privilege .change.comingsoon {
		margin: 0;
		width: 170px;
	}
	.wrapper.clearfix .wrapper_box .box .special .privilege p { padding-top: 10px; }
	
	/* point_change */
	.wrapper.clearfix .wrapper_box .point_change .inner { padding-left: 10px; padding-right: 10px; width: 100%; margin:auto; width:95%;  }
	.wrapper.clearfix .wrapper_box .point_change .inner .image { margin-right: 10px; }
	.wrapper.clearfix .wrapper_box .point_change .inner .text { float: none; width: auto; padding-left: 106px; }
	.wrapper.clearfix .wrapper_box .point_change .inner table { float: none; width: 100%; margin-top: 10px; }
	.wrapper.clearfix .wrapper_box .point_change .inner th,
	.wrapper.clearfix .wrapper_box .point_change .inner td { font-size: 100%; }
	.wrapper.clearfix .wrapper_box .point_change .inner th { width: 60%; }
	.wrapper.clearfix .wrapper_box .point_change .inner td { width: 40%; }
	.wrapper.clearfix .wrapper_box .point_change .inner td strong { font-size: 100%; }
	.wrapper.clearfix .wrapper_box .point_change .inner p { margin-top: 10px; }
	.wrapper.clearfix .wrapper_box .point_change .inner .buttons { width: auto; }
	.wrapper.clearfix .wrapper_box .point_change .inner .buttons div { float: none; margin: 0 auto; }
	
	/* point_finish */
	.wrapper.clearfix .wrapper_box .point_finish .inner { padding: 40px 10px; width: 100%; font-size: 80%; }


	[content_area] {
		min-height:calc(100vh - 200px + 1px - 178px);
	}

}