@charset "UTF-8";

html {
	font-size: 62.5%;
}

body {
	font-size: 12px;/*ie8以前ブラウザ用*/
	font-size: 1.2rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	color: #000;
	background-color: #fff;
	width: 100%;
	background-image: url("../images/back.jpg");

}

@media (min-width: 768px) {

body {
	font-size: 16px;/*ie8以前ブラウザ用*/
	font-size: 1.6rem;
}
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: inherit;
	font-size: inherit;
}

img {
	max-width: 100%;
	height: auto;
}

ol,
ul,
dl,
p {
	padding: 0;
	margin: 0;
}

ol,
ul {
	list-style-position: inside;
}

dt,
dd {
	/*line-height: inherit;*/
	font-weight: normal;
}
pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/********************************
フォント
*********************************/

@font-face {
	font-family: 'Lato-Regular';
	src:url("../font/Lato-Regular.woff2") format('woff2'),
		url("../font/Lato-Regular.woff") format('woff'),
		url("../font/Lato-Regular.ttf") format('truetype')
}
@font-face {
	font-family: 'Lato-Bold';
	src:url("../font/Lato-Bold.woff2") format('woff2'),
		url("../font/Lato-Bold.woff") format('woff'),
		url("../font/Lato-Bold.ttf") format('truetype')
}
@font-face {
	font-family: 'Lato-Black';
	src:url("../font/Lato-Black.woff2") format('woff2'),
		url("../font/Lato-Black.woff") format('woff'),
		url("../font/Lato-Black.ttf") format('truetype')
}

/********************************
リンク設定
*********************************/
a {
	/*color: #cc9966;*/
	text-decoration: none;
}
a:focus, *:focus { outline:none; }
a:visited {
	color: #50C878;
	text-decoration: none;
}
a:hover {
	color: #;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
/********************************
カラム設定
*********************************/

/*container*/
.container {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;

}

@media (min-width: 768px) {
.container {
	width: 730px !important;
	padding-left: 0;
	padding-right: 0;
	padding-top: 170px;
}
}

@media (min-width: 992px) {
.container {
	width: 940px !important;
	padding-top: 150px;
}
}


/********************************
sp pc 表示切り替え
*********************************/
.pc {
	display: none;
}

@media (min-width: 768px) {

.sp {
	display: none;
}

.pc {
	display: block;
}
}

/********************************
罫線
*********************************/
hr {
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	border-top: 1px solid #ccc;
}

/********************************
改行位置の調整
*********************************/
br.pc {
	display: none;
}

@media (min-width: 768px) {

br.sp {
	display: none;
}

br.pc {
	display: inline;
}
}

br.xs {
	display: inline;
}

br.sm {
	display: none;
}

br.md {
	display: none;
}

br.lg {
	display: none;
}

@media (min-width: 768px) {

br.xs {
	display: none;
}

br.sm {
	display: inline;
}

br.md {
	display: none;
}

br.lg {
	display: none;
}
}

@media (min-width: 992px) {

br.xs {
	display: none;
}

br.sm {
	display: none;
}

br.md {
	display: inline;
}

br.lg {
	display: none;
}
}

@media (min-width: 1200px) {

br.xs {
	display: none;
}

br.sm {
	display: none;
}

br.md {
	display: none;
}

br.lg {
	display: inline;
}
}

/********************************
タイトル
*********************************/

.ttl_wrap h1{
	color: #41474d;
	font-family: 'Lato-Black';
	font-weight: 900;
	font-size: 16px;
	line-height: 1.2;
}

.ttl_wrap {
    display: flex;
    align-items: center;
}

.ttl_wrap:before,
.ttl_wrap:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #666;
}

.ttl_wrap:before {
    margin-right: 1rem;
}

.ttl_wrap:after {
    margin-left: 1rem;
}



@media (min-width: 768px) {
.ttl_wrap{
	padding: 30px 0 0;
	margin: 0 0 30px 0px;
}
.ttl_wrap h1{
	font-size: 26px;
}
.ttl_wrap a span{
	right: 20px;
	font-size: 12px;
	margin-top: -6px;
}
}

.newallbtn a{

}

.newallbtn a span{
  font-family: 'Lato-Black';
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 0.7em;
  font-weight: bold;
  width: 100%;
  max-width: 100px;
  color: #fff;
  border: 2px solid #50C878;
  border-radius: 10px;
  background: none !important;
  background-color: #50C878 !important;
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: none;
}
.newallbtn a span:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
}

h2.common_ttl{
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight: 400;
	font-size: 1.8em;
	padding-bottom: .25em;
    margin-top: .5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #50C878;
}
h3.common_ttl{
	text-align: left!important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	font-weight: 400!important;
	font-size: 1.6em!important;
	padding-bottom: .25em!important;
    margin-top: .5em!important;
    margin-bottom: 1em!important;
    border-bottom: 1px solid #cccccc!important;
}


.head-border h1 {
	color: #41474d;
	font-family: 'Lato-Black';
	font-weight: 900;
	font-size: 16px;
	line-height: 1.2;
}

.head-border {
    display: flex;
    align-items: center;
}

.head-border:before,
.head-border:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #666;
}

.head-border:before {
    margin-right: 1rem;
}

.head-border:after {
    margin-left: 1rem;
}

@media (min-width: 768px) {

.head-border h1 {
	font-size: 26px;
}
}


/********************************
form
*********************************/
/***reset & common setting****/
/* text */
input::-ms-clear {
	visibility: hidden;
}
/* password */
input::-ms-reveal {
	visibility: hidden;
}
/* select */
select::-ms-expand {
   visibility: hidden;
}
/* placeholder */
:placeholder-shown {
    color: #afafaf;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #afafaf;
}

/* Firefox 18- */
:-moz-placeholder {
    color: #afafaf; opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
    color: #afafaf; opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #afafaf;
}
/*require*/
.require {
	color: #c9a66f;
	padding: 0 .5rem;
}
/***お問い合わせページのフォーム****/
/*layout*/
.formarea_contact p{
	margin-bottom: 1.5em;
}
.formarea_contact dl{
	padding: 15px 0;
}
.formarea_contact dl dd input{
	border:1px solid #ccc;
}
.formarea_contact dl dd textarea{
	border:1px solid #ccc;
}	
@media (min-width: 768px) {
.formarea_contact dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 30px 0;
}
.formarea_contact dl dt{
	display: table-cell;
	width: 15em;
	vertical-align: top;
}
.formarea_contact dl dd{
	display: table-cell;
	vertical-align: middle;
}	
}
/*form*/
.formarea_contact input[type="text"],.formarea_contact input[type="password"]{
	background: transparent;
	border: none;
	color: #000;
	border: 1px solid #ccc;
	padding: 2px;
}
.formarea_contact input[type="text"]:focus,.formarea_contact input[type="password"]:focus{
	outline: none;
}
.formarea_contact select{
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	color: #000;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	cursor:pointer;
	width: 100%;
}
.formarea_contact .select_label {
	display:inline-block;
	border: 0;
	border-bottom: 1px solid #ffffff;
	margin: 0;
	width: 100%;
	vertical-align: middle;
	background: transparent;
	position: relative;
}
.formarea_contact .select_label:before {
	content: "\f107";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #ffffff;
	position:absolute;
	z-index:0;
	right:10px;
	top:50%;
	margin-top:-.5em;
}
.formarea_contact select option{
	color: #000;
	background: #fff;
}
.formarea_contact textarea{
	background: transparent;
	border: none;
	border: 1px solid #fff;
	padding: 10px;
}
.formarea_contact label{
	font-weight: normal;
	padding-left: 1em;
	line-height: 1;
	cursor: pointer;
}
/***白背景のフォーム****/
.formarea_join{
	background: #fff;
	padding: 10px;
	color: #777777;
}
@media (min-width: 768px) {
.formarea_join{
	padding: 30px;
}
}
/*layout*/
.formarea_join p{
	margin-bottom: 1.5em;
}
.formarea_join ul,.formarea_join ol{
	margin-bottom: 1.5em;
	padding-left: 2em;
	list-style-position: outside;
}
.formarea_join ul li{
	margin: 5px 0;
}
.formarea_join ol li{
	margin: 5px 0;
}
.formarea_join dl{
	padding: 10px 0;
}
@media (min-width: 768px) {
.formarea_join dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 20px 0;
	font-size: 0.9em;
}
.formarea_join dl dt{
	display: table-cell;
	width: 13em;
	vertical-align: top;
	padding-top: 6px;
	margin-bottom:3px;
}
.formarea_join.formarea_form_check dl dt{
	padding-top: 0;		
}
.formarea_join dl dd{
	display: table-cell;
	vertical-align: top;
}
.formarea_join.formarea_join dl dd{
	color:#333333;
}
}
.table_layout{
	display:table;
	width:100%;
	table-layout:fixed;
}
.table_layout_cell{
	display:table-cell;
	vertical-align:top;
}
.formarea_join .pc_w_50-sp_w_100{
	width: 50%;
}
@media (max-width: 767px) {
.formarea_join .sp_w_100{
	width: 100%!important;
	max-width: none!important;
}
.formarea_join .pc_w_50-sp_w_100{
	width: 100%;
}
}
/*comment*/
.formarea_join dl dd .form_txt{
	margin-top:10px;
	margin-bottom:3px;
}
@media (min-width: 768px) {
.formarea_join dl dd .form_txt{
	margin-top:20px;
	margin-bottom:3px;
}
.formarea_join dl dd .form_txt:first-child{
	margin-top:0;
}
}
.error_txt{
	font-size: 1em;
	font-weight: bold;
	color:#ff0000;
	padding:5px 0;
	line-height: 1.2;
}
.comment_txt{
	font-size: .8em;
	color:#666666;
	padding:5px 0;
}
.error_list{
	color:#ff0000;
	padding: 10px;
	border: 1px solid #ff0000;
	background: #fee9e9;
}
@media (min-width: 768px) {
.error_list{
	padding: 15px;
}
}
.error_list p{
	margin-bottom: .5em;
}
.error_list ul li{
	list-style: none;
}
/*form*/
.formarea_join input[type="text"],.formarea_join input[type="password"]{
	background: transparent;
	border: none;
	border-radius: 0;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 5px 10px;
}
.formarea_join textarea{
	background: transparent;
	border: none;
	border-radius: 0;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 5px 10px;
	width: 100%;
}
.formarea_join input[type="text"]:focus,.formarea_join input[type="password"]:focus,.formarea_join textarea:focus{
	border: 1px solid #50C878;
	outline: none;
}
.formarea_join input[type="text"].error_input,.formarea_join input[type="password"].error_input{
	border: 1px solid #ff0000;
	outline: none;
}

.formarea_join select{
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	color: #333333;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	cursor:pointer;
	width: 10em;
	padding-right: 20px;
}
.formarea_join .select_label {
	display:inline-block;
	border: 0;
	border: 1px solid #cccccc;
	margin: 0;
	max-width: 100%;
	vertical-align: middle;
	background: transparent;
	position: relative;
	padding: 5px 10px;
	margin-right:5px;
	margin-bottom: 5px;
}
.formarea_join .select_label:before {
	content: "\f107";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	position:absolute;
	z-index:0;
	right:10px;
	top:50%;
	margin-top:-.5em;
}
@media (min-width: 768px) {
.formarea_join .select_label {
	margin-right:20px;
}
}
.formarea_join .select_label.error_input{
	border: 1px solid #ff0000;
}
.formarea_join input[type="radio"],.formarea_join input[type="checkbox"]{
	margin-right:.5em;
}
.formarea_join label{
	font-weight: normal;
	line-height: 1.4;
	margin-right:1em;
	cursor: pointer;
}
/***password****/
.pm-indicator {
	margin:10px 0;
	padding:.8rem 1rem;
	color:#666666;
	font-size:12px;
	text-align:center;
	border:1px solid #ccc;
	background:#e4e4e4;
	text-shadow:1px 1px 0 rgba(255,255,255,.8);
	-webkit-transition:all .2s ease-in-out;
		  transition:all .2s ease-in-out;
}
@media (min-width: 768px) {
.pm-indicator {
	width: 50%;
}
}
.pm-indicator.very-weak,
.pm-indicator.not-match {
	border-color:#be1d30;
	background-color:#ffc3cf;
}

