/* =========================================================

	外フレーム

========================================================= */
/*
#wrapper {
	width:1025px;
	margin:0 auto;
}

/* =========================================================

	ヘッダー

========================================================= */

@charset "UTF-8";

#header {
  /*height: 90px;*/
}
#header .fixheader {
   width: 100%;
   position: absolute;
   /*background: rgba(255, 255, 255, 0.9) ;*/
   /*padding-top: 100px;*/
   z-index:100;
   transition: all 300ms 0s ease;
   box-shadow:0px 4px 15px -3px #cccccc;
}
#header.fixed .fixheader {
   position: fixed;
   margin-top: -100px;
}
#header .fixheader .headtop {
	height:100px;
    z-index: 101;
    top: 0px;
    margin: 0 auto;
	padding:3px 0;
	overflow:hidden;
	box-sizing:border-box!important;
}
#header .fixheader .headtop .inner {
	width:960px;
    margin: 0 auto;
	overflow:hidden;
	position:relative;
}
#header .headmenu {
}
#header .headmenu h1 {
	margin-top:3px;
	float:left;
}
#header .headmenu ul {
	margin:3px 20px 0 0;
	float:right;
}
#header .headmenu ul li {
	padding:0 5px;
	display:inline;	
}
#header .headmenu .gtbox {
	float:right;	
}
#header .logo {
	width: 230px;
	margin-top:5px;
}
#header .logo img {
	width:100%;	
}
/*
.intro {
	width:100%!important;
	height:100px;
    position: absolute;
    z-index: 101;
    top: 0px;
    margin: 0 auto;
	padding:3px 0;
	overflow:hidden;
	box-sizing:border-box!important;
}
.intro .inner {
	width:960px;
	margin:0 auto;
	font-size: 0.7rem;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}
.intro .inner h1 {
	margin-top:3px;
	float:left;
}

*/


/*	hiraku.js
--------------------------------------------------------- */
.hiraku-open-btn, .js-offcanvas {display:none; }

.spbn {display:none}
.sp {display:none;}


/* =========================================================

	ホームレイアウト

========================================================= */
/*スライダー*/
#slideBox {
	width:100%!important;
	height:auto!important;
	margin-bottom:20px;
	padding:0;
	box-sizing:border-box;
}
#slideBox .bx-wrapper {
	width:100%;
	margin:0!important;
}
#slideBox ul#bx-pager{
	width:100%;
	height:auto;
	margin-top:10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-direction: row;	
	justify-content:space-between;
	flex-wrap: wrap;
	padding:0;
	overflow:hidden;
}

#slideBox ul#bx-pager li {
    width: calc(100%/4 - 5px);
	padding:0;
	position:relative;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	background:#FFF;
}
#slideBox ul#bx-pager li a img {
	width:100%;
}
/*キャンペーン情報*/
.campBox {
	width:100%;
	height:320px;
	overflow:auto;
}
.campBox .incase {
	width:100%;
	padding:0 0 10px 0;
	overflow:hidden;
	box-sizing:border-box;
	border-bottom:1px dotted #000;
}

