@charset "utf-8";

/* from - MemberEntryEdit.html
------------------------------*/
.user_content .members {
	background-color:#f0f0f0;
	margin: 15px 0 0;
	text-align: left;
	padding: 10px;
}
	.user_content .members h2 {
		background: #32a138;
		margin: -10px -10px 10px;
		padding: 2px 8px 1px;
		font-size: 140%;
		color: #fff;
	}
.user_content .members01 {
	width: auto;
	margin: 20px 14px 30px;
}
.user_content .members02 {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 350px;
	margin: 0 -0.5em 20px 15px;
}
.user_content .members img {
	border:none;
	padding-bottom:10px;
}
.user_content .members p {
	line-height:25px;
}
.user_content .members b {
	font-weight:bold;
	color:#390;
}
.user_content .input_box p {
	margin: 0;
	padding: 0;
	font: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 100%;
}
.user_content #hhtext {
	margin-bottom:15px;
	margin-top:8px;
}
.user_content #hhtext p {
	padding:10px 10px 5px 10px;
}
.user_content #input_box {
	margin-left: 0;
}
.user_content .input_box b {
	font-weight: bold;
	color: #F00;
	font-size:15px;
	border-bottom:#CCC dashed 1px;
}
.user_content .tup01 img {
	border:0px;
}
.user_content .tup02 img {
	border:0px;
}
.user_content .tup02:last-child .tt02 img {
	width: 300px;
}

.user_content .tt {
	border:1px #CCC solid;
	margin: 10px 0 25px;
	float: left;
}
.user_content .tt-text {
	float: right;
	width: 450px;
	margin: 10px 0 25px;
}
.user_content .tt02 {
	border:1px #CCC solid;
	margin: 10px 0 25px;
	float: left;
}
.user_content .tup02 {
	margin-top: 0;
	clear: both;
}
.user_content .biao {
	margin:10px 0 15px 0;
	border:0;
}
.user_content .mb_tel {
	margin: 20px 0 30px;
}
.user_content .mb_tel p {
	margin-left: 0;
	line-height: 25px;
	font-size: 100%;
}

@media screen and (max-width: 767px) {
.user_content .members01 {
	margin: 20px 0 10px;
}
.user_content .members02 {
	display: block;
	width: auto;
	margin: 0 0 10px;
}
.user_content .members p {
	line-height: 1.6;
}
.user_content .tup01 img,
.user_content .tup02 img,
.user_content .tup02:last-child .tt02 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.user_content .tt {
	float: none;
	margin: 10px 0 0;
}
.user_content .tt-text {
	float: none;
	width: auto;
}
.user_content .tt02 {
	float: none;
	margin: 10px 0 0;
}
}

/* from - MailMagazineEntry.html
------------------------------*/
.user_content .mail_magazine {
	float: none;
	display: inline-block;
	background-color:#f0f0f0;
	border: #084B8A solid 1px;
	vertical-align: top;
	width: 350px;
	margin: 20px -0.45em 0 13px;
	padding: 10px;
	text-align: left;
}
.user_content .mail_magazine img {
	border:none;
}
.user_content .mail_magazine p {
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
}
	.user_content .mail_magazine .partsSubHeader.blue {
		margin: -10px -10px 10px;
		padding: 2px 8px 1px;
		font-size: 140%;
		color: #fff;
	}

@media screen and (max-width: 767px) {
.user_content .mail_magazine {
	display: block;
	width: auto;
	margin: 10px 0 0;
}
}

/* from - DeliveryEdit.html
------------------------------*/
.user_content .deliveryNotice {
	padding: 10px;
}
.user_content .deliveryNotice .textLarge {
	font-size: 16px;
}

@media screen and (max-width: 767px) {
.user_content .deliveryNotice {
	padding: 2px 10px 10px;
}
.user_content .deliveryNotice .textLarge {
	text-align: left;
	font-size: 110%;
}
.user_content .deliveryNotice .textLarge p {
	margin-top: 8px;
}
}

/* from - /help/information.shtml
------------------------------*/
.top_lg {
	text-align: center;
}
.process dl dd strong {
	display: block;
	margin-top: -2px;
}
.cartIn {
	width: 630px;
}