.pm-indicator.weak {
	border-color:#ff787d;
	background-color:#ffe6e5;
}
.pm-indicator.average {
	border-color:#ffcb2d;
	background-color:#fbf8cb;
}
.pm-indicator.strong {
	border-color:#78bc42;
	background-color:#bceea6;
}
.pm-indicator.very-strong {
	border-color:#4f85a7;
	background-color:#68c6d7;
}
/********************************
btn
*********************************/
/*common*/
.common_btn{
	text-align: center;
}
.common_btn a{
	font-family: 'Lato-Black';
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	max-width: 200px;
	color: #fff;
	/*border: 2px solid #50C878;
	border-radius: 10px;
	background: none!important;*/
	background-color: #50C878!important;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
}
.common_btn a:hover{
	color: #fff;
	text-decoration: none;
}
.common_btn.lg_btn a{
	width: 100%;
	max-width: 260px;
}
@media (min-width: 768px) {
.common_btn a{
	font-size: 1.1em;
	max-width: 280px;
	border: 4px solid #50C878;
}
.common_btn.lg_btn a{
	max-width: 450px;
}
}
/*login*/
.login_btn{
	text-align: center;
}
.login_btn a{
	font-family: 'Lato-Black';
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	max-width: 110px;
	color: #50C878;
	border: 2px solid #50C878;
	border-radius: 10px;
	background-color: #fff;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
}
.login_btn a:hover{
	color: #50C878;
	text-decoration: none;
}
@media (min-width: 768px) {
.login_btn a{
	font-size: 1.1em;
	max-width: 220px;
}
}
/*lg*/
.login_btn_lg{
	text-align: center;
}
.login_btn_lg a{
	font-family: 'Lato-Black';
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	color: #50C878;
	border: 2px solid #50C878;
	border-radius: 10px;
	background-color: #fff;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
}
.login_btn_lg a:hover{
	color: #50C878;
	text-decoration: none;
}
@media (min-width: 768px) {
.login_btn_lg a{
	font-size: 1.1em;
}
}
/*decision*/
.decision_btn{
	text-align: center;
}
.decision_btn a{
	font-family: 'Lato-Black';
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	max-width: 245px;
	color: #ffffff;
	/*border-radius: 10px;*/
	background-color: #50C878;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
}
.decision_btn a:hover{
	color: #ffffff;
	text-decoration: none;
}
@media (min-width: 768px) {
.decision_btn a{
	font-size: 1.1em;
	max-width: 410px;
}
}
/*back*/
.back_btn{
	text-align: center;
}
.back_btn a{
	font-family: 'Lato-Black';
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	max-width: 110px;
	color: #fff;
	/*border-radius: 10px;*/
	background-color: #999;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
}
.back_btn a:hover{
	color: #fff;
	text-decoration: none;
}
@media (min-width: 768px) {
.back_btn a{
	font-size: 1.1em;
	max-width: 220px;
}
}
.back_btn02 a{
	max-width: 245px;
	margin-top: 20px;
}
@media (min-width: 768px) {
.back_btn02 a{
	max-width: 410px;
}
}
/*address*/
.address_btn{
	color:#fff;
	background: #666666;
	padding: 5px 10px;
	border: none;
	cursor: pointer;
	outline: none;
	margin:0 5px;
}
/********************************
ヘッダー
*********************************/
#header {
	position: relative;
	display: block;
}
#header #humberger{
	display: block;
	width: 41px;
	height: 41px;
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	border-radius: 0 0 6px 0;
}
#header #humberger{
	display: block;
	width: 41px;
	height: 41px;
	background: #f5f5f5;
	position: abs;
	z-index: 1003;
	left: 0;
	top: 0;
	border-radius: 0 0 6px 0;
	cursor: pointer;
}
#header #humberger span {
	position: absolute;
	left: 35%;
	width: 30%;
	height: 2px;
	background-color: #50C878;
	display: inline-block;
	transition: all .2s;
}
#header #humberger span:nth-of-type(1) {
	top: 15px;
}
#header #humberger span:nth-of-type(2) {
	top: 19px;
}
#header #humberger span:nth-of-type(3) {
	bottom: 16px;
}

