@charset "UTF-8";
/* ===================================================================
CSS information

 File Name  : renew2015.css
 Author     : Creaful CO.,LTD.
 =================================================================== */

/* Font
==================*/

.f-10 {
	font-size: 10px !important;
}

.f-11 {
	font-size: 11px !important;
}

.f-12 {
	font-size: 12px !important;
}

.f-13 {
	font-size: 13px !important;
}

.f-14 {
	font-size: 14px !important;
}

.f-15 {
	font-size: 15px !important;
}

.f-16 {
	font-size: 16px !important;
}

.f-18 {
	font-size: 18px !important;
}

.f-20 {
	font-size: 20px !important;
}

.f-22 {
	font-size: 22px !important;
}

.f-24 {
	font-size: 24px !important;
}

.fwn {
	font-weight: normal !important;
}

.fwb {
	font-weight: bold !important;
}

.ls {
	letter-spacing: -.5px !important;
}

.ws {
	white-space: nowrap !important;
}

.v-top {
	vertical-align: top !important;
}

.v-middle {
	vertical-align: middle !important;
}

.t-left {
	text-align: left !important;
}

.t-center {
	text-align: center !important;
}

.t-right {
	text-align: right !important;
}

.p-links a {
	font-weight: bold;
	text-decoration: underline !important;
}

i.fa.fa-play.faa-horizontal.animated.fa-fw {
	color: #ffd5e3;
}

/* Color
==================*/

.f-white {
	color: #fff !important;
}

.f-black {
	color: #000 !important;
}

.f-gray {
	color: #666 !important;
}

.f-red {
	color: #ff0000 !important;
}

.f-lemon {
	color: rgb(226, 249, 143) !important;
}

.f-sky {
	color: #3ac0ef !important;
}

.f-pink {
	color: #ff99cc !important;
}

.f-eme {
	color: rgba(179, 236, 236, 1) !important;
}

.f-lavender {
	color: #8361a2 !important;
}

.bg-white {
	background-color: #fff !important;
}