@media screen and (max-width: 767px) {
.top_lg,
.coment,
.payment,
.payment .pay_text,
.process,
.process dl,
.process em,
.cartIn {
	float: none;
	clear: both;
	width: auto;
}
.payment {
	padding: 10px;
}
.process,
.payment .pay_text,
.payment .pay_text01 {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
.payment .pay_text01 {
	margin-top: 0;
}
}

/* from - /help/
------------------------------*/
@media screen and (max-width: 767px) {
#main #help {
	padding: 25px 0 0;
}
#main #help h2 {
	text-align: left;
	line-height: 1.6;
	font-size: 100%;
}
#main #help h2 b {
	font-size: 150%;
	color: #2e2e2e;
}
#main #help h3 {
	padding-left: 39px;
	text-indent: -39px;
}
#main #help .help_cont {
	padding: 15px 10px 5px;
}
#main #help .help_cont li {
	float: none;
	clear: both;
	margin-left: 0;
}
#main #help .help_contact {
	margin-bottom: 0;
}
#main #help .help_contact h3 {
	text-align: left;
	font-size: 130%;
}
#main #help .help_contact .txt {
	margin-bottom: 0;
	padding-bottom: 5px;
	text-align: left;
}
#main #help .help_contact ul {
	margin-right: 0;
}
#main #help .help_contact li {
	float: none;
	clear: both;
	margin-right: 0;
	margin-top: 10px;
}
#main #help .help_contact li a {
	width: auto;
	padding: 11px 0;
}
}

/* outlet
------------------------------*/
.pageOutlet .about {
	background: #f9f5f4;
	border: 1px solid #cccbc9;
	padding: 15px 10px 20px;
	text-align: center;
}
.pageOutlet .about h4 {
	margin: 0 0 15px;
}
	.pageOutlet .about .data img {
		margin: 0 10px;
	}

@media screen and (max-width: 767px) {
.pageOutlet .about {
	padding-top: 10px;
	padding-bottom: 0;
}
	.pageOutlet .about .data img {
		margin: 0 0 10px;
	}
}

/* paper less
------------------------------*/
.paperLess {
	padding: 0 0 40px;
}
.paperLess h3,
.paperLess .partsTextBox {
	text-align: center;
}
.paperLess .lead {
	display: inline-block;
	background: #ddeff8;
	margin: 0 0 30px;
	padding: 10px 10px 1px;
}

@media screen and (max-width: 767px) {
.paperLess h3,
.paperLess .partsTextBox {
	text-align: left;
}
.paperLess .lead {
	display: block;
}
}

/* from - /help/telinfo.html
------------------------------*/
.nr_ku, { overflow:hidden;}
.nr_ku,
.top_lg,
.coment,
.telinfo {
	float: none;
	clear: both;
	width: auto;
}
.telinfo {
	width: 780px;
}
.text01,
.text02 {
	float: left;
	width: 232px;
	padding-left: 21px;
}
.pageTelInfo .staff {
	padding-top: 50px;
	padding-bottom: 50px;
}
.cs_members {
	height: auto;
	width: auto;
	padding-bottom: 20px;
}

/*
.brief {
	width: 450px;
}
.brief dl {
	margin-bottom: 10px;
}
.brief span {
	display: block;
	margin: 0 0 5px;
}
*/

.qa {
	width: auto;
	overflow:hidden;
}
.qa dl {
	width: 736px;
}
.qa dl dd {
	width: 666px;
}