#header #humberger.open span:nth-of-type(1) {
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}
#header #humberger.open span:nth-of-type(2) {
	opacity: 0;
}
#header #humberger.open span:nth-of-type(3) {
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-3px) rotate(45deg);
}
@media (min-width: 768px) {
#header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
#header.top_header {
	position: relative;
	left: auto;
	top: auto;
}
#header #humberger{
display:none;
}
}
/********************************
navi
*********************************/
.gnavi{
	display: none;
	position: fixed;
	z-index: 1002;
	width: 100%;
	max-height: 100vh;
	overflow-y:scroll;
	left: 0;
	top: 0;
	background: #fff;
	padding: 20px 20px 20px 20px;
}
.gnavi .head_common_navi {
	text-align: center;
}
.gnavi .head_common_navi li{
	list-style: none;
}
.gnavi .head_common_navi li a{
	font-family: 'Lato-Black';
	font-weight: 900;
	font-size: 15px;
	line-height: 1;
	display: block;
	color: #505153;
	text-decoration: none;
	padding: 12px;
}
.gnavi .head_common_navi li a:hover{
	text-decoration: none;
	color: #50C878;
}
.gnavi .member_login{
	border-top: 1px solid #50C878;
	padding-top: 10px;
	margin-top: 10px;
}
.gnavi .member_login p{
	text-align: center;
	color: #50C878;
	font-family: 'Lato-Black';
	font-weight: 900;
	font-size: 15px;
	line-height: 1;
	padding: 12px;
}
.gnavi .member_login .member_login_btn{
	text-align: center;
}
.gnavi .member_login .member_login_btn li{
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}
.gnavi .member_login .member_login_btn li a{
	display: block;
	width: 105px;
	font-family: 'Lato-Black';
	font-weight: 900;
	font-size: 15px;
	line-height: 1;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #50C878;
	color: #50C878;
}
.gnavi .member_login .member_login_btn li:first-child a{
	background: #50C878;
	color: #fff;
}
.gnavi .member_login .member_login_btn li a:hover{
	text-decoration: none;
}
.gnavi .member_login .member_menu li{
	list-style: none;
	text-align: center;
}
.gnavi .member_login .member_menu li a{
	font-family: 'Lato-Black';
	font-weight: 900;
	font-size: 15px;
	line-height: 1;
	display: block;
	color: #505153;
	text-decoration: none;
	padding: 12px;
}
.gnavi .member_login .member_menu li a:hover{
	text-decoration: none;
	color: #50C878;
}
.gnavi .member_login .member_menu li a:after {
	content: "\f13e";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
.gnavi .member_login .member_menu.locked li a:after {
	content: "\f023";
}
@media (min-width: 768px) {
.gnavi{
/*	display: none;*/
/*-----コメントアウト解除-----*/
	display: block;
	position: relative;
	z-index: 1000;
	width: 100%;
	background: rgba(0,0,0,0.70);
	padding: 0;
	overflow: visible;
	height: auto;
/*-----コメントアウト解除-----*/
}
.gnavi .head_common_navi li{
	display: inline-block;
}
.gnavi .head_common_navi li a{
	font-size: 14px;
	display: block;
	color: #fff;
	padding: 20px 12px;
}
.gnavi .mamber_menu_area{
	background: #fff;
	text-align: center;
	padding: 10px 0;
}
.gnavi .member_login{
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
.gnavi .member_login p{
	font-size: 14px;
	padding: 0 12px;
	display: inline-block;
}
.gnavi .member_login .member_login_btn{
	display: inline-block;
}
.gnavi .member_login .member_login_btn li{

}
.gnavi .member_login .member_menu {
	display: inline-block;
}
.gnavi .member_login .member_menu li{
	display: inline-block;
}
.gnavi .member_login .member_menu li a{
	font-size: 14px;
	padding: 0 12px;
}
}
@media (min-width: 992px) {
.gnavi .head_common_navi li a{
	font-size: 18px;
}
.gnavi .member_login p{
	font-size: 18px;
}
.gnavi .member_login .member_menu li a{
	font-size: 18px;
}
}
/********************************
EC
*********************************/
#header.ec_header {
	border-bottom: 3px solid #50C878;
	height: 50px;
	background:#fff;
	z-index: 5000;
	position: fixed;
}
.head_ec_icon{
/*	position: fixed;*/
	z-index: 5000;
    width: 100%;
    border-bottom: 2px solid #50C878;
    background:#fff;
    height: 50px;

}

/*.head_ec_icon{
	position: fixed;
	z-index: 1001;
	right: 10px;
	top: 2px;
}*/
.head_ec_icon ul li{
	list-style: none;
	display: inline-block;
	width: 50px;
	right: 0;
	position: absolute;

	/*border-radius: 50%;
	box-shadow:0px 0px 6px -2px #000;
-moz-box-shadow:0px 0px 6px -2px #000;
-webkit-box-shadow:0px 0px 6px -2px #000;*/
}
.head_ec_icon ul li a{
	display: block;

}
/*@media (min-width: 768px) {
.head_ec_icon{
	right: 50%;
	top: 30px;
	margin-right: -380px;
}
}*/
@media (min-width: 992px) {
/*.head_ec_icon{
	right: 50%;
	top: 15px;
	margin-right: -490px;
}*/
.head_ec_icon ul li{
	width: 50px;
}
}
/*search*/
.head_search_area{
	display: none;
/*	background: #e4e4e4;
	padding: 15px;*/
}
.head_search_inner{
	width: 100%;
	max-width: 730px;
	margin-left:auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
}
.head_search_area input[type="text"]{
	background: #fff;
	border: none;
	border-radius: 0;
	color: #333333;
	padding: 5px 10px;
	width: 440px;
	height: 38px;
}

.head_search_area input[type="submit"]{
	font-family: FontAwesome;
	color: #fff;
	background: #50C878;
	width: 38px;
	height: 38px;
	padding: 0;
	margin: 0;
	outline: none;
	border-style: none;
}
.head_search_area input[type="submit"]:hover{
	opacity: .75;
}

.head_search_freeword{
	display: table-cell;
	vertical-align: top;
	width: 490px;
}
.head_search_btn{
	display: table-cell;
	vertical-align: top;
}
.head_search_btn li{
	list-style: none;
	display: inline-block;
	line-height: 38px;
}
.head_search_btn li:first-child{
	margin-right: 6px;
}
.head_search_btn li a{
	font-size: 14px;
	line-height: 1;
	padding: 12px 20px;
	border-radius: 3px;
	background: #afafaf;
	text-decoration: none;
	color: #fff;
}
.head_search_btn li a:hover{
	background: #9a9a9a;
}
/********************************
top logo scroll
**********************************/
/*.logo01{
	width: 157px;
	position: absolute;
	top: 30%;
	left: 10px;
}*/
.logo02{
	width: 52px;
	position: absolute;
	bottom: 70px;
	right: 40px;
	display: none;
}
.scroll_down{
	position: absolute;
	bottom: 80px;
	left: 50%;
	margin-left: -23px;
}
@media (max-width: 767px) {
	.logo01 img{
		display: none;
	}
}
@media (min-width: 768px) {
.logo01{
	width: 100%;
}
.logo01 img{
	display: block;
    max-width: 100%;
    height: auto;
	position: absolute;
	top: 50%;
	right:0;
	margin-right:100px;
	width: 598px;
}
.logo02{
	width: auto;
	position: absolute;
	bottom: 100px;
	right: 10%;
	margin-right: -400px;
}
}
/*********************************
top_sns
**********************************/
.head_sns_icon_area{
	width: 100%;
	position: absolute;
	left: 0;
	bottom:0;
}
.head_sns_icon_area ul{
	padding: 10px;
	background: rgba(0,0,0,0.70);
	text-align: center;
}
.head_sns_icon_area ul li{
	list-style: none;
	display: inline-block;
}
.head_sns_icon_area ul li a{
	line-height: 0;
	display: block;
	padding:0;
	background: none;
	font-size: 18px;
	margin: 0 10px;
	color: #fff;
}
.head_sns_icon_area ul li a:hover{
	color: #fff;
	text-decoration: none;
}

@media (min-width: 768px) {

.head_sns_icon_area ul li a{
	font-size: 36px;
	margin: 0 15px;
}
}
/*********************************
ページトップ
**********************************/
.pagetop{
	position: fixed;
	z-index: 1000;
	right: 10px;
	bottom: 10px;
	display: none;
}
.pagetop a{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #545454;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
}
.pagetop a:hover{
	text-decoration: none;
	background: #777777;
}
.pagetop a i{
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}


.topm100{
	margin-top: 50px;
}

@media (min-width: 768px) {
.pagetop{
	position: fixed;
	right: 20px;
	bottom: 20px;
}
.pagetop a{
	width: 60px;
	height: 60px;
	border-radius: 6px;
}
.pagetop a i{
	font-size: 32px;
	line-height: 60px;
}
	
.topm100{
	margin-top: 80px;
}	

}
/*********************************
フッター
**********************************/
#footer {
	padding-top: 10px;
	background:#62aa6a;
	border-top:3px solid #50C878;
	position: relative;
	color: #fff;
}
@media (min-width: 768px) {
#footer {
}
}
/*copyright*/
.copyright {
	font-family: 'Lato-Regular';
	font-weight: 400;
	font-size: 9px;
	text-align: center;
	margin-bottom: .5em;
	margin-top: -100px;

}
.foot_attention{
	font-size: 9px;
	text-align: center;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
.copyright {
	font-size: 12px;
}
.foot_attention{
	font-size: 12px;
}
}
/*footer_navi*/
.footer_navi {
	text-align: center;
}
.footer_navi li {
	text-decoration: none;
}
.footer_navi li a{
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	display: block;
	padding: 10px;
}
.footer_navi li a:hover{
	text-decoration: none;
	color: #50C878;
}
@media (min-width: 768px) {
.footer_navi li {
	display: inline-block;
}
.footer_navi li a{
	font-size: 14px;
}
}
/*sns*/
.foot_sns_icon_area{
	padding: 25px 0;
}
.foot_sns_icon_area ul{
	text-align: center;
}
.foot_sns_icon_area ul li{
	list-style: none;
	display: inline-block;
}
.foot_sns_icon_area ul li a{
	line-height: 0;
	display: block;
	padding:0;
	background: none;
	font-size: 18px;
	margin: 0 10px;
	color: #fff;
}
.foot_sns_icon_area ul li a:hover{
	color: #fff;
	text-decoration: none;
}
@media (min-width: 768px) {
.foot_sns_icon_area{
}
.foot_sns_icon_area ul li a{
	font-size: 24px;
	margin: 0 15px;
}
}
/********************************************************
bgswitcher
*********************************************************/
/*背景スライド*/
.bg_switch {
	position:fixed;
	width: 100%;
	height: 100Vh;
	left: 0;
	top: 0;
	z-index:-1;
}
.bg_switch_wrap div{
	content: "";
	display: block;
	width:100%;
	height:100vh;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:50% 0;
}
/*loader*/
#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	margin-top: -22px;
}
#loader-bg {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 10000;
	background: #fff;
}
/*********************************
topバナー
**********************************/
.top_bnr{
	margin-top: 20px;
	background: #1a1a1a;
	border-radius: 6px;
	overflow: hidden;
}
@media (min-width: 768px) {
.top_bnr{
	margin-top: 40px;

}
}
.top_bnr_item{
	position: relative;
	padding-bottom: 40px;
	background:#2e3948;
	color: #fff;
}
.top_bnr_item figure img{
	width: 100%;
}
.top_bnr_item dl{
	padding: 10px;
}
.top_bnr_item dl dt{
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}
.top_bnr_item dl dd{
	font-size: 12px;
}
.read_more{
	position: absolute;
	right: 10px;
	bottom:10px;
}
.read_more a{
	font-family: 'Lato-Regular';
	font-weight: 400;
	color: #fff;
	font-size: 12px;
}
.read_more a:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
.read_more a:hover{
	color: #50C878;
	text-decoration: none;
}
@media (min-width: 992px) {
.top_bnr_item{
	/*display: table;*/
	width: 100%;
	table-layout: fixed;
	padding: 0;
}
.top_bnr_item figure{
	width: 620px;
	display: table-cell;
}
.top_bnr_item figure img{
}
.top_bnr_item dl{
	display: table-cell;
	vertical-align: top;
	padding: 25px 20px 0 20px;
}
.top_bnr_item dl dt{
	font-size: 16px;
	margin-bottom: 20px;
}
.top_bnr_item dl dd{
	font-size: 14px;
}
.read_more{
	position: absolute;
	right: 10px;
	bottom:34px;
}
.read_more a{
	font-size: 14px;
}
}
/*dot*/
.top_bnr .slick-dots{
    position: absolute;
    bottom: 14px;
	left: 10px;
}
@media (min-width: 992px) {
.top_bnr .slick-dots{
    position: absolute;
    bottom: 14px;
	left: 640px;
}
}
/*********************************
tweet api
**********************************/
.tweet_are{
	margin-top: 20px;
	background: #1a1a1a;
	border-radius: 6px;
	padding: 10px;
}
.tweet_are dl dt{
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.tweet_are dl dd{
	font-size: 12px;
}
.tweet_are dl dd a{
	color: #fff;
}
.tweet_are dl dd a:hover{
	text-decoration: none;
}
@media (min-width: 768px) {
.tweet_are{
	padding: 20px;
}
.tweet_are dl {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.tweet_are dl dt{
	font-size: 36px;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
	width: 1em;
}
.tweet_are dl dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	padding-left: 20px;
}
}
/*********************************
トップページ_お知らせ
**********************************/
/*tag*/
.new_tag{
	display: inline-block;
	font-size: 8px;
	font-family: 'Lato-Regular';
	font-weight: 400;
	line-height: 1;
	padding: 3px 5px;
	margin-left: 5px;
	background: #ff3333;
	color: #fff;
	vertical-align:2px;
}
.top_news_list{
	margin-top: 20px;
}
.top_news_list_item{
	background: #1a1a1a;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 10px;
}
.top_news_list_item figure{
	position: relative;
	overflow: hidden;
	border-radius: 6px 6px 0 0
}
.top_news_list_item figure figcaption{
	font-size: 9px;
	font-family: 'Lato-Black';
	font-weight: 900;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 1;
	background: #1a1a1a;
	padding: 3px 5px;
}
.top_news_list_item figure img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.top_news_list_item dl{
	padding: 10px;
}
.top_news_list_item dl dt{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
}
.top_news_list_item dl dd{
	font-size: 9px;
	color:#999;
	margin-top: 5px;
}
/*link*/
.top_news_list_item a{
	display: block;
	text-decoration: none;
	color: #fff;
}
.top_news_list_item a:hover figure img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.top_news_list_item a:hover dl dt{
	text-decoration: none;
}
@media (min-width: 768px) {
.top_news_list_item{
	margin-bottom: 20px;
}
.top_news_list_item figure figcaption{
	font-size: 12px;
	padding: 4px 7px;
}
.top_news_list_item dl {
	padding: 20px;
}
.top_news_list_item dl dt{
	font-size: 14px;
}
.top_news_list_item dl dd{
	font-size: 12px;
}
}
/*********************************
トップページ_video
**********************************/
.top_video_area{
	margin-top: 10px;
}
@media (min-width: 768px) {
.top_video_area{
	margin-top: 0;
}
}
.yt_wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.yt_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.btn_store{
	border-radius: 0 0 6px 6px;
	background: rgb(56,56,56); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(56,56,56,1) 0%, rgba(26,26,26,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(56,56,56,1) 0%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(56,56,56,1) 0%,rgba(26,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 */
	box-shadow:0px -1px 0px 0px #666666;
	-moz-box-shadow:0px -1px 0px 0px #666666;
	-webkit-box-shadow:0px -1px 0px 0px #666666;
}
.btn_store a{
	color: #fff;
	display: block;
	padding: 7px 10px;
	line-height: 1;
	font-size: 9px;
	font-family: 'Lato-Regular';
	font-weight: 400;
}
.btn_store a:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
.btn_store a:hover{
	text-decoration: none;
	color: #50C878;
}
@media (min-width: 768px) {
.btn_store a{
	padding: 14px 20px;
	font-size: 12px;
}
}
/*********************************
トップページ_ニュース画像なし
**********************************/
.top_news_area{
	margin-top: 30px;
}

@media (min-width: 768px) {
.top_news_area{
	margin-top: -110px;
}
}

@media (min-width: 992px) {
.top_news_area{
	margin-top: -110px;
}
}

.article_list article{
	border-bottom: 2px dotted #ccc;
	background: #fff;
}
.article_list article:last-child{

}
.article_list article a{
	display: block;
	padding: 10px;
	color: #0a610a;
	text-decoration: none;
}
.article_list article a:hover{
	text-decoration: none;
	color: #50C878;
	background-color: #f0f0f0;
}
.article_list article dl dt{
	font-size: 9px;
	display: inline-block;
}
.article_list article dl dd{
	font-size: 12px;
}
.article_list article dl dd.article_cate{
	display: inline-block;
}
.article_list article dl dd.article_ttl:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
.article_list article dl.locked dd.article_ttl:after{
	content: "\f023";
}
@media (min-width: 768px) {
.article_list article dl{
	display: table;
	width: 100%;
	table-layout: fixed
}
.article_list article a{
	padding: 10px 20px;
}
.article_list article dl dt{
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
	width: 8em;
}
.article_list article dl dd{
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
}
.article_list article dl dd.article_cate{
	display: table-cell;
	vertical-align: middle;
	width: 6em;
}
}
/*********************************
トップページ_schedule
**********************************/
.top_schedule_area{
	margin-top: 20px;
}
/*********************************
下層メインビジュアル
**********************************/
.main_visual img{
	width: 100%;
    display:none;
}
/*********************************
パンくず
**********************************/
.bread_crumb{
	padding: 5px 0;
}
.bread_crumb li{
	font-family: 'Lato-Regular';
	font-weight: 400;
	display: inline-block;
	list-style: none;
	font-size: 9px;
}
.bread_crumb li:not(:last-child):after{
	content: ">";
	display: inline-block;
	vertical-align: 1px;
	padding: 0 5px 0 8px;
}
@media (min-width: 768px) {
.bread_crumb{
	padding: 15px 0;

	/*上部の会員メニューを表示したとき、パンくずが隠れてしまうので上部マージンを140px追加*/
	/*margin-top:100px;*/
}
.bread_crumb li{
	font-size: 12px;
}
}
/*********************************
標準のcontentsエリア
**********************************/
.contents_area{
	background: #fff;
	padding: 10px 10px 20px 10px;
}
@media (min-width: 768px) {
.contents_area{
	background: #fff;
	padding: 30px 30px 60px 30px;
}
}
/*********************************
news 一覧
**********************************/
.news_archive_list{
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #fff;
	border-bottom: 2px dotted #ccc;
}
.news_archive_list:nth-child(even){
	background: #f0f0f0;
}
.news_archive_list figure{
	display: table-cell;
	width: 90px;
	vertical-align: middle;
	background: #f0f0f0;
	position: relative;
	overflow: hidden;
}
.news_archive_list dl{
	display: table-cell;
	vertical-align: middle;
	padding: 5px 15px;
}
.news_archive_list dl dt{
	font-size: 9px;
}
.news_archive_list dl dd{
	font-size: 12px;
}
.news_archive_list dl dd:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
.news_archive_list.locked dl dd:after{
	content: "\f023";
}
/*link*/
.news_archive_list a{
	display: block;
	color: #000;
}
.news_archive_list a:hover{
	color: #50C878;
	text-decoration: none;
}
.news_archive_list:hover figure img {
	opacity: .8;
}
.news_archive_list:hover dl dd {
	color: #50C878;
}
@media (min-width: 768px) {
.news_archive_list figure{
	width: 130px;
	vertical-align: top;
	padding: 0;
}

.news_archive_list dl{
	vertical-align: top;
	padding: 20px;
}
.news_archive_list dl dt{
	font-size: 14px;
}
.news_archive_list dl dd{
	font-size: 16px;
}
}
/***pager**/
.archive_pager{
	text-align: center;
	margin-top: 10px;
	padding-bottom: 3px;
}
.archive_pager li{
	font-family: 'Lato-Regular';
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	list-style: none;
	font-size: 9px;
	border-radius: 4px;
	box-shadow:0px -1px 0px 0px #666666;
	-moz-box-shadow:0px -1px 0px 0px #666666;
	-webkit-box-shadow:0px -1px 0px 0px #666666;
	text-shadow:0px 2px 4px #000;
	overflow: hidden;
}

.archive_pager li.current_page{
	box-shadow:0px 0px 1px 1px #666666;
-moz-box-shadow:0px 0px 1px 1px #666666;
-webkit-box-shadow:0px 0px 1px 1px #666666;
}
.archive_pager li.next_page a,.archive_pager li.prev_page a{
	padding: 0 11px;
}
.archive_pager li.next_page a:before{
	content: "\f060";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
}
.archive_pager li.prev_page a:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
}
.archive_pager li a{
	display: block;
	background: #3c3c3c;
	color: #fff;
	line-height: 30px;
	padding: 0 12px;
}
.archive_pager li a:hover{
	text-decoration: none;
	color: #50C878;
	background: #5a5a5a;
}
.archive_pager li.current_page a{
	background: #1a1a1a;
}
.archive_pager li.current_page a:hover{
	pointer-events: none;
	background: #1a1a1a;
	color: #fff;
}
@media (min-width: 768px) {
.archive_pager{
	margin-top: 20px;
}
.archive_pager li{
	font-size: 24px;
	margin: 0 3px;
}
.archive_pager li.next_page a,.archive_pager li.prev_page a{
	padding: 0 21px;
}
.archive_pager li a{
	line-height: 60px;
	padding: 0 24px;
}
}
/***詳細pager**/
.detail_pager{
	text-align: center;
	margin-top: 10px;
	padding-bottom: 3px;
}
.detail_pager li{
	font-family: 'Lato-Regular';
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	list-style: none;
	font-size: 9px;
	border-radius: 4px;
	box-shadow:0px -1px 0px 0px #666666;
	-moz-box-shadow:0px -1px 0px 0px #666666;
	-webkit-box-shadow:0px -1px 0px 0px #666666;
	text-shadow:0px 2px 4px #000;
	overflow: hidden;
}
.detail_pager li.next_page{
	float: left;
}
.detail_pager li.prev_page{
	float: right;
}

.detail_pager li.next_page a:before{
	content: "\f060";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	padding-right: 3px;
}
.detail_pager li.prev_page a:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	padding-left: 3px;
}
.detail_pager li a{
	display: block;
	background: #3c3c3c;
	color: #fff;
	line-height: 30px;
	padding: 0 10px;
}
.detail_pager li a:hover{
	text-decoration: none;
	color: #50C878;
	background: #5a5a5a;
}
@media (min-width: 768px) {
.detail_pager{
	margin-top: 20px;
}
.detail_pager li{
	font-size: 24px;
}

.detail_pager li a{
	line-height: 60px;
	padding: 0 20px;
}
}
/*********************************
詳細ページスタイル
**********************************/
.detail_area a:not(".no-style")[target="_blank"] {
	padding-right: 20px;
	background: url(../images/top/a_blank.png) no-repeat 100% 50%;
}
.detail_area p{
	margin-bottom: 1.5em;
}
.detail_area h2{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: .5em;
    /*margin-top: 1.5em;*/
	margin-bottom: 1.1em;
	border-bottom: 1px solid #666;
}
.detail_area h3{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}


.detail_area figure{
	margin-bottom: 1.5em;
}


.detail_area figure figcaption{
	font-size: .8em;
	margin-top: .75em;
	line-height: 1.4;
}

.detail_area ul,.detail_area ol{
	margin-bottom: 1.5em
}
.detail_area ol{
	padding-left: 2em;
}
.detail_area ul li{
	list-style: none;
	position: relative;
	padding-left: 1em;
	margin: 5px 0;
}
.detail_area ol li{
	list-style-position: outside;
	margin: 5px 0;
}
.detail_area ul li:before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: url(../images/top/li_arrow.png) no-repeat 0 0;
	position: absolute;
	left: 2px;
	top: 7px;
}
@media (min-width: 768px) {
.detail_area ul li:before{
	left: 2px;
	top: 10px;
}
}
.detail_area ol li ul{
	margin: 5px 0;
}
.detail_area ol li ol{
	margin: 5px 0;
	padding-left: 0;
}
.detail_area ol li ol li{
	list-style: none;
	list-style-position:inside;
	counter-increment: cnt;
}
.detail_area ol li ol li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}
.detail_area table{
	width: 100%;
	margin-bottom: 1.5em;
}
.detail_area table th{
	background: #f0f0f0;
	border: 1px solid #2f2f2f;
	text-align: left;
	font-weight: bold;
	font-size: .8em;
	padding: 3px;
}
.detail_area table td{
	background: #fff;
	color: #333333;
	border: 1px solid #2f2f2f;
	font-size: .9em;
	padding: 3px;
}
@media (min-width: 768px) {
.detail_area table th{
	padding: 5px 10px;
}
.detail_area table td{
	padding: 5px 10px;
}
}


