@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*-------------------------------------
　premium_member
---------------------------------------*/


.column2R #main {
	float: none;
	width: auto;
}
.container {
	padding-top: 3em;
}

/*body {
	background: fixed;
}*/
html body {
	background-color:#fff !important;
}
#Header {
    background-color:#fff;
}

#header {
	background-color:#FFF;
}

#siteNav {
	background-color:#000027;
}

.recomWin_black {
	color: #FFF;
}

.footerTagline {
	color:#FFF;
}

.sidebannerLeft , .sidebannerRight {
	display: none;
}



#wrapper_premium_member {
	width: 900px;
	margin:15px auto;
}
#wrapper_premium_member .ta-center {
	text-align: center;
}



#wrapper_premium_member .topicPath {
    padding: 15px 0;
}
/*ol, ul {
    list-style: outside none none;
}*/

#wrapper_premium_member .topicPath li {
    display: inline;
    margin-right: 8px;
}

#wrapper_premium_member .topicPath a {
    background: rgba(0, 0, 0, 0) url("/5img/iconGtW.gif") no-repeat scroll right center;
    padding-right: 19px;
}
/*a, a span {
    color: #0062b0;
    text-decoration: underline;
}*/
/*a, input[type="submit"] {
    cursor: pointer;
}*/

#wrapper_premium_member .topicPath li strong {
    font-weight: normal;
}

.leadSection .all365days {
	color: #000;
}

#wrapper_premium_member h1 {

}
div.clearfix {
}
#wrapper_premium_member h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 4px solid #f30;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 4px 8px;
}

#premium_camp .planContents{
	margin-bottom:80px;
}
#premium_camp .planTitle{
	margin-bottom:25px;
}
#premium_camp .serBtn img{
	margin-bottom:12px;
}
#premium_camp #serviceList .plan{
	margin-left:308px;
}
#premium_camp .appBtn {
	 margin-top:18px;
}
#premium_camp table{
	margin:20px 0 5px 0;
}
#premium_camp th{
	text-align:center;
}
#premium_camp th img {
    margin: 0;
    vertical-align: middle;
    width: 100%;
}
#premium_camp th, td{
	border:1px solid #1c1c45;
    padding:10px;
}
#premium_camp .addOption {
    background-color: #1C1C45;
    font-size: 22px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
#premium_camp .addOpTh{
	padding: 0;
	height: 60px;
}
#premium_camp .membersRules{
	text-align:center;
	margin:20px 0;
}
#premium_camp .membersRules a{
	color:#FFFFFF;
	font-size:15px;
}

#premium_camp .membersRulestxt {
	font-size:75%;
}



.pagetop{
	display:none;
}
#pagetop {
    bottom: 30px;
    display: none;
    position: fixed;
    right: 55px;
}	

#pagetop a {
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
}


#wrapper_premium_member .white{
	color:#FFFFFF;
}
#wrapper_premium_member .bold{
	font-weight:bold;
}
#wrapper_premium_member .center{
	text-align:center;
}

#/*wrapper_premium_member,
#wrapper_premium_member a {
    color: #ffffff;
}*/

#pointTokuten .bnrpoint {
    text-align: center;
}

#pointTokuten .bnrpoint li {
    /*display: inline;*/
    margin: 0 20px 30px;
    vertical-align: top;
}


 #pointTokuten .pointOtokuBox{
/*	background: #CB1313 none repeat scroll 0 0;	 */
	background: #ffffff none repeat scroll 0 0;	 
    border: 10px solid #e9d461;
    color: #000;
/*    color: #fff; */
	text-align:center;
   /* height: 100px;*/
}

  #pointTokuten .pointOtokuBox p.campTxt {
/*    color: #ffd24c; */
    /*color: #000; */
    font-size: 40px;
    margin: 0 auto 15px;
    text-align: center;
}

#popup_info .honbun{
	margin:15px !important;
	font-weight:bold !important;
	font-size:18px !important;
	text-align:center;
}
#popup_info .honbun2{
	margin:15px !important;
	font-weight:bold !important;
	font-size:18px !important;
}

#popup_info .chuui{
text-align:left;margin:15px;font-size:12px !important;
}

#popup_info .plansgp{
	padding:50px 5px 0px !important;
}


/*-------------------------------------
　プレゼントページ
---------------------------------------*/
#wrapper_premium_member .present{
	text-align:center;
	font-size:35px;
	color:#FFFFFF;
	margin:30px 0;
}
#wrapper_premium_member .present a{
	color:#FFFFFF;
}