.campBox p.camptitle {
	padding:10px 0;
	font-size:0.9rem;
	font-weight:bold;
}
.campBox p.camptitle:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right:5px;
}
.campBox img {
	margin-right:10px;
	float:left;	
}
.campBox p.cmtbox {
	height:100px;
	overflow:hidden;
}
/*お知らせ*/
.topicsBox {
	padding:10px;
	height:100px;
	overflow-y:auto;
}
.topicsBox dl dt {
	margin-bottom: 10px;
	color: #066dab;
}
.topicsBox dl dd {
	margin: -30px 0 0 8em;
}
.topicsBox dl dt:before {
	content: "\f101";
	font-family: FontAwesome;
	margin-right:5px;
}
/*アフィリエイトの特長*/
.post-list.ftbox .row2.ft01 {background:#4ca6ce;}
.post-list.ftbox .row2.ft02 {background:#d184c0;}
.post-list.ftbox .row2.ft03 {background:#ec91a0;}
.post-list.ftbox .row2.ft04 {background:#eca63d;}
.post-list.ftbox .row2.ft05 {background:#64c8be;}
.post-list.ftbox .row2.ft06 {background:#a6d014;}
.post-list.ftbox .row2.ft07 {background:#d1b114;}
.post-list.ftbox .row2.ft08 {background:#38a6f5;}

.post-list.ftbox .row2 .ftitle {
	text-align:center;
	font-size:0.9rem;
}
.post-list.ftbox .row2 .cmt {
	margin-top:5px;
	overflow:hidden;
	font-size:0.7rem;
	line-height:1.0rem;
}
.post-list.ftbox .row2 .icon {
	text-align:center;
}




.featuresBox {
	width:100%;
	box-sizing:border-box;
}
.featuresBox ul {
	width:730px;
	overflow:hidden;
}
.featuresBox ul li {
	width:330px;
	height:330px;
	margin:10px 20px 0 0;
	padding:20px;
	float:left;
	color:#FFF;
	box-sizing:border-box;
	
}
.featuresBox ul li.ft01,
.cntBox .post-list.ft01,
.cntBox h4.ft01 {background:#4ca6ce;}
.featuresBox ul li.ft02,
.cntBox .post-list.ft02,
.cntBox h4.ft02 {background:#d184c0;}
.featuresBox ul li.ft03,
.cntBox .post-list.ft03,
.cntBox h4.ft03 {background:#ec91a0;}
.featuresBox ul li.ft04,
.cntBox .post-list.ft04,
.cntBox h4.ft04 {background:#eca63d;}
.featuresBox ul li.ft05,
.cntBox .post-list.ft05,
.cntBox h4.ft05 {background:#64c8be;}
.featuresBox ul li.ft06,
.cntBox .post-list.ft06,
.cntBox h4.ft06 {background:#a6d014;}
.featuresBox ul li.ft07,
.cntBox .post-list.ft07,
.cntBox h4.ft07 {background:#d1b114;}
.featuresBox ul li.ft08,
.cntBox .post-list.ft08,
.cntBox h4.ft08 {background:#38a6f5;}


.featuresBox ul li .ftitle {
	text-align:center;
	font-size:0.9rem;
}
.featuresBox ul li .cmt {
	margin-top:5px;
	overflow:hidden;
	font-size:0.7rem;
	line-height:1.0rem;
}
.featuresBox ul li .icon {
	text-align:center;
}

.bnJoinbox {display:none;}

/* =========================================================

	下層ページ

========================================================= */
/*	お知らせ
--------------------------------------------------------- */
dl.newsBox {
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
dl.newsBox dt {
	margin-bottom: 10px;
	color: #066dab;
}
dl.newsBox dd {
	margin: -30px 0 0 8em;
}
dl.newsBox dt:before {
	content: "\f101";
	font-family: FontAwesome;
	margin-right:5px;
}
/*	キャンペーン情報
--------------------------------------------------------- */
.campBox2 {
	width:100%;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}
.campBox2:last-child {
	padding:0;
	border:none;
}
.campBox2 p.camptitle {
	padding: 5px 0;
	font-size:0.9rem;
	font-weight:bold;
}
.campBox2 p.camptitle:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right:5px;
}
.campBox2 p.cmtbox {
	height:100px;
	overflow:hidden;
}

.camp_date {
	padding:10px;
	font-size:0.8rem;
}
.camp_date span {
	font-weight:bold;
	color:#009944;
}

/* =========================================================

	Formテンプレート

========================================================= */

/* signup
-------------------------------------------------------*/
/*
.midcolBox {
	width:80%;
	margin:0 auto;
	overflow:hidden;
}
.midcolBox.t2 {
	width:100%;
}

.ogbox {
	margin: 0;
	padding: 20px;
	line-height:1.2rem;
	overflow:hidden;
	background: #fbf4c7;
}
*/
.cntBox .cmt {
	overflow:hidden;
}
.exp{
	padding:10px;
	text-align:left;
}
.exp2{
	padding:10px;
	line-height:1.2rem;
	text-align:left;
	background:#FFF;
}

.sendbox {
	width:85%;
	margin:20px auto;
}
.note {
	padding:5px;
	font-size:0.6rem;
	line-height:0.8rem;	
}
.confirm {
	margin:30px 0;
	padding:10px;
	background:#EDEDED;
	border:1px solid #CCC;
}
.spam {
	width:60%;
	margin:0 auto;
	text-align:center;
}
.warnbox {
	margin-top:20px;
	padding:20px;
	border:1px solid #a40000;
}
.warnbox p {
	color:#a40000;
	font-size:1.2rem;
	font-weight:bold;
}
.warnbox p span {
	font-size:0.65rem;
	line-height:1.0rem;
	font-weight:normal;
}
.warnbox ul li {
	padding:5px;
	font-size:0.65rem;
	line-height:1.0rem;
	color:#a40000;
}
.warnbox ul li:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right:5px;
}




/*cancel 退会フォームアンケート
-------------------------------------------------------*/
.cancel_box {
	width:720px;
	margin:0 auto 20px auto;
	padding:10px;
	background-color:#FFF;
}
.cancel_box .qtitle {
	font-size:12px;
	padding:3px 0 2px 5px;
	color:#FFF;
	border-bottom:1px solid #CCC;
	background-color:#ff8fca;
}
.cancel_box .qlabel {
	width:680px;
	margin:20px 0 10px 0;
	padding:0 0 0 20px;
	background-image:url(../../img/common/ico_link.gif);
	background-repeat:no-repeat;
	background-position:5px 3px;
	border-bottom:1px solid #CCC;
}
.cancel_box .qlabel2 {
	margin:20px 0 10px 0;
	padding-top:10px;
	border-top:1px dotted #CCC;
}
.cancel_box .inner {
	width:650px;
	margin:0 auto;
	padding-bottom:20px;
}
ul.option {
	width:650px;
	margin:0 auto;
	overflow:hidden;
}
ul.option li {
	width:300px;
	margin-bottom:5px;
	display:inline-block;	
}
.reset-all a {
	color:#FFF;
	font-size:10px;
	padding:5px;
	float:right;
	margin-top:10px;
	text-align:center;
	display:block;	
	background-color:#ff8fca;
	text-decoration:none;
}
.reset-all a:hover {
	text-decoration:none;
}



/*FAQ
-------------------------------------------------------*/
* {margin:0; padding:0}

#accordion {
	/*width:700px;*/
}
.accordion {
	width:100%;
	/*font:0.75rem; 
	color:#333;*/
}
.accordion dl {
	padding:0;	
}
.accordion dt{
	width:96%; 
	margin:0;
	padding:10px;
	cursor:pointer;
	border-bottom:1px dotted #ff5100;
}
.accordion dt span {
	color:#ff5100;
}

.accordion dd {
	overflow:hidden;
}
.accordion dd span {
	width:95%;/*-34px*/
	margin:10px 10px 30px 10px;
	padding:10px;
	display:block;
	overflow:hiddden;
	border-top:none;
	background-color:#FFE2F0;
}

.accordion dt#pay_q1 {background: url("../../img/m_detail/ico_q01.png") no-repeat 0 3px;}
.accordion dt#pay_q2 {background: url("../../img/m_detail/ico_q01.png") no-repeat 0 3px;}
.accordion dd.a1 {background: url("../../img/m_detail/ico_a01.png") no-repeat 5px 8px;}
.accordion dd.a2 {background: url("../../img/m_detail/ico_a01.png") no-repeat 5px 8px;}

.faq_notice {
	margin:10px 0 0 0;
	padding:10px 0 10px 30px;
}
/*agreement
-------------------------------------------------------*/
dl.agreement {
	padding:10px;
}
dl.agreement dt {
	margin:10px 0 5px 0;
	font-weight:bold;	
}
dl.agreement dd {
	margin-left:10px;	
}

/*support
-------------------------------------------------------*/
.support_box{
	/*height:100px;*/
	overflow:hidden;
	padding: 15px 10px 15px 15px;
	background-color: #EDEDED;
}
.support_box img {
	float:left;
}
.support_box dl{
	width: 85%;
	margin: 0 0 0 15px;
	float:left;
}
.support_box dl dt{
	font-size: 15px;
	font-weight:bold;
	color:  #FE4B9F;
}
.support_box dl dd {
	line-height:120%;	
}


/*sitemap
-------------------------------------------------------*/
ul.asterisk{
	margin: 0 0 13px 20px;
}

ul.asterisk li{
	padding: 0 0 0 15px;
	line-height: 2em;
	background: url("../../img/m_detail/ico_asterisk.jpg") no-repeat 0 center;
}

ul.sitemap{
	width: 100%;
	margin: 0;
	padding:0;
}
ul.sitemap li {
	margin:0;
	padding:10px;
	border-bottom:1px dotted #666;
}
ul.sitemap li:last-child {
	border:none;
}
ul.sitemap li:before {
	margin-right:5px;
	content: "\f0da";
	color:red;
	font-family: FontAwesome;
}

ul.sitemap li.top{
	padding: 0 0 0 10px;
}
ul.sitemap li.top a {
	color:#ff4472;
	font-size:14px;
}

/* =========================================================

	サイドバー

========================================================= */
ul.sidemenu {
	margin:10px 0;
	background:#FFF;
	border:1px solid #CCC;
}
ul.sidemenu li {
	border-bottom:1px solid #CCC;	
}
ul.sidemenu li a {
	padding:10px;
	display:block;
	text-decoration:none;
}
ul.sidemenu li:last-child {
	border:none;	
}
ul.sidemenu a:before {
	color:#d75e5e;
	content: "\f0da";
	font-family: FontAwesome;
	margin-right:5px;
}
ul.sidebnr {
	margin:10px 0;
	background:#FFF;
	border:1px solid #CCC;
}
ul.sidebnr li {
	padding:5px;
	text-align:center;
	overflow:hidden;
	border-bottom:1px dotted #CCC;	
}
ul.sidebnr li a {
	padding:0;
	display:block;
	text-decoration:none;
}
ul.sidebnr li:last-child {
	border:none;	
}
ul.sidebnr li img {
	/*width:100%;*/
	margin-top:10px;
}
ul.sidebnr li p.ttl {
	background:pink;
}
.bnrbox {
	padding:15px;
	background:#FFF;	
}

.bnrList li {margin: 0 0 10px 0;}
.bnrList li a img {border: 1px solid #000;}

.linkTop {
	position:absolute;
	right:50px;
	bottom:50px;
	/*width:1010px;
	margin: 5px auto;
	text-align: right;*/
}

/* =========================================================

	フッター

========================================================= */
#footer ul.footmenu {
}
#footer ul.footmenu li {
	padding:0 5px;
	color:#CCC;
	display:inline;
	border-right:1px solid #CCC;
}
#footer ul.footmenu li:last-child {
	border:none;	
}
#footer ul.footmenu li a {
	color:#CCC;
	font-size:0.6rem;
}
#footer p {
	color:#CCC;	
}
#footer .legal {
	margin:20px 0;	
}
#footer .copyrights {
	background:#000;	
}

#footer .inner .mbox {
	width:25%;
	margin-bottom:10px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
#footer .inner .mbox ul {
	margin-left:5px;
	list-style:none;	
}
#footer .inner .mbox ul li {
	line-height:1.4rem; 
}
#footer .inner .mbox ul.fmenu li:before {
	content: "\f105";
	font-family: FontAwesome;
	margin-right:5px;
}
#footer .inner .mbox ul.cmenu li.cat:before {
	content: "\f105";
	font-family: FontAwesome;
	margin-right:5px;
}
#footer .inner .mbox ul.cmenu li.items {
	margin-left:20px;
	line-height:1.0rem;	
}
#footer .inner .mbox ul.cmenu li.items:before {
	content: "・";
	font-family: FontAwesome;
	margin-right:5px;
}

#footer .inner .mbox ul.cmenu li.items a {
	font-size:0.7rem;
}
#footer .inner .mbox p {
	margin-top:10px;
	font-size:0.8rem;
}