.table_scroll {
	width: 100%;
	overflow-x: auto;
}
.table_scroll > table {
	width: 650px;
	table-layout: fixed;
}
@media (min-width: 768px) {
.table_scroll > table {
	width: 100%;
}
}
/*********************************
login
**********************************/
.login_area{
	background: #fff;
	padding:10px;
}
@media (min-width: 768px) {
.login_area{
	padding:30px;
}
}
@media (min-width: 992px) {
.login_area{
	padding:30px 90px;
}
}
.login_area .lead_txt{
	margin-bottom: 1.5em;
	text-align: center;
}
.login_area .lead_txt i{
	font-size: 3em;
	display: block;
	padding-bottom: .6em;
	color: #50C878;
}
.login_area div.autologin_check{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
/*********************************
biography
**********************************/
h2.biography_ttl{
	text-align: center!important;
	font-family: 'Lato-Black'!important;
	font-weight: 900!important;
	font-size: 1.8em!important;
	padding-bottom: .5em!important;
    margin-top: .5em!important;
    margin-bottom: 1em!important;
    border-bottom: 1px solid #50C878!important;
}
.bio_eyecatch{
	text-align: center;
	margin-bottom: 1.5em;
}
.bio_eyecatch img{
	zoom: .5;
}
@media (min-width: 768px) {
.bio_eyecatch img{
	zoom: 1;
}
}
.bio_list dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 10px 0;
	border-bottom: 1px solid #666666;
}
.bio_list dl:first-child{
	margin-top: -20px;
}
@media (min-width: 768px) {
.bio_list dl{
	padding: 25px 0;
}
}
.bio_list dl dt{
	display: table-cell;
	vertical-align: top;
	width: 8em;
	font-weight: bold;
}
.bio_list dl dd{
	display: table-cell;
	vertical-align: top;
	font-size: .9em;
}

/*********************************
discography 一覧
**********************************/
/*tab*/
.tab_menu{
	margin-bottom: 20px;
	display: none;
}
.tab_menu li{
	display: inline-block;
	list-style: none;
	border-right: 1px solid #fff;
	line-height: 1;
	padding: 0!important;
}
.tab_menu li:before{
	display: none!important;
}
.tab_menu li a{
	font-family: 'Lato-Black';
	display: block;
	font-size: .8em;
	padding: 0 10px 0 6px;
	text-decoration: none;
	color: #fff;
}
.tab_menu li a:hover{
	color: #50C878;
}
@media (min-width: 768px) {
.tab_menu{
	margin-bottom: 40px;
}
.tab_menu li a{
	font-size: 1em;
	padding: 0 14px 0 10px;
}
}

/*list*/
.discography_list{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
}
.discography_list a{
	display: block;
	color: #fff;
}
.discography_list a:hover{
	color: #fff;
	text-decoration: none;
}
.discography_list a:hover div.discography_img{
	opacity: .7;
}
.discography_list a:hover dl dt{
	color: #50C878;
}
.discography_list div.discography_img{
	display: table-cell;
	vertical-align: top;
	width: 90px;
}
.discography_list dl{
	display: table-cell;
	vertical-align: top;
	line-height: 1.3;
	padding-left: 10px;
}
.discography_list dl dt{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: -.2em;
}
@media (min-width: 768px) {
.discography_list{
	background-color: #f5f5f5;							
	margin-bottom: 30px;
}
.discography_list div.discography_img{
	width: 300px;
}
.discography_list dl{
	padding-left: 20px;
	padding-top: 20px;
    color: #333;
}
}

/*********************************
video
**********************************/
.video_list{
	margin-bottom: 30px;
}
.video_list dl{
	margin-top: 10px;
}
.video_list dl dt.video_date{
	font-size: .8em;
}
.video_list dl dd.video_ttl{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: .25em;
}
.video_list dl dd.video_caption{
	font-size: 1em;
}
/*********************************
garelly
**********************************/
.garelly_list{
	margin-bottom: 20px;
}
@media (max-width: 767px) {
.garelly_list a{
	pointer-events: none;
}
}
.garelly_list dl{
	margin-top: 10px;
}
.garelly_list dl dt.garelly_date{
	font-size: .8em;
}
.garelly_list dl dd.garelly_ttl{
	font-size: .9em;
	font-weight: bold;
	margin-bottom: .25em;
}
.garelly_list dl dd.garelly_caption{
	font-size: .9em;
}
/*masonry*/
@media (min-width: 768px) {
.masonry_wrap{
}
.masonry_item{
	width: 33.33%;
	padding: 0 10px;
}
}
/*********************************
contact
**********************************/
.contact_lead_txt{
	margin-bottom: 1.5em;
}
@media (min-width: 768px) {
.contact_lead_txt{
	margin-left: auto;
	margin-right: auto;
	width: 550px;
}
}
/*********************************
mypage
**********************************/
.mypage_btn_wrap{
	width: 100%;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 1em;
}
.mypage_edit_ttl{
	font-size: 1.6em;
	margin-bottom: 1em;
}