#wrapper_premium_member .presentItem{
	text-align:center;
	margin:30px 0;
	color:#FFFFFF;
}
#wrapper_premium_member .itemName{
	padding:10px 0;
	width:600px;
	margin:0 auto;
	border: 2px solid #FFF;
}
#wrapper_premium_member .itemName,#wrapper_premium_member .itemPrice{
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#wrapper_premium_member .itemInfo{
	color:#FFFFFF;
	text-align:center;
	margin:20px 0;
	font-size:16px;
}
#wrapper_premium_member .presentTxt{
	font-size:22px;
	color:#FFFFFF;
	background-color:#181E4B;
	padding:20px 0 15px 0;
	width:600px;
	border:#FFFFFF 2px solid;
	margin:20px auto;
}
#wrapper_premium_member .p_title{
	background-image:url(/5info/img/service_present/p_title.jpg);
	height:50px;
	width:900px;
	margin:30px 0;
	font-size:35px;
	text-align:center;
	color:#000000;
}
#wrapper_premium_member .txtBox600 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
}

.cancelBtn {
	text-align: center;
	margin-top: 30px;
	margin-bottom:15px;
}

/*-------------------------------------
　margin
---------------------------------------*/
.ml5{
	margin-left:5px;
}
.ml6{
	margin-left:6px;
}
.ml8{
	margin-left:8px;
}
.ml18{
	margin-left:18px;
}
.ml25{
	margin-left:25px;
}
.ml30{
	margin-left:30px;
}
.ml50{
	margin-left:50px;
}
.ml60{
	margin-left:60px;
}
.ml95{
	margin-left:95px;
}
.mt40 {
	margin-top:40px;
}
.mt150 {
	margin-top:150px;
}

/*-------------------------------------
　fontsize
---------------------------------------*/
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font26{
	font-size:26px;
}
.font48{
	font-size:48px;
}
/*-------------------------------------
　fontcolor
---------------------------------------*/
.fontRed {
	color: #C00;
}



/* ポップアップ */
#facebox {
	width: 800px;
	background:#010039;
}
#facebox .content {
	width: 800px;
	background:#010039 !important;
	background-size:contain !important;
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
}

#birth_popup,
#special_popup,
#point_popup,
#free_shipping_popup,
#point_ex_popup,
#halfprice_popup,
#defective_pixel_popup,
#cleaning_popup,
#purchase_popup,
#present_popup,
#old_pc_popup{
	display: none !important;
}


/*#lp_footer li {
	text-align:left;
	float:none;
	font-size:16px;
	width:auto;
}*/


/* こっからしたはclearfix */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*-------------------------------------
　 プレミアムサービス 2月キャンペーン
---------------------------------------*/
#premium_camp {
	margin-bottom: 50px;
	font-size: 16px;
}

#premium_camp .title {
	margin-bottom: 30px;
	background:url(/5info/img/premium_camp_free/title_back.jpg) no-repeat 0 0 / 100% auto;
}

#premium_camp .title .endMonth {
	font-size:95px;
	color: #E8080B;
	font-weight:900;
	padding: 9% 0 0 25%;
    text-shadow:0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}

#premium_camp .title .endMonth .made {
	font-size:50px;
	color:#3f1000;
}
#premium_camp .title .datePeriod {
	background:#b00000;
	font-size:20px;
	text-align:center;
	padding:5px;
}

#premium_camp .lead {
	margin-bottom: 30px;
}

#premium_camp .detailButton {
	margin-bottom: 40px;
}

#premium_camp .info01 h3 {
	font-size: 22px;
	color: #FFF;
	background-color: #ECB100;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-shadow: 2px 2px 1px #000;
	font-weight: bold;
	margin-bottom: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8be4c+48,ecb100+50 */
background: #e8be4c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlOGJlNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlY2IxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e8be4c 48%, #ecb100 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8be4c 48%,#ecb100 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8be4c 48%,#ecb100 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8be4c', endColorstr='#ecb100',GradientType=0 ); /* IE6-8 */

}

#premium_camp dl.info01 dt {
	margin-bottom: 1.5em;
	padding: 12px;
	width: 8em;
	background: #900;
	text-align: center;
	font-weight: bold;
	float: left;
}

#premium_camp dl.info01 dd {
	margin-bottom: 1.5em;
	padding: 12px 0 12px 11em;
}

#premium_camp dl.info01 p {
	margin-bottom: 1em;
}

#premium_camp .info02 {
	color: #000;
	width: 900px;
	height: 410px;
	text-align: center;
	background-image: url(/5info/img/premium_camp_3free/bg01_160427.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#premium_camp .info02_tit {
	font-size: 22px;
	color: #FFF;
	background-color: #ECB100;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-shadow: 2px 2px 1px #000;
	font-weight: bold;
	margin-bottom: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8be4c+48,ecb100+50 */
background: #e8be4c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlOGJlNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlY2IxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e8be4c 48%, #ecb100 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8be4c 48%,#ecb100 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8be4c 48%,#ecb100 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8be4c', endColorstr='#ecb100',GradientType=0 ); /* IE6-8 */

}