.frameForm {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: auto;
}
.frameForm iframe {
	display: block;
	border: none;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
.telinfo {
	width: auto;
}
.text01,
.text02 {
	float: none;
	width: auto;
	padding-left: 0;
}
.cs_members {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*
.brief {
	float: none;
	clear: both;
	width: auto;
	padding: 1px 0 10px;
}
.brief .dl_c01 {
	height: auto;
}
.brief .dl_c01, #content {zoom:1;}
.brief .dl_c01:after, #content:after {content: ""; display: block; clear: both;}

.brief dl {
	display: block;
	float: none;
	clear: both;
	height: auto;
	margin: 0 0 10px;
}
.brief dt,
.brief dd {
	float: none;
	display: inline;
	width: auto;
}
*/

.qa {
	float: none;
}
.qa dl {
	float: none;
	width: auto;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 10px;
}
.qa dl dt,
.qa dl dd {
	float: none;
	display: inline;
	width: auto;
}
	.qa dl dt img {
		width: 20px;
		height: auto;
		margin-right: 10px;
	}
}


/* from - /help/ciesf.shtml
------------------------------*/
.pageCiesf h3,
.pageCiesf .photo {
	margin-bottom: 10px;
	text-align: center;
}
.pageCiesf h5 {
	margin-bottom: 5px;
}
.pageCiesf .partsSubHeader {
	background: #014ea0;
	width: 686px;
	margin: 0 auto 10px;
	color: #fff;
}
.pageCiesf .partsTextBox {
	width: 704px;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
.pageCiesf .partsSubHeader {
	width: auto;
}
.pageCiesf .partsTextBox {
	width: auto;
	margin: 0;
}
}

/* from - /help/info_point.shtml
------------------------------*/
.pageInfoPoint .tt1 {
	border: 1px #ccc solid;
	margin: 0 10px 10px 15px;
	float: left;
}
.pageInfoPoint .tt-text1 {
	float: left;
	width: 389px;
	margin: 0 5px 15px 10px;
}
.pageInfoPoint .tt021 {
	border: 1px #ccc solid;
	margin: 0 10px 15px 15px;
	float: left;
}
.pageInfoPoint .tup021 {
	margin-top: 0;
	clear: both;
}
.pageInfoPoint .partsSubHeader {
	float: none;
	clear: both;
}
.pageInfoPoint .partsNormalHeader {
	padding-top: 20px;
	color: #32a138;
}

#review_box .helpHeader .title {
	color: #ce5b1d;
}
#review_box .helpHeader .point {
	margin: 20px 0 0;
	padding: 0 85px 15px;
	text-align: left;
	color: #333;
}
	#review_box .helpHeader .point .floatR {
		margin: 20px 0 0;
		width: 475px;
	}

@media screen and (max-width: 767px) {
.pageInfoPoint .partsTextBox.textC {
	text-align: left!important;
}
.pageInfoPoint .tt-text1 {
	float: none;
	clear: both;
	width: auto;
	margin-right: 0;
	margin-left: 0;
}
.pageInfoPoint .tt1,
.pageInfoPoint .tt021 {
	float: none;
	clear: both;
	margin: 0 0 10px;
}
.pageInfoPoint .tt1 img,
.pageInfoPoint .tt021 img {
	width: 100%!important;
	max-width: 780px!important;
	height: auto!important;
}

#review_box .helpHeader .point {
	display: table;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
	#review_box .helpHeader .point .floatL,
	#review_box .helpHeader .point .floatR {
		float: none;
		clear: both;
		display: table-cell;
		vertical-align: top;
		margin: 0;
		width: auto;
	}
	#review_box .helpHeader .point .floatL {
		padding-right: 10px;
	}
		#review_box .helpHeader .point .floatL img {
			width: 100%;
			max-width: 100px;
			height: auto;
		}
}

/* help header
------------------------------*/
.helpHeader {
	padding: 0 0 20px;
	text-align: center;
	color: #32a138;
}
.helpHeader .contact {
	padding: 0 0 15px;
	font-size: 120%;
}
.helpHeader .contact .store {
	display: inline-block;
	background: #32a138;
	margin-bottom: 5px;
	padding: 5px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
}
.helpHeader .contact .tel {
	margin-bottom: 5px;
	font-size: 180%;
	font-weight: bold;
}
	.helpHeader .contact .tel img {
		position: relative;
		top: 9px;
		vertical-align: top;
		margin-right: 9px;
	}
.helpHeader .contact .address {
	font-size: 120%;
	font-weight: bold;
}
.helpHeader .contact .tel a,
.helpHeader .contact .address a {
	color: #32a138;
}

.helpHeader .title {
	font-size: 260%;
	line-height: 1.5;
	letter-spacing: -0.01em;
}
	.helpHeader .title .sub {
		font-size: 45%;
	}