.mypage_edit_wrap div.mypage_edit_item{
	border-bottom: 1px solid #a0a0a0;
	padding: 10px 0;
	position: relative;
}
.mypage_edit_wrap dl{
	display: table;
	width: 100%;
	table-layout: auto;
}
.mypage_edit_wrap dl dt{
	display: table-cell;
	vertical-align: top;
	white-space: nowrap;
	width: 3em;
}
.mypage_edit_wrap dl dd{
	display: table-cell;
	vertical-align: top;
}

.mypage_edit_wrap button{
	line-height: 1;
	text-align: center;
	display: block;
	font-size: 1em;
	color: #50C878;
	border: 2px solid #50C878;
	border-radius:6px;
	background-color: #fff;
	padding: 8px 20px;
	cursor: pointer;
	margin-top: 10px;
}
.mypage_edit_wrap button:hover{
	color: #50C878;
	text-decoration: none;
}
.history_table button {
	line-height: 1;
    text-align: center;
    display: block;
    font-size: 1em;
    color: #50C878;
    border: 2px solid #50C878;
    border-radius: 6px;
    background-color: #fff;
    padding: 8px 20px;
    cursor: pointer;
	margin-top: 10px;
}
.history_table .qty {
	font-weight:bold;
}

@media (min-width: 768px) {
.mypage_edit_wrap{
	/*width: 540px;*/
}
.mypage_edit_wrap div.mypage_edit_item{
	padding: 20px 0;
}
.mypage_edit_wrap dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-right: 115px;
}
.mypage_edit_wrap dl dt{
	display: table-cell;
	width: 12em;
}
.mypage_edit_wrap dl dd{
	display: table-cell;
	vertical-align: top;
}
.mypage_edit_wrap button{
	position: absolute;
	right: 0;
	top: 7px;
}
}
/*quit_btn*/
.quit_btn{
	text-align: right;
	margin-top: 2em;
}
.quit_btn a{
	text-decoration: none;
/*	color: #fff;*/
}
.quit_btn a:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
.quit_btn a:hover{
	text-decoration: none;
	color: #cc9966;
}
/*pt*/
p.mypage_pt{
	margin:2.5em 0!important;
}
p.mypage_pt span{
	padding: 0 1rem;
	font-size: 1.8em;
}
/****************************
FAQ
****************************/
.faq_list > dl {
	margin-bottom: 2rem;
}


.faq_list > dl > dt {
	background: #f0f0f0;
	padding: 1.5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.faq_list > dl > dt > span {
	font-size: 1.1em;
	position: relative;
	font-weight: bold;
	display: block;
	padding-left: 35px;
}

.faq_list > dl > dt span:before {
	font-family: 'Lato-Black';
	font-weight: 900;
	content: 'Q';
	width: 24px;
	height: 24px;
	font-size: 16px;
	color: #287cca;
	text-align: center;
	display: block;
	line-height: 1;
	padding-top: 4px;
	position: absolute;
	left: 0;
	top: 0px;
	font-weight: normal;
}

.faq_list > dl > dd {
	padding: 1.5rem;
}

.faq_list > dl > dd > span {
	position: relative;
	display: block;
	padding-left: 35px;
}

.faq_list > dl > dd span:before {
	font-family: 'Lato-Black';
	font-weight: 900;
	content: 'A';
	width: 24px;
	height: 24px;
	font-size: 16px;
	color: #e43624;
	text-align: center;
	display: block;
	line-height: 1;
	padding-top: 4px;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: normal;
}

@media (min-width: 768px) {

.faq_list > dl {
	margin-top: 2.5rem
}

.faq_list > dl > dt,
.faq_list > dl > dd {
	padding: 1.8rem;
}

.faq_list > dl > dt span:before,
.faq_list > dl > dd span:before {
	top: 3px;
}
}

/*********************************
schedule
**********************************/
.schedule_list{
}
.schedule_list article{
	border-bottom: 1px solid #666666;
}
.schedule_list article dl{
	padding: 10px 0;
}

.schedule_list article dl dt{
	display: inline-block;
	font-weight: bold;
	font-size: 1em;
}
.schedule_list article dl dd.schedule_cate {
	text-align: center;
	display: inline-block;
	vertical-align: 1px;
}
.schedule_list article dl dd.schedule_cate span{
	font-family: 'Lato-Black';
	font-weight: 900;
	background: #747474;
	display: block;
	width: 50px;
	padding: 2px;
	line-height: 1;
	font-size: .9em;
}
.schedule_list article a dl dd.schedule_ttl:after{
	content: "\f063";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
.schedule_list article a{
	display: block;
	color: #000;
	text-decoration: none;
}
.schedule_list article a:hover{
	text-decoration: none;
	color: #000;
}
.schedule_list article a:hover dl dd.schedule_ttl{
	color: #50C878;
}

@media (min-width: 768px) {
.schedule_list article dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 20px 0;
}
.schedule_list article dl dt{
	display: table-cell;
	vertical-align: top;
	width: 7.5em;
	word-wrap: break-word;
}
.schedule_list article dl dd{
	display: table-cell;
	vertical-align: top;
}
.schedule_list article dl dd.schedule_cate{
	display: table-cell;
	vertical-align: top;
	width: 120px;
	padding-top: 3px;
}
.schedule_list article dl dd.schedule_cate span{
	width: 70px;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
}
.schedule_list article dl dd.schedule_ttl{
}
}

/*scheduleinner*/
.schedule_list article .schedule_inner{
	display: none;
	padding: 10px;
	margin-bottom:10px; 
}
@media (min-width: 768px) {
.schedule_list article .schedule_inner{
	padding: 10px 20px;
	margin-bottom:20px; 
}
}
.schedule_list article .schedule_inner dl{
	display: block;
	width: 100%;
	padding: 0;
}
.schedule_list article .schedule_inner dl dt{
	font-weight: bold;
	display: block;
	width: 100%;
	margin-bottom: .5em;
}
.schedule_list article .schedule_inner dl dd{
	display: block;
	width: 100%;
}
.schedule_list article .schedule_inner ul.blog_link{
	text-align: left;
	margin-top: 1em;
}
.schedule_list article .schedule_inner ul.blog_link li{
	list-style: none;
	display: inline-block;
	margin-right: 3px;
	margin-top: 5px;
}
.schedule_list article .schedule_inner ul.blog_link li a{
	font-family: 'Lato-Black';
	border: 2px solid #50C878;
	color: #50C878;
	text-decoration: none;
	line-height: 1;
	padding: 10px;
	font-size: .8em;
	font-weight: bold;
	border-radius: 4px;
}
.schedule_list article .schedule_inner ul.blog_link li a:hover{
	color: #50C878;
	text-decoration: none;
}
.schedule_list article .schedule_inner ul.blog_link li a:after{
	content: "\f061";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	padding-left: 5px;
}
@media (min-width: 768px) {
.schedule_list article .schedule_inner ul.blog_link li a{
	padding: 5px 10px;
	font-size: 1em;
}
}

/*** モーダル コンテンツエリア ***/
.modal_window {
	position: fixed;
	top: 10%;
	left: 5%;
	z-index: 1006;
	width: 90%;
	height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 2px;
	background: #fff;
	color: #333;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	padding: 15px;
	box-sizing: border-box;
	display: none;
}
.modal_window p{
	font-size: .9em;
	margin-bottom: 1em;
}

.modal_window ul,.modal_window ol{
	font-size: .9em;
	margin-bottom: 1.5em;
	padding-left: 2em;
}
.modal_window ul li,.modal_window ol li{
	list-style-position: outside;
	margin: 5px 0;
}
.modal_window hr{
	margin-bottom: 20px;
}
@media (min-width: 768px) {
.modal_window {
	top: 50%;
	left: 50%;
	margin-left: -325px;
	width: 650px;
	margin-top: -325px;
	height: 650px;
	padding: 30px;
}
.modal_window hr{
	margin-bottom: 30px;
}
}
#modal_overlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 1005;
}
.modal_inner{
	position: relative;
}
.formarea_modal dl{
	margin: 20px 0;
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 0.9em;
}
@media (min-width: 768px) {
.formarea_modal dl{
	margin: 30px 0;
}
}
.formarea_modal dl dt{
	display: table-cell;
	width: 7em;
	vertical-align: top;
	padding-top: 6px;
	margin-bottom:3px;
}
.formarea_modal dl dd{
	display: table-cell;
	vertical-align: top;
	color:#333333;
}

/*form*/
.formarea_modal input[type="text"],.formarea_modal input[type="password"]{
	background: transparent;
	border: none;
	border-radius: 0;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 5px 10px;
}
.formarea_modal textarea{
	background: transparent;
	border: none;
	border-radius: 0;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 5px 10px;
	width: 100%;
}
.formarea_modal input[type="text"]:focus,.formarea_modal input[type="password"]:focus,.formarea_modal textarea:focus{
	border: 1px solid #50C878;
	outline: none;
}
.formarea_modal input[type="text"].error_input,.formarea_modal input[type="password"].error_input{
	border: 1px solid #ff0000;
	outline: none;
}

.formarea_modal select{
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	color: #333333;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	cursor:pointer;
	width: 10em;
	padding-right: 20px;
}
.formarea_modal .select_label {
	display:inline-block;
	border: 0;
	border: 1px solid #cccccc;
	margin: 0;
	max-width: 100%;
	vertical-align: middle;
	background: transparent;
	position: relative;
	padding: 5px 10px;
	margin-right:5px;
	margin-bottom: 5px;
}
.formarea_modal .select_label:before {
	content: "\f107";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	position:absolute;
	z-index:0;
	right:10px;
	top:50%;
	margin-top:-.5em;
}
@media (min-width: 768px) {
.formarea_modal .select_label {
	margin-right:20px;
}
}
.formarea_modal .select_label.error_input{
	border: 1px solid #ff0000;
}
.formarea_modal input[type="radio"],.formarea_modal input[type="checkbox"]{
	margin-right:.5em;
}
.formarea_modal label{
	font-weight: normal;
	line-height: 1.4;
	margin-right:1em;
	margin-bottom: 0;
	padding-top: 6px;
	cursor: pointer;
}
.search_result_no{
	padding-top: 6px;	
}
/**category**/
.modal_window ul.category_list_in_modal a{
	color: inherit;
	text-decoration: none;
}
.modal_window ul.category_list_in_modal a:hover{
	color: #50C878;
	text-decoration: underline;
}
/*大*/
.modal_window ul.category_list_in_modal{
	padding-left: 0;
}
.modal_window ul.category_list_in_modal > li{
	font-size: 16px;
	font-weight: bold;
	list-style: none;
}
/*中*/
.modal_window ul.category_list_in_modal > li > ul{
	padding-left: 1em;
	margin-top: 1.5em;
}
.modal_window ul.category_list_in_modal > li > ul > li{
	font-size: 14px;
	font-weight: normal;
	list-style: square;
}
/*小*/
.modal_window ul.category_list_in_modal > li > ul > li > ul{
	padding-left: 1em;
	margin-top: 1.5em;
}
.modal_window ul.category_list_in_modal > li > ul > li > ul > li{
	font-size: 14px;
	font-weight: normal;
	list-style: none;
	display: inline-block;
	width: 48%;
	padding-left: 10px;
	vertical-align: top;
	position: relative;
}
.modal_window ul.category_list_in_modal > li > ul > li > ul > li:before{
	content: "・";
	display: block;
	position: absolute;
	line-height: 1;
	left: -.5em;
	top: .5em;
}
/*********************************
本登録
**********************************/
.pay_logo{
	text-align: center;
	padding: .5em 0 2.5em 0;
}
/*********************************
入会案内
**********************************/
p.guidance_lead{
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}
p.guidance_lead span{
	font-size: 0.7em;
	font-weight: normal;
	display: block;
	margin-top: .8em;
}
@media (min-width: 768px) {
p.guidance_lead{
	font-size: 1.8em;
}
p.guidance_lead span{
	font-size: 0.8em;
}
}
h2.guidance_title{
	color: #50C878;
	border-bottom: 1px solid #50C878;
}
@media (min-width: 768px) {
.guidance_area{
	padding: 0 20px;
}
}
@media (min-width: 768px) {
.privilege_wrap{
	display: table;
	width: 100%;
}
.privilege_left{
	display: table-cell;
	vertical-align: top;
	padding-right: 15px;
	width: 45%;
}
.privilege_right{
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	width: 55%;
}
}
@media (min-width: 992px) {
.privilege_wrap{
	width: 800px;
}
}
@media (min-width: 768px) {
	.pc_space{
		padding-left: 6em;
	}
}
/**********************************
 * 
 * ECサイト
 * 
**********************************/

