/* @override 
	http://203.143.96.127:8001/fanclub/css/fanclub_rspsv.css?*
	https://www.frontale.co.jp/fanclub/css/fanclub_rspsv.css?* */

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



@media screen and (max-width:599px) {

	body#page_fanclub {}

	body#page_fanclub .pc {
		display: none;
	}

	body#page_fanclub.home {}


	body#page_fanclub #box_ttl {
		height: 26vw !important;
	}

	#box_ttl div.inner {
		height: 100%;
		padding-bottom: 0;
		/*background-color: #000;*/
	}

	body#page_fanclub #box_ttl p.sub_ttl {
		/*width: 46%;*/
		width: 80%;
		right: auto;
		left: 0;
		top: 7vw;

		position: static;
		float: left;
	}


	body#page_fanclub #box_ttl h1 {
		top: auto;
		right: auto;

		position: relative;
		float: right;
		z-index: 100;
		width: 60%;
		margin-top: 2vw;
	}

	body#page_fanclub #box_ttl .mascot {
		width: 20vw;
		top: -1vw;
		z-index: 1000;
	}

	body#page_fanclub #box_ttl img.stars {
		width: 10vw;
	}

	body#page_fanclub div.inner_main {
		width: 94%;
	}

	body#page_fanclub div.inner_main p {
		font-size: 4.0625vw;
		/* 13px */
		line-height: 1.3;
	}

	body#page_fanclub #fc_header h2 {
		font-size: 5vw;
		/* 16px */
	}


	body#page_fanclub #fc_header p:nth-child(2) {
		width: 100%;
		font-size: 3.125vw;
		/* 10px */
		line-height: 1.6;
	}

	body#page_fanclub.benefits #fc_header p:nth-child(2) br:nth-child(4),
	body#page_fanclub.benefits #fc_header p:nth-child(2) br:nth-child(2),
	body#page_fanclub.benefits #fc_header p:nth-child(2) br:nth-child(1) {
		display: none;
	}

	body#page_fanclub p.btn_benefits_compare {
		display: block;
		margin: 0 auto;
	}

	/*  */

	ul#list_all_benefits {
		width: 100%;
		height: auto;
	}

	ul#list_all_benefits li {
		/*position: static!important;*/
		width: 100% !important;
		top: auto !important;
	}

	ul#list_all_benefits li p {
		/*position: static!important;*/
	}

	ul#list_all_benefits>li:nth-of-type(1) {
		margin-left: 0;
	}

	/*  */

	ul#list_all_benefits>li p.no_num {
		width: 16vw;
		height: 16vw;
		border-radius: 16vw;

		float: left;
		margin-bottom: 0.6em;
	}

	ul#list_all_benefits>li p.no_num:before {
		width: 16vw;
		height: 8vw;
	}

	ul#list_all_benefits>li p.no_num span {
		font-size: 5vw;
		/* 16px */
		font-weight: bold;
	}

	ul#list_all_benefits>li p.no_num small {
		font-size: 4.0625vw;
		/* 13px */
		padding-top: 0.8em;
		padding-bottom: 0;
		font-weight: normal;
		font-style: normal;
		line-height: 1;
	}

	ul#list_all_benefits>li h3 {
		font-size: 5.625vw;
		/* 18px */
	}

	body#page_fanclub ul#list_all_benefits>li p {
		font-size: 3.75vw;
		/* 12px */
		line-height: 1.5;
	}

	ul#list_all_benefits ul.notice {
		font-size: 3.4375vw;
		/* 11px */
	}

	ul#list_all_benefits>li div.box_fig_1 {
		position: static;
	}

	ul#list_all_benefits>li:nth-of-type(3),
	ul#list_all_benefits>li:nth-of-type(5),
	ul#list_all_benefits>li:nth-of-type(7),
	ul#list_all_benefits>li:nth-of-type(10) {
		margin-left: 0;
	}

	/* li:nth-of-type(1) */

	ul#list_all_benefits>li:nth-of-type(1) p.no_num {
		margin-left: 0;
		margin-bottom: 0.6em;
	}

	ul#list_all_benefits>li:nth-of-type(1) h3 {
		margin-top: 0.4em;
		margin-left: 0.4em;
		margin-bottom: 1em;
	}

	ul#list_all_benefits>li:nth-of-type(1) div.box_fig_1 {
		position: static;

		/*width: 50%;*/
		float: left;

		width: 38vw;
		margin-top: 4vw;
	}

	ul#list_all_benefits>li:nth-of-type(1) div.box_fig_1 p.fig {
		width: 100%;
	}

	ul#list_all_benefits>li:nth-of-type(1) p.or {
		width: 10vw;
		height: 10vw;
		border-radius: 10vw;
		/*position: static;*/
		padding-top: 0.5em;
		margin: 0;

		clear: both;

		top: auto;
		left: 50vw;
		margin-left: -10vw;
		margin-top: 15vw;
	}

	ul#list_all_benefits>li:nth-of-type(1) div.box_fig_2 {
		/*width: 50%;*/
		width: 38vw;
		float: right;
		margin-right: 0;
		padding-top: 0;
		margin-top: 4vw;
	}

	ul#list_all_benefits>li:nth-of-type(1) div.box_fig_2 p.fig {
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	body#page_fanclub ul#list_all_benefits>li:nth-of-type(1) div.box_fig_2 p {
		font-size: 3.125vw;
		/* 10px */
	}

	/*  */

	ul#list_all_benefits>li:nth-of-type(2) h3 {
		padding-left: 0;
		margin-top: 0.4em;
		margin-left: 0.4em;
		margin-bottom: 1em;
	}


	ul#list_all_benefits>li:nth-of-type(2) p.fig {
		margin-top: 0;
		height: 40vw;
		float: right;
	}

	/* li:nth-of-type(3) */

	ul#list_all_benefits>li:nth-of-type(3) {}

	ul#list_all_benefits>li:nth-of-type(3) h3 {
		margin-top: 0.4em;
		margin-left: 0.4em;
		margin-bottom: 1em;
		padding-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(3) div.box_fig_1 {
		position: relative;
		width: 80vw;
		margin: 0 auto;
	}

	ul#list_all_benefits>li:nth-of-type(3) p.photo {
		margin: 0 auto;
		width: 100%;
	}

	body#page_fanclub ul#list_all_benefits>li:nth-of-type(3) div.box_fig_1 p.typo {
		font-size: 7.5vw;
		/* 24px */
	}


	/* li:nth-of-type(4) */

	ul#list_all_benefits>li:nth-of-type(4) h3 {
		margin-top: 0.4em;
		margin-left: 0.4em;
		margin-bottom: 1em;
		padding-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(4) p.btn_fc_detail {
		margin-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(4) p.fig {
		width: 80vw;
		margin: -20vw auto 0;
	}

	ul#list_all_benefits>li:nth-of-type(4) p.fig img {
		width: 100%;

	}


	/* li:nth-of-type(5) */

	ul#list_all_benefits>li:nth-of-type(13) h3,
	ul#list_all_benefits>li:nth-of-type(12) h3,
	ul#list_all_benefits>li:nth-of-type(11) h3,
	ul#list_all_benefits>li:nth-of-type(10) h3,
	ul#list_all_benefits>li:nth-of-type(9) h3,
	ul#list_all_benefits>li:nth-of-type(8) h3,
	ul#list_all_benefits>li:nth-of-type(7) h3,
	ul#list_all_benefits>li:nth-of-type(6) h3,
	ul#list_all_benefits>li:nth-of-type(5) h3 {
		margin-top: 0.4em;
		margin-left: 0.4em;
		margin-bottom: 1em;
		padding-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(6) h3 br,
	ul#list_all_benefits>li:nth-of-type(5) h3 br {
		display: block;
	}

	body#page_fanclub p.btn_fc_detail {
		display: block;
		margin: 0 auto;
	}


	/* li:nth-of-type(6) */

	ul#list_all_benefits>li:nth-of-type(6) h3+p {
		width: 60vw;
	}

	ul#list_all_benefits>li:nth-of-type(6) div.box_fig_1 {
		width: 30vw;
		text-align: center;
	}

	ul#list_all_benefits>li:nth-of-type(6) div.box_fig_1 p.typo {
		width: 90%;
		right: 4vw;
	}

	ul#list_all_benefits>li:nth-of-type(6) p.photo {
		width: 30vw;
		height: 30vw;
	}


	/* li:nth-of-type(7) */

	ul#list_all_benefits>li:nth-of-type(7) ul.photos {
		width: 100%;
		margin-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(7) ul.photos:after {
		content: '.';
		visibility: hidden;
		height: 0;
		clear: both;
		display: block;
	}

	#page_fanclub ul#list_all_benefits>li:nth-of-type(7) ul.photos li {
		position: static;
		text-align: center;
		float: left;
		width: 48% !important;
		margin-right: 0;
	}

	ul#list_all_benefits>li:nth-of-type(7) ul.photos li span {
		height: auto;
		width: 100%;
	}

	ul#list_all_benefits>li:nth-of-type(7) ul.photos li small {
		width: 100%;
		font-size: 2.8125vw;

	}

	#page_fanclub ul#list_all_benefits>li:nth-of-type(7) ul.photos li:nth-of-type(1) {
		float: none;
		width: 100% !important;
	}

	#page_fanclub ul#list_all_benefits>li:nth-of-type(7) ul.photos li:nth-of-type(3) {
		float: right;
	}

	ul#list_all_benefits>li:nth-of-type(7) ul.photos li:nth-of-type(1) span {
		width: 48%;
		margin: 0 auto;
		display: inline-block;
		transform: rotate(0deg);
	}

	ul#list_all_benefits>li:nth-of-type(7) ul.photos li:nth-of-type(1) small {
		position: static;
		display: block;
		text-align: center;
		width: auto;
	}

	#page_fanclub ul#list_all_benefits>li:nth-of-type(7) ul.photos li:last-child {
		clear: both;
		width: 100% !important;
	}

	ul#list_all_benefits>li:nth-of-type(7) ul.photos li:last-child span {
		height: auto;
	}

	/* li:nth-of-type(8) */


	ul#list_all_benefits>li:nth-of-type(8) {
		padding-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(8) h3 {
		padding: 0;

		font-size: 5.3125vw;
		/* 17px */
	}


	ul#list_all_benefits>li:nth-of-type(8) p.no_num {
		float: left;
	}

	ul#list_all_benefits>li:nth-of-type(8) h3+p {
		width: 100%;
	}


	ul#list_all_benefits>li:nth-of-type(10) p.fig,
	ul#list_all_benefits>li:nth-of-type(8) p.fig {
		position: static;
		width: 90%;
		margin: 0 auto;

	}

	/* li:nth-of-type(9) */


	ul#list_all_benefits>li:nth-of-type(9) p.fig {
		padding-top: 0;
	}


	/* li:nth-of-type(11) */

	ul#list_all_benefits>li:nth-of-type(11) h3+p {
		width: 100%;
		margin-top: 0;
		padding-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(11) p.fig {
		position: static;
		width: 50%;
		margin: 0 auto;
	}

	ul#list_all_benefits>li:nth-of-type(11) p.btn_fc_detail {
		margin: 0 auto;
	}

	/* li:nth-of-type(12) */

	ul#list_all_benefits>li:nth-of-type(12) h3 br {
		display: block;
	}

	ul#list_all_benefits>li:nth-of-type(12) p.btn_fc_detail {
		margin: 0 auto;
	}

	/*li:nth-of-type(13)  */

	ul#list_all_benefits>li:nth-of-type(13) {
		margin-left: 0;
	}

	ul#list_all_benefits>li:nth-of-type(13) p.fig {
		width: 80%;
		text-align: center;
	}

	ul#list_all_benefits>li:nth-of-type(13) p.fig img:nth-child(1) {
		width: 50%;
	}

	ul#list_all_benefits>li:nth-of-type(13) p.fig img:nth-child(2) {
		width: 40%;
	}

	/*  */

	div.box_fc_entry_2btns {
		padding-bottom: 0;
	}

	body#page_fanclub .btn_fc_entry a {
		min-width: initial;

	}

	body#page_fanclub li[class^="btn_"] a {
		padding: 0.8em 2.2em 0.7em 2.4em;
	}


	/*  */

	#box_compare_table h3 {
		padding: 4vw;
		font-size: 4.375vw;
		/* 14px */
	}

	#box_compare_table h3 strong {
		display: block;
		font-size: 5vw;
		/* 16px */
	}

	#box_compare_table h3 .mascot {
		position: static;
		width: 20vw;
		height: auto;
		float: left;
		left: auto;
	}

	/* 入会方法 */

	body#page_fanclub #fc_header p:nth-child(2) {
		/*background-color: #000;*/
	}


	div#box_flow_devices {
		margin-top: 0;
		padding-top: 0;
	}

	div#box_flow_other_shops,
	div[id^="box_flow_"] {
		padding-top: 10vw;
	}

	div[id^="box_flow_"]>ul {
		background-color: #f0f0f0;
	}

	div[id^="box_flow_"] h3 {
		font-size: 5.625vw;
		/* 18px */
	}

	div#box_flow_devices>ul>li,
	div#box_flow_payment>ul>li {
		width: 50%;
		height: auto;

		display: inline-block;
		background-color: transparent;
	}

	div#box_flow_devices>ul>li:first-child,
	div#box_flow_payment>ul>li:first-child {
		margin-right: 0;
	}

	div#box_flow_devices h4 {
		font-size: 5.625vw;
		/* 18px */
	}

	div#box_flow_payment {
		margin-bottom: 10vw;
	}

	div.box_fc_entry_2btns li {
		font-size: 4.375vw;
		/* 14px */
	}

	div#box_flow_devices li p.photo {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	div#box_flow_devices li p.photo img {
		width: 100%;
		height: auto;
	}

	body#page_fanclub div#box_flow_payment ul li p,
	body#page_fanclub div#box_flow_devices ul li p {
		font-size: 3.4375vw;
		/* 11px */
	}

	div#box_flow_payment li p.photo {
		width: 30vw;
		height: 30vw;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}

	div#box_flow_payment li p.photo img {
		width: 100%;
		height: auto;
	}

	/*  */

	div#box_flow_payment h4 {
		font-size: 5vw;
		/* 16px */
		line-height: 1.3;
	}


	/*  */

	div#box_flow_other_shops p.notice {
		padding: 1em;
	}

	div#box_flow_other_shops li {
		width: 100%;
	}

	div#box_flow_other_shops h4 {
		font-size: 5vw;
		/* 16px */
	}

	body#page_fanclub p[class^="btn_"],
	body#page_fanclub li[class^="btn_"] {
		display: block;
		margin: 0 auto 0;
	}

	body#page_fanclub li.btn_fc_entry {
		margin-top: 1.2em;
	}

	body#page_fanclub p.btn_more a {
		margin: 0 0 1em;
	}

	#box_fc_inquiry {
		margin-top: 20vw;
	}

	/* about */

	body#page_fanclub.about div#fc_header .photo {
		position: static;
		width: 30vw;
		height: 30vw;
		float: right;
		margin-left: 1em;
	}

	body#page_fanclub.about div#fc_header .photo img {
		width: 140%;
		height: 140%;
	}

	body#page_fanclub.about #fc_header p {
		/*width: 60vw;*/
		/*float: left;*/

		font-size: 3.75vw;
		/* 12px */
	}

	body#page_fanclub.about #fc_header p br:nth-child(1) {
		display: none;
	}

	body#page_fanclub.about #fc_header:after {
		content: '.';
		visibility: hidden;
		height: 0;
		clear: both;
		display: block;
	}

	body#page_fanclub div.box_column h3 {
		font-size: 5.625vw;
		/* 18px */
	}

	dl#fc_outline {}

	dl#fc_outline>dt,
	dl#fc_outline>dd {
		font-size: 3.4375vw;
		/* 11px */
		line-height: 1.3;
		padding-bottom: 1.4em;
	}

	dl#fc_outline>dd dl dt,
	dl#fc_outline>dd dl dd {
		font-size: 3.4375vw;
		/* 11px */
	}

	dl#fc_outline>dt {
		width: 25%;
	}

	dl#fc_outline>dd {
		width: 74%;
	}

	dl#fc_outline>dd dl dt {
		width: 100%;
		padding-bottom: 0.2em;
	}

	dl#fc_outline>dd dl dd {
		width: 100%;
	}

	body#page_fanclub.about div.box_fc_entry_2btns {
		margin-bottom: 2em;
	}


	ul#results_photos {
		gap: 0;
	}

	ul#results_photos li {
		width: 48%;
		margin: 0 0 1em;
	}

	ul#results_photos small {
		font-size: 2.8125vw;
		/* 10px */
	}

	div#box_fc_data_images {
		padding-bottom: 5vw;
	}

	div#box_fc_data_images p {
		width: 100%;
	}

	/*  */

	ul#terms_list li[id^="term_"] h3 {
		font-size: 4.375vw;
		/* 14px */

		padding-right: 2em;
	}

	ul#terms_list .inner_header p.btn_expand {

		top: 50%;
		margin-top: -0.9em;
	}

	ul#terms_list .inner_header p.btn_expand a {
		text-indent: -200vw;


	}

	ul#terms_list .inner_header p.btn_expand a:after {
		/*top: 50%;*/
		/*margin-top: -0.9em;*/
	}

	/*  */

	/*#step_fc_inquiry ul {
	width: 100%;
}

#step_fc_inquiry li:before {
	width: 5vw;
	height: 5vw;
}

#step_fc_inquiry li.current:after {
	width: 8vw;
	height: 8vw;
	margin-left: -4vw;
}*/

	/*  */

	body#page_fanclub div.box_attention {
		width: 100%;
	}

	body#page_fanclub div.box_attention h6 {
		font-size: 5vw;
		/* 16px */
	}

	form#bfInquiry>dl>dt,
	form#bfInquiry>dl>dd {
		font-size: 3.75vw;
		/* 12px */
		padding-bottom: 1em;
	}

	form#bfInquiry>dl>dt {
		padding-top: 0;
	}

	form#bfInquiry>dl>dd {}

	form#bfInquiry>dl>dd input {
		width: 100%;
	}


	form#bfInquiry>dl>dt:nth-of-type(5),
	form#bfInquiry dl.address dt,
	form#bfInquiry>dl>dt:nth-of-type(4),
	form#bfInquiry>dl>dt:nth-of-type(3),
	form#bfInquiry>dl>dt:nth-of-type(2) {
		width: 100%;
		padding-bottom: 0;
	}

	form#bfInquiry>dl>dt:nth-of-type(4) {
		border-bottom: none;
		border-top: none;
	}

	form#bfInquiry>dl>dd:nth-of-type(3),
	form#bfInquiry>dl>dd:nth-of-type(2) {
		width: 100%;
	}

	form#bfInquiry>dl>dd:nth-of-type(3) input,
	form#bfInquiry>dl>dd:nth-of-type(2) input {
		max-width: 100%;
		width: 100%;
	}


	form#bfInquiry>dl>dd:nth-of-type(4) {
		width: 100%;
		padding-bottom: 0;
	}

	form#bfInquiry>dl>dd:nth-of-type(5) {
		border-top: none;
	}

	form#bfInquiry dl.address {
		width: 100%;
	}

	form#bfInquiry dl.address dt {
		padding-bottom: 1em;
	}

	form#bfInquiry dl.address dd {
		width: 100%;
	}

	form#bfInquiry dl.address dd input#zip1 {
		width: 5em;
	}

	form#bfInquiry dl.address dd input#zip2 {
		width: 8em;
	}

	form#bfInquiry>dl>dd:last-child {
		width: 100%;
	}

	form#bfInquiry>dl>dd #InqContents {
		width: 100%;
	}

	/*  */

	div#box_submit_btns {
		margin-top: 10vw;
		padding: 6vw 6vw 10vw;
	}

	body#page_fanclub.inquiry #box_submit_btns li {
		font-size: 4.375vw;
		/* 14px */
		margin-top: 1em;
	}


	/*  */

	body#page_fanclub.inquiry #fc_header p:nth-child(2) {
		font-size: 4.0625vw;
	}

	body#page_fanclub.inquiry #fc_header p:nth-child(2) br {
		display: none;
	}


	#box_inquiry_thanks h4 {
		font-size: 4.6875vw;
		line-height: 1.2;
		margin-bottom: 0.4em;
	}

	#box_inquiry_thanks {
		margin-bottom: 2em;
	}

	#box_inquiry_thanks p {
		font-size: 4.0625vw;
	}


	/* 220324 */
	body#page_fanclub #box_ttl p.sub_ttl {
		font-size: 3.125vw;
		/* 10px */
		width: 100%;
		text-align: center;
	}

	body#page_fanclub #box_ttl .mascot {
		width: 16vw;
	}

	body#page_fanclub #box_ttl h1 {
		font-size: 1.0vw;
		/* 8px */
		width: 100%;
	}

	#box_ttl div.inner h1 span {
		font-size: 2.0em;
		padding-right: 0;
	}

























	/*  */

}