@media screen and (max-width: 767px) {
.helpHeader .contact .store {
	display: block;
}
.helpHeader .contact {
	font-size: 100%;
}
	.helpHeader .contact .tel img {
		top: 5px;
		margin-right: 5px;
	}
.helpHeader .title {
	font-size: 150%;
}
.helpHeader .title.large {
	font-size: 220%;
}
}

/* from - /movie.shtml
------------------------------*/
.moviePage #whatsnew2 {
	float: left;
	background:#fff;
	border:1px solid #ccc;
	width: 640px;
	margin-top: 15px;
	margin-right:28px;
}
.moviePage #whatsnew2 dt {
	background-image: url(/img/press/bar01.jpg);
	width:100%;
	padding:3px 0px;
	line-height:20px;
	text-indent:1em;
	font-weight: bold;
	color:#fff;
}
.moviePage #whatsnew2 dd {
	overflow-y:scroll;
	height: 245px;
	margin:0 0 0 5px;
	padding-top: 6px;
}
	.moviePage #whatsnew2 dd ul li {
		background:url(/img/press/press_icon.jpg) no-repeat left top;
		padding:0 0 5px 20px;
		list-style-type:none;
	}
.moviePage #main_left {
	float: left;
	width: 660px;
}
.moviePage #main_right {
	float: right;
	width: 290px;
}
.moviePage #main_right .movie_list {
	clear: both;
	padding: 10px 0 0;
}
.moviePage #main_right .movie_list {zoom:1;}
.moviePage #main_right .movie_list:after {content: ""; display: block; clear: both;}

.moviePage .movie_list a {
	color: #3366CC;
}
.moviePage .movie_list .list_img {
	float: left;
	width: 140px;
}
	.moviePage .movie_list .list_img img {
		width: 130px;
		height: auto;
	}
.moviePage .movie_list .syosai {
	float: right;
	width: 110px;
	margin-top: 10px;
}
.moviePage .about {
	padding-left: 40px;
}
.moviePage #main_right .backnumber {
	float: none;
	clear: both;
	background-image: url(/img/sale/event/movie_line00.jpg);
	background-repeat: repeat-x;
	margin-top: 15px;
	padding-top: 8px;
	padding-bottom: 10px;
}
.moviePage h4 {
	margin-top: 40px;
}
.moviePage #main_top {
	margin-bottom: -10px;
	padding: 0 25px;
}
.moviePage .mov_tmb img {
	margin-bottom: 5px;
}
.moviePage td {
	vertical-align: top;
}
	.moviePage .other td span {
		display: block;
	}
.moviePage .category,
.moviePage .howTo {
	padding-top: 10px;
}
.moviePage .category li,
.moviePage .howTo li {
	float: left;
	margin: 10px 10px 0 0;
}
.moviePage .howTo li {
	margin-right: 35px;
}

.moviePage .buyer {
	padding-top: 12px;
}
.moviePage .buyer .partsFlagHeader {
	display: none;
}

@media screen and (max-width: 767px) {
.moviePage #main_top {
	padding: 0;
}
.moviePage #whatsnew2,
.moviePage #main_left,
.moviePage #main_right {
	float: none;
	clear: both;
	width: auto;
	margin-right: 0;
}
.moviePage #main_right {
	margin-top: 20px;
}
.moviePage .movie_list a {
	color: #3366CC;
}
.moviePage .movie_list .syosai {
	display: none;
}
.moviePage .site_code {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
}
	.moviePage .site_code iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.moviePage #whatsnew2 dd {
	height: 200px;
}
.moviePage .about {
	padding-left: 0;
}
.moviePage .mov_tmb img {
	margin-bottom: 10px;
}
.moviePage .other td {
	display: block;
	zoom: 1;
}
.moviePage .other td:after {
	content: ""; display: block; clear: both;
}
	.moviePage .other td img {
		float: left;
		margin-right: 10px;
		vertical-align: top;
	}
.moviePage .howTo {
	width: 100%;
}
.moviePage .howTo td {
	width: 50%;
	padding-right: 0;
	text-align: center;
}
	.moviePage .howTo td a {
		display: block;
		margin-left: 10px;
	}