/*********************************
トップページ
**********************************/
/***slide***/
#top_slide{
	text-align: center;
	display: none;
}
#top_slide a{
	text-decoration: none;
	display: block;
	opacity: 1;
}
#top_slide a:hover{
	opacity: .75;
}
/***人気商品***/
.top_popular_list{
	margin-top: 20px;
}
/***最近チェックした商品***/
.top_viewed_list{
	margin-top: 20px;	
}
/***カルーセル***/
.carousel_list{
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
}
@media (min-width: 768px) {
.carousel_list{
	margin-left: 40px;
	margin-right: 40px;
}
}
.carousel_list .slick-prev {
    left: -15px;
	top: 50%;
    width: 15px;
    height: 25px;
	z-index:10;
}
.carousel_list .slick-next {
    right: -15px;
	top: 50%;
    width: 15px;
    height: 25px;
	z-index:10;
}
.carousel_list .slick-prev:before {
	content: "\f104"!important;
	font-family: FontAwesome !important;
	line-height: 20px;
	font-size: 30px;
}
.carousel_list .slick-next:before {
	content: "\f105"!important;
	font-family: FontAwesome !important;
	line-height: 20px;
	font-size: 30px;
}
@media (min-width: 768px) {
.carousel_list .slick-prev {
    left: -30px;
}
.carousel_list .slick-next {
    right: -30px;
}
}
.carousel_item{
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
.carousel_item figure{
	position: relative;
	overflow: hidden;
}
.carousel_item figure img {
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.carousel_item dl{
	padding: 10px 0;
}
.carousel_item dl dt{
	font-size: 12px;
	line-height: 1.4;
}
.carousel_item dl dd{
	font-size: 9px;
	margin-top: 5px;
}
/*link*/
.carousel_item a{
	display: block;
	text-decoration: none;
	color: #fff;
}
.carousel_item a:hover figure img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.carousel_item a:hover dl dt{
	text-decoration: none;
	/*color: #cc9966;*/
}
@media (min-width: 768px) {
.carousel_item dl {
}
.carousel_item dl dt{
	font-size: 16px;
}
.carousel_item dl dd{
	font-size: 14px;
}
}
/***新商品***/
.top_new-item_area{
	margin-top: 20px;
	display: table;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
.top_new-item_list{
	width: 46%;
	table-layout: fixed;
	margin-top: 10px;
	float: left;
	margin-left:8px; 
	height: 230px;
}

.top_new-item_list figure{


	vertical-align: middle;
	position: relative;
	overflow: hidden;

}
.top_new-item_list figure img{
	border: 1px solid #ccc;
}
.top_new-item_list dl{
	vertical-align: middle;
	padding-top: 5px;
}
.top_new-item_list dl dt{
	font-size: 12px;
	line-height: 1.2em;
	min-height: 4em;
}
.top_new-item_list dl dd{
	font-size: 9px;
	width:100%;
}
/*link*/
.top_new-item_list a{
	display: block;
	color: #50C878;
}
.top_new-item_list a:hover{
	color: #50C878;
	text-decoration:underline;
}
.top_new-item_list:hover figure img {
	opacity: .8;
}

@media (min-width: 768px) {
.top_new-item_list{
	margin-top: 20px;
	width: 220px;
	margin-left: 12px;
	height:330px;
}
.top_new-item_list figure{
	width: 220px;
	vertical-align: top;
	padding: 0;
}

.top_new-item_list dl{
	vertical-align: top;
	padding:0;
	padding-top: 5px;
   /* padding-left: 18px;*/
       display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height: 6.5em;
}
.top_new-item_list dl dt{
	font-size: 16px;
}
.top_new-item_list dl dd{
	font-size: 14px;
}
}
/*********************************
カテゴリー一覧
**********************************/
.ec_category_area{
	background: #1a1a1a;
	padding: 10px 10px 20px 10px;
}
@media (min-width: 768px) {
.ec_category_area{
	background: #1a1a1a;
	padding: 30px 30px 60px 30px;
}
}
/***絞り込み***/
.search_area p.item_no{
	margin-bottom: 1.5em;
}
.search_area p.item_no span{
	display: inline-block;
}
.search_area p.item_no span:first-child{
	margin-right: 2em;
}
.search_area_inner{
	margin-bottom: 1.5em;
}
.search_area_inner div{
	display: inline-block;
	vertical-align: middle;
}
@media (min-width: 768px) {
.search_area_inner{
	text-align: right;
}
}
.search_area select{
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	color: #333333;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	cursor:pointer;
	width: 10em;
	padding-right: 20px;
}
.search_area .select_label {
	display:inline-block;
	border: 0;
	border: 1px solid #cccccc;
	margin: 0;
	max-width: 100%;
	vertical-align: middle;
	background: #fff;
	position: relative;
	padding: 5px 5px;
}
.search_area .select_label:before {
	content: "\f107";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	position:absolute;
	z-index:0;
	right:10px;
	top:50%;
	margin-top:-.5em;
}
.search_area input[type="button"]{
	margin-left:.5em;
	color: #fff;
	background: #afafaf;
	padding: 5px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
}
.search_area input[type="button"]:hover{
    background: #9a9a9a;
}
@media (min-width: 768px) {
.search_area .select_label {
	padding: 5px 10px;
}
.search_area input[type="button"]{
	padding: 5px 20px;
}
}
/***アイテムリスト***/
.category_list{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 10px;
}

.category_list figure{
	display: table-cell;
	width: 90px;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}
.category_list dl{
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
.category_list dl dd.category_list_tag{
	font-size: 11px;
	line-height: 1;
}
.category_list dl dd.category_list_tag span{
	display: inline-block;
	padding: 3px 5px;
	background: #ff3333;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
}
.category_list dl dt.category_list_ttl{
	font-size: 12px;
	line-height: 1.4;
}
.category_list dl dd.category_list_price{
	font-size: 12px;
}
.category_list dl dd.category_list_price span{
	font-size: .8em;
	padding: 0 10px;
}
/*link*/
.category_list a{
	display: block;
	color: #fff;
}
.category_list a:hover{
	color: #fff;
	text-decoration: none;
}
.category_list:hover figure img {
	opacity: .8;
}
.category_list:hover dl dt {
	color: #50C878;
}
@media (min-width: 768px) {
.category_list{
	margin-top: 20px;
}
.category_list figure{
	width: 130px;
	vertical-align: top;
	padding: 0;
}

.category_list dl{
	vertical-align: top;
	padding: 20px;
}
.category_list dl dd.category_list_tag{
	font-size: 11px;
}
.category_list dl dd.category_list_tag span{
	margin-bottom: 10px;
}
.category_list dl dt.category_list_ttl{
	font-size: 16px;
}
.category_list dl dd.category_list_price{
	font-size: 16px;
}
}
/*********************************
商品詳細
**********************************/
.ec_detail_area{
	background: #fff;
	padding: 10px 10px 20px 10px;
}
@media (min-width: 768px) {
.ec_detail_area{
	background: #fff;
	padding: 30px 0px 0px 0px;
}
}
.detail_related_list,.detail_viewed_list{
	margin-top: 20px;
}
/*tag*/
.detail_tag{
	font-size: 11px;
	line-height: 1;
}
.detail_tag span{
	display: inline-block;
	padding: 3px 5px;
	background: #ff3333;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
}
@media (min-width: 768px) {
.detail_tag{
	font-size: 11px;
}
.detail_tag span{
	margin-bottom: 10px;
}
}
/*style*/
.ec_detail_area p{
	margin-bottom: 1.5em;
}
.ec_detail_area h1{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4;
	margin-top: .25em;
	margin-bottom: .25em;
}
.ec_detail_area h2{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: .5em;
    /*margin-top: 1.5em;*/
	margin-bottom: 1.5em;
	border-bottom: 1px solid #666;
}
/*.ec_detail_area h3{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: .8em;
}*/

.ec_detail_area h3{
    font-size: 117%;
    margin-top: 20px;
    margin-bottom: 10px;
    border-left: 6px solid #FF2196;
    padding-left: 8px;
}
.ec_detail_area .comment_caution{
	padding: 10px;
	background-color: #f0f0f0;
	color: #ff0000;
}

.ec_detail_area ul,.ec_detail_area ol{
	margin-bottom: 1.5em
}
.ec_detail_area ol{
	padding-left: 2em;
}
.ec_detail_area ul li{
	list-style: none;
	position: relative;
	padding-left: 1em;
	margin: 5px 0;
}
.ec_detail_area ol li{
	list-style-position: outside;
	margin: 5px 0;
}
.ec_detail_area ul li:before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: url(../images/top/li_arrow.png) no-repeat 0 0;
	position: absolute;
	left: 2px;
	top: 7px;
}
@media (min-width: 768px) {
.ec_detail_area ul li:before{
	left: 2px;
	top: 10px;
}
}
.ec_detail_area ol li ul{
	margin: 5px 0;
}
.ec_detail_area ol li ol{
	margin: 5px 0;
	padding-left: 0;
}
.ec_detail_area ol li ol li{
	list-style: none;
	list-style-position:inside;
	counter-increment: cnt;
}
.ec_detail_area ol li ol li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}
.ec_detail_area table{
	width: 100%;
	margin-bottom: 1.5em;
}
.ec_detail_area table th{
	background: #666;
	border: 1px solid #2f2f2f;
	text-align: left;
	font-weight: bold;
	font-size: .8em;
	padding: 3px;
}
.ec_detail_area table td{
	background: #fff;
	color: #333333;
	border: 1px solid #2f2f2f;
	font-size: .9em;
	padding: 3px;
}
@media (min-width: 768px) {
.ec_detail_area table th{
	padding: 5px 10px;
}
.ec_detail_area table td{
	padding: 5px 10px;
}
}
/*image*/
.detail_image{
	width: 100%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.detail_image .slick-dots{
	text-align: center;
}
.detail_image ul{
	margin: 0;
	padding: 0;
}
.detail_image ul li {
    list-style: none;
    position: relative;
    padding: 0;
	margin: 0;
    margin-right: 5px;
}
.detail_image ul li:before {
    display: none;
}
/*価格*/
.detail_price{
	font-size: 1.2em;
	line-height: 1;
	width: 100%;
	margin-bottom: 10px!important;
}
/*box*/
.detail_info_area{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
/*comment*/
.detail_info_comment{
	display: table-cell;
	vertical-align: top;
}
/*お気に入り*/
.favorit_btn{
	display: table-cell;
	vertical-align: top;
	font-size: 10px;
	text-align: center;
	width: 70px;
	padding-left: 10px;
	cursor: pointer;
}
.favorit_btn i{
	font-size: 14px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	background: #545454;
	color: #fff;
}
.favorit_btn:hover i{
	background: #ff0000;
	color: #fff;
}

.favorit_btn.on i{
	background: #ff0000;
	color: #fff;
}
.detail_info_comment span{
	display: block;
	font-size: 1.2em;
}
/*特記事項*/
.detail_note{
	padding: 10px;
	font-size: 12px;
    background: #333;
	margin-bottom: 20px;
	color: #fff!important;
}
/*form*/
.detail_form dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.detail_form dl.has_border{
	border-bottom: 1px solid #ccc;
}
.detail_form dl dt{
	display: table-cell;
	vertical-align: middle;
}
.detail_form dl dd{
	display: table-cell;
	vertical-align: middle;
	width: 10em;
}

.detail_form select{
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	color: #333333;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	cursor:pointer;
	width: 10em;
	padding-right: 20px;
}
.detail_form .select_label {
	display:inline-block;
	border: 0;
	border: 1px solid #cccccc;
	margin: 0;
	max-width: 100%;
	vertical-align: middle;
	background: #fff;
	position: relative;
	padding: 5px 10px;
}
.detail_form .select_label:before {
	content: "\f107";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	position:absolute;
	z-index:0;
	right:10px;
	top:50%;
	margin-top:-.5em;
}
/*モーダル内商品情報*/
.detail_item_in_modal{
	margin-bottom: 15px;
}
.detail_item_in_modal dl{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.detail_item_in_modal dl dd,.detail_item_in_modal dl dt{
	display: table-cell;
	vertical-align: middle;
}
.detail_item_in_modal dl dd{
	width: 105px;
	padding-right: 15px;
}
@media (min-width: 768px) {
.detail_item_in_modal dl dd{
	width: 150px;
	padding-right: 20px;
}
}
/*モーダル内カルーセル*/
.carousel_list_in_modal{
	width: 100%;
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}
.carousel_list_in_modal .slick-prev {
    left: -15px;
	top: 50%;
    width: 15px;
    height: 25px;
	z-index:10;
}
.carousel_list_in_modal .slick-next {
    right: -15px;
	top: 50%;
    width: 15px;
    height: 25px;
	z-index:10;
}
.carousel_list_in_modal .slick-prev:before {
	content: "\f104"!important;
	font-family: FontAwesome !important;
	font-size: 30px;
	line-height: 20px;
	color: #333;
}
.carousel_list_in_modal .slick-next:before {
	content: "\f105"!important;
	font-family: FontAwesome !important;
	font-size: 30px;
	line-height: 20px;
	color: #333;
}
@media (min-width: 768px) {
.carousel_list_in_modal .slick-prev {
    left: -30px;
}
.carousel_list_in_modal .slick-next {
    right: -30px;
}
}
.carousel_list_in_modal .carousel_item {
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
}
/*link*/
.carousel_list_in_modal .carousel_item a{
	color: #333;
}
/*********************************
ライブフォト
**********************************/
.livephoto_item{
	width:calc(46%);
	float:left;
	margin-left:8px;
	margin-top:10px;
}
.livephoto_item figure{
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}
.livephoto_item figure::before{
	content:"";
	display:block;
	padding-top:100%;
}
.livephoto_item figure img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.livephoto_item_select{
	margin-top:12px;
	margin-bottom:20px;
	text-align:center;
}
.livephoto_item_select_num{
	border:none;
	padding:0;
	cursor:default;
	display:inline;
	background:none;
	width:2em;
	text-align:center;
}
.livephoto_item_select_minusbtn,
.livephoto_item_select_plusbtn{
	background:#FFF;
	border:2px solid #626262;
	border-radius:4px;
	width:23px;
	height:23px;
	line-height:19px;
	padding:0;
	text-align:center;
	font-weight: bold;
	color:#626262;
}
.livephoto_item_select_minusbtn:disabled,
.livephoto_item_select_plusbtn:disabled{
	border-color:#d6d6d6;
	color:#d6d6d6;
}
@media (min-width: 768px) {
.livephoto_item{
	margin-top: 20px;
	width: 220px;
	margin-left:15px; 
}
}

.livephoto_modal{
	display:none;
}
.livephoto_modal_emptytext{
	color:#FFF;
	text-align:center;
}
.livephoto_modal_selected{
	display:none;
}
.livephoto_modal_selected_items{
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	justify-content: :flex-start;
}
.livephoto_modal_selected_items li{
	width:23%;
	margin:10px 1% 0;
}

@media (min-width: 768px) {
.livephoto_modal_selected_items li{
	width:17%;
}
}
.livephoto_modal_selected_items li figure{
	position:relative;
}
.livephoto_modal_selected_items li figure::before{
	content:"";
	display:block;
	padding-top:100%;
}
.livephoto_modal_selected_items li figure img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.livephoto_modal_selected_select{
	text-align:center;
	color:#FFF;
	margin:20px 0 10px;
}
.livephoto_modal_selected_cartbtn a.disabled{
	background:#dadada;
	line-height:1.2;
}
.livephoto_modal_selected_cartbtn.livephoto_modal_selected_cartbtn__ok a.disabled{
	display:none;
}
.livephoto_modal_selected_cartbtn:not(.livephoto_modal_selected_cartbtn__ok) a:not(.disabled){
	display:none;
}
.livephoto_footer{
	z-index:1;
	position:fixed;
	width:100%;
	background:rgba(231,68,111, .88);
	bottom:0;
	left:0;
	color:#FFF;
	display:flex;
	align-items:center;
	justify-content: center;
	padding-top:10px;
	padding-bottom:10px;
}
.livephoto_footer__islast{
	margin-bottom:-50px;
	position:relative;
}
.livephoto_footer_select{
	font-size:1.4em;
	line-height:1;
}
.livephoto_footer_select_num{
	font-size:1.5em;
	margin-right:4px;
}
.livephoto_footer_note{
}
a.livephoto_footer_confirmbtn{
	display:block;
	margin-top:10px;
	width:232px;
	border:none;
	background:#FFF;
	color:#3f3f3f;
	text-align:center;
	padding:8px;
	font-size:1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
}
.livephoto_footer_confirmbtn img{
	width:32px;
	margin-right:10px;
	vertical-align: bottom;
}
body::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
}
@media (min-width: 768px) {
	.livephoto_footer{
		padding-top:30px;
		padding-bottom:30px;
		display:block;
	}
	.livephoto_footer .container{
		padding-top:0;
	}
	.livephoto_footer_inner{
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	.livephoto_footer_select{
		font-size:1.6em;
	}
	.livephoto_footer_note{
		margin-top:8px;
		font-size:1.4em;
	}
	a.livephoto_footer_confirmbtn{
		margin-top:0;
		width:380px;
		padding-top:12px;
		padding-bottom:12px;
		line-height:44px;
	}
	.livephoto_footer_confirmbtn img{
		width:60px;
	}
}

/*********************************
カート
**********************************/
.cart_list{
	margin-bottom: 20px;
}
.cart_list_item{
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {
.cart_list{
	margin-bottom: 40px;
}
.cart_list_item{
	margin-top: 20px;
	padding-bottom: 20px;
}
}
.cart_list_item h2{
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: .5rem;
}
.cart_list_item p{
	font-size: .9em;
	margin-bottom: 1.5rem;
}


figure.cart_item_img{
	width: 80px;
	float: left;
}
.cart_item_form{
	width: 200px;
	float: right;
	padding-left: 10px;
	display: table;
	table-layout: fixed;
}
.cart_item_form dl{
	width: 50%;
	display: table-cell;
	width: 50%;
}
.cart_list_item .back_btn{
	width: 100%;
	float: right;
	margin-top: 10px;
}


@media (min-width: 768px) {
figure.cart_item_img{
	width: 220px;
}
.cart_item_info{
	width: 450px;
	float: right;
	padding-left: 30px;
}
.cart_item_form{
	width: 450px;
	padding-left: 30px;
}
.cart_list_item .back_btn{
	width: 450px;
	float: right;
	padding-left: 30px;
	margin-top: 20px;
}
.cart_list_item .back_btn a{
	margin-left: 0;
	margin-right: 0;
	float: right;
}
}
@media (min-width: 992px) {
.cart_item_info{
	width: 660px;
}
.cart_item_form{
	width: 660px;
}
}
.cart_item_form dl dt{
	text-align: center;
	margin-bottom: 10px;
}
.cart_item_form dl dd{
	text-align: center;
}

.cart_list_item select{
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	color: #333333;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	cursor:pointer;
	width: 10em;
	padding-right: 20px;
}
.cart_list_item .select_label {
	display:inline-block;
	border: 0;
	border: 1px solid #cccccc;
	margin: 0;
	max-width: 100%;
	vertical-align: middle;
	background: #fff;
	position: relative;
	padding: 5px 10px;
}
.cart_list_item .select_label:before {
	content: "\f107";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #50C878;
	position:absolute;
	z-index:0;
	right:10px;
	top:50%;
	margin-top:-.5em;
}
.cart_list_item input{
	font-weight: bold;
	border: none;
	cursor: default;
	background: transparent;
	text-align: center;
	width: 100%;
}

.cart_item_total{
	background: #333;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
.cart_item_total{
	padding: 30px 150px;
}
}
.cart_item_total dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	margin-top: 10px;
}
.cart_item_total dl dt{
	display: table-cell;
	width: 8em;
	vertical-align: top;
}
.cart_item_total dl dd{
	display: table-cell;
	vertical-align: top;
	text-align: right;
}
/*share_btn*/
.share_btn{
	text-align: right;
	color: #000;
}
.share_btn a{
	font-size: 16px;
	text-decoration: none;
}
.share_btn span{
	padding-left: 15px;
}
.share_btn a:hover{

}
@media (min-width: 768px) {
.share_btn span{
	padding-left: 20px;
}
.share_btn a{
	font-size: 22px;
}
}
.cart_livephoto{
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}
.cart_livephoto_morebtn{
	float:right;
	border-radius:15px;
	border:2px solid #e4007f;
	background:#FFF;
	margin-top:16px;
	margin-bottom:12px;
	padding:2px 8px 2px 0;
	text-align:center;
	position:relative;
}
.cart_livephoto_morebtn_en{
	float:right;
	border-radius:15px;
	border:2px solid #e4007f;
	background:#FFF;
	margin-top:16px;
	margin-bottom:12px;
	padding:2px 8px 2px 0;
	text-align:center;
	position:relative;
}
.cart_livephoto_morebtn_cn{
	float:right;
	border-radius:15px;
	border:2px solid #e4007f;
	background:#FFF;
	margin-top:16px;
	margin-bottom:12px;
	padding:2px 8px 2px 0;
	text-align:center;
	position:relative;
}
.cart_livephoto_morebtn::before{
	font-size:.9em;
	display:block;
	width:12em;
	margin-right:.5em;
	content:"ご注文内容を確認する";
}
.cart_livephoto_morebtn_en::before{
	font-size:.9em;
	display:block;
	width:12em;
	margin-right:.5em;
	content:"Items you selected";
}
.cart_livephoto_morebtn_cn::before{
	font-size:.9em;
	display:block;
	width:12em;
	margin-right:.5em;
	content:"您選擇的商品";
}
.cart_livephoto_morebtn__open::before{
	content:"閉じる";
}
.cart_livephoto_morebtn__open_en::before{
	content:"Close";
}
.cart_livephoto_morebtn__open_cn::before{
	content:"關閉";
}
.cart_livephoto_morebtn::after{
    content: "\f063";
    display: inline;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #50C878;
    padding-left: 5px;
    position:absolute;
    right:5px;
    top:6px;
}
.cart_livephoto_morebtn_en::after{
    content: "\f063";
    display: inline;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #50C878;
    padding-left: 5px;
    position:absolute;
    right:5px;
    top:6px;
}
.cart_livephoto_morebtn_cn::after{
    content: "\f063";
    display: inline;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #50C878;
    padding-left: 5px;
    position:absolute;
    right:5px;
    top:6px;
}
.cart_livephoto_morebtn__open::after{
    content: "\f062";
    top:5px;
}
.cart_livephoto_morebtn__open_en::after{
    content: "\f062";
    top:5px;
}
.cart_livephoto_morebtn__open_cn::after{
    content: "\f062";
    top:5px;
}
@media (min-width: 768px) {
.cart_livephoto_morebtn::before{
	font-size:.7em;
}
.cart_livephoto_morebtn_en::before{
	font-size:.7em;
}
.cart_livephoto_morebtn_cn::before{
	font-size:.7em;
}
.cart_livephoto_morebtn::after{
	top:4px;
}
.cart_livephoto_morebtn_en::after{
	top:4px;
}
.cart_livephoto_morebtn_cn::after{
	top:4px;
}
.cart_livephoto_morebtn__open::after{
	top:3px;
}
.cart_livephoto_morebtn__open_en::after{
	top:3px;
}
.cart_livephoto_morebtn__open_cn::after{
	top:3px;
}
}
.cart_livephoto_list{
	height:0;
	max-height:0;
	overflow: hidden;
	clear:both;
	display:flex;
	list-style:none;
	flex-flow:row wrap;
	justify-content: flex-start;
	transition:max-height 2s;
}
.cart_livephoto_morebtn__open+.cart_livephoto_list{
	height:auto;
	margin-bottom:20px;
	max-height:9999px;
}
.cart_livephoto_morebtn__open_en+.cart_livephoto_list{
	height:auto;
	margin-bottom:20px;
	max-height:9999px;
}
.cart_livephoto_morebtn__open_cn+.cart_livephoto_list{
	height:auto;
	margin-bottom:20px;
	max-height:9999px;
}
.cart_livephoto_list li{
	width:30%;
	margin:10px 1.5% 0;
}

@media (min-width: 768px) {
.cart_livephoto_list li{
	width:17%;
}
}
.cart_livephoto_list li figure{
	position:relative;
}
.cart_livephoto_list li figure::before{
	content:"";
	display:block;
	padding-top:100%;
}
.cart_livephoto_list li figure img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
/*********************************
購入
**********************************/
/**カートの内容**/
.cart_total_area{
	background: #2e3948;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}
.cart_total_area dl{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.cart_total_area dl dt{
	display: table-cell;
	vertical-align: middle;
}
.cart_total_area dl dd{
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}
@media (min-width: 768px) {
.cart_total_area dl dt{
	width: 6em;
}
.cart_total_area dl dd{
	text-align: left;
}
}
/**購入手順**/
ul.ec_flow{
	margin-bottom: 20px;
}
ul.ec_flow li{
	list-style: none;
	display: inline-block;
}
ul.ec_flow li.current_step{
	color: #000;
}
ul.ec_flow li:after{
	content: "\f105";
	display: inline;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: .4em;
}
ul.ec_flow li:last-child:after{
	display: none;
}

/**購入者情報**/
.ec_member_info{
	margin-bottom: 20px;
}
.ec_member_info dl{
	border-bottom: 1px solid #a0a0a0;
	padding: 10px 0;
	position: relative;
	display: table;
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
}
.ec_member_info dl dt{
	display: table-cell;
	vertical-align: top;
	white-space: nowrap;
	width: 8em;
}
.ec_member_info dl dd{
	display: table-cell;
	vertical-align: top;
}

@media (min-width: 768px) {
.ec_member_info{
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.ec_member_info dl{
	padding: 20px 0;
}

.ec_member_info dl dt{
	display: table-cell;
	width: 12em;
}
}

main#contents_start{
	padding-bottom: 50px;
	background-image: url("../images/back.jpg");
	}

.head_ec_icon .modal_btn{
	display: none;
}
#header #header_logo{
	position: fixed;
	width: 100px;
	top: 7px;
	left: 45px;
	z-index: 6000;
}

/*********************************
トップページ_発送
**********************************/
.top_logi_area h2{
 	 font-weight: bold;
 	 font-size: 1.3em;
 	 margin:30px 0 10px;
 	 padding: 10px;
 	 border-left: 10px solid #50C878;
 	 background-color:#f5f5f5;

}
.top_logi_area h3{
 	 font-weight: bold;
 	 padding:5px;
 	 margin-bottom: 10px;
 	 font-size: 1.2em;
 	 border-bottom: 1px dotted #666;
 	 margin-top: 10px;
}
.logi_detail{
	padding:0 10px;
}

.logo_piapro{
	vertical-align: middle;
	width: 49px;
	height: auto;
	margin-left: 6px;
}

@media screen and (max-width:768px){
	.sponsor_logo img{
		max-width: 95px;
	}

	.footer_copy{
		font-size: 0.9rem;
	}

	.logo_piapro{
		width: 46px;
	}
}
.bnr-twocolumn a img{
    margin:10px;
}
@media screen and (min-width:768px){
	.bnr-twocolumn{
	text-align:center;margin:10px auto 0 auto;
}
.bnr-twocolumn a{
	float: left;
    width: 48%;
    margin:0 5px;
}

}

/*********************************
tuika
**********************************/
								,
.topmar{
    margin-top:30px;
}						
								
.mtb2030{
    margin:20px 0 30px;
}

.mt20{
    margin-top:20px;
}


.mt50{
    margin-top:50px;
}

.mt100{
    margin-top:100px;
}

/******************************
* マイページのデジタル会員証の文字の位置（暫定・追加240221）
******************************/
div.mycard p.mycard_id {
    position: relative;
    top: -520px;
    left: 33%;
    color: #fff;
    font-size: 3rem;
}
div.mycard p.mycard_name {
    position: relative;
    top: -440px;
    left: 18%;
    color: #fff;
    font-size: 6rem;
}
div.mycard {
    max-height: 560px;
}


@media (max-width: 991px) {
div.mycard p.mycard_id {
    position: relative;
    top: -400px;
    left: 33%;
    color: #fff;
    font-size: 2.5rem;
}

div.mycard p.mycard_name {
    position: relative;
    top: -380px;
    left: 20%;
    color: #fff;
    font-size: 5rem;
}
div.mycard {
    max-height: 450px;
}
}


@media screen and (max-width:768px){
div.mycard p.mycard_id {
    position: relative;
    top: -430px;
    left: 33%;
    color: #fff;
    font-size: 2.5rem;
}
div.mycard p.mycard_name {
    position: relative;
    top: -380px;
    left: 27%;
    color: #fff;
    font-size: 3.5rem;
}
div.mycard {
    max-height: 460px;
}

}

@media screen and (max-width:480px){
div.mycard p.mycard_id {
    position: relative;
    top: -245px;
    left: 33%;
    color: #fff;
    font-size: 1.3rem;
}
div.mycard p.mycard_name {
    position: relative;
    top: -210px;
    left: 26%;
    color: #fff;
    font-size: 2rem;
}
div.mycard {
    max-height: 280px;
}

}


@media screen and (max-width:320px){
div.mycard p.mycard_id {
    position: relative;
    top: -167px;
    left: 33%;
    color: #fff;
    font-size: 1.0rem;
}
div.mycard p.mycard_name {
    position: relative;
    top: -150px;
    left: 26%;
    color: #fff;
    font-size: 1.5rem;
}
div.mycard {
    max-height: 190px;
}

}


dl.paytype-name {
	background-color:#EEE;
	padding:10px 30px;
	font-weight:bold;
}							
									
/*********************************
profile
**********************************/	
								
								
.style5b {
  margin: 65px 0 30px !important;
  padding: .85em 1.5em .8em;
  background: #0d873b;
  color: #fff;
  font-size: 18px !important;
}
								
								
b, strong {
  font-weight: 700;
}



/* Column layout - カラムレイアウト */
.post_row { margin-right: -10px; margin-left: -10px; line-height: 1.4; }
.post_row:before, .post_row:after { display: table; content: " "; }
.post_row:after { clear: both; }
.post_col, .post_col-2 { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; min-height: 1px; margin-bottom: 0.5em; padding-right: 10px; padding-left: 10px; float: left; }
.post_col-3 { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 50%; min-height: 1px; margin-bottom: 1em; padding-right: 10px; padding-left: 10px; float: left; }

@media screen and (min-width: 768px) {
	.post_col-2 { width: 50%; }
	.post_col-3 { width: 33.33333%; }
}
@media screen and (min-width: 1024px) {
	.post_col-2 { width: 50%; }
	.post_col-3 { width: 33.33333%; }
}


/*FC会費バナー*/
.fc_price ul{padding-left: 0;}
.fc_price ul li{
    display: inline-block;
    padding: 3px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    background: #fba1c7;;
}
.fc_price ul li:first-of-type{margin-right: 10px;}
.fc_price ul li>span{
    display: inline-block;
    padding: 30px 30px 25px;
    color: #fff;
    font-size: 22px;
    line-height: 0;
    font-weight: bold;
    border: 1px solid #fecbcb;
    border-radius: 5px;
	margin: 0px;
}
.fc_price ul li>span>span{font-size: 12px;}


.divbox{clear:both;margin:20px 0;}
.divbox1{font-weight: bold;text-align:center;padding:20px;background:#6aaf81;width:20%;float:left;}
.divbox2{padding:20px;background:#f5f5f5;width:80%;float:right;}
.entry-agreement{margin: 30px 0 20px;padding: 15px;clear:both;background-color:#f0f4d3;border: 1px solid #999;}


.disname  {
	clear:both;
    text-align:center;
	font-size:150%;
	font-weight: 800;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 20px 0;
}

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

.fc_price ul li:first-of-type{margin:10px 0;}
.fc_price ul li>span{
    display: inline-block;
    padding: 20px 15px 20px;
    color: #fff;
    font-size: 18px;
    line-height: 0;
    font-weight: bold;
    border: 1px solid #fecbcb;
    border-radius: 5px;
	margin: 0px;
}
	
.divbox1{font-weight: bold;text-align:center;padding:10px;background:#6aaf81;width:20%;float:left;}
.divbox2{padding:10px;background:#f5f5f5;width:80%;float:right;font-size: 80%;}
}

.t_c {
    text-align:center;
}

.aligncenter {
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 20px 0;
}


.join_area h2 {
	font-size:150%;
	font-weight: 800;
	margin-bottom: 0.5em;
    border-bottom: 1px solid #000;
	padding: 10px 0px;
	font-family: 'Bowlby One SC',sans-serif;
}


.clear  {
	clear:both;
}

.ytube { position: relative; height: 0; margin-top: 20px; margin-bottom: 20px; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; }
.ytube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.text80 {
    font-size: 80%;
}