#premium_camp .info02 .bonus01 span,
#premium_camp .info02 .bonus02 span,
#premium_camp .info02 .bonus03 span,
#premium_camp .info02 .bonus04 span{
	color: #F00;
	font-size: 60px;
	font-weight: bold;
}

#premium_camp .info02 span.large {
	font-size: 70px;
}

#premium_camp .info02 span.small {
	font-size: 40px;
}


#premium_camp .info02 .bonus01 {
	padding: 10px 10px 0 10px;
	width: 880px;
	height: 181px;
}

#premium_camp .info02 .bonus01 p {
	margin-top: 15px;
}

#premium_camp .info02 .bonus02 {
	margin: 10px 0 0 10px;
	width: 284px;
	height: 180px;
	float: left;
}

#premium_camp .info02 .bonus02 p {
	margin-top: 25px;
	margin-left: 40px;
}

#premium_camp .info02 .bonus03 {
	margin: 10px 10px 0 10px;
	width: 284px;
	height: 180px;
	float: left;
}

#premium_camp .info02 .bonus03 p {
	margin-top: 25px;
	margin-left: 80px;
}

#premium_camp .info02 .bonus04 {
	margin: 10px 10px 0 10px;
	width: 282px;
	height: 180px;
	float: left;
}

#premium_camp .info02 .bonus04 p {
	margin-top: 25px;
	margin-left: 32px;
}
#premium_camp .info02 .bonus04 .small {
	line-height: 1.2em;
}

#premium_camp .info02 .other {
	padding: 45px 10px 0 10px;
	width: 880px;
	height: 180px;
	font-size: 20px;
}

#premium_camp .info02 .other p {
	margin-top: 60px;
	margin-left: 40px;
}

#premium_camp .info02 .other span {
	color: #F00;
	font-weight: bold;
}

#premium_camp .info03 {
	margin-bottom: 40px;
	color: #000;
	width: 900px;
	height: 400px;
	text-align: center;
	background: url(/5info/img/premium_camp1602/bg02.gif) no-repeat left center;
	font-size: 24px;
	position: relative;
}

#premium_camp .info03 p {
	position: absolute;
	left: 0;
	top: 40px;
	width: 900px;
}

#premium_camp .info03 span {
	color: #F00;
	font-weight: bold;
}

#premium_camp .info03 span.large {
	font-size: 40px;
}



#premium_camp .info03 ul li {
	margin-bottom: 5px;
	list-style: disc;
	text-align: left;
	margin-left: 16px;
}


#premium_camp .info03 .breakdown {
	position: absolute;
	top: 195px;
	left:200px;
/*	left:225px;*/
	text-align: left;
	font-size: 14px;
	width: 420px;
	border: 1px solid #CCC;
	padding: 15px;
}
#premium_camp .info03 .breakdown .floatL {
	float: left;
	margin-right: 40px;
}

#premium_camp .info03 .breakdown .txtR {
	text-align: right;
	list-style-type: none;
}



#plan_info .fee {
	clear: both;
	padding-top: 6px;
	text-align: right;
	font-size: 85%;
}


/*-------------------------------------
　キャンペーン登録ボタン
---------------------------------------*/
.campBtn {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.campBtn p.campTxt {
    color: #ffd24c;
    font-size: 24px;
    margin: 0 auto 15px;
    text-align: center;
}

.campBtn p.entryBtn {
    margin: 0 auto 15px;
}

.campBtn p.entryBtn img {
    display: block;
}

.campBtn p.entryBtn a {
    display: block;
    width: 550px;
    margin: 0 auto;
}

.campBtn a:hover {
	 opacity: 0.7;
}

.campBtn p.notMemberLink {
    font-size: 18px;
    margin: 0 auto 50px;
    text-align: center;
}


.campBtnS {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.campBtnS p.campTxt {
    color: #ffd24c;
    font-size: 24px;
    margin: 0 auto 15px;
    text-align: center;
}

.campBtnS p.entryBtn {
    margin: 0 auto 15px;
}

.campBtnS p.entryBtn img {
    display: block;
}

.campBtnS p.entryBtn a {
    display: block;
    width: 150px;
    margin: 0 auto;
}

.campBtnS a:hover {
	 opacity: 0.7;
}

.campBtnS p.notMemberLink {
    font-size: 18px;
    margin: 0 auto 50px;
    text-align: center;
}

/*-------------------------------------
　プラン紹介共通
---------------------------------------*/
#plan_info {
	width: 900px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

#plan_info h3 {
	font-size: 22px;
	color: #FFF;
	background-color: #ECB100;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-shadow: 2px 2px 1px #000;
	font-weight: bold;
	margin-bottom: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8be4c+48,ecb100+50 */
background: #e8be4c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlOGJlNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlY2IxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e8be4c 48%, #ecb100 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8be4c 48%,#ecb100 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8be4c 48%,#ecb100 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8be4c', endColorstr='#ecb100',GradientType=0 ); /* IE6-8 */

}

#planListHead {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    margin: 0 auto 15px;
    text-align: center;
}