.moviePage .category,
.moviePage .howTo {
	margin-top: -10px;
	margin-left: -10px;
	padding-top: 0;
}
.moviePage .howTo {
	margin-left: 0;
}
.moviePage .category li,
.moviePage .howTo li {
	float: left;
	width: 33.3%;
	margin: 10px 0 0;
	text-align: center;
}
.moviePage .howTo li {
	width: 50%;
}
	.moviePage .category li a,
	.moviePage .howTo li a {
		display: block;
		margin: 0 0 0 10px;
	}
	.moviePage .howTo li a {
		margin: 0 0 0 5px;
	}
	.moviePage .howTo li:first-child a {
		margin: 0 5px 0 0;
	}
.moviePage .buyer {
	margin-top: -5px;
	padding-top: 0;
}
}

/* from - /smartphoneApp.shtml
------------------------------*/
.pageApp .fontSize2 {font-size: 180%; font-weight: bold;}
.pageApp .fontSize3 {font-size: 200%; font-weight: bold;}

@media screen and (max-width: 767px) {
.pageApp div#cover,
.pageApp div#cover_container,
.pageApp div#cover_move,
.pageApp div#cover_move .section,
.pageApp #cover_app,
.pageApp #cover_app .main,
.pageApp #cover_app .sub,
.pageApp #cover_app ul,
.pageApp .box3,
.pageApp .box3_img img,
.pageApp .box3_text,
.pageApp .p03_t span,
.pageApp .p03_t img,
.pageApp .text_140,
.pageApp .p04_t img,
.pageApp .p05_t span,
.pageApp .p05_t img {
	position: static;
	float: none;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 100%;
}
.pageApp #cover_app .main p.img,
.pageApp #cover_app .main p.txt {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 100%;
}
.pageApp .box3_text {
	margin: 10px 0 0;
}

.pageApp .spTable {
	padding: 0 0 15px;
}
.pageApp #cover_app .main .spTable p.img {
	float: left;
	width: 70px;
	margin: 0;
	padding: 3px 0 0;
}
	.pageApp #cover_app .main p.img img {
		border-radius: 10px;
		width: 60px;
		height: auto;
	}
.pageApp #cover_app ul {
	padding: 0 0 40px;
}
.pageApp .app {
	padding: 40px 0 0;
}
.pageApp .app p {
	padding: 0 0 10px;
	text-align: center;
}
.pageApp #cover_app ul li,
.pageApp .app li {width: 50%!important;}
.pageApp #cover_app ul li a,
.pageApp .app ul li a {display: block;}
.pageApp #cover_app ul li.iphone,
.pageApp .app .iphone {float: left; text-align: right;}
.pageApp #cover_app ul li.iphone a,
.pageApp .app .iphone a {margin-right: 5px;}
.pageApp #cover_app ul li.android,
.pageApp .app .android {float: right; text-align: left;}
.pageApp #cover_app ul li.android a,
.pageApp .app .android a {margin-left: 5px;}

.pageApp .fontSize2,
.pageApp .fontSize3 {
	font-size: 140%;
	font-weight: normal;
	line-height: 1.5;
}
.pageApp .text_130,
.pageApp .text_140,
.pageApp .text_150 {
	padding: 12px 0 0;
	font-size: 100%;
	line-height: 1.6;
}
.pageApp .text_130 {
	padding: 0;
}

.pageApp .mt150 {
	margin-top: 30px!important;
}
.pageApp .box3 {
	padding: 15px 0 0;
	text-align: center;
}
.pageApp .box3_text {
	margin-top: -28px;
	padding-bottom: 6px;
}
}

/* /help/vip.shtml
------------------------------*/
.pageVip {
	padding: 0 0 30px;
}
.pageVip .rank thead td {
	text-align: center;
	font-weight: bold;
}
.pageVip .rank .s {background: #f5f5f5;}
.pageVip .rank .g {background: #ffffef;}
.pageVip .rank .v {background: #fff0f5;}
.pageVip .rank .gc {background: #fff4ec;}
.pageVip .rank thead .s {
	background: #898989;
	color: #fff;
}
.pageVip .rank thead .g {
	background: #b3873e;
	color: #fff;
}
.pageVip .rank thead .v {
	background: #f66376;
	color: #fff;
}
.pageVip .rank thead .gc {
	background: #f67811;
	color: #fff;
}