.bg-white-op {
	background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-black {
	background: #000 !important;
}

.bg-gray {
	background-color: #eceff1 !important;
	/*background-color: #eee !important;*/
}

.bg-dgray {
	background-color: #666 !important;
}

/* Btn logout color */

.bg-mint {
	background-color: rgba(180, 255, 211, 0.8) !important;
}

.bg-sky {
	background-color: rgba(180, 218, 244, 0.9) !important;
}

.bg-lavender {
	background-color: rgba(211, 180, 255, 0.7) !important;
}

.bg-pink {
	background-color: #ffcfdf !important;
	/* background-color: #ffd5e3 !important; */
}

.bg-eme {
	background-color: rgba(179, 236, 236, 1) !important;
}

.bg-lemon {
	background-color: #F2FEC6 !important;
}

/* Icon span color */

/*#F7F9CC*/

.bg-lemon-op {
	background-color: rgba(242, 254, 198, 0.9) !important;
}

.bg-peach {
	background-color: #FFB4D3 !important;
}

/* Icon level color */

/* Btn member-registration color */

.bg-melon {
	background-color: #A5F9C0 !important;
}

/* Icon dia color */

.bg-water {
	background-color: #60E4FC !important;
}

/* Icon bc color */

.bg-pink2 {
	background-color: rgba(242, 113, 210, 1) !important;
}

/* Btn cart color */

.bg-eme2 {
	background-color: rgba(89, 240, 203, 0.5) !important;
}

/* Btn login color */

.bg-stripe-lemon {
	background: url(/upload/save_image/bg/bg-stripe-lemon.png) 0 center !important;
}

.bg-stripe-pink {
	background: url(/upload/save_image/bg/bg-stripe-pink.png) 0 center !important;
}

.bg-stripe-sky {
	background: url(/upload/save_image/bg/bg-stripe-sky.png) 0 center !important;
}

.bg-stripe-eme {
	background: url(/upload/save_image/bg/bg-stripe-eme.png) 0 center !important;
}

.bg-stripe-black {
	background: url(/upload/save_image/bg/bg-stripe-black.png) 0 center !important;
}

.bg-check-black {
	background: url(/upload/save_image/bg/bg-check1.png) 0 center !important;
}

.bg-dot-fpink {
	background: url(/upload/save_image/bg/bg-dot-fpink.gif) 0 center !important;
}

.bg-dot-pink {
	background: url(/upload/save_image/bg/bg-dot-pink.gif) 0 center !important;
}

.bg-dot-ppl {
	background: url(/upload/save_image/bg/bg-dot-ppl.gif) 0 center !important;
}

.bg-dot-sax {
	background: url(/upload/save_image/bg/bg-dot-sax.gif) 0 center !important;
}

.bg-dot-water {
	background: url(/upload/save_image/bg/bg-dot-water.gif) 0 center !important;
}

.bg-dot-yel {
	background: url(/upload/save_image/bg/bg-dot-yel.gif) 0 center !important;
}

.box-shadow {
	box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 5px 1px inset;
	-webkit-box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 5px 1px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 5px 1px inset;
}

/* Space
==================*/

.mg-0 {
	margin: 0 !important;
}

.mgb-0 {
	margin-bottom: 0 !important;
}

.mgb-5 {
	margin-bottom: 5px !important;
}

.mgb-10 {
	margin-bottom: 10px !important;
}

.mgb-15 {
	margin-bottom: 15px !important;
}

.mgb-20 {
	margin-bottom: 20px !important;
}

.mgb-25 {
	margin-bottom: 25px !important;
}

.mgb-30 {
	margin-bottom: 30px !important;
}

.mgb-35 {
	margin-bottom: 35px !important;
}

.mgb-40 {
	margin-bottom: 40px !important;
}

.mgb-60 {
	margin-bottom: 60px !important;
}

.mgt-0 {
	margin-top: 0 !important;
}

.mgt-5 {
	margin-top: 5px !important;
}

.mgt-10 {
	margin-top: 10px !important;
}

.mgt-20 {
	margin-top: 20px !important;
}

.mgr-5 {
	margin-right: 5px !important;
}

.mgr-10 {
	margin-right: 10px !important;
}

.mgr-20 {
	margin-right: 20px !important;
}

.mg-10 {
	margin: 10px !important;
}

.pd-0 {
	padding: 0 !important;
}

.pdl-5 {
	padding-left: 5px !important;
}

.pdl-10 {
	padding-left: 10px !important;
}

.pdt-0 {
	padding-top: 0 !important;
}

.pdt-10 {
	padding-top: 10px !important;
}

.pdb-10 {
	padding-bottom: 10px !important;
}

.pdb-20 {
	padding-bottom: 20px !important;
}

.pd-5 {
	padding: 5px !important;
}

.pd-10 {
	padding: 10px !important;
}

.pd-20 {
	padding: 20px !important;
}

/* Layout
==================*/

.center {
	margin: 0 auto !important;
}

.f-left {
	float: left !important;
}

.f-right {
	float: right !important;
}

.dp-n {
	display: none !important;
}

.dp-i {
	display: inline !important;
}

.dp-b {
	display: block !important;
}

.dp-ib {
	display: inline-block !important;
}

.box-size {
	box-sizing: border-box;
}

.section {
	width: 100%;
	overflow: hidden;
}

.fix_bg_area {
	background-color: #fff;
	/* background-image: url(/img/layout/corporate/fix_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	padding-top: 50px; */
}

.ex_width {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.ex_width .exw_inner {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}

.flex_wrap .item-list-col {
	width: 33%;
	margin-right: .5%;
}

.flex_wrap .item-list-col:nth-child(3n) {
    margin-right: 0;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/* Border
==================*/

.bd-none {
	border: none !important;
}

.bdr-none {
	border-right: none !important;
}

.bd-1 {
	border: 1px solid #000;
}

.bd-d2 {
	border: 2px dashed #000;
}

.bdb-none {
	border-bottom: none !important;
}

.bdb-1 {
	border-bottom: 1px solid #eee !important;
}

.bdb-dashed {
	padding-bottom: 10px;
	border-bottom: 2.5px dashed #666;
}

.line-yellow {
	background: -webkit-gradient(transparent 20%, #F2FEC6 20%);
	background: -webkit-linear-gradient(transparent 20%, #edfb05 20%);
	background: linear-gradient(transparent 20%, #edfb05 20%);
}

.line-yellow.thin {
	background: -webkit-gradient(transparent 70%, #F2FEC6 70%);
	background: -webkit-linear-gradient(transparent 70%, #F2FEC6 70%);
	background: linear-gradient(transparent 70%, #F2FEC6 70%);
}

.line-pink {
	background: -webkit-gradient(transparent 20%, #ffd5e3 20%);
	background: -webkit-linear-gradient(transparent 20%, #ffd5e3 20%);
	background: linear-gradient(transparent 20%, #ffd5e3 20%);
}

.line-pink.thin {
	background: -webkit-gradient(transparent 70%, #ffd5e3 20%);
	background: -webkit-linear-gradient(transparent 70%, #ffd5e3 20%);
	background: linear-gradient(transparent 70%, #ffd5e3 20%);
}

.ttl-pick {
	margin-bottom: 10px;
	color: #666;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.ttl-pick span {
	background: -webkit-gradient(transparent 50%, #F7EF35 50%);
	background: -webkit-linear-gradient(transparent 50%, #F7EF35 50%);
	background: linear-gradient(transparent 50%, #F7EF35 50%);
}

.eye {
	color: #ff99cc;
	font-size: 13px;
	font-weight: bold;
}

.attention {
	color: #ff99cc;
	font-size: 12px !important;
	line-height: 1.5rem;
	letter-spacing: 1px;
}

.attention-section {
	padding: 10px !important;
	margin-top: 10px !important;
	font-size: 14px !important;
	line-height: 1.3;
	color: #777;
	border: 1px solid #eee !important;
}

.attention-section-list {
	padding: 10px !important;
	margin: 10px auto;
	width: 96%;
	font-size: 12px !important;
	line-height: 1.3;
	border: 1px solid #eee !important;
	box-sizing: border-box;
}

.attention-section-list li {
	margin-bottom: 5px;
}

.attention-section-list li:last-child {
	margin-bottom: 0;
}

.attention-section-list li:before {
	font-family: 'FontAwesome';
	content: "\f006";
}

.aside {
	padding: 10px !important;
	font-size: 13px !important;
	border: 4px double #eee;
	border-style: double none;
}

.notice {
	padding: 10px 5px;
	line-height: 1.3;
	font-size: 11px;
	color: #666;
	/*background-color: rgba(242, 113, 210, 0.1);  */
	background-color: #fff1f6;
}

.ttl-notice {
	margin-bottom: 5px;
	font-size: 15px;
	/*font-weight: bold;*/
	color: #FF8CBC;
	text-align: center;
	letter-spacing: 0;
}

/*----------------------------
*** Ico + Btn Style
----------------------------*/

.ico {
	display: inline-block;
	padding: 6px 8px;
	margin-right: 3px;
	width: inherit;
	height: inherit;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	color: #666;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: none;
}

.btn-section li {
	text-align: center;
}

.btn-section li a {
	color: #666;
}

.btn-section li a span {
	line-height: .9;
	font-size: 22px;
}

.btn-section li a i {
	line-height: 1.2;
}

.btn-section .ico {
	padding: 14px 0 0 0;
	width: 74px;
	height: 60px;
	font-size: 14px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 5px 1px inset;
	-webkit-box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 5px 1px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 5px 1px inset;
}

input[type='button'].link-btn, a.link-btn {
	display: block;
	position: relative;
	padding: 15px;
	margin: 10px auto;
	width: 75%;
	color: #fff;
	line-height: 1.1;
	font-size: 18px;
	letter-spacing: 2.5px;
	text-align: center;
	text-decoration: none !important;
	background-color: #444;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
}

input[type='button'].link-btn.btn-back:before, a.link-btn.btn-back:before, .btn_prev a:before, .refusal_no a:before, .btn_mgprev a:before {
	display: block;
	position: absolute;
	top: 47%;
	left: 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	content: "";
}

input[type='button'].link-btn.btn-next:after,
.btn_next #n_b_entrycomp:after,
 a.link-btn.btn-next:after,
 .btn_next a:after {
	display: block;
	position: absolute;
	top: 47%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

.btn_next #n_b_entrycomp {
    position: relative;
    float: none;
    padding: 13px;
    height: auto;
    line-height: 1.1;
    font-size: 14px;
    letter-spacing: 2.5px;
    text-align: center;
    background: none;
    box-sizing: border-box;
    background: none;
    border-radius: 3px;
    border: 2px solid #333;
    /* box-sizing: border-box; */
}

a.link-btn span {
	font-size: 18px;
}

.links {
	display: table;
	width: 100%;
}

.links a.link-btn {
	padding: 10px 5px;
	font-size: 20px;
}

.links a.link-btn span {
	font-size: 16px;
}

.links a.link-btn.btn-back:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 5px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: solid 2px #7f7f7f;
	border-left: solid 2px #7f7f7f;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	content: "";
}

.links a.link-btn.btn-next:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: solid 2px #7f7f7f;
	border-right: solid 2px #7f7f7f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

.link2 p {
	display: table-cell;
	width: 50%;
}

.link3 p {
	display: table-cell;
	width: 33.333%;
}

input[type='button'].link-btn.bg-pink2, input[type='button'].link-btn.bg-dgray, input[type='button'].link-btn.bg-stripe-black, .link-btn.bg-pink2, .link-btn.bg-dgray, .link-btn.bg-stripe-black {
	color: #fff;
}

input[type='button'].link-btn.bg-dgray.btn-back:before, input[type='button'].link-btn.bg-pink2.btn-back:before, input[type='button'].link-btn.bg-stripe-black.btn-back:before, .link-btn.bg-dgray.btn-back:before, .link-btn.bg-pink2.btn-back:before, .link-btn.bg-stripe-black.btn-back:before {
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
}

input[type='button'].link-btn.bg-dgray.btn-next:after, input[type='button'].link-btn.bg-pink2.btn-next:after, input[type='button'].link-btn.bg-stripe-black.btn-next:after, .link-btn.bg-dgray.btn-next:after, .link-btn.bg-pink2.btn-next:after, .link-btn.bg-stripe-black.btn-next:after {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}

.link-btn.btn-top:before {
	font-family: 'fontello';
	content: "\e801";
	padding-right: 5px;
	vertical-align: top;
}

input[type='button'].link-btn.bg-gray.btn-back:before, .link-btn.bg-gray.btn-back:before, .link-btn.btn-top.btn-back:before {
	border-top: solid 3px #F57AD6;
	border-left: solid 3px #F57AD6;
}

input[type='button'].link-btn.bg-gray.btn-next:after, .link-btn.bg-gray.btn-next:after, .link-btn.btn-top.btn-next:after {
	border-top: solid 3px #F57AD6;
	border-right: solid 3px #F57AD6;
}

div#under02column input[type='button'].link-btn,
div#under02column a.link-btn,
a.link-btn.bg-pink,
a.link-btn.bg-gray {
	color: #333;
}


/*
*itemlist-newitem.tpl
*/

.ico-head .ico {
	margin-bottom: 5px;
	color: #666;
}

.ico-parts {
	display: inline-block;
	padding: 5px;
	width: 30px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	background: url(/upload/save_image/bg/bg-stripe-black.png) 0 center !important;
}

#newitem .top-section .bnr-comment, .campaign.top-section .bnr-comment {
	/*margin-bottom: 5px;*/
	text-align: center;
	/*font-weight: bold;
	color: #666;*/
}

/*.bnr-pageplus {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.pagebnr img {
	display: block;
	margin: 0 auto;
	width: 98%;
}*/

.wide-15 {
	width: 15% !important;
}

.wide-20 {
	width: 20% !important;
}

.wide-25 {
	width: 25% !important;
}

.wide-30 {
	width: 30% !important;
}

.wide-40 {
	width: 40% !important;
}

.wide-50 {
	width: 50% !important;
}

.wide-60 {
	width: 60% !important;
}

.wide-70 {
	width: 70% !important;
}

.wide-80 {
	width: 80% !important;
}

.wide-90 {
	width: 90% !important;
}

.wide-100 {
	width: 100% !important;
}

/*----------------------------
*** お気に入りに追加するボタン
----------------------------*/

.newbtn {
	margin: 0 auto;
	width: 96%;
	text-align: right;
}

/*----------------------------
*** Btn -Page Top
----------------------------*/

.pagetop3 {
	position: fixed;
	bottom: -300px;
	right: 15px;
	z-index: 200;
	visibility: hidden;
	-webkit-transition: bottom 0.4s linear;
	transition: bottom 0.4s linear;
}

.pagetop3.visible {
	bottom: 15px;
}

/*----------------------------
*** Breadcrumb --- gold page
----------------------------*/

#gold #wrap-pc .main {
	padding: 0 !important;
	margin: 0 auto 20px;
	width: 740px !important;
	/*ココだけ変更*/
	overflow: hidden;
}

#wrap-pc {
	float: none !important;
	width: 100% !important;
}

#wrap-pc .detail-pc {
	width: 100% !important;
	background-color: #eceff1 !important;
}

#wrap-pc .detail-pc li {
	width: 50% !important;
	padding: 5px;
	background-color: transparent !important;
	box-sizing: border-box;
}

#gold .lineup ul li .inner div.wide {
	padding-bottom: 1px;
	width: 100%;
	clear: both;
}

#wrap-pc .lineup ul li {
	width: 365px;
}

#wrap-pc .lineup ul li:nth-of-type(odd) {
	float: left;
}

#wrap-pc .lineup ul li:nth-of-type(even) {
	float: right;
}

#gold p.text {
	padding: 10px;
	font-size: 13px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.6;
}

#gold ul.spec {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

#gold ul.spec li {
	float: left;
	border-right: 1px solid #000;
	box-sizing: border-box;
}

#gold ul.spec.spec-3 li {
	width: 33.3333%;
}

#gold ul.spec li:last-child {
	border-right: 0;
}

#gold .lineup .ttl-span {
	width: 100%;
	border: 2px solid #000;
	border-style: solid none solid none;
	box-sizing: border-box;
}

#gold ul.spec li, #gold .lineup .ttl-span p {
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1.5px;
	color: #000;
	background-color: #fff;
	box-sizing: border-box;
}

#main-pc {
	float: none !important;
	width: 100% !important;
}

/*----------------------------
*** iPadiPadサイズ以下
----------------------------*/

@media screen and (max-width: 768px) {
	input[type='button'].link-btn, a.link-btn {
		width: 90%;
		font-size: 13px;
	}
}