.planDetailTxt {
    float: right;
    font-size: 14px;
    position: relative;
    width: 240px;
}

/*-------------------------------------
　プラチナプラン
---------------------------------------*/
#platinumPlanBox {
	background-color: #FDF7E8;
	color: #333;
	margin: 0 auto 20px auto;
	padding: 10px;
}
#platinumPlanBox .imgLeft {
    display: block;
    float: left;
    width: 310px;
	margin: 0 0 0 20px;
}
#platinumPlanBox .imgRight {
    display: block;
    float: left;
    font-size: 20px;
	margin: 20px auto 10px;
}
#platinumPlanBox .imgRight img {
	margin: 22px auto 0;
	display:block;
}

#plan_info .bnrPremiumManga {
	text-align: center;
	margin: 0 0 20px 0;
}




/*-------------------------------------
　ゴールドプラン
---------------------------------------*/
#goldPlanBox {
    background-color: #fdf7e8;
    color: #333;
    float: left;
    height: 132px;
    padding: 10px 10px 0;
    width: 420px;
}

#goldPlanBox img {
    position: absolute;
    right: 500px;
}

/*-------------------------------------
　シルバープラン
---------------------------------------*/
#silverPlanBox {
    background-color: #fdf7e8;
    color: #333;
    float: right;
    height: 132px;
    padding: 10px 10px 0;
    width: 420px;
}

#silverPlanBox img {
    position: absolute;
    right: 40px;
} 

/*-------------------------------------
　よくあるご質問
---------------------------------------*/
#qaBox h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
#qaBox {
    background-color: #000;
    border: 1px solid #fff;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 15px;
}
#qaBox .question {
    color: #db7400;
}
#qaBox div {
    margin-bottom: 20px;
}
#qaBox .answerText {
    padding: 0 22px;
}

/*16.11.11 追記*/

#faqBox {
    font-size: 18px;
    margin-bottom: 10px;
}

#faqBox dl {
	width:430px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	margin-bottom:25px;
	background-color: #262641;
	height:225px;
}

#faqBox dt {
	background-color: #D3D3D3;
	color: #000000;
	padding: 5px;
}
#faqBox dd {
	padding: 8px;
	font-size: 16px;
	margin-top: 10px;
}

.mb15 {
	margin-bottom:15px;
}
.txtb {
	font-weight: bold;
}

@media screen and (min-width:480px){
#faqBoxsp {
	display:none;
}
}


/*-------------------------------------
　サービス一覧
---------------------------------------*/
#serviceList a:link,
#serviceList a:visited,
#serviceList a:active {
	text-decoration: none !important;
}

#serviceList a:hover {
	text-decoration: underline !important;
}
.bk_txtBox {
	font-size: 14px;
	background-color: #000;
	padding: 15px;
	border: 1px solid #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* サービス一覧表 吹き出し */
#balloonBox01 {
    left: 159px;
    position: relative;
    width: 125px;
}

#balloonBox01:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(32, 147, 232, 0);
	border-left-color: #BC1B1F;
	border-width: 15px;
	margin-top: -15px;
}

#balloonBox02 {
    background: #bc1b1f none repeat scroll 0 0;
    position: relative;
    top: 8px;
    width: 230px;
}

#balloonBox02:after {
	bottom: 100%;
	left: 40%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(188, 27, 31, 0);
	border-bottom-color: #BC1B1F;
	border-width: 8px;
	margin-left: -8px;
}
.balloon {
    background-color: #BC1B1F;
    font-size: 13px;
    text-align: center;
    line-height: 1.4em;
    padding: 2px;
}
.plan_infoBox {
	margin-bottom: 5px;
}
.serviceListBtn {
	clear: both;
	text-align: center;
}
.psOffer {
	background: url(/5info/img/premium_member/bg_psOffer160325.png) no-repeat 0 0;
	padding: 130px 0 0 96px;
	height: 110px;
	margin-bottom: 40px;
}
.psOffer li {
	display: inline-block;
	margin-right: 14px;
	text-align: center;
}