#footer .inner .mbox p:before {
	content: "\f138";
	font-family: FontAwesome;
	margin-right:5px;
}
#footer .inner .mbox ul li a {
	font-size:0.75rem;
	color: #fff;
}

/*	fixedFooter
--------------------------------------------------------- */
#footerNavi {
	clear: both;
	border-top: 1px solid #fff;
	padding: 5px 0;
	font-size: 7.5rem;
	color: #fff;
}
#footerNavi .inner {
	width: 1024px;
	margin: 0 auto;
	overflow:hidden;
}
#footerNavi ul.loginBox {
	width:230px;
	float:left;
	overflow:hidden;
}
#footerNavi ul.loginBox li {
	width:100px;
	height:48px;
	margin:0 0 0 5px;
	padding:0;
	float:left;
}
#footerNavi ul.loginBox li p {
	padding:5px;
	text-align:left;
	color:#FFF;
	display:block;
	font-size:0.6rem;
	line-height:0.8rem;
}
#footerNavi .loginBox p img {
	width:100px;
	height:45px;
	margin-right:5px;	
}
#footerNavi .searchBox {
	float: right;
	width: 180px;
	margin:0;
	font-size:0.6rem;
	position: relative;
}
#footerNavi .searchBox input[type="text"] {
	width: 180px;
	height:20px;
	font-size:0.8rem;
}
#footerNavi .searchBox input[type="image"] {
	float:right;
	margin-top:3px;
}
/*
#footerNavi .searchBox input[type="button"] {
	height:21px;
	padding:0 5px;
	font-size:0.6rem;
}
*/
#footerNavi a {color: #fff;}
#footerNavi ul.menu {
	width: 590px;
	margin:0;
	padding:0 10px;
	font-size:0.75rem;
	line-height:1.4rem;
	float: left;
}
#footerNavi li {
	display: inline;
	margin-right:15px;
}

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

	#fixedFooter {
		display:none;
	}
	#footer .inner {
		max-width: 600px;
		min-width: 320px;
	}

}


.expired, .expired-detail {
	position: relative;
	display: block;
}
.expired:before, .expired-detail:before {
	content: "このキャンペーンは’終了しました";
	position: absolute;
	left: 0;
    width: 100%;
    background: #eee;
    color: #000;
    text-align: center;
	z-index: 999;
}
.expired:before {
    top: calc(50% - 15px);
    height: 30px;
    line-height: 30px;
}
.expired-detail:before {
    top: calc(50% - 25px);
	font-size: 30px;
	font-weight: 700;
    height: 50px;
    line-height: 50px;
}
.expired img, .expired-detail img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	opacity: 0.6;
}
a.expired:hover, a.expired-detail:hover {
	opacity: 1;
}