#serviceList table{
	margin: 30px 0 60px;
}
#serviceList th, td{
	border: 1px solid #CCC;
	padding: 0;
	font-size: 16px;
	color: #212121;
	font-weight: bold;
	vertical-align: middle;
}
#serviceList th{
	text-align:center;
	background: #F0F0F0;
}
#serviceList th.price {
	color: #CC0000;
}
#serviceList th.serviceName {
	background: url(/5info/img/premium_member/service_list_bg.jpg) no-repeat 0 center;
	padding-left: 15px;
	text-align: left;
}
#serviceList th.serviceName_addOption {
	background: url(/5info/img/premium_member/service_list_addoption_bg.jpg) no-repeat 0 center;
}
#serviceList th.serviceName .service_listTxt {
	position: relative;
	color: #FFF;
}
#serviceList th.serviceName .service_list_moreBtn {
	background: url(/5info/img/premium_member/service_list_arw.png) no-repeat 0 center;
	padding-left: 22px;
	position: absolute;
	right: 10px;
	top: 0;
}
#serviceList td{
	text-align:center;
	background: #FFF;
	height: 70px;
}
#serviceList td.monthly_present_bnr{
	height: auto;
	border: 0;
}
#serviceList .monthly_present td {
	height: 55px;
}
.service_listBtn, 
.service_listBtn_addOption {
	background-image: none;
	width: auto;
	height: auto;
	padding: 0;
	text-align: left;
}
#serviceList .addOpTh{
	padding: 0;
	height: 40px;
}
		


/*-------------------------------------
　ABテスト　Bパターン
---------------------------------------*/

#mainTitle {
	background: #fff;
	width:900px;
}

#mainTitle li {
	float:left;
	margin:20px 0 0 20px;
}

#mainTitle li.floatR {
	float:right;
	margin:0;
}

#mainTitle .admission {
    background: #b00000;
    font-size: 22px;
    font-weight: bold;
    padding: 0 3%;
}

#mainTitle .endMonth {
    color: #b00000;
    font-size: 39px;
}

#mainTitle .endMonth .fee {
	color:#474747;
	font-size:27px;
}
#mainTitle .endMonth .made {
	color:#474747;
	font-size:28px;
}
#mainDatePeriod {
    color: #b00000;
    font-size: 19px;
}
#platinumTokuten {
    margin: 80px 0 0;
}
.bnrPremiumManga {
    margin: 40px 0;
    text-align: center;
}

	
#premium_camp .info02_b {
	color: #000;
	width: 900px;
	height: 190px;
	text-align: center;
	background-image: url(/5info/img/premium_camp_free/tokuten_back.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#premium_camp .info02_tokuten02_b {
	color: #000;
	width: 900px;
	height: 190px;
	text-align: center;
	background-image: url(/5info/img/premium_camp_free/tokuten_02_back.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#premium_camp .info02_b_tit {
	font-size: 22px;
	color: #FFF;
	background-color: #ECB100;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-shadow: 2px 2px 1px #000;
	font-weight: bold;
	margin-bottom: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8be4c+48,ecb100+50 */
background: #e8be4c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlOGJlNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlY2IxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e8be4c 48%, #ecb100 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8be4c 48%,#ecb100 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8be4c 48%,#ecb100 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8be4c', endColorstr='#ecb100',GradientType=0 ); /* IE6-8 */

}

#premium_camp .info02_b .bonus02,
#premium_camp .info02_b .bonus03,
#premium_camp .info02_b .bonus04 {
	margin: 20px 0 0 10px;
	width: 284px;
	height: 180px;
	float: left;
}
#premium_camp .info02_b .bonus01 span,
#premium_camp .info02_b .bonus02 span,
#premium_camp .info02_b .bonus03 span,
#premium_camp .info02_b .bonus04 span{
	color: #F00;
	font-size: 60px;
	font-weight: bold;
}

#premium_camp .info02_b .bonus02 p,
#premium_camp .info02_b .bonus03 p,
#premium_camp .info02_b .bonus04 p {
	margin-top: 25px;
	margin-left: 75px;
}

#premium_camp .info02_b span.large {
	font-size: 70px;
}
#premium_camp .info02_b span.small {
	font-size: 40px;
}
#premium_camp .info02_b .bonus04 .small {
	line-height: 1.2em;
}

#premium_camp .info02_tokuten02_b .bonus01,
#premium_camp .info02_tokuten02_b .bonus02{
	margin: 20px 0 0 10px;
	width: 440px;
	height: 180px;
	float: left;
}
#premium_camp .info02_tokuten02_b .bonus01 span,
#premium_camp .info02_tokuten02_b .bonus02 span{
	color: #F00;
	font-size: 60px;
	font-weight: bold;
}

#premium_camp .info02_tokuten02_b .bonus01 p,
#premium_camp .info02_tokuten02_b .bonus02 p {
	margin-top: 25px;
	margin-left: 70px;
}

#premium_camp .info02_tokuten02_b span.large {
	font-size: 70px;
}
#premium_camp .info02_tokuten02_b span.small {
	font-size: 40px;
}


.otokuBox {
	background:#fff;
	border:10px solid #e9d461;
	color:#222;
}

.otokuBox img {
	float:left;
}

.otokuBox p {
	padding:10px 5% 0 35%;
}

.otokuBox .price {
	font-size:50px;
	color:#ff0000;
}		

.otokuBox .enotoku {
	font-size:40px;
	color:#ff0000;
}


.otokuBox .dondon {
	font-size:20px;
	font-weight:bold;
}


#tokutenDetail {
	margin:50px 0;
}

#tokutenDetail .tokuten01 , #tokutenDetail .tokuten02 , #tokutenDetail .tokuten03 {
	border-bottom:1px solid #e9d461;
	margin-bottom:30px;
	padding-bottom:30px;
}

#tokutenDetail .detailCatch {
	color:#e9d461;
	font-size:24px;
}

#tokutenDetail .detailCatch span.icon {
	color:#000;
	background:#e9d461;
	padding:3px 15px;
	display:inline-block;
	margin:0 10px 0 0;
}

#tokutenDetail .detailCatch span.bigWord {
	font-size:36px;
}

#tokutenDetail .detailText {
	padding-bottom: 25px;
}
#tokutenDetail .detailText li {
	display: inline-table;
	vertical-align:middle;
	width:49%;
	font-size:24px;
}
#tokutenDetail .detailText li.img {
	text-align:center;
}
#tokutenDetail .detailPoint li {
	font-size:20px;
	display: inline-table;
	vertical-align: middle;
}

#tokutenDetail .detailPoint li.arrow {
	padding:0 0 0 20px;
}

#tokutenDetail .detailPoint li.bigPrice {
	color:#ff0000;
	font-size:60px;
	font-weight:bold;
}

#tokutenDetail .detailPoint li .bigWord {
	color:#ff0000;
	font-size:40px;
}

#tokutenDetail .detailPoint li .img {
	display:block;
	text-align:center;
}

#tokutenDetail .detailCaution {
	font-size:14px;
	margin:30px 0 0;	
	
}

.btnEntry a {
	color: #fff;
	display: block;
	background: #CB1313;
	border: 2px solid #fff;
	border-radius: 4px;
	font-size: 28px;
	margin: 0 auto;
	padding: 8px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	width: 493px;
}
.btnEntry a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 12px;
	height: 12px;
	margin-top: -7px;

	background: #fff;
}
.btnEntry a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 6px;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: #CB1313;
}


.btnPoint a {
	color: #fff;
	display: block;
	background: #F3940C;
	border: 2px solid #fff;
	border-radius: 4px;
	font-size: 17px;
	margin: 0 0 0 500px;
	padding: 8px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	width: 300px;
}
.btnPoint a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 12px;
	height: 12px;
	margin-top: -7px;

	background: #fff;
}
.btnPoint a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 6px;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: #F3940C;
}

.spLink {
	display:none;
}

.pcLink {
	display: block;
}
#serviceListSp {
	display:none;
}

/*-------------------------------------
　161011追加
---------------------------------------*/
#tokutenDetail .sonotaTokuten {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #FFFFFF;
}
#tokutenDetail .sonotaTokutenSp {
	display: none;
}

		/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
		@media screen and (max-width:479px){
	
		.bk_txtBox {
			display:none;
		}
		#plan_info,
		#serviceList,
		#qaBox,
		#faqBox,
		#membersRules {
			display:none;
		}
		
		#splink_footer {
			display:none!important;
		}
		
		#premium_camp .title {
			margin-bottom: 30px;
		}
		
		#premium_camp .title .endMonth {
			font-size:200%;
			padding: 12% 0 3% 30%;
		}
		
		#premium_camp .title .endMonth .made {
			font-size:80%;
		}
		#premium_camp .title .datePeriod {
			font-size:70%;
		}

		#premium_camp {
			font-size: 14px;
		}
		
		#premium_camp img {
			width:100%;
			max-width:640px;
		}
		
		
		#mainTitle {
			width: 100%;
			height: auto;
			margin: -5px 0px 0px 0px;
			padding-top: 10px;
			background-color: #ffffff;
		}
		#mainTitle .endMonth {
			font-size: 26px;
			padding: 0;
		}
		#mainTitle .endMonth .made,
		#mainTitle .endMonth .fee {
			font-size: 18px;
		}
		
		#mainTitle li {
			float: none;
			width: 98%;
			margin: 0px 0px 0px 1%;
			text-align: center;
		}
		
		#mainTitle li img {
			width: 94%;
		}
		
		#mainTitle li.floatR {
			float: none;
			width: 74%;
			margin: 10px auto;
		}
		
		#mainTitle .admission {
			padding: 4px 0px 0px 0px;
		}
		
		.firstText {
			width: 98%;
			margin: 16px 0px 0px 1%;
		}
		
		#mainDatePeriod {
			font-size: 14px;
			padding: 0px 0px 12px 0px;
			margin: 0%;
			background-color: #ffffff;
			text-align: center;
		}
		
		#premium_camp .titleBnr {
			overflow: hidden;
		}
		
		#premium_camp .titleBnr img {
			width: 152%;
			max-width: none;
		}
		
		#premium_camp .info02_b,#premium_camp .info02_tokuten02_b {
			color: #000;
			width: auto;
			height: auto;
			text-align: left;
			background-image: none;
			background-color: #fff;
			border: 10px solid #e9d461;
			padding: 10px;
		}
		
		.forSMP h3 {
			background-color:#b00000;
			color:#fff;
			font-size:16px;
			padding:5px;
		}
		
		#premium_camp .info02_b .bonus02 ,#premium_camp .info02_b .bonus03 , #premium_camp .info02_b .bonus04, #premium_camp .info02_tokuten02_b .bonus01, #premium_camp .info02_tokuten02_b .bonus02 {
			width:100%;
			height:auto;
			float:none;
			margin: 20px 0 0 0;
		}
		
		#premium_camp .info02_b .bonus02 p ,#premium_camp .info02_b .bonus03 p ,#premium_camp .info02_b .bonus04 p, #premium_camp .info02_tokuten02_b .bonus01 p, #premium_camp .info02_tokuten02_b .bonus02 p {
			margin-top: 10px;
			margin-left: 10px;
		}
		
		.otokuBox {
			border: 10px solid #e9d461;
			height: auto;
			margin-bottom: 12px;
		}
		
		#premium_camp .otokuBox img {
			float: none;
			width: 80%;
			margin-left: 10%;
		}
		
		.otokuBox p {
			padding: 2%;
		}
		.otokuBox .price {
			font-size: 24px;
		}
		.otokuBox .enotoku {
			font-size: 20px;
		}
		.otokuBox .dondon {
			font-size: 16px;
		}
		#tokutenDetail {
			width: 96%;
			margin: 0 auto;
		}		
		#tokutenDetail .detailCatch {
			margin: 0px -2% 4px -2%;
			padding-top: 2px;
			border-top: 1px solid #e9d461;
			border-bottom: 1px solid #e9d461;
			font-size: 15px;
		}
		
		#tokutenDetail .tokuten02 .detailCatch {
			padding-top: 0px;
		}
		#tokutenDetail .detailCatch span.bigWord {
			padding-left: 3px;
			font-size: 24px;
			vertical-align: middle;
		}
		#tokutenDetail .detailText li {
			font-size: 14px;
		}
		#tokutenDetail .detailPoint li {
			font-size: 14px;
		}
		#tokutenDetail .detailPoint li .img {
			display: none;
		}
		#tokutenDetail .detailPoint li.arrow {
			display: none;
		}
		#tokutenDetail .detailPoint li.bigPrice {
			font-size: 40px;
		}
		
		#tokutenDetail .tokuten01,
		#tokutenDetail .tokuten02,
		#tokutenDetail .tokuten03 {
			border-bottom: none;
			padding-bottom: 1px;
		}
		
		#premium_camp .forPC {
			display: none;
		}
		
		#platinumTokuten {
			margin: 20px 0 0;
		}
		
		.bnrPremiumManga {
			margin: 10px 0;
		}
		.campBtn p.campTxt {
			font-size:14px;
			margin: 0 auto 5px;
		}
		.campBtn .btnEntry a {
			width: 98%;
			font-size: 16px;
		}
		.campBtn p.notMemberLink {
			font-size: 14px;
			margin-top: 20px;
		}
		.font14 br,.font18 br {
			display:none;
		}
		#premium_camp .info02_b .bonus01 span, #premium_camp .info02_b .bonus02 span, #premium_camp .info02_b .bonus03 span, #premium_camp .info02_b .bonus04 span, #premium_camp .info02_tokuten02_b .bonus01 span, #premium_camp .info02_tokuten02_b .bonus02 span {
			font-size:22px;
		}
		.spLink {
			display:block;
		}
		
		.pcLink {
			display: none;
		}
		#serviceListSp {
			display:block;
		}
		#wrapper_premium_member, #wrapper_premium_member a {
			text-decoration:none;
		}
		#facebox {
			width:94%;
		}
		
		#pointTokuten .bnrpoint {
			margin-top: 12px;
		}
		
		#pointTokuten .bnrpoint li {
			display: block;
			margin: 0px 4% 15px;
		}
		
		#wrapper_premium_member {
		width: 100%;
		margin:15px auto;
		}
		#wrapper_premium_member .ta-center {
		text-align: center;
		}
		#wrapper_premium_member .p_title{
		background-image:url(/5info/img/service_present/p_title.jpg);
		height:30px;
		width:100%;
		margin:30px 0;
		font-size:20px;
		text-align:center;
		color:#000000;
		}
		#wrapper_premium_member .itemName{
		padding:10px 0;
		width:90%;
		margin:0 auto;
		border: 2px solid #FFF;
		}
		#wrapper_premium_member .itemName,#wrapper_premium_member .itemPrice{
		font-size:15px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		}
		#wrapper_premium_member .itemInfo{
		color:#FFFFFF;
		text-align:center;
		margin:20px 0;
		font-size:16px;
		}
		#wrapper_premium_member .presentTxt{
		font-size:13px;
		color:#FFFFFF;
		background-color:#181E4B;
		padding:15px 0 15px 0;
		width:90%;
		border:#FFFFFF 2px solid;
		margin:20px auto;
		}
		#wrapper_premium_member .txtBox600 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
}
		#facebox {
	width: 95%;
	background:#010039;
}
#facebox .content {
	width: 90%;
	background:#010039 !important;
	/*-background-image:url(/5info/img/service_point_ex/waku_shita_s.jpg) !important;-*/
	background-size:contain !important;
	background-repeat: no-repeat !important;
		background-position: left bottom !important;
}
#popup_info .plansgp{
	padding:50px 0px 0px !important;
}
#popup_info .waku{
	margin:20px 15px 35px !important;
}
		/*-------------------------------------
		　161011追加
		---------------------------------------*/
		#tokutenDetail .sonotaTokuten {
			display: none;
		}
		#tokutenDetail .sonotaTokutenSp {
			display: block;
			text-align: center;
			font-weight: bold;
			font-size: 16px;
			color: #FFFFFF;
			text-decoration: underline;
		}
		
		/*-------------------------------------
		　161111追加
		---------------------------------------*/
		#faqBoxsp {
			width:100%;
		}
		#faqBoxsp dl {
			margin-top: 10px;
			background-color: #262641;
		}
		#faqBoxsp dt {
			background-color: #D3D3D3;
			color: #000000;
			padding: 3px;
		}
		#faqBoxsp dd {
			padding: 5px;
			
		}
		

}


/*今月のプレゼント*/
.leadCatch {
  border-top: solid 2px #b11c1e;
  border-bottom: solid 2px #b11c1e;
  padding: 0.2em 0;
  color: #4e4e4e;
  font-size: 34px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  text-align: center;
  margin: 15px 0 20px 0;
  letter-spacing: 2.5px;
}
.itemWrap {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  text-align: center;
}
.itemImg {
  margin: 0 auto;
  width: 300px;
}
.itemSecp {
  margin-top: 20px;
  font-size: 18px;
}
.itemAmount {
  color: #c52222;
  margin-top: 20px;
  font-weight: 700;
}
.itemText {
  background: #b60203;
  color: #fff;
  font-size: 40px;
  font-style: italic;
  font-weight: 700;
  margin: 20px auto 0;
  padding: 31px 0;
  width: 70%;
}
.itemNote {
  color: #6b6b6b;
  margin-top: 10px;
  font-size: 14px;
}

@media screen and (max-width: 479px) {
  .leadCatch {
    border-top: solid 1px #b11c1e;
    border-bottom: solid 1px #b11c1e;
    padding: 0.2em 0;
    color: #4e4e4e;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    text-align: center;
    margin: 15px 0 10px 0;
    letter-spacing: 1.2px;
  }
  .itemWrap {
    font-size: 1.3rem;
    margin: 0 auto 30px;
    text-align: center;
    width: 94%;
  }
  .itemSecp {
    margin-top: 10px;
    font-size: 0.9rem;
  }
  .itemText {
    font-size: 1.3rem;
    margin: 20px auto 0;
    padding: 31px 0;
    width: 100%;
  }
  .itemNote {
    margin-top: 10px;
    font-size: 0.8rem;
  }
  #wrapper_premium_member {
    margin: 0 auto 10px !important;
  }
  .smpDJ {
    color: #605b5a !important;
  }
}