@charset "utf-8";
@import url("/pc/css/vars.php?v=1.02");



/* -----------------------------------------------[CSSリセット] */
html,body,span,
h1,h2,h3,h4,h5,h6,
p,
dl,dt,dd,
ul,ol,li,
table,tr,th,td,
form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html,
body {
	height: 100%;
}

* {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}


/* 回り込み解除 */
.c_l {clear: both;}

table,
tr,
th,
td {
	border-spacing: 0;
	border-collapse: collapse;
}

ul,ol,li {
	list-style: none;
}

img {
	border: none;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
	font-family: 'object-fit: cover;'
}

br {
	letter-spacing: 0;
}

input[type="submit"] {
	cursor: pointer;
}

/* IE系対応 */
img.obfit {
	font-family: 'object-fit: cover;'
}

/* -------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0 0 0 0;
	color: #333;
	line-height: 1.5em;
	font-size: 12px;
	letter-spacing: 0;
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',Sans-Serif;
	-webkit-text-size-adjust: 100%;
}

/* リンク指定 */
a:link,
a:visited,
a:hover {
	outline: none;
	text-decoration: none;
}

a:active {outline: none;}


/* --------------------------------------------------------------------------------[ヘッダー] */
#hed {
	width: 100%;
	height: 220px;
	background-color: #fff;
	/* メインカラー */
	border-top: 5px solid var(--main-color);
	text-align: center;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: 1000;
}

#hed-inner {
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 1128px;
	text-align: left;
}

#logo {
	background-color: var(--main-color) ;
	mask-image: var(--pc_logo) ;
	mask-repeat: no-repeat;
  	mask-position: 0 0;
  	mask-size: 100%;
	-webkit-mask-image: var(--pc_logo) ;
	-webkit-mask-repeat: no-repeat;
  	-webkit-mask-position: 0 0;
  	-webkit-mask-size: 100%;
  	margin: 12px 0 11px;
	width: 269px;
	height: 67px;
	float: left;
	text-indent: -200em;
	overflow: hidden;
	display: block;
}

#header-add {
	width: 728px;
	height: 90px;
	float: right;
	overflow: hidden;
	text-align: right;
}

#header-add img {
	height: 90px;
}

#header-add a:hover img {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}

#hed-hashtag {
	margin-top: 20px;
	width: 1128px;
	height: 55px;
	float: left;
	/* メインカラー */
	border-top: 1px var(--main-color) solid;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
}

#hed-hashtag > ul {
	padding-left: 35px;
	width: 928px;
	float: left;
	height: 55px;
}

#hed-hashtag li {
    position: relative;
	padding: 0 0 0 25px;
	height: 55px;
	line-height: 55px;
	font-weight: 700;
	/* メインカラー */
	color: var(--main-color);
	float: left;
}

#hed-hashtag > li:first-child {
	padding: 0 0 0 0;
}

#hed-hashtag li a {
	padding-left: 4px;
	color: #000;
	display: inline-block;
	transition: all 0.3s ease 0s;
}

#hed-hashtag li a:hover {
	color: #999;
}

/*子階層以降共通*/
#hed-hashtag li ul {
	width: 0px;
}
#hed-hashtag li li {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 1s;
    z-index: 1001;
}
#hed-hashtag li li a {
	color: #fff;
}
#hed-hashtag li:hover > ul {
	position: absolute;
	top: 55;
	width: 200px;
}
#hed-hashtag li:hover > ul > li {
    width: 100%;
    height: 35px;
    line-height: 35px;
	padding-left: 10px;
    overflow: visible;
	background-color: var(--main-color);
    opacity: 0.9;
    border-top: 1px solid #eee;
}
#hed-hashtag li > ul > li a:hover{
    color: rgba(255,255,255,0.5);
}
/*子階層以降共通ここまで*/

#hed-sns {
	width: 165px;
	height: 55px;
	float: right;
}

#hed-sns a {
	width: 55px;
	height: 55px;
	float: left;
	text-indent: -200em;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

#hed-sns a:hover {
	background-color: #f0f0f0;
}

#hed-sns a#twitter {
	background-image: url(/img/bsb-x.png);
}

#hed-sns a#instagram {
	background-image: url(/img/bsb-i.png);
}

#hed-sns a#line {
	background-image: url(/img/bsb-l.png);
}

#hed-menu {
	width: 100%;
	height: 32px;
	float: left;
	/* メインカラー */
	border-bottom: 3px var(--main-color) solid;
}

#hed-menu li {
	width: 157px;
	height: 32px;
	float: left;
}

#hed-menu li a {
	width: 100%;
	height: 32px;
	line-height: 34px;
	text-align: center;
	display: inline-block;
	color: #000;
	font-weight: 700;
	transition: all 0.3s ease 0s;
}

#hed-menu li a:hover {
	color: #999;
}

a#apology-link {
	margin:-20px 0 20px;
	width: 100%;
	height: 40px;
	font-size: 18px;
	line-height: 45px;
	color: #000;
	font-weight: 600;
	display: block;
	float: left;
	background-color: #ffcc00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#apology-link img {
	margin-top: 11px;
	height: 18px;
}

#wall {
	padding: 0 0 0 0;
	width: 100%;
	float: left;
	text-align: center;
}

#wall-inner {
	padding: 20px 0 0;
	margin: 0 auto;
	width: 1128px;
}

#main {
	width: 728px;
	float: left;
	text-align: left;
}

/* --------------------------------------------------------------------------------[サイド] */
#side {
	width: 370px;
	float: right;
}

/* side google広告 */
.side-add {
	padding: 17px 0;
	width: 370px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.side-add div {
	margin: 0 auto;
}

/* マイページリンク */
#side-mypage {
	margin-bottom: 15px;
	padding: 0;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* 会員登録 / ログイン */
#side-add-login {
	margin-bottom: 15px;
	width: 370px;
	float: left;
}

#side-add-login li {
	padding: 0 3px;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#side-add-login li a,
#side-mypage a {
	width: 100%;
	height: 50px;
/*	font-weight: 700;*/
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	display: block;
	/* ボタンカラー */
	color: #fff;
	/* メインカラー */
	background-color: var(--main-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}

#side-add-login li a:hover,
#side-mypage a:hover {
	opacity: 0.6;
/*	transition: color 0.5s;*/
}

/* サイド｜広告 */
#side-add {
	margin-bottom: 20px;
	width: 370px;
	float: left;
}

#side-add img {
	width: 370px;
}

#side-add a:hover img {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}

#side-spcontents {
	margin-bottom: 20px;
	padding: 0 10px 5px;
	width: 350px;
	float: left;
	/* サブカラー */
	background-color: var(--sub-color);
	/* メインカラー */
	border-top: 3px var(--main-color) solid;
}

#side-spcontents h3 {
	width: 100%;
	height: 50px;
	text-indent: -200em;
	overflow: hidden;
	text-align: left;
	background-image: url(/img/special-contents-title.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 135px 19px;
}

#model-youtube,
.sp-youtube {
	padding: 0 2px 7px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#model-youtube .inner,
.sp-youtube .inner {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	float: left;
}

#model-youtube iframe,
.sp-youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.sp-long {
	padding: 0 2px 5px;
	width: 350px;
	float: left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sp-long img {
	width: 100%;
}

#side-spcontents ul {
	width:350px;
	float: left;
}

#side-spcontents li {
	margin-bottom: 4px;
	width: 175px;
	height: 88px;
	overflow: hidden;
	float: left;
}

#side-spcontents li img {
	width: 100%;
}

#side-spcontents a:hover img {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}


/* youtube video */
.slick-video,
.slick-artist,
.slick-shop,
.slick-cf {
	padding: 0 0 10px;
	width: 100%;
	overflow:hidden;
	float: left;
}


.slider img {
	width: 260px;
	height: 130px;
	overflow:hidden;
	object-fit: cover;
}

.slick-video .slider {
	padding: 0 5px 10px;
}

.slick-video .slider .mv {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.player-box, 
.slider-box {
	position: relative;
	padding-top: 56.25%;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.player-box .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player-box .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}






/* サイド｜TodayRanking */
#side-ranking {
	margin-bottom: 20px;
	padding: 0 0 5px;
	width: 370px;
	float: left;
	/* メインカラー */
	border-top: 3px var(--main-color) solid;
}

#side-ranking h3 {
	width: 100%;
	height: 50px;
	text-indent: -200em;
	overflow: hidden;
	text-align: left;
	background-image: url(/pc/img/side-ranking-title.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#side-ranking-list {
	width: 100%;
	float: left;
}

#side-ranking-list li {
	padding: 5px 0;
	width: 100%;
	height: 130px;
	float: left;
	position: relative;
	z-index: 1;
}

#side-ranking-list li a {
	color: #333;
}

#s-rank1,
#s-rank2,
#s-rank3 {
	background-size: cover;
}

#s-rank1 {background-image: url(/img/t-ranking-back1.png);}
#s-rank2 {background-image: url(/img/t-ranking-back2.png);}
#s-rank3 {background-image: url(/img/t-ranking-back3.png);}

#s-rank4:after {
	content: "";
	display: block;
	width: 96%;
	height: 1px;
	/* サブカラー */
	background-color: var(--sub-color);
	position: absolute;
	bottom: 0;
	left: 2%;
}

#side-ranking-list .no-point {
	width: 65px;
	height: 130px;
	text-align: center;
	float: left;
}

#side-ranking-list .no-point .no {
	width: 60px;
	height: 82px;
	float: left;
	font-size: 30px;
	letter-spacing: -0.05em;
	line-height: 85px;
}

#s-rank1 a .no {
	color: #fff;
	background-color: #c69c6d;
}

#s-rank2 a .no {
	color: #fff;
	background-color: #b3b3b3;
}

#s-rank3 a .no {
	color: #fff;
	background-color: #f1b48d;
}

#s-rank4 a .no,
#s-rank5 a .no {
	color: #808080;
	/* サブカラー */
	background-color: var(--sub-color);
}

#side-ranking-list .no-point .point {
	padding-top: 13px;
	width: 60px;
	height: 35px;
	float: left;
	font-weight: 700;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 0;
}

#side-ranking-list .trank-photo {
	width: 98px;
	height: 130px;
	overflow: hidden;
	float: left;
}

#side-ranking-list .trank-photo img {
	width: 98px;
	height: 130px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#side-ranking-list .trank-data {
	width: 100%;
	padding: 5px 8px 30px 170px;
	height: 130px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#side-ranking-list .trank-data2 {
	width: 100%;
	padding: 5px 8px 30px 68px;
	height: 130px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#side-ranking-list .trank-data h4,
#side-ranking-list .trank-data2 h4 {
	margin-bottom: 3px;
	width: 100%;
	float: left;
	line-height: 1.2em;
}

#side-ranking-list .trank-data2 h4 a {
	color: #000;
}

#side-ranking-list .trank-data p,
#side-ranking-list .trank-data2 p {
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 1em;
}

.srl-tools {
	margin: -30px 5px 0 0;
	height: 26px;
	float: right;
	position: relative;
	z-index: 2;
}

.srl-tools a {
	margin-right: 3px;
	width: 26px;
	height: 26px;
	float: left;
	display: block;
	text-indent: -200em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border: 1px #666 solid;
}

.srl-tools a.tr-icon1 {/* vars.php に記載 */}
.srl-tools a.tr-icon2 {/* vars.php に記載 */}
.srl-tools a.tr-icon3 {/* vars.php に記載 */}
.srl-tools a.tr-icon4 {/* vars.php に記載 */}

#side-ranking-more {
	margin-top: 5px;
	width: 370px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-weight: 700;
	/* ボタンカラー */
	color: #fff;
	display: block;
	float: left;
	/* メインカラー */
	border: 1px var(--main-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ヘッダー広告 */
.hed-add {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.hed-add img {
	margin: 0 auto;
	width: 100%;
}

/* --------------------------------------------------------------------------------[フッター] */
#foot {
	margin: 100px 0 0 0;
	width: 100%;
	float: left;
}

#foot-sns {
	width: 100%;
	height: 108px;
	float: left;
	text-align: center;
	/* メインカラー */
	background-color: var(--main-color);
	/* サブカラー */
	background-color: var(--sub-color);
}

#foot-sns ul {
	margin: 27px auto 0;
	width: 108px;
	height: 54px;
	text-align: left;
}

#foot-sns li {
	width: 54px;
	height: 54px;
	float: left;
}

#foot-sns li a {
	width: 54px;
	height: 54px;
	display: block;
	text-indent: -200em;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

#foot-sns li a#twitter {
	background-image: url(/img/bsb-x.png);
}

#foot-sns li a#instagram {
	background-image: url(/img/bsb-i.png);
}

#foot-sns li a#line {
	background-image: url(/img/bsb-l.png);
}

#foot-txt {
	width: 100%;
	height: 632px;
	float: left;
/*	background-image: url(/pc/img/foot-back.png);*/
	background-position: center top;
}

/* vars.phpに記載  */
#foot-txt h4 {

}

#foot-txt p {
	width: 100%;
	height: 386px;
	float: left;
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
}

#foot-link {
	padding-top: 70px;
	width: 100%;
	height: 177px;
	float: left;
	text-align: center;
	/* メインカラー */
	border-bottom: 5px var(--main-color) solid;
	
/*	background-image: url(/pc/img_2021aw/logo.png);*/
/* カラーチェンジ */
	background-size: 166px 41px;
	background-repeat: no-repeat;
	background-position: center 165px;
}

#foot-link-inner {
	margin: 0 auto;
	width: 1100px;
	height: 177px;
	position: relative;
}

#foot-link-inner ul {
	width: 1100px;
	float: left;
}

#foot-link-inner li {
	padding: 0 20px;
	height: 30px;
	display: inline-block;
}

#foot-link-inner li a {
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	color: #000;
	font-weight: 700;
}

/* ページTOP */
#page-top {
	width: 64px;
	height: 64px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
}

/* カラーチェンジ */
#page-top a {

}

#page-top a:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}

/* --------------------------------------------------------------------------------[共通パーツ] */
/* ページタイトル */
.s-title {
	padding-top: 50px;
	width: 100%;
	height: 100px;
	float: left;
	color: #333;
	font-size: 30px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	/* サブカラー */
	background-color: var(--sub-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ページタイトル2 */
.s-title2 {
	padding-top: 35px;
	width: 100%;
	height: 100px;
	float: left;
	color: #333;
	font-size: 30px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* シェア */
.sns-share {
	width: 100%;
	height: 97px;
	float: left;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
}

.sns-share .share {
	padding: 0 0 0 250px;
	width: 100%;
	height: 97px;
	float: left;
	text-align: left;
	background-image: url(/img/share_back.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	background-size: 179px 37px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sns-share .share li {
	margin-right: 10px;
	width: 97px;
	height: 97px;
	float: left;
}

.sns-share .share li:last-child {
	margin-right: 0;
}

.sns-share .share li a {
	width: 97px;
	height: 97px;
	display: block;
}

.sns-share .share li a img {
	width: 97px;
}

.xxxxxxx {}

/* --------------------------------------------------------------------------------[モデルページ｜記事一覧] */

h2.contents-title {
	margin-top:  72px;
	margin-bottom:  26px;
	border-top: 3px solid var(--sub-color);
	padding-top: 8px;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}
h3.contents-title {
	margin-top: 18px;
	margin-bottom: 12px;
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 700;
	color: var(--sub-color);
}
h3.contents-title small{
	font-size: 10px;
	font-weight: 200;
	color: var(--main-color);
}

h2.contents-title img,
h2.contents-title svg {
	margin-right: 5px;
	width: 26px;
	height: 26px;
	vertical-align: -6px;
	fill: var(--main-color);
}


/* ---------------------------------------------------------------------------------- */
/* [TOPページ｜お知らせ一覧] */
/* ---------------------------------------------------------------------------------- */
#news_list {
	width: 100%;
	float: left;
	text-align: left;
}

#news_list li {
	width: calc(100% - 50px);
	border-bottom: 1px dotted var(--sub-color);
	margin: 1px 10px;
	padding: 5px 15px;
	float: left;
}



.news-date {
	display: inline-block;
	font-size: 10px;
	color: #666;
	font-weight: 700;
}
.news-category {
	display: inline-block;
	padding-left: 10px;
	font-size: 10px;
	color: #666;
	font-weight: 700;
}
.news-title {
	width: 100%;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: 700;
}
.news-title a {
	color: #333;
}

.news-title a:hover {
	color: #666;
}


.topic_list {
	width: 728px;
	float: left;
}

.topic_list li {
	width: 364px;
	height: 485px;
	float: left;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.topic_list li:nth-child(odd) {
	/* サブカラー */
	border-right: 1px var(--sub-color) solid;
}

.topic_list li:nth-child(even) {
	/* サブカラー */
	border-left: 1px var(--sub-color) solid;
}

.topic_list li .new {
	width: 96px;
	height: 96px;
	text-indent: -200em;
	overflow: hidden;
	text-align: left;
	background-image: url(/img/new-icon2.png);
	background-size: 96px 96px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.topic_list li .catg {
	width: 132px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	display: block;
	position: absolute;
	background-color: #666;
	top: 0;
	right: 0;
	z-index: 1;
}

/* カテゴリ｜MONA MODEL */
#th-article-list li .catg#cat1,
.topic_list li .catg#cat1 {background-color: #ff6496;}

/* カテゴリ｜INTERVIEW */
#th-article-list li .catg#cat2,
.topic_list li .catg#cat2 {background-color: #c2baf4;}

/* カテゴリ｜BEAUTY */
#th-article-list li .catg#cat3,
.topic_list li .catg#cat3 {background-color: #feabb3;}

/* カテゴリ｜DIET */
#th-article-list li .catg#cat4,
.topic_list li .catg#cat4 {background-color: #f1c848;}

/* カテゴリ｜FASHION */
#th-article-list li .catg#cat5,
.topic_list li .catg#cat5 {background-color: #e5e44b;}

/* カテゴリ｜LOVE */
#th-article-list li .catg#cat6,
.topic_list li .catg#cat6 {background-color: #9eef77;}

/* カテゴリ｜ */
#th-article-list li .catg#cat7,
.topic_list li .catg#cat7 {background-color: #5377f9;}

/* カテゴリ｜ */
#th-article-list li .catg#cat8,
.topic_list li .catg#cat8 {background-color: #f953f9;}

/* カテゴリ｜ */
#th-article-list li .catg#cat9,
.topic_list li .catg#cat9 {background-color: #f42543;}

/* カテゴリ｜ */
#th-article-list li .catg#cat10,
.topic_list li .catg#cat10 {background-color: #333;}

/* モデル名 */
.topic_list li .a-model-name,
.topic_list li .a-model-name,
.topic_list li .a-model-name {
	font-size: 14px;
	color: #111;
	position: absolute;
	top: 335px;
	left: 5px;
	z-index: 1;
	padding: 5px 8px;
	line-height: 1em;
	background-color:rgba(216,177,150,0.8);
	display: inline-block;
}

.topic_list li .thumbnails,
.topic_list li .thumbnail {
	width: 364px;
	height: 364px;
	position: relative;
	background-color: #000;
}

.topic_list li .thumbnails a,
.topic_list li .thumbnail a {
	width: 364px;
	height: 364px;
	display: block;
	overflow: hidden;
}

.topic_list li .thumbnails img,
.topic_list li .thumbnail img {
	width: 364px;
	height: 364px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

/*
.topic_list li .thumbnails img.obfit,
.topic_list li .thumbnail img.obfit {
	font-family: 'object-fit: cover;'
}
*/

.topic_list li div.title,
.topic_list li #title {
	padding: 15px 15px 0;
	width: 364px;
	height: 75px;
	font-size: 16px;
	line-height: 1.3em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 364px;
	left: 0;
}

.topic_list li #title span {
	font-size: 16px;
}

.topic_list li .fav {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
}

.topic_list li .fav-count {
	margin: 10px 55px 0 0;
	padding: 2px;
	font-size: 16px;
	float: right;
	line-height: 1em;
	background-color:rgba(255,255,255,0.3);
}

.topic_list li .fav-pr {
	padding: 1px 0 0 5px;
	font-size: 10px;
	float: left;
}

.topic_list li p.clip {
	margin-right: 10px;
	float: right;
}

.topic_list li .clip {
	width: 150px;
	height: 150px;
	z-index: 1;
    cursor: pointer;
    overflow: hidden;
	position: absolute;
	bottom: -45px;
	right: -55px;
}

.topic_list li .clip img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.topic_list li .clip.on img {
	left: -2300%;
}

.topic_list li .clip span {
	width: 80%;
	height: 80%;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 20%;
	left: 20%;
}

/* --------------------------------------------------------------------------------[LINE公式] */
.line-title {
	padding: 45px 0 50px;
	width: 100%;
	float: left;
	font-size: 28px;
	line-height: 1em;
	text-align: center;
}

.line-tokuten {
	padding: 0 59px 40px;
	width: 610px;
	float: left;
	/* サブカラー */
	border-bottom: 3px var(--sub-color) solid;
}

.line-tokuten dt {
	padding-bottom: 30px;
	width: 100%;
	float: left;
	line-height: 1em;
	font-size: 28px;
	text-align: center;
}

.line-tokuten dd {
	padding: 6px 0;
	width: 100%;
	float: left;
	font-size: 28px;
	line-height: 1.1em;
}

.friend-add-text {
	padding-bottom: 45px;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
}

.line-ad-link {
	padding: 0 0 40px;
	width: 728px;
	float: left;
	text-align: center;
	/* サブカラー */
	border-bottom: 3px var(--sub-color) solid;
}

.line-ad-link a {
	margin: 0 auto;
	width: 530px;
	height: 110px;
	display: block;
	text-align: left;
	text-indent: -200em;
	overflow: hidden;
	background-image: url(/img/line-add-link.png);
}

.line-qr {
	padding-bottom: 40px;
	width: 100%;
	float: left;
	text-align: center;
}

.line-qr img {
	margin: 0 auto;
	width: 490px;
}

/* --------------------------------------------------------------------------------[広告掲載について] */
#ad-image {
	margin-bottom: 70px;
	width: 728px;
	float: left;
}

#ad-image img {
	width: 100%;
	height: auto;
}

.ad-title {
	width: 728px;
	height: 38px;
	float: left;
	text-indent: -200em;
	overflow: hidden;
	background-position: 5px 0;
	background-repeat: no-repeat;
	border-bottom: 1px #231815 solid;
}

#ad-title1 {background-image: url(/pc/img/add-title1.png);}
#ad-title2 {background-image: url(/pc/img/add-title2.png);}
#ad-title3 {background-image: url(/pc/img/add-title3.png);}
#ad-title4 {background-image: url(/pc/img/add-title4.png);}
#ad-title5 {background-image: url(/pc/img/add-title5.png);}
#ad-title6 {background-image: url(/pc/img/add-title6.png);}
#ad-title7 {background-image: url(/pc/img/add-title7.png);}
#ad-title8 {background-image: url(/pc/img/add-title8.png);}

#ad-from-anchor {
	width: 100%;
	height: 1px;
	float: left;
	margin-top: -250px;
	padding-top: 250px;
}

#ad-box1 {
	padding: 35px 99px 30px;
	width: 530px;
	float: left;
}

#ad-box1 dt {
	padding-bottom: 20px;
	width: 100%;
	color: #64c8ff;
	font-size: 50px;
	font-weight: 700;
	line-height: 1em;
	float: left;
}

#ad-box1 dd {
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 1.3em;
}

#ad-box2 {
	padding-bottom: 15px;
	width: 728px;
	float: left;
}

#ad-box2 img {
	width: 100%;
	margin-bottom: 10px;
}

#ad-box2-text1,
#ad-box2-text2,
#ad-box2-text3 {
	height: 120px;
	font-size: 11px;
	line-height: 1.4em;
	float: left;
}

#ad-box2-text1 {
	width: 200px;
	margin-left: 55px;
	margin-right: 10px;
}

#ad-box2-text2 {
	width: 195px;
	margin-right: 10px;
}

#ad-box2-text3 {
	width: 200px;
}

#ad-box3 {
	margin-top: 10px;
	width: 728px;
	float: left;
}

#ad-box3 img {
	width: 728px;
}

#ad-box3-title {
	margin: 35px 0 10px;
	width: 100%;
	float: left;
	color: #64c8ff;
	font-size: 20px;
	font-weight: 700;
	text-indent: 55px;
}

#ad-box3 table {
	margin: 0 0 65px 55px;
	width: 615px;
	float: left;
}

#ad-box3 th {
	width: 165px;
}

#ad-box3 th,
#ad-box3 td {
	font-size: 17px;
	font-weight: 700;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px #d6e9f3 solid;
}

#ad-box4 {
	padding-bottom: 100px;
	width: 700px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	float: left;
}

#ad-box4 img {
	margin: 5px 0 12px;
	width: 728px;
}

#ad-box5 {
	margin: 20px 0 70px;
	width: 728px;
	float: left;
}

#ad-box6 {
	margin: 38px 0;
	width: 728px;
	float: left;
}

#ad-box7 {
	padding: 40px 0 0 0;
	width: 728px;
	float: left;
}

#ad-box7 p {
	width: 100%;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: 700;
}

#ad-box7 p span {
	font-size: 14px;
}

#ad-box7 p b {
	color: #64c8ff;
}

#ad-box7 img {
	margin: 20px 0 80px;
	width: 728px;
}

#ad-box8 {
	padding: 20px 0 0 0;
	width: 728px;
	float: left;
}

#ad-box8 img {
	width: 728px;
}

#ad-box8 dl {
	margin-bottom: 15px;
	width: 728px;
	float: left;
}

#ad-box8 dt,
#ad-box8 dd {
	margin-bottom: 2px;
	padding-left: 5px;
	height: 25px;
	font-weight: 700;
	line-height: 24px;
	float: left;
	border-bottom: 2px #d6e9f3 solid;
}

#ad-box8 dt {
	width: 115px;
	background-color: #d6e9f3;
}

#ad-box8 dd {
	width: 603px;
}

#ad-box8-text {
	margin-bottom: 35px;
	width: 728px;
	float: left;
}

#ad-box8-text span {
	color: #036eb7;
}

#ad-box8-title {
	margin-bottom: 10px;
	width: 728px;
	float: left;
	font-size: 24px;
}

#ad-box8 table {
	margin-bottom: 60px;
	width: 728px;
	float: left;
	border-top: 1px #d3d4d4 solid;
	border-left: 1px #d3d4d4 solid;
}

#ad-box8 th,
#ad-box8 td {
	height: 43px;
	font-weight: 700;
	line-height: 43px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px #d3d4d4 solid;
	border-right: 1px #d3d4d4 solid;
}

#ad-box8 th.td_l,
#ad-box8 td.td_l {
	text-align: left;
	text-indent: 36px;
}

#ad-box8 th {
	background-color: #b1e3ff;
}

#ad-box8 td {
	background-color: #ffffc8;
}

#ad-box9 {
	padding: 25px 0 0 0;
	width: 728px;
	float: left;
}

#ad-box9 p {
	width: 182px;
	height: 380px;
	float: left;
	font-weight: 700;
	text-align: center;
	line-height: 1.4em;
}

#ad-box9 p img {
	margin-bottom: 15px;
	width: 182px;
}

#ad-box9 b {
	margin-bottom: 60px;
	width: 728px;
	float: left;
	font-size: 20px;
	display: block;
}

#ad-box9 b span {
	color: #f00;
}

/* 広告問い合わせフォーム */
.ad-form {
	padding: 60px 40px 20px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ad-form span {
	width: 100%;
	float: left;
	color: #b3b3b3;
	text-align: left;
	display: block;
}

.ad-form input,
.ad-form textarea {
	margin-bottom: 25px;
	padding: 10px;
	width: 100%;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.ad-form input[type="text"],
.ad-form input[type="tel"],
.ad-form input[type="email"] {
	height: 60px;
	color: #000;
	font-size: 16px;
	border: 1px #b3b3b3 solid;
}

.ad-form textarea {
	width: 100%;
	height: 360px;
	font-size: 16px;
	border: 1px #b3b3b3 solid;
}

.ad-form .f-sub {
	height: 60px;
	/* ボタンカラー */
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: block;
	/* メインカラー */
	border: 1px var(--main-color) solid;
	/* メインカラー */
	background-color: var(--main-color);
}

/* --------------------------------------------------------------------------------[モデルエントリー] */
.entry-coment {
	margin-top: 40px;
	width: 100%;
	float: left;
	color: #000;
	text-align: center;
	font-size: 28px;
	line-height: 1.5em;
}

.entry-coment b {
	padding-bottom: 10px;
	width: 100%;
	display: block;
}

.entry-coment span {
	width: 100%;
	display: block;
}

.entry-form {
	padding: 50px 40px 20px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.entry-form span {
	width: 100%;
	float: left;
	color: #b3b3b3;
	text-align: left;
	display: block;
}

.entry-form p {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 12px;
	line-height: 1.3em;
}

.pfile {
	margin: 0 0 15px 0;
	float: left;
	text-align: left;
}

.entry-form input[type="text"],
.entry-form input[type="tel"],
.entry-form input[type="email"] {
	margin: 0 0 15px 0;
	padding: 0 5px;
	height: 60px;
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	border: 1px #b3b3b3 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.entry-form input[type="tel"],
.entry-form input[type="email"] {
	width: 100%;
}

.entry-form .inpful {
	width: 100%;
}

.entry-form #imph-l {
	width: 48%;
}

.entry-form #imph-r {
	width: 48%;
	float: right;
}

.entry-form select {
	margin: 0 0 15px 0;
	padding: 0 5px;
	width: 60%;
	height: 60px;
	float: left;
	font-weight: bold;
	color: #000;
	border: 1px #b3b3b3 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.entry-form select option.not-select {
	color: #b3b3b3;
}

.entry-form textarea {
	margin: 0 0 15px 0;
	padding: 5px;
	width: 100%;
	min-height: 160px;
	font-weight: bold;
	float: left;
	border: 1px #b3b3b3 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.entry-form .f-sub,
.register-kakunin .f-sub {
	width: 100%;
	height: 60px;
	/* ボタンカラー */
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: block;
	/* メインカラー */
	border: 1px var(--main-color) solid;
	/* メインカラー */
	background-color: var(--main-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* 入力エラー表示 */
.entry-error {
	margin: 10px 0 20px;
	width: 100%;
	padding: 10px;
	text-align: left;
	background-color: #f90310;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

.entry-error b {
	padding: 5px 0;
	margin-bottom: 5px;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 24px;
	border-bottom: 2px #fff solid;
}

.entry-error p {
	padding: 3px 10px;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#fmagas {
	padding-bottom: 10px;
	width: 100%;
	float: left;
	color: #ff1a00;
	font-weight: bold;
	line-height: 1em;
	font-size: 14px;
	text-align: left;
}

#fmagas label {
	margin-top: -15px;
}

#fmagas input[type="checkbox"] {
    border: 1px solid #aaa;
    vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 22px;
    height: 22px;
    /*Other Browser*/
    background: #e2e2e2;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #ffffff),
        color-stop(1.00, #e2e2e2)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #e2e2e2 100%
    );
}

#fmagas input[type="checkbox"]:checked {
    /*Other Browser*/
    background: #99cc00;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #99cc00),
        color-stop(1.00, #87b400)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #99cc00 0%,
        #87b400 100%
    );
    border: 1px solid #336600;
}

#fmagas input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 14px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    content: "";
    width: 10px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

#fmagas input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 14px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 16px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

#come-text {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 11px;
	line-height: 1.3em;
	color: #ff1a00;
	text-align: left;
}

/* 入力内容確認 */
.entry-form-check {
	padding: 50px 40px 20px;
	width: 100%;
	float: left;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.entry-form-check b,
.entry-form-check span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.entry-form-check b {
	margin-bottom: 5px;
	padding: 5px 0 5px 5px;
	width: 100%;
	float: left;
	display: block;
	line-height: 1em;
	font-size: 20px;
	font-weight: 500;
	border-left: 3px #666 solid;
}

.entry-form-check span {
	margin-bottom: 20px;
	padding: 3px 10px;
	width: 100%;
	float: left;
	display: block;
	font-size: 16px;
	border-bottom: 1px #f0f0f0 solid;
}

.entry-form-check span img {
	margin: 0 auto 5px;
	width: 50%;
	max-width: 280px;
	height: auto;
}

.entry-form-check .f-sub,
.entry-form-check .f-sub2 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: block;
	float: left;
	/* メインカラー */
	border: 1px var(--main-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* 内容修正 */
.entry-form-check .f-sub2 {
	margin: 0 20px 30px;
	width: 580px;
	height: 50px;
	/* メインカラー */
	background-color: var(--main-color);
}

.entry-form-check .f-sub:hover,
.entry-form-check .f-sub2:hover {
	color: #000;
}

/* 送信 */
.entry-form-check .f-sub {
	margin: 20px 0 20px;
	width: 620px;
	height: 60px;
	/* メインカラー */
	background-color: var(--main-color);
}

/* エントリ完了 */
.entry-thanks {
	padding: 50px 40px 20px;
	width: 100%;
	float: left;
	color: #111;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.entry-thanks b {
	margin-bottom: 40px;
	width: 100%;
	display: block;
	font-size: 24px;
	float: left;
}

.entry-thanks span {
	width: 100%;
	display: block;
	float: left;
	font-size: 20px;
}

/* --------------------------------------------------------------------------------[プライバシーポリシー] */
#pp-text {
	padding: 50px 0;
	width: 728px;
	font-size: 20px;
	line-height: 1.4em;
	float: left;
}

#pp-text b {
	font-weight: 500;
}

/* --------------------------------------------------------------------------------[特定商取引に関する表記] */
#law-text {
	padding: 50px 0;
	width: 728px;
	font-size: 20px;
	line-height: 1.4em;
	float: left;
}

#law-text b {
	font-weight: 700;
}



/* --------------------------------------------------------------------------------[NEW 会社概要] */
#office-hed {
  	position: relative;
	width: 728px;
	height: 400px;
	float: left;
	overflow: hidden;
	text-align: center;
	background-image:  var(--exclusive_model_image);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
    z-index: 0;
}

#office-hed .back {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#office-hed h2 {
	padding: 150px 0 0 0;
	width: 100%;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-size: 36px;
	font-weight: 500;
	color: #fff;
    z-index: 1;
}

#office-hed p {
	padding: 8px 0 20px;
	width: 100%;
	line-height: 1em;
	font-size: 10px;
	color: #fff;
    z-index: 1;
}

#office-hed #hed-ankr {
	margin: 0 auto;
	width: 176px;
	height: 30px;
    z-index: 1;
}

#office-hed #hed-ankr a {
	width: 83px;
	height: 30px;
	display: block;
	line-height: 30px;
	color: #fff;
	border: 1px #fff solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    z-index: 1;
}

.office-stitle {
	padding: 40px 0 35px;
	width: 100%;
	float: left;
	text-align: center;
	/* サブカラー */
	border-bottom: 9px var(--sub-color) solid;
}

.office-stitle h3 {
	margin-bottom: 10px;
	width: 100%;
	float: left;
	line-height: 1em;
	font-weight: 500;
	font-size: 34px;
}

.office-stitle p {
	width: 100%;
	float: left;
	line-height: 1em;
	font-size: 10px;
}

#mona-concept-text {
	padding: 30px 10px 50px;
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 1.9em;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mona-concept-text b {
	font-size: 16px;
}

.company-image {
	width: 100%;
	float: left;
}

.company-image img {
	width: 100%;
}

#company-data {
	padding: 20px 10px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#company-data table {
	width: 100%;
	float: left;
}

#company-data th,
#company-data td {
	padding: 10px;
	font-size: 14px;
	text-align: left;
	line-height: 1.2em;
	border-bottom: 1px #f2f2f2 solid;
}

#company-data th {
	width: 140px;
}

/* --------------------------------------------------------------------------------[クリエイター] */
.creator-list {
	padding: 33px 1px 0;
	width: 726px;
	float: left;
}

.creator-list li {
	width: 242px;
	height: 300px;
	float: left;
	text-align: center;
}

.creator-list .icon {
	margin: 0 auto;
	width: 194px;
	height: 194px;
	overflow: hidden;
	border-radius: 97px;
	-webkit-border-radius: 97px;
	-moz-border-radius: 97px;
	/* サブカラー */
	border: 1px var(--sub-color) solid;
	background-color: #ccc;
}

.creator-list .icon img {
	width: 194px;
	height: 194px;
	object-fit: cover;
/* IE系対応 */
/*	font-family: 'object-fit: cover;'*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.creator-list .icon img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	opacity: 0.8;	/* 小さくするほど暗くなります */
}

/*
.creator-list .icon img.obfit {
	font-family: 'object-fit: cover;'
}
*/

.creator-list .meta {
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
}

.creator-list .meta span,
.creator-list .meta strong {
	width: 100%;
	display: block;
}

.creator-list .meta span {
	padding: 0;
	font-size: 18px;
}

.creator-list .meta strong {
	padding: 14px 0 0 0;
	font-size: 24px;
	color: #000;
}

.creator-list .meta a {
	color: #333;
}

/* --------------------------------------------------------------------------------[雑誌検索TOP] */
.latest-magazine {
	padding: 20px 0;
	width: 100%;
	float: left;
	text-align: center;
	/* サブカラー */
	background-color: var(--sub-color);
}

.latest-magazine img {
	margin: 0 auto;
	width: 476px;
}

.m-search-title {
	padding-top: 15px;
	width: 100%;
	height: 80px;
	font-size: 30px;
	line-height: 80px;
	text-align: center;
	float: left;
	border-bottom: 2px #f2f2f2 solid;
}

.location-text {
	width: 100%;
	padding: 30px 0;
	font-size: 26px;
	text-align: center;
	color: #aaa;
	float: left;
}

#location-msg {
	font-size: 16px;
	text-align: center;

}

.m-search-list {
	width: 100%;
	float: left;
}

.m-search-list li {
	padding: 0 0 0 30px;
	width: 670px;
	height: 90px;
	text-align: left;
	line-height: 90px;
	display: table;
	table-layout: fixed;
}

.m-search-list li:last-child a {
	border-bottom: none;
}

.m-search-list li span {
	/* vars.phpに記載 */
}

.m-search-list li a {
	padding-left: 15px;
	color: #333;
	font-size: 28px;
	display: table-cell;
	border-bottom: 2px #f2f2f2 solid;
}

/* --------------------------------------------------------------------------------[雑誌設置店舗一覧] */
.magazine-shop-list {
	width: 728px;
	float: left;
}

.magazine-shop-list li {
	padding: 20px 25px;
	width: 678px;
	float: left;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	display: table;
	table-layout: fixed;
}

.magazine-shop-list li:hover {
	cursor: pointer;
}

.magazine-shop-list li .shop-image {
	width: 225px;
	height: 196px;
	overflow: hidden;
	display: table-cell;
}

.magazine-shop-list li .shop-image span {
	width: 194px;
	height: 194px;
	overflow: hidden;
	display: block;
	border-radius: 97px;
	-webkit-border-radius: 97px;
	-moz-border-radius: 97px;
	border: 1px #999 solid;
}

.magazine-shop-list li .shop-image img {
	width: 194px;
	height: 194px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.magazine-shop-list li .shop-meta {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.magazine-shop-list .shop-meta span,
.magazine-shop-list .shop-meta strong {
	width: 100%;
	display: block;
	float: left;
}

.magazine-shop-list .shop-meta span {
	font-size: 18px;
	color: #333;
}

.magazine-shop-list .shop-meta strong {
	padding: 16px 0;
	font-size: 36px;
	line-height: 1.1em;
	color: #000;
}

.magazine-shop-list .shop-meta a {
	color: #000;
}

/* --------------------------------------------------------------------------------[雑誌設置店舗詳細] */
#shop_map {
	margin-bottom: 10px;
	width:100%;
	height:430px;
	float: left;
	background-color:#dcdcdc;
}

.shop-data {
	padding: 35px 15px;
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-bottom: 5px var(--sub-color) solid;
}

.shop-pr {
	padding: 35px 15px;
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shop-entry {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	border-top: 9px #cfeaf4 solid;
	border-bottom: 4px #cfeaf4 solid;
}

.shop-entry .title {
	margin-bottom: 5px;
	width: 100%;
	height: 50px;
	float: left;
	font-size: 16px;
	line-height: 40px;
	font-weight: normal;
}

.shop-entry .title img {
	margin-right: 5px;
	width: 26px;
	vertical-align: -6px;
}

.shop-entry-meta {
	padding: 5px 20px 10px;
	width: 100%;
	float: left;
	border-top: 1px #cfeaf4 solid;
	display: table;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shop-entry-meta .icon {
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	display: table-cell;
}

.shop-entry-meta .icon img {
	width: 100%;
}

.shop-entry-meta .etitle {
	padding: 0 5px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

.shop-entry-meta .time {
	width: 50px;
	text-align: right;
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
}

.shop-entry-image {
	width: 100%;
	float: left;
}

.shop-entry-image img {
	width: 100%;
}

.shop-entry-body {
	padding: 10px;
	width: 100%;
	float: left;
	color: #000;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------------[モデルリスト] */
.model-list-add {
	padding-bottom: 20px;
	width: 100%;
	text-align: center;
	float: left;
}

#model-list {
	width: 728px;
	float: left;
}

/*
今季表紙モデル s
専属モデル a
過去表紙モデル b
PTモデル c
MONAモデル d
*/

/* 今季表紙モデル */
.model-s {
	padding: 0 4px;
	width: 720px;
	float: left;
}

.model-s article {
	margin-bottom: 30px;
	width: 720px;
	float: left;
}

.model-s .model-photo {
	margin-bottom: 15px;
	width: 720px;
	height: 720px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.model-s .model-photo img {
	width: 720px;
	height: 720px;
	object-fit: cover;
}

.model-s .model-name {
	padding: 0 5px;
	width: 100%;
	float: left;
	text-align: left;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.model-s .model-name h3 {
	font-size: 28px;
}

.model-s .model-name span {
	font-size: 18px;
	font-weight: 500;
}

/* 専属モデル */
.model-a {
	padding: 0 4px;
	width: 720px;
	float: left;
}

.model-a article {
	margin-bottom: 30px;
	width: 720px;
	float: left;
}

.model-a .model-photo {
	margin-bottom: 15px;
	width: 720px;
	height: 720px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.model-a .model-photo img {
	width: 720px;
	height: 720px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-a .model-name {
	padding: 0 5px;
	width: 100%;
	float: left;
	text-align: left;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.model-a .model-name h3 {
	font-size: 28px;
}

.model-a .model-name span {
	font-size: 18px;
	font-weight: 500;
}

/* 過去表紙モデル */
.model-b {
	padding: 10px 2px;
	width: 360px;
	float: left;
}

.model-b article {
	padding: 2px;
	margin-bottom: 10px;
	width: 356px;
	float: left;
}

.model-b .model-photo {
	margin-bottom: 5px;
    width: 356px;
    height: 356px;
	float: left;
}

.model-b .model-photo a {
	width: 356px;
	height: 356px;
	display: block;
	overflow: hidden;
}

.model-b .model-photo img {
	width: 356px;
	height: 356px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-b .model-name {
	padding: 8px 0 0 0;
	width: 100%;
	height: 30px;
	float: left;
	line-height: 1em;
	text-align: left;
}

.model-b .model-name h3 {
	font-size: 22px;
}

.model-b .model-name span {
	font-size: 14px;
}

/* PTモデル */
.model-c {
	padding: 5px 2px;
	width: 236px;
	float: left;
}

.model-c article {
	width: 236px;
	float: left;
}

.model-c .model-photo {
	width: 236px;
	height: 236px;
	float: left;
	overflow: hidden;
}

.model-c .model-photo img {
	width: 236px;
	height: 236px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-c .model-name {
	padding-top: 5px;
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.model-c .model-name h3 {
	font-size: 20px;
}

.model-c .model-name span {
	display: block;
	font-size: 12px;
}

/* MONAモデル */
.model-d {
	padding: 15px 2px 0;
	width: 176px;
	float: left;
}

.model-d article {
	width: 176px;
	float: left;
	text-align: center;
}

.model-d .model-photo {
    width: 176px;
    height: 176px;
	float: left;
}

.model-d .model-photo a {
	width: 176px;
	height: 176px;
	display: block;
	overflow: hidden;
}

.model-d .model-photo img {
	width: 176px;
	height: 176px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-d .model-name {
	padding-top: 5px;
	width: 100%;
	height: 30px;
	float: left;
}

.model-d .model-name h3 {
	font-size: 14px;
	line-height: 1.2em;
}

.model-name h3 {
	display: inline-block;
}

.model-a .model-photo,
.model-b .model-photo,
.model-c .model-photo,
.model-d .model-photo {
	background: #000;
}

.model-a .model-photo img,
.model-b .model-photo img,
.model-c .model-photo img,
.model-d .model-photo img {
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.model-a .model-photo img:hover,
.model-b .model-photo img:hover,
.model-c .model-photo img:hover,
.model-d .model-photo img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	opacity: 0.8;	/* 小さくするほど暗くなります */
}





/* 各モデルのデビューカラー */
/* 2016AW */
.season_0 {border-bottom: 5px #ff6496 solid;}
/* 2017SS */
.season_1 {border-bottom: 5px #6acef4 solid;}
/* 2017AW */
.season_2 {border-bottom: 5px #ff6400 solid;}
/* 2018SS */
.season_3 {border-bottom: 5px #82dcd2 solid;}
/* 2018AW */
.season_4 {border-bottom: 5px #a3111b solid;}
/* 2019SS */
.season_5 {border-bottom: 5px #ffd662 solid;}
/* 2019AW */
.season_6 {border-bottom: 5px #9c446e solid;}
/* 2020SS */
.season_7 {border-bottom: 5px #69ff47 solid;}
/* 2021ss */
.season_8 {border-bottom: 5px var(--main-color) solid;}


/* --------------------------------------------------------------------------------[モデル詳細] */
.model-hed {
	width: 728px;
	height: 450px;
	float: left;
	position: relative;
	z-index: 0;
}

.model-hed img {
	width: 728px;
	height: 450px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-icon {
	margin-bottom: 25px;
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 2;
}

.model-icon-photo {
	margin: -97px auto 0;
	width: 194px;
	height: 194px;
	overflow: hidden;
	border-radius: 97px;
	-webkit-border-radius: 97px;
	-moz-border-radius: 97px;
	/* サブカラー */
	border: 1px var(--sub-color) solid;
	/* サブカラー */
	background-color: var(--sub-color);
}

.model-icon-photo img {
	width: 194px;
	height: 194px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-icon-name {
	padding: 10px 0 0 0;
	width: 100%;
	color: #333;
}

.model-icon-name span {
	font-size: 18px;
}

.model-icon-name h2 {
	font-size: 28px;
}


/* モデルSNSN一覧 */
.model-sns {
	padding: 5px 0 15px;
	width: 100%;
	position: relative;
	overflow: hidden;
	float: left;
}

.model-sns ul {
	position: relative;
	left: 50%;
	float: left;
}

.model-sns ul li {
	position: relative;
	left: -50%;
	float: left;
}

.model-sns a {
	margin: 0 7px;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: left;
	text-indent: -200em;
	overflow: hidden;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	float: left;
}

/* instagram */
.model-sns a#sns-i {background-image: url(/img/sns-i.png);}
/* Twitter */
.model-sns a#sns-t {background-image: url(/img/sns-t.png);}
/* SHOWROOM */
.model-sns a#sns-s {background-image: url(/img/sns-s.png);}
/* LINE LIVE */
.model-sns a#sns-ll {background-image: url(/img/sns-ll.png);}
/* tiktok */
.model-sns a#sns-tt {background-image: url(/img/sns-tt.png);}
/* youtube */
.model-sns a#sns-y {background-image: url(/img/sns-y.png);}

.model-sns #more-sns {
	padding-left: 2px;
	width: 80px;
	height: 30px;
	color: #878787;
	font-weight: 700;
	font-size: 13px;
	line-height: 30px;
	text-align: left;
	display: inline-block;
	background-image: url(/img/sns-arrow.png);
	background-size: 10px 13px;
	background-position: center right;
	background-repeat: no-repeat;
	float: left;
}

/* モデル詳細｜モデルプロフィール */
.model-meta {
	margin: 0 15px;
	width: 698px;
	float: left;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
}

.model-tools {
	width: 100%;
	height: 94px;
	float: left;
	display: table;
	table-layout: fixed;
}

.model-tools li {
	display: table-cell;
	font-size: 14px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: center 12px;
}

.model-tools li a {
	margin: 0 5%;
	padding-top: 70px;
	width: 90%;
	height: 24px;
	color: #808080;
	display: block;
	line-height: 1.1em;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 25px;
}

/* お気に入り */
.model-tools li.tools1 {
	background-image: url(/img/tools-icon1.png);
	background-size: 32px 28px;
	text-align: center;
	color: #808080;
	background-position: center 25px;
}

/* カメラ */
.model-tools li.tools2 a {
	background-image: url(/img/tools-icon2.png);
	background-size: 30px 22px;
}

/* 記事 */
.model-tools li.tools3 a {
	background-image: url(/img/tools-icon3.png);
	background-size: 30px 30px;
}

/* インスタグラム */
.model-tools li.tools4 a {
	background-image: url(/img/tools-icon4.png);
	background-size: 30px 30px;
}

/*  */
.model-tools li.tools5 a {
	background-image: url(/img/tools-icon5.png);
	background-size: 30px 26px;
}

.model-profile {
	padding: 15px 5px;
	width: 100%;
	float: left;
	font-size: 12px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
}

.model-add {
	padding: 30px 0;
	width: 100%;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
	float: left;
}

.model-add-inner {
	width: 50%;
	text-align: center;
	float: left;
}

.model-add2 {
	padding: 10px 0 30px;
	width: 100%;
	text-align: center;
	float: left;
}

/* モデル詳細｜投票 */
#model-vote {
	padding: 15px 0;
	width: 100%;
	float: left;
	text-align: center;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
}

#model-vote p {
	width: 100%;
	font-size: 26px;
	line-height: 1.5em;
}

#model-vote .add-member,
#model-vote .no-push,
#model-vote .push {
	padding: 5px 0 10px;
	margin: 0 auto;
	width: 100%;
	height: 66px;
	position: relative;
	z-index: 0;
	float: left;
}

#model-vote .add-member a,
#model-vote .no-push a#heart,
#model-vote .push a#heart {
	margin: 0 auto;
	width: 90px;
	height: 66px;
	display: block;
	font-size: 10px;
	line-height: 58px;
	text-align: center;
	background-size: 77px 66px;
	background-repeat: no-repeat;
	background-position: center center;
}

/* 会員登録 */
#model-vote .add-member a {
	/* varsに記載  */
}

/* 投票まだまだ */
#model-vote .no-push a#heart {
	/* varsに記載  */
}

/* 投票あり */
#model-vote .push a#heart {
	/* varsに記載  */
}

#model-vote .push a:active {
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-o-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8);
}

#model-vote .push a span {
	color: #fff;
	font-size: 12px;
}

#model-vote span {
	padding: 10px;
	margin-bottom: 20px;
	width: 100%;
	color: #999;
	float: left;
	font-size: 16px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#push-list {
	margin: -70px 0 0 0;
	padding: 0 20% 10px;
	width: 60%;
	text-align: center;
	display: none;
	position: absolute;
	z-index: 10;
}

#push-list a svg {
	margin: 0 1%;
	width: 18%;
	height: auto;
	fill: var(--sub-color);
}

.push-pop {
	width: 100%;
	height: 100%;
	background: #000;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
}

.push-pop-close {
	margin-left: 225px;
	width: 40px;
	height: 40px;
	display: block;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #111;
	position: fixed;
	z-index: 1001;
	left: 50%;
	top: 10px;
}

.push-pop .push-pop-inner {
	margin: -350px 0 0 -225px;
	width: 450px;
	height: 700px;
	text-align: center;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	background-size: 450px 700px;
	position: fixed;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	z-index: 1001;
	left: 50%;
	top: 50%;
}

.push-pop #silver {background-image: url(/img/pop-silver.png);}
.push-pop #Silver {background-image: url(/img/pop-silver.png);}
.push-pop #Gold {background-image: url(/img/pop-gold.png);}
.push-pop #gold {background-image: url(/img/pop-gold.png);}
.push-pop #platinum {background-image: url(/img/pop-platinum.png);}
.push-pop #Platinum {background-image: url(/img/pop-platinum.png);}
.push-pop #black {background-image: url(/img/pop-black.png);}
.push-pop #Black {background-image: url(/img/pop-black.png);}
.push-pop #mission {background-color: #fff;}
.push-pop #Mission {background-color: #fff;}
.push-pop #member_rank {background-color: #fff;}
.push-pop #Member_rank {background-color: #fff;}

.push-pop .push-pop-inner #title {
	padding-top: 60px;
	width: 100%;
	height: 70px;
	color: #ff0000;
	font-size: 55px;
	float: left;
}

.push-pop .push-pop-inner #ster {
	width: 100%;
	height: 320px;
	line-height: 350px;
	font-size: 70px;
	text-shadow:0px 2px 0px #ccc;
	float: left;
}

.push-pop .push-pop-inner #coment {
	padding-top: 40px;
	width: 100%;
	font-size: 16px;
	line-height: 1.4em;
	float: left;
}

.push-pop #Silver #coment,
.push-pop #silver #coment {
	color: #f15a24;
}

.push-pop #Gold #coment,
.push-pop #gold #coment {
	color: #754c24;
}

.push-pop #platinum #coment,
.push-pop #Platinum #coment {
	color: #736357;
}

.push-pop #Black #coment,
.push-pop #black #coment {
	color: #808080;
}

/* ミッション達成 */
.push-pop #mission-title {
	padding: 50px 0 40px;
	width: 100%;
	height: 30px;
	color: #f00;
	font-size: 35px;
	float: left;
}

.push-pop #mission-ster {
	margin-left: -20px;
	width: 490px;
	height: 175px;
	float: left;
}

.push-pop #mission-ster .off-ster,
.push-pop #mission-ster .on-ster {
	padding-right: 10px;
	width: 153px;
	height: 170px;
	background-size: 200px 185px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}

.push-pop #mission-ster .off-ster {
	background-image: url(/mypage/img/off-ster.png);
	color: #999;
}

.push-pop #mission-ster .on-ster {
	background-image: url(/mypage/img/on-ster.png);
	color: #1a1a1a;
}

.push-pop #mission-ster .off-ster b,
.push-pop #mission-ster .on-ster b {
	width: 163px;
	height: 150px;
	font-size: 80px;
	line-height: 180px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-shadow:0px 2px 0px #ccc;
	display: block;
}

.push-pop #mission-ster .on-ster span {
	width: 100%;
	display: block;
	font-size: 16px;
}

.push-pop #mission-chk {
	padding: 35px 0 20px 120px;
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.push-pop #mission-chk .chk-no,
.push-pop #mission-chk .chk-ok {
	padding: 3px 0 5px 30px;
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	float: left;
}

.push-pop #mission-chk .chk-no {
	color: #b3b3b3;
	background-image: url(/mypage/img/chk-off.png);
}

.push-pop #mission-chk .chk-ok {
	color: #22b573;
	background-image: url(/mypage/img/chk-on.png);
}

.push-pop #mission-coment {
	padding: 30px 0 20px;
	width: 100%;
	border-top: 1px #e6e6e6 solid;
	border-bottom: 1px #e6e6e6 solid;
	float: left;
}

.push-pop #mission-coment strong,
.push-pop #mission-coment span {
	width: 100%;
	display: block;
	font-size: 20px;
	line-height: 24px;
}

.push-pop #mission-coment .mstrimg {
	margin-top: 10px;
	height: 55px;
	line-height: 50px;
	font-size: 24px;
}

.push-pop #mission-coment .mstrimg img {
	margin-right: 5px;
	height: 50px;
}

.push-pop #mission-come {
	padding-top: 5px;
	width: 100%;
	color: #808080;
	float: left;
}

/* メンバーランキング */
.push-pop #memberrank-title {
	padding: 35px 0;
	font-size: 20px;
	line-height: 24px;
	width: 100%;
}

.push-pop #member-trophy {
	width: 100%;
	height: 360px;
	float: left;
}

.push-pop #member-trophy img {
	height: 360px;
}

/* モデル詳細｜Photo&Movie */
.photo-movie {
	padding: 10px 0 0;
	width: 100%;
	float: left;
}

.anchor#p-m,
.anchor#ent {
	width: 100%;
	height: 1px;
	float: left;
	margin-top: -250px;
	padding-top: 250px;
}

.photo-movie .title {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 28px;
	text-align: center;
	font-weight: normal;
}

.photo-movie .title svg {
	margin-right: 20px;
	width: 48px;
	height: 48px;
	vertical-align: -12px;
	fill: var(--sub-color);  
}

.model-photo-list2,
.model-photo-list {
	width: 100%;
	float: left;
}

.model-photo-list2 li,
.model-photo-list li {
	overflow: hidden;
	text-align: center;
}

.model-photo-list2 li a,
.model-photo-list li a {
	width: 100%;
	display: block;
	overflow: hidden;
}

/* 追加 */
.model-photo-list2 li,
.model-photo-list li {
	position: relative;
	height: auto;
}

.model-photo-list2 li:before,
.model-photo-list li:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.model-photo-list2 li a,
.model-photo-list li a {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	display: block;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

.model-photo-list2 li img,
.model-photo-list li img {
	width: 100%;
	max-width: 728px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* もっと見る */
.photo-more {
	margin: 10px 0 5px;
	padding: 10px 0;
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	font-size: 12px;
}

.model-photo-list2 {
	display: none;
}

.model-photo-list2.m-open {
	display: table;
}

/* 追加 */
.model-photo-lists,
.model-photo-lists2 {
	width: 100%;
	float: left;
}

.model-photo-lists li,
.model-photo-lists2 li {
	float: left;
}

.model-photo-lists li a,
.model-photo-lists2 li a {
	display: block;
	overflow: hidden;
}

.model-photo-lists.mp1 li,
.model-photo-lists2.mp1 li,
.model-photo-lists.mp1 li a,
.model-photo-lists2.mp1 li a {
	width: 728px;
	height: 728px;
}

.model-photo-lists.mp2 li,
.model-photo-lists2.mp2 li,
.model-photo-lists.mp2 li a,
.model-photo-lists2.mp2 li a {
	width: 364px;
	height: 364px;
}

.model-photo-lists.mp3 li,
.model-photo-lists2.mp3 li,
.model-photo-lists.mp3 li a,
.model-photo-lists2.mp3 li a {
	width: 242.666px;
	height: 242.666px;
}

.model-photo-lists.mp1 li img,
.model-photo-lists2.mp1 li img {
	width: 728px;
	height: 728px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-photo-lists.mp2 li img,
.model-photo-lists2.mp2 li img {
	width: 364px;
	height: 364px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-photo-lists.mp3 li img,
.model-photo-lists2.mp3 li img {
	width: 242.666px;
	height: 242.666px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.model-photo-lists2 {
	display: none;
}

.model-photo-lists2.m-open {
	display: block;
}

.model-photo-lists li span {
	padding: 4px 0 0 0;
	width: 100%;
	height: 33px;
	line-height: 1.4em;
	color: #fff;
	font-size: 11px;
	display: block;
	text-align: center;
	background-color:rgba(0,0,0,0.80);
	position: absolute;
	left: 0;
	bottom: 0;
}

.model-photo-lists li span b {
	font-size: 14px;
}


/* モデル詳細｜写真集 */
.model-photo-book {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
}

.model-photo-book .title {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 28px;
	text-align: center;
	font-weight: normal;
}

.model-photo-book .title svg {
	margin-right: 20px;
	width: 48px;
	height: 48px;
	vertical-align: -12px;
	fill: var(--sub-color);  
}

.model-photo-book .photo {
	width: 100%;
	float: left;
}

.model-photo-book img {
	width: 100%;
	height: auto;
}

.model-photo-book .link {
	margin: 10px 0 5px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #333;
	float: left;
	display: block;
}

/* モデル詳細｜TODAYs FASHION */
.todays-fashion {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
}

.todays-fashion .title {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 28px;
	text-align: center;
	font-weight: normal;
}

.todays-fashion .title svg {
	margin-right: 20px;
	width: 48px;
	height: 48px;
	vertical-align: -12px;
	fill: var(--sub-color);  
}

/* モデル詳細｜投稿記事 */
.model-entry {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
}

.model-entry .title {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 28px;
	text-align: center;
	font-weight: normal;
}

.model-entry .title svg {
	margin-right: 20px;
	width: 48px;
	height: 48px;
	vertical-align: -12px;
	fill: var(--sub-color);  
}

/* もっと見る */
.entry-more {
	margin: 10px 0 5px;
	padding: 10px 0;
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	font-size: 12px;
}

.entry-more a {
	color: #333;
}

/* ギャラリー */
.over-pop {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #333;
	position: relative;
}

.over-pop .image {
	padding: 0 30px;
	width: 960px;
	height: 800px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.over-pop .image .share {
	padding: 10px 0 0 210px;
	width: 750px;
	height: 70px;
	background-image: url(/img/pop-share.png);
	background-repeat: no-repeat;
	background-position: 10px 25px;
	background-size: 179px 37px;
	position: absolute;
	left: 30px;
	bottom: 0;
}

.over-pop .image .share li {
	margin-right: 5px;
	width: 80px;
	height: 70px;
	float: left;
	overflow: hidden;
}

.over-pop .image .share li a {
	padding-top: 8px;
	width: 82px;
	height: 70px;
	display: block;
}

.over-pop .image .share li a img {
	max-height: 100%;
}

.over-pop .image .close {
	height: 40px;
	position: absolute;
	right: 30px;
	top: 5px;
	z-index: 102;
}

.over-pop .image .close a {
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #111;
	font-weight: 700;
	font-size: 50px;
	float: right;
}

/* 初回アクセス時表示コンテンツ */
#model-contents-over {
	padding: 0 20px;
	width: 90%;
	height: 90%;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	position: fixed;
	top: 30px;
	left: 5%;
	z-index: 25;
	text-align: center;
}

#mc-close {
	width: 24px;
	height: 24px;
	color: #333;
	font-size: 42px;
	display: block;
	position: absolute;
	top: -25px;
	right: 10px;
}

#mc-contents-title {
	width: 100%;
	height: 50px;
	text-indent: -200em;
	overflow: hidden;
	text-align: left;
	float: left;
	background-image: url(../img/mc-contents-title.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 198px 18px;
}

#mc-swiper {
	padding-bottom: 60px;
	margin: 0 0 0 0;
}

.mc-share {
	padding: 4px 0 0 0;
	width: 100%;
	float: left;
}

.mc-share .share {
	padding: 0 0 0 100px;
	width: 100%;
	height: 52px;
	float: left;
	text-align: left;
	background-image: url(../img/share_back.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 97px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mc-share .share li {
	padding-right: 3px;
	display: table-cell;
}

.mc-share .share li a {
	width: 100%;
}

.mc-share .share li a img {
	width: 100%;
	max-width: 50px;
}

.mc-share .share img {
	width: 80%;
}

/* --------------------------------------------------------------------------------[ランキング] */
.ranking-title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #333;
	text-align: center;
	float: left;
	font-size: 16px;
	font-weight: normal;
}

.ranking-image {
	margin-bottom: 45px;
	width: 100%;
	float: left;
}

.ranking-image img {
	width: 100%;
	height: auto;
}

/* ランキングタブ */
#ranking-tab {
	padding-left: 5px;
	width: 660px;
	height: 95px;
	float: left;
}

#ranking-tab li {
	width: 165px;
	height: 90px;
	float: left;
}

#ranking-tab li a {
	margin-top: 10px;
	padding-top: 40px;
	width: 160px;
	height: 45px;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	/* サブカラー */
	background-color: var(--sub-color);
	float: left;
}

#ranking-tab li:nth-child(4) a {
	color: #fff;
	background-color: #999;
}

#ranking-tab li a#on {
	margin-top: 0;
	padding-top: 45px;
	height: 50px;
	color: #fff;
	/* メインカラー */
	background-color: var(--main-color);
}

#ranking-tab li:nth-child(4) a#on {
	color: #fff;
	background-color: #000;
}

/* ランキング｜モデル */
.ranking-adds {
	padding: 30px 182px;
	width: 336px;
	float: left;
}

#ranking-list-model {
	width: 100%;
	float: left;
}

#ranking-list-model li {
	padding: 5px 0;
	width: 100%;
	height: 245px;
	float: left;
	position: relative;
	z-index: 1;
}

#ranking-list-model li a {
	color: #333;
}

#t-rank1,
#t-rank2,
#t-rank3 {
	background-size: cover;
}

#t-rank1 {background-image: url(/img/t-ranking-back1.png);}
#t-rank2 {background-image: url(/img/t-ranking-back2.png);}
#t-rank3 {background-image: url(/img/t-ranking-back3.png);}

#t-rank4:after {
	content: "";
	display: block;
	width: 96%;
	height: 1px;
	/* サブカラー */
	background-color: var(--sub-color);
	position: absolute;
	bottom: 0;
	left: 2%;
}

#ranking-list-model .no-point {
	width: 106px;
	height: 245px;
	text-align: center;
	float: left;
}

.no-point .no {
	width: 96px;
	height: 150px;
	float: left;
	font-size: 56px;
	letter-spacing: -0.05em;
	line-height: 150px;
}

#t-rank1 a .no {
	color: #fff;
	background-color: #c69c6d;
}

#t-rank2 a .no {
	color: #fff;
	background-color: #b3b3b3;
}

#t-rank3 a .no {
	color: #fff;
	background-color: #f1b48d;
}

#t-rank4 a .no,
#t-rank5 a .no {
	color: #808080;
	/* サブカラー */
	background-color: var(--sub-color);
}

.no-point .point {
	padding-top: 25px;
	width: 96px;
	height: 70px;
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: 0;
}

#ranking-list-model .trank-photo {
	width: 193px;
	height: 241px;
	overflow: hidden;
	float: left;
}

#ranking-list-model .trank-photo img {
	width: 193px;
	height: 241px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#ranking-list-model .trank-data {
	width: 100%;
	padding: 30px 8px 30px 310px;
	height: 241px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#ranking-list-model .trank-data2 {
	width: 100%;
	padding: 30px 8px 30px 110px;
	height: 241px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#ranking-list-model .trank-data h4,
#ranking-list-model .trank-data2 h4 {
	margin-bottom: 3px;
	width: 100%;
	float: left;
	font-size: 28px;
	line-height: 1.3em;
}

#ranking-list-model .trank-data2 h4 a {
	color: #000;
}

#ranking-list-model .trank-data p,
#ranking-list-model .trank-data2 p {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 1.2em;
}

.rlm-tools {
	margin: -60px 5px 0 0;
	height: 60px;
	float: right;
	position: relative;
	z-index: 2;
}

.rlm-tools a {
	margin-right: 5px;
	width: 48px;
	height: 48px;
	float: left;
	display: block;
	text-indent: -200em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 48px 48px;
}

.rlm-tools a.tr-icon1 {/* vars.phpに記載  */}
.rlm-tools a.tr-icon2 {/* vars.phpに記載  */}
.rlm-tools a.tr-icon3 {/* vars.phpに記載  */}
.rlm-tools a.tr-icon4 {/* vars.phpに記載  */}

/* ランキング｜記事 */
.ranking-list-article {
	width: 100%;
	float: left;
}

.ranking-list-article li {
	padding: 20px 0;
	width: 100%;
	height: 193px;
	float: left;
	position: relative;
	z-index: 0;
}

.ranking-list-article li:before {
	content: "";
	display: block;
	width: 670px;
	height: 1px;
	background-color: #cfeaf4;
	position: absolute;
	top: 0;
	left: 15px;
}

.ranking-list-article li .a-no {
	margin-right: 10px;
	width: 95px;
	height: 193px;
	font-size: 56px;
	color: #808080;
	line-height: 200px;
	text-align: center;
	float: left;
}

.ranking-list-article li .a-photo {
	width: 193px;
	height: 193px;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 2;
}

.ranking-list-article li .a-photo a {
	width: 193px;
	height: 193px;
	display: block;
}

.ranking-list-article li .a-photo img {
	width: 193px;
	height: 193px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.ranking-list-article li .a-data {
	width: 100%;
	padding: 15px 15px 0 310px;
	height: 193px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.ranking-list-article li .a-data h4,
.ranking-list-article li .a-data span {
	margin-bottom: 3px;
	width: 100%;
/*	height: 25px;*/
	display: block;
	line-height: 1.3em;
	float: left;
}

.ranking-list-article li a .a-data h4 {
	color: #333;
	font-size: 26px;
}

.ranking-list-article li a .a-data span {
	font-size: 20px;
	color: #333;
}

.ranking-list-article li .fav {
	margin-top: -35px;
	width: 100%;
	height: 50px;
	float: left;
	position: relative;
	overflow: hidden;
}

.ranking-list-article li .clip {
	width: 150px;
	height: 150px;
	bottom: -22px;
	left: 260px;
	z-index: 1;
    cursor: pointer;
	position: absolute;
    overflow: hidden;
	bottom: -45px;
	right: -55px;
}

.ranking-list-article .clip img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.ranking-list-article .clip.on img {
	left: -2300%;
}

.ranking-list-article a .fav-count {
	font-size: 16px;
	float: right;
	color: #333;
	line-height: 1em;
	position: absolute;
	bottom: 20px;
	left: 365px;
}

.ranking-list-article .clip span {
	width: 80%;
	height: 80%;
	position: absolute;
	top: 20%;
	left: 20%;
	display: block;
	cursor: pointer;
}

/* ランキングTOP by TODAY */
.today-ranking-title {
	margin-bottom: 15px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #333;
	text-align: center;
	float: left;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}

.today-ranking-title:after {
	content: "";
	display: block;
	width: 96%;
	height: 1px;
	background-color: #cfeaf4;
	position: absolute;
	bottom: 0;
	left: 2%;
}

.today-rankings {
	margin-bottom: 15px;
	width: 100%;
	height: 350px;
	float: left;
	background-color: #ccc;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.today-rankings .td-one {
	width: 350px;
	height: 350px;
	float: left;
	position: relative;
}

.td-one-img {
	width: 350px;
	height: 350px;
	overflow: hidden;
}

.td-one-img img {
	width: 350px;
	height: 350px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.td-one-btm {
	padding-top: 15px;
	width: 350px;
	height: 80px;
	color: #fff;
	text-align: left;
	background-image: url(/pc/img/td-one-btm.png);
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
}

.td-one-no {
	width: 110px;
	height: 80px;
	float: left;
	font-size: 16px;
	text-align: center;
}

.td-one-no span {
	font-size: 56px;
	line-height: 1.3em;
}

.td-one-data {
	padding-top: 10px;
	width: 240px;
	height: 70px;
	float: left;
	font-size: 15px;
	line-height: 1.2em;
}

.ranking-plate {
	padding: 10px 0;
	margin-bottom: -130px;
	width: 194px;
	height: 114px;
	background-color:rgba(255,255,255,0.9);
	/* サブカラー */
	border: 3px var(--sub-color) solid;
	float: left;
	position: relative;
	z-index: 1;
}

.plate-name {
	padding: 20px 0 0 0;
	width: 194px;
	height: 40px;
	color: #666;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	float: left;
}

.ranking-plate a {
	margin: 0 20px;
	width: 154px;
	height: 53px;
	line-height: 55px;
	color: #fff;
	font-size: 28px;
	text-align: left;
	text-indent: 20px;
	display: block;
	float: left;
	/* メインカラー */
	background-color: var(--main-color);
	background-image: url(/img/ranking-arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 28px 21px;
}

/* 投票後コメント */
#overlay,
#overpop {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1100;
	top: 0;
	left: 0;
	background-color: rgba(85,172,238,0.5);
}

#overpop {
	display: none;
}

#overpop.vote-on {
	display: block;
}

#vote-coment {
	margin-left: -300px;
	margin-top: -300px;
	width: 600px;
	height: 600px;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1125;
}

#vc-close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -25px;
	right: 10px;
}

#vc-close a,
#vc-close #vc-close-a {
	width: 24px;
	height: 24px;
	display: block;
	color: #333;
	font-size: 42px;
}

#vc-icon-photo {
	margin: -50px auto 0;
	width: 140px;
	height: 140px;
	overflow: hidden;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border: 1px #ccc solid;
}

#vc-icon-photo img {
	width: 140px;
	height: 140px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#vc-thanks-coment {
	margin: 10px 0 0;
	padding: 30px 10px 0;
	width: 100%;
	height: 270px;
	font-size: 14px;
	line-height: 1.4em;
	overflow: hidden;
	background-image: url(/img_2021aw/vc-thanks-coment.png);
	background-repeat: no-repeat;
	background-size: 128px 26px;
	background-position: top center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#vc-point {
	margin-bottom: 5px;
	padding: 0 20px;
	width: 100%;
	height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#vc-user {
	margin-left: 110px;
	padding: 10px 0 0 40px;
	width: 200px;
	height: 40px;
	float: left;
	font-size: 14px;
	line-height: 1.3em;
	text-align: left;
	background-image: url(/img/vc-user.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	background-size: 28px 41px;
}

#vc-heart {
	margin-right: 110px;
	width: 57px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 10px;
	float: right;
	background-image: url(/img/model-share.png);
	background-size: 57px 50px;
}

/* 現状版 */
#vc-form {
	padding: 5px 30px 0;
	width: 100%;
/*	height: 150px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#vc-from input[type="text"],
#vc-from textarea,
#vc-from #user-name {
	margin: 0 0 5px 0;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#vc-from #user-name {
	height: 35px;
	display: block;
	text-align: left;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}

#vc-from input[type="text"] {
	height: 35px;
	border: 1px #b3b3b3 solid;
}

#vc-from textarea {
	height: 60px;
	border: 1px #b3b3b3 solid;
}

#vc-from input[type="submit"] {
	margin: 0;
	width: 100%;
	height: 35px;
	display: block;
	color: #fff;
	font-size: 16px;
	border: 1px #6acef4 solid;
	background-color: #55acee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#vc-form span#user-name {
	margin: 10px 0 -5px;
	width: 100%;
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3em;
	float: left;
}

#vc-sns {
	margin-top: 30px;
	border-bottom: none;
}

/* --------------------------------------------------------------------------------[写真集] */
.photobook-list {
	margin-top: 15px;
	width: 242px;
	height: 425px;
	float: left;
	position: relative;
}

.pb-image {
	margin-bottom: 10px;
	width: 242px;
	height: 363px;
	float: left;
	overflow: hidden;
}

.pb-image img {
	width: 242px;
	height: auto;
}

.pb-name {
	width: 100%;
	float: left;
	text-align: center;
	font-weight: 700;
}

.pb-name span {
	padding-bottom: 5px;
	width: 100%;
	float: left;
	font-size: 12px;
	display: block;
}

.pb-name h3 {
	width: 100%;
	float: left;
	font-size: 20px;
}

.pb-name h3 a {
	color: #333;
}

/* ----------------------------------------------------[写真集詳細] */
#pb-over {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #333;
	position: relative;
}

.pb-d-photo2 {
	padding: 0 30px;
	width: 1080px;
	height: 802px;
	z-index: 100;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#shop-link {
	width: 576px;
	height: 80px;
	float: right;
}

#shop-link img {
	height: 80px;
	z-index: 106;
	float: left;
	position: relative;
}

#shop-link-close {
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #000;
	font-size: 24px;
	font-weight: 700;
	float: right;
	z-index: 107;
	position: relative;
}

.pb-d-photo2 .share {
	padding: 10px 0 0 210px;
	width: 266px;
	height: 70px;
	float: left;
	background-image: url(/img/pop-share.png);
	background-repeat: no-repeat;
	background-position: 10px 25px;
	background-size: 179px 37px;
}

.pb-d-photo2 .share li {
	margin-right: 5px;
	width: 80px;
	height: 70px;
	float: left;
	overflow: hidden;
}

.pb-d-photo2 .share li a {
	padding-top: 8px;
	width: 82px;
	height: 70px;
	display: block;
}

.pb-d-photo2 .share li a img {
	max-height: 100%;
}

.pb-d-photo2 .close {
	width: 50px;
	height: 40px;
	position: absolute;
	right: 30px;
	top: 5px;
	z-index: 102;
}

.pb-d-photo2 .close a  {
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #666;
	font-weight: 700;
	font-size: 50px;
	float: right;
}

/* --------------------------------------------------------------------------------[MONA SHOP] */
#chk-cart {
	margin: 0 2% 15px;
	padding: 15px 0;
	width: 96%;
	line-height: 1em;
	display: block;
	color: #fff;
	font-size: 18px;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

#chk-cart span {
	margin: 0 3px 0 3px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	background-color: #f00;
	color: #fff;
	font-size: 11px;
	display: inline-block;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	vertical-align: middle;
}

#chk-cart img {
	margin: 0 3px 0 0;
	height: 18px;
	vertical-align: middle;
}


#shop-title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #000;
	text-align: center;
	float: left;
}

#shop-title h2 {
	font-weight: 500;
	font-size: 16px;
}

/* 商品名 */
.shop-product-title {
	width: 100%;
	height: 100px;
	line-height: 100px;
	color: #000;
	font-size: 28px;
	text-align: center;
	float: left;
}

.shop-product-title.btop {
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
}

.shop-product-title svg {
	margin-right: 10px;
	width: 52px;
	height: 52px;
	vertical-align: -16px;
	fill: var(--main-color);
}

/* 商品一覧 */
#product-list {
	padding: 0 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.product {
	width: 100%;
	float: left;
}

.product-photo {
	width: 100%;
	float: left;
}

.product-photo img {
	width: 100%;
	height: auto;
}

.product .product-name {
	padding-top: 30px;
	width: 100%;
	height: 180px;
	float: left;
	text-align: center;
}

.product .product-name span {
	padding-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 1em;
	display: block;
}

.product .product-name h3 {
	width: 100%;
	font-size: 40px;
	line-height: 1em;
	float: left;
}

.product .product-name h3 a {
	color: #333;
}

.product .product-name b {
	padding-top: 10px;
	width: 100%;
	color: #ff1a00;
	font-size: 30px;
	display: block;
	text-align: center;
	float: left;
}

/* 商品詳細 */
#product-d-photo {
	padding: 0 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#product-d-photo img {
	width: 100%;
	height: auto;
}

#product-d-name {
	padding: 20px 0;
	margin: 0 15px;
	width: 698px;
	float: left;
	line-height: 1.2em;
	text-align: center;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
}

#product-d-name span {
	width: 100%;
	float: left;
	font-size: 18px;
	color: #808080;
	display: block;
}

#product-d-name h3 {
	width: 100%;
	float: left;
	font-size: 40px;
	line-height: 1.3em;
}

#product-d-price {
	padding: 25px 0 0 0;
	margin: 0 15px;
	width: 698px;
	float: left;
	text-align: left;
}

#product-d-price #price {
	width: 265px;
	height: 65px;
	line-height: 65px;
	float: left;
	font-size: 16px;
	color: #808080;
}

#product-d-price #price b {
	padding-right: 20px;
	color: #333;
	font-size: 46px;
}

#product-d-price #coment {
	width: 400px;
	height: 65px;
	/* ボタンカラー */
	color: #fff;
	line-height: 70px;
	font-weight: 700;
	text-indent: 65px;
	font-size: 24px;
	float: right;
	background-size: 400px 65px;
	background-image: url(/img_2021aw/price-comment.png);
	background-repeat: no-repeat;
}

#product-d-price #annotation {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #808080;
	display: block;
}

/* 単品購入 */
#product-one-list {
	width: 100%;
	float: left;
}

.product-one {
	width: 350px;
	height: 640px;
	float: left;
	position: relative;
	overflow: hidden;
}

.product-one-photo {
	width: 350px;
	height: 507px;
	float: left;
}

.product-one-photo img {
	width: 350px;
	height: 507px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.product-one-price {
	padding-top: 30px;
	width: 100%;
	text-align: center;
	font-size: 42px;
	line-height: 1em;
	font-weight: 700;
	float: left;
}

label.product-one-check {
	width: 100%;
}

label.product-one-check span {
	width: 24px;
	height: 24px;
	background-color: #fff;
	border: 1px #ccc solid;
	display: inline-block;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	position: absolute;
	z-index: 1;
	top: 9px;
	left: 8px;
}

label.product-one-check input[type="checkbox"],
label.product-one-check input[type="radio"] {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
/*	left: 20px;*/
	top: 10px;
	left: -30px;
	z-index: 3;
	box-shadow: 39px 0px #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px #ccc solid;
}

label.product-one-check input[type="checkbox"]:checked,
label.product-one-check input[type="radio"]:checked {
	box-shadow: none;
}

label.product-one-check input[type="checkbox"]:checked:focus,
label.product-one-check input[type="radio"]:checked:focus {
	box-shadow: 39px 0px #666;
	opacity: 0;
}

label.product-one-check input[type="checkbox"]:focus,
label.product-one-check input[type="radio"]:focus {
	box-shadow: 39px 0px #EEE;
}

label.product-one-check:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 15px;
	display: block;
	margin-top: -8px;
	width: 8px;
	height: 12px;
	border-right: 3px solid #22b573;
	border-bottom: 3px solid #22b573;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 2;
}

#cart-in,
#jum-cart-in {
	margin: 25px 35px 50px;
	width: 658px;
	height: 96px;
	line-height: 96px;
	font-size: 30px;
	display: block;
	/* ボタンカラー */
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	float: left;
	border: none;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#cart-in2,
#jum-sub {
	margin: 25px 35px 50px;
	width: 658px;
	height: 96px;
	position: relative;
	float: left;
}

#cart-in2 span,
#jum-sub span {
	width: 668px;
	line-height: 96px;
	font-size: 30px;
	display: block;
	/* ボタンカラー */
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
	float: left;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#cart-in2 #shop-soldout {
	width: 100%;
	line-height: 60px;
	font-size: 30px;
	display: block;
	color: #ff1a00;
	font-weight: 500;
	letter-spacing: 0;
	float: left;
	text-align: center;
	border: none;
	background-color: #dcdcdc;/* メインカラー */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#cart-in2 input[type="submit"],
#jum-sub input[type="submit"] {
	width: 100%;
	height: 96px;
	border: none;
	text-indent: -200em;
	text-align: left;
	display: block;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	background-color:rgba(255,255,255,0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

#cart-in2 span img,
#jum-sub span img {
	margin-top: 30px;
	margin-right: 20px;
	width: 40px;
}

#product-model {
	padding: 1px 0 1px 10px;
	width: 100%;
	float: left;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-model-photo {
	width: 104px;
	height: 104px;
	float: left;
	overflow: hidden;
	border-radius: 52px;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	border: 1px #fff solid;
}

#product-model-photo img {
	width: 104px;
	height: 104px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#product-model-meta {
	/* vars.phpに記載  */
}

#product-model-meta span {
	margin-bottom: 12px;
	font-size: 11px;
	line-height: 1.1em;
	display: block;
}

#product-model-meta h4 {
	font-size: 16px;
}

#product-model-meta h4 a {
	color: #333;
}

#shop-back-link {
	/* vars.phpに記載  */
}

/* カートページ */
#cart-product {
	padding-top: 10px;
	width: 728px;
	float: left;
	text-align: left;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
}

#cart-product li {
	padding: 20px 10px;
	width: 728px;
	float: left;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#cart-product li h4 {
	width: 100%;
	float: left;
	line-height: 1.3em;
	font-size: 24px;
}

#cart-product li span {
	width: 100%;
	float: left;
	line-height: 1.3em;
	font-size: 16px;
	display: block;
}

#cart-product li select {
	margin-right: 5px;
	padding-left: 15px;
	width: 100px;
	height: 50px;
	float: left;
	font-size: 24px;
	font-weight: 700;
	border: 1px #b3b3b3 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#cart-product li span div {
	padding-top: 20px;
	display: inline-block;
}

#cart-product li a {
	padding: 10px;
	color: #fff;
	line-height: 1em;
	font-size: 24px;
	font-weight: 700;
	background-color: #f00;
	display: inline-block;
	float: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	z-index: 10;
}

#subtotal {
	padding: 40px 10px 30px 0;
	width: 100%;
	text-align: right;
	font-size: 24px;
	font-weight: 700;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#re-cart {
	/* vars.phpに記載 */
}

.cb-line {
	margin: 13px 0;
	width: 100%;
	height: 2px;
	float: left;
	/* サブカラー */
	background-color: var(--sub-color);
}

#shop-error {
	margin: 5px 0;
	padding: 10px;
	width: 100%;
	background-color: #ff1a00;
	color: #fff;
	font-size: 18px;
	line-height: 1.4em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#shop-error h3 {
	margin-bottom: 5px;
	width: 100%;
	font-size: 22px;
	text-align: center;
	border-bottom: 1px #fff solid;
}

/* ご注文手続き|配送 */
#delivery-from {
	padding: 40px 10px 0;
	width: 100%;
	float: left;
	text-align: left;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#delivery-from input[type="text"],
#delivery-from input[type="tel"],
#delivery-from input[type="email"] {
	margin-bottom: 25px;
	padding: 5px 10px;
	width: 100%;
	height: 50px;
	float: left;
	color: #b3b3b3;
	font-size: 16px;
	font-weight: 700;
	border: 1px #b3b3b3 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#delivery-from label.shoppaybank,
#delivery-from label.shoppaycard {
	width: 100%;
	height: 30px;
	line-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	float: left;
}


#delivery-from label input[type="radio"],
#delivery-from label input[type="checkbox"] {
	display: none;
}


.shopchk-parts {
	padding-left: 20px;
	margin-right: 20px;
	position:relative;
	font-size: 16px;
	font-weight: 500;
}

.shopchk-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}

#delivery-from label input[type="radio"]:checked + .shopchk-parts,
#delivery-from label input[type="checkbox"]:checked + .shopchk-parts{
	color: #d01137;
}

#delivery-from label input[type="radio"]:checked + .shopchk-parts::after,
#delivery-from label input[type="checkbox"]:checked + .shopchk-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #d01137;
	border-right: 3px solid #d01137;
}



#delivery-from span {
	font-size: 16px;
	color: #b3b3b3;
	font-weight: 700;
	display: block;
	float: left;
}

#delivery-end-title {
	margin: 20px 0 0 0;
	width: 100%;
	height: 100px;
	line-height: 100px;
	color: #000;
	font-size: 28px;
	text-align: center;
	float: left;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
}

#delivery-end {
	padding: 45px 25px;
	width: 100%;
	float: left;
	text-align: left;
	color: #808080;
	font-size: 22px;
	line-height: 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
}

#delivery-end span {
	font-size: 18px;
	padding: 10px 0 3px;
	display: inline-block;
	color: #b3b3b3;
}

/* 注文完了 */
#order-complete {
	margin-bottom: 20px;
	padding: 30px 30px 50px;
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 1.4em;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-complete b {
	width: 100%;
	height: 70px;
	font-size: 32px;
	line-height: 1em;
	display: block;
	text-align: center;
}

#order-complete a {
	/* サブカラー */
	color: var(--main-color);
}

#order-complete b {}

/* --------------------------------------------------------------------------------[MONA STORE] */
.store-title {
	padding: 35px 0 15px;
	width: 100%;
	font-size: 20px;
	line-height: 1em;
	text-indent: 12px;
	text-align: left;
	float: left;
}

.store-title2 {
	margin: 0 0 15px 35px;
	width: 630px;
	font-size: 20px;
	line-height: 1em;
	text-align: left;
	float: left;
}

.store-list {
	padding: 0 1px;
	margin-bottom :25px;
	width: 726px;
	border-bottom: 1px #dddbdb solid;
	float: left;
}

.store-list .item {
	margin: 0 12px;
	width: 218px;
	height: 345px;
	float: left;
}

.store-list .item .photo {
	width: 218px;
	height: 260px;
	float: left;
}

.store-list .item .photo img {
	width: 218px;
	height: 260px;
	object-fit: cover;
}

.store-list .item .photo img:hover {
	cursor : pointer;
}

.store-list .item .data {
	padding: 10px 6px 0;
	width: 206px;
	font-size: 16px;
	float: left;
}

.store-list .item .data .price {
	display: block;
	padding-top: 10px;
	font-size: 18px;
}

/* 人気アイテムRANKING */
.store-list-ranking {
	padding: 0 1px;
	margin-bottom :25px;
	width: 726px;
	border-bottom: 1px #dddbdb solid;
	float: left;
}

/* 1位から3位 */
.store-list-ranking .item:nth-child(1),
.store-list-ranking .item:nth-child(2),
.store-list-ranking .item:nth-child(3) {
	margin: 0 12px;
	width: 218px;
	height: 360px;
	position: relative;
	float: left;
}

.store-list-ranking .item:nth-child(1) .photo,
.store-list-ranking .item:nth-child(2) .photo,
.store-list-ranking .item:nth-child(3) .photo {
	width: 218px;
	height: 260px;
	float: left;
}

.store-list-ranking .item:nth-child(1) .photo img,
.store-list-ranking .item:nth-child(2) .photo img,
.store-list-ranking .item:nth-child(3) .photo img {
	width: 218px;
	height: 260px;
	object-fit: cover;
}

/* 4位以降 */
.store-list-ranking .item:nth-child(n+4) {
	margin: 0 12px;
	width: 157px;
	height: 300px;
	position: relative;
	float: left;
}

.store-list-ranking .item:nth-child(n+4) .photo {
	width: 157px;
	height: 187px;
	float: left;
}

.store-list-ranking .item:nth-child(n+4) .photo img {
	width: 157px;
	height: 187px;
	object-fit: cover;
}

.store-list-ranking .item:hover {
	cursor : pointer;
}

.store-list-ranking .slr-1,
.store-list-ranking .slr-2,
.store-list-ranking .slr-3,
.store-list-ranking .slr-4,
#store-cart-ranking-list .slr-1,
#store-cart-ranking-list .slr-2,
#store-cart-ranking-list .slr-3,
#store-cart-ranking-list .slr-4 {
	text-align: center;
	position: absolute;
	left: 7px;
	top: 7px;
}

.store-list-ranking .slr-1,
.store-list-ranking .slr-2,
.store-list-ranking .slr-3,
#store-cart-ranking-list .slr-1,
#store-cart-ranking-list .slr-2,
#store-cart-ranking-list .slr-3 {
	width: 28px;
	height: 28px;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border: 1px #d6d6d6 solid;
}

.store-list-ranking .slr-1,
#store-cart-ranking-list .slr-1 {
	background-color: #c69c6d;
}

.store-list-ranking .slr-2,
#store-cart-ranking-list .slr-2 {
	background-color: #b3b3b3;
}

.store-list-ranking .slr-3,
#store-cart-ranking-list .slr-3 {
	background-color: #f1b48d;
}

.store-list-ranking .slr-4,
#store-cart-ranking-list .slr-4 {
	width: 22px;
	height: 22px;
	color: #a5a5a5;
	line-height: 23px;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	background-color: #fff;
	border: 1px #d6d6d6 solid;
}

.store-list .more-ranking,
.store-list-ranking .more-ranking {
	padding: 20px 11px 30px 0;
	width: 100%;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.store-list .more-ranking a,
.store-list-ranking .more-ranking a {
	color: #3d8cd3;
	font-size: 14px;
}

.store-list .item .data,
.store-list-ranking .item .data,
#store-cart-ranking-list .item .data {
	padding: 8px 6px 0;
	width: 100%;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-cart-ranking-list .item .data {
	font-size: 13px;
}

.store-list .item .data a,
.store-list-ranking .item .data a,
#store-cart-ranking-list .item .data a {
	color: #000;
}

.store-list .item .data .price,
.store-list-ranking .item .data .price,
#store-cart-ranking-list .item .data .price {
	display: block;
	padding-top: 8px;
	font-size: 18px;
}

#store-cart-ranking-list .item .data .price {
	font-size: 15px;
}


/* 商品紹介 */
#store-dmain {
	width: 700px;
	float: left;
}

/* メイン写真 */
#store-dmain #main-photo {
	margin: 40px 65px 20px;
	width: 570px;
	height: 680px;
	overflow: hidden;
	float: left;
}

#store-dmain #main-photo img {
	width: 570px;
	height: 680px;
	object-fit: cover;
}

/* サブ写真 */
#store-dmain #sub-photo {
	margin-bottom: 10px;
	padding: 0 20px 15px;
	width: 660px;
	float: left;
}

#store-dmain #sub-photo li {
	margin: 0 10px 10px 0;
	width: 122px;
	height: 145px;
	position: relative;
	overflow: hidden;
	float: left;
}

#store-dmain #sub-photo li img {
	width: 122px;
	height: 145px;
	object-fit: cover;
}

#store-dmain #sub-photo li span {
	width: 30px;
	height: 30px;
	display: block;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	background-color: rgba(0,0,0,0.70);
	position: absolute;
	right: 0;
	bottom: 0;
}

#store-dmain #sub-photo li:nth-child(5n) {
	margin: 0 0 10px 0;
}

.store-line {
	margin: 0 0 50px 35px;
	width: 630px;
	height: 1px;
	background-color: #dddbdb;
	float: left;
}

/* 関連アイテム */
.store-list2 {
	margin :0 35px;
	width: 630px;
	float: left;
}

.store-list2 .item {
	margin: 0 20px 0 0;
	width: 196px;
	height: 330px;
	float: left;
}

.store-list2 .item:nth-child(3n) {
	margin: 0 0 0 0;
}

.store-list2 .item .photo {
	width: 196px;
	height: 233px;
	float: left;
	overflow: hidden;
}

.store-list2 .item .photo img {
	width: 196px;
	height: 233px;
	object-fit: cover;
}

.store-list2 .item .photo img:hover {
	cursor : pointer;
}

.store-list2 .item .data {
	padding: 10px 6px 0;
	width: 100%;
	font-size: 16px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.store-list2 .item .data a {
	color: #000;
}

.store-list2 .item .data .price {
	display: block;
	padding-top: 10px;
	font-size: 18px;
}

/* 右側 */
#store-dside {
	margin-top: 40px;
	width: 400px;
	text-align: left;
	float: right;
}

#store-dside #item-name {
	margin-bottom: 32px;
	padding-top: 8px;
	width: 100%;
	font-size: 20px;
	line-height: 1.2em;
	float: left;
}

#store-dside #item-price {
	margin-bottom: 30px;
	width: 100%;
	font-size: 32px;
	line-height: 1;
	color: #e73656;
	float: left;
}

#store-dside #item-price b {
	font-size: 15px;
	color: #000;
	font-weight: 500;
}

#store-dside #item-price span {
	font-size: 14px;
}

#store-dside #item-size {
	margin-bottom: 23px;
	width: 400px;
	border-top: 1px #dddbdb solid;
	float: left;
}

#store-dside #item-size li {
	padding: 20px 10px;
	width: 380px;
	border-bottom: 1px #dddbdb solid;
	float: left;
}

#store-dside #item-size li span {
	height: 37px;
	line-height: 37px;
	font-size: 16px;
	text-align: left;
	display: inline-block;
	float: left;
}

#store-dside #item-size li a {
	padding: 0 0 0 40px;
	width: 125px;
	height: 37px;
	display: block;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #555;
	background-image: url(/pc/store/img/cart.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 26px 21px;
	float: right;
}

#store-dside #item-coment {
	margin-bottom: 20px;
	padding: 0 5px 25px;
	width: 390px;
	font-size: 14px;
	line-height: 1.4em;
	border-bottom: 1px #dddbdb solid;
	float: left;
}

#store-dside #item-shere {
	margin: 0 0 40px 20px;
	width: 380px;
	float: left;
}

#store-dside #item-shere p {
	margin-bottom: 5px;
	width: 100%;
	float: left;
}

#store-dside #item-shere a {
	margin: 0 10px 0 0;
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -200em;
	overflow: hidden;
	background-size: 30px 30px;
	float: left;
}

#store-dside #item-shere a#sns-t {
	background-image: url(/artist/glanz/img/sns-t.png);
}

#store-dside #item-shere a#sns-l {
	background-image: url(/artist/glanz/img/sns-l.png);
}

#store-dside #item-shere a#sns-f {
	background-image: url(/artist/glanz/img/sns-f.png);
}



/* SHOPトップへ戻る */
#store-dside #store-top-link {
	margin: 0 0 0 50px;
	width: 300px;
	height: 45px;
	display: block;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 47px;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

/* --------------------------------------------------------------------------------[MONA STORE カート] */
/* 商品名 */
.store-cart-title {
	margin-bottom: 18px;
	width: 100%;
	height: 100px;
	line-height: 100px;
	color: #000;
	font-size: 28px;
	text-align: center;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
	float: left;
}

.store-cart-title img {
	margin-right: 10px;
	width: 52px;
	vertical-align: -16px;
}

#store-cart-item {
	width: 700px;
	border-top: 1px #dbdbdb solid;
	float: left;
}

#store-cart-item li {
	padding: 28px 10px;
	width: 680px;
	border-bottom: 1px #dbdbdb solid;
	float: left;
}

#store-cart-item .photo {
	margin-right: 20px;
	width: 110px;
	height: 120px;
	overflow: hidden;
	background-color: #ccc;
	float: left;
}

#store-cart-item .photo img {
	width: 110px;
	height: 120px;
	object-fit: cover;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#store-cart-item .photo img:hover {
	opacity: 0.8;	/* 小さくするほど暗くなります */
}

#store-cart-item .name {
	padding-top: 40px;
	width: 300px;
	height: 80px;
	font-size: 16px;
	text-align: left;
	float: left;
}

#store-cart-item .count {
	padding-top: 45px;
	margin-right: 13px;
	width: 40px;
	height: 75px;
	float: left;
}

#store-cart-item .count input[type="text"] {
	width: 38px;
	height: 28px;
	font-size: 20px;
	text-align: center;
	background-color: #f6f6f6;
	border: 1px #dbdbdb solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#store-cart-item .deli {
	padding-top: 45px;
	width:65px;
	height: 75px;
	float: left;
}

#store-cart-item .deli a {
	width: 65px;
	height: 30px;
	color: #fff;
	font-size: 18px;
	line-height: 31px;
	display: block;
	background-color: #ea0a0a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#store-cart-item .price {
	width: 130px;
	height: 120px;
	text-align: right;
	line-height: 120px;
	font-size: 20px;
	float: right;
}

/* 小計 */
#store-cart-subtotal {
	padding: 20px 10px 15px;
	width: 680px;
	border-bottom: 1px #dbdbdb solid;
	float: left;
}

#store-cart-subtotal .text-l,
#store-cart-subtotal .price-r {
	height: 27px;
	font-size: 20px;
	line-height: 1em;
	text-align: right;
	float: left;
}

#store-cart-subtotal .text-l {
	width: 425px;
}

#store-cart-subtotal .price-r {
	width: 255px;
}

/* 合計 */
#store-cart-alltotal {
	padding: 20px 10px 40px;
	width: 680px;
	float: left;
}

#store-cart-alltotal .text-l,
#store-cart-alltotal .price-r {
	height: 27px;
	font-size: 20px;
	line-height: 1em;
	text-align: right;
	float: left;
}

#store-cart-alltotal .text-l {
	width: 425px;
}

#store-cart-alltotal .price-r {
	width: 255px;
}

/* カートの内容変更 */
#store-cart-change {
	margin-bottom: 45px;
	width: 100%;
	float: left;
}

#store-cart-change input[type="submit"] {
	width: 290px;
	height: 50px;
	color: #fff;
	font-size: 18px;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 0;
	float: right;
}

/* カート｜人気アイテムRANKING */
#store-cart-ranking {
	padding: 40px 0 0 40px;
	width: 658px;
	border: 1px #dbdbdb solid;
	float: left;
}

#store-cart-ranking-title {
	padding-bottom: 15px;
	width: 618px;
	font-size: 20px;
	line-height: 1em;
	text-align: left;
	float: left;
}

/* カートRANKING */
#store-cart-ranking-list {
	width: 658px;
	float: left;
}

/* 1位から3位 */
#store-cart-ranking-list .item:nth-child(1),
#store-cart-ranking-list .item:nth-child(2),
#store-cart-ranking-list .item:nth-child(3) {
	margin-right: 20px;
	width: 193px;
	height: 310px;
	text-align: left;
	font-size: 14px;
	position: relative;
	float: left;
}

#store-cart-ranking-list .item:nth-child(1) .photo,
#store-cart-ranking-list .item:nth-child(2) .photo,
#store-cart-ranking-list .item:nth-child(3) .photo {
	width: 193px;
	height: 230px;
	float: left;
}

#store-cart-ranking-list .item:nth-child(1) .photo img,
#store-cart-ranking-list .item:nth-child(2) .photo img,
#store-cart-ranking-list .item:nth-child(3) .photo img {
	width: 193px;
	height: 230px;
	object-fit: cover;
}

/* 4位以降 */
#store-cart-ranking-list .item:nth-child(n+4) {
	margin-right: 25px;
	width: 136px;
	height: 270px;
	font-size: 13px;
	text-align: left;
	position: relative;
	float: left;
}

#store-cart-ranking-list .item:nth-child(n+4) .photo {
	width: 136px;
	height: 162px;
	float: left;
}

#store-cart-ranking-list .item:nth-child(n+4) .photo img {
	width: 136px;
	height: 162px;
	object-fit: cover;
}

/* 支払い方法選択 */
#store-payment {
	padding: 30px 35px;
	width: 400px;
	background-color: #f6f6f6;
	/* サブカラー */
	border: 2px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	float: right;
}

#store-payment-title {
	margin-bottom: 20px;
	width: 100%;
	font-size: 20px;
	line-height: 1em;
	float: left;
}

#store-payment-list {
	margin-bottom: 25px;
	width: 100%;
	border-top: 1px #ccc solid;
	float: left;
}

#store-payment-list li {
	padding: 18px 5px;
	width: 100%;
	font-size: 15px;
	text-align: left;
	border-bottom: 1px #ccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.payment-radio {
	display: none;
}

.payment-radio + label {
	padding-left: 25px;
	position: relative;
	margin-right: 25px;
}

.payment-radio + label::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #999;
	border-radius: 50%;
}

.payment-radio:checked + label{
	color: #d01137;
}

.payment-radio:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	background: #d01137;
	border-radius: 50%;
}

/* 注文するボタン */
#pyment-order {
	margin: 0 0 20px 15px;
	width: 300px;
	height: 50px;
	color: #fff;
	font-size: 18px;
	border: 0;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

#store-payment a {
	width: 100%;
	display: block;
	/* メインカラー */
	color: var(--main-color);
	float: left;
}

/* --------------------------------------------------------------------------------[MONA STORE 注文手続き] */
#store-order-wall {
	margin: 0 70px 100px;
	width: 988px;
	float: left;
}

/* 注文ありがとうございます。 */
#store-order-wall #tks {
	margin: 10px 0 30px;
	width: 100%;
	font-size: 22px;
	float: left;
}

/* 下記より内容を入力のコメント */
#store-order-wall #onegai,
#store-order-wall #onegai2 {
	margin-bottom: 25px;
	width: 100%;
	font-size: 16px;
	line-height: 1.4em;
	float: left;
}

#store-order-wall #onegai {
	color: #ed0a0a;
}

/* エラー表示 */
#store-order-wall #error {
	margin-bottom: 25px;
	padding: 15px 10px 10px;
	width: 100%;
	color: #fff;
	background-color: #ed0a0a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-order-wall #error b {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
	font-size: 22px;
	border-bottom: 2px #fff solid;
	display: block;
}

#store-order-wall #error span {
	padding: 3px 0;
	width: 100%;
	display: block;
	font-size: 16px;
	text-align: left;
	float: left;
}

/* 注文の入力フォーム(table) */
#order-from {
	padding: 15px;
	width: 958px;
	background-color: #f0f0f0;
	float: left;
}

#order-from-table {
	width: 100%;
	border-bottom: 1px #ccc solid;
	float: left;
}

#order-from-table th {
	padding: 13px 0 13px 5px;
	width: 182px;
	color: #666;
	text-align: left;
	font-weight: 500;
	font-size: 16px;
}

#order-from-table td {
	padding: 13px 0;
	font-size: 14px;
	text-align: left;
}

#order-from-table td input[type="text"],
#order-from-table td input[type="email"],
#order-from-table td input[type="tel"] {
	padding: 0 10px;
	height: 40px;
	border: 1px #ccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.order-input1 {width: 220px;}
.order-input2 {width: 270px;}
.order-input3 {width: 380px;}
.order-input4 {width: 665px;}


#order-from-table2 {
	width: 100%;
	float: left;
}

#order-from-table2 th {
	padding: 13px 0 13px 5px;
	width: 182px;
	color: #666;
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	border-bottom: 1px #ccc solid;
}

#order-from-table2 td {
	padding: 13px 0;
	text-align: left;
	border-bottom: 1px #ccc solid;
}

#order-from-table2 td button {
	margin-left: 10px;
	padding: 5px 7px;
	line-height: 1em;
	display: inline-block;
	border: 1px #73aeea solid;
	color: #73aeea;
}

/* 注文の料金 */
#order-from-table2 td#kaikei {
	width: 280px;
	text-align: center;
	position:relative;
	border-left: 1px #ccc solid;
}

#order-from-table2 td#kaikei #box {
	width: 235px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

#order-from-table2 td#kaikei #box p {
	padding: 2px 0;
	width: 100%;
	float: left;
}

#order-from-table2 td#kaikei #box p .text-l {
	color: #666;
	font-size: 13px;
	float: left;
}

#order-from-table2 td#kaikei #box p .text-r {
	color: #666;
	font-size: 13px;
	float: right;
}

#order-from-table2 td#kaikei #box p b.text-r {
	font-size: 16px;
	color: #f40f0f;
	float: right;
}

#card-settlement {
	padding-top: 20px;
	width: 100%;
}

#card-settlement dl {
	padding-right: 15px;
	height: 85px;
	float: left;
}

#card-settlement dl#cardNum,
#card-settlement dl#limit {
	width: 290px;
}

#card-settlement dl#secCode,
#card-settlement dl#payType {
	width: 165px;
}

#card-settlement dl input[type="text"] {
	padding: 0 5px;
	margin-top: 5px;
	width: 100%;
	height: 40px;
	border: 1px #c8c8c8 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#card-settlement dl .select-wrap {
    position: relative;
    display: inline-block;
}

#card-settlement dl .select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 5px;
    top: 20px;
    content: "";
	width: 16px;
	height: 10px;
	background-image: url(/pc/store/img/select.png);
	background-repeat: no-repeat;
	background-size: 16px 8px;
	line-height: 40px;
    pointer-events: none;
}

#card-settlement dl select {
	margin-top: 5px;
	padding: 0 60px 0 10px;
	height: 40px;
	border: 1px #c8c8c8 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#card-settlement dl select::-ms-expand {
	display: none;
}

/* カード情報登録 */
#order-save,
#credit-save {
	display: none;
}

#order-save + label,
#credit-save + label {
	padding-left: 25px;
	position: relative;
	margin-right: 25px;
}

#order-save + label::before,
#credit-save + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: 1px solid #999;
}

#order-save:checked + label,
#credit-save:checked + label {
	color: #d01137;
}

#order-save:checked + label::after,
#credit-save:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #d01137;
	border-right: 3px solid #d01137;
}

/* 注文する商品アイテム */
.order-items {
	margin: 4px 0;
	width: 480px;
	float: left;
}

.order-items .order-items-photo {
	margin-right: 20px;
	width: 67px;
	height: 80px;
	float: left;
}

.order-items .order-items-photo img {
	width: 67px;
	height: 80px;
	object-fit: cover;
}

.order-items .order-items-name {
	padding-right: 5px;
	width: 220px;
	height: 80px;
	float: left;
}

.order-items .order-items-cnt {
	width: 80px;
	height: 80px;
	float: left;
}

.order-items .order-items-price {
	display: inline-block;
	height: 80px;
	float: right;
}

.order-items .order-items-name,
.order-items .order-items-cnt,
.order-items .order-items-price {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

/* 「注文する」ボタン */
#order-submit {
	margin: 60px 0 30px;
	width: 300px;
	height: 50px;
	color: #fff;
	font-size: 18px;
	/* メインカラー */
	background-color: var(--main-color);
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/* 支払い方法変更 */
#payment-change-wall {
	width: 100vw;
	height: 100vh;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.80);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}

#payment-change {
	padding: 30px;
	width: 660px;
	height: 355px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#payment-change-title {
	margin-bottom: 20px;
	width: 100%;
	font-size: 16px;
	float: left;
}

#payment-change-table {
	width: 100%;
	float: left;
}

#payment-change-table th {
	height: 36px;
	color: #fff;
	text-align: center;
	background-color: #b4b4b4;
}

#payment-change-table th#pct-th {
	width: 540px;
}

#payment-change-table td {
	padding: 22px 10px;
	border-bottom: 1px #b4b4b4 solid;
}

#payment-change-table td.pct-td {
	text-align: center;
	border-left: 1px #b4b4b4 solid;
}

#pyment-order2 {
	margin: 25px 0 0 250px;
	width: 160px;
	height: 50px;
	color: #fff;
	/* メインカラー */
	background-color: var(--main-color);
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#payment-change-close {
	font-size: 35px;
	position: absolute;
	top: 10px;
	right: 10px;
}





/* 注文完了後の「SHOPトップへ」ボタン */
#order-end-shoptop {
	margin: 60px 0 30px;
	width: 300px;
	height: 50px;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	display: inline-block;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* サイドカテゴリ一覧 */
#store-category {
	margin: 75px 0 40px;
	width: 100%;
	text-align: left;
	float: left;
}

#store-category li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px #dddbdb solid;
	float: left;
}

#store-category li b {
	padding-left: 10px;
	font-size: 20px;
}

#store-category li a {
	padding-left: 25px;
	font-size: 16px;
	color: #000;
}



/* --------------------------------------------------------------------------------[TOPページ] */
#top-hed {
	width: 726px;
	float: left;
}

/* TOPページ｜スワイプ */
#top-hed .swiper-container {
	width: 484px;
	height: 670px;
	float: left;
}

#top-hed .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}

#top-hed .s-image {
	width: 484px;
	height: 560px;
	position: relative;
	z-index: 0;
}

#top-hed .swiper-slide img,
#top-hed .s-image img {
	width: 100%;
}

.caption {
	margin-top: -70px;
	width: 100%;
	position: relative;
	z-index: 1;
}

.caption a {
	padding: 0 0 0 33px;
	margin: 0 auto;
	width: 145px;
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	color: #fff;
	display: block;
	text-align: left;
	background: rgba(0,0,0,0.5);
	background-image: url(../img/caption-link.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px 37px;
	border: 3px #fff solid;
}

#mona-line-link,
#photo-book-link {
	width: 100%;
	float: left;
	text-align: center;
}

#mona-line-link {
	padding: 0 0 25px;
}

#mona-line-link img,
#photo-book-link img {
	margin: 0 auto;
	width: 100%;
	max-width: 466px;
}

#th-magazine {
	width: 242px;
	height: 335px;
	float: left;
	position: relative;
}

#th-magazine-image {
	width: 242px;
	height: 335px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

#th-magazine-image img {
	width: 242px;
}

#th-magazine-link {
	width: 168px;
	height: 30px;
	display: block;
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
	background-color: #333;
	position: absolute;
	bottom: 13px;
	left: 37px;
	z-index: 16;
}

#th-banner-link {
	width: 242px;
	height: 323px;
	float: left;
	position: relative;
	overflow: hidden;
}

#th-banner-link img {
	width: 100%;
}

/* 記事 */
#th-article-list {
	width: 233px;
	height: 320px;
	float: left;
}

.top-article-list {
	width: 726px;
	float: left;
}

.top-article-list li,
#th-article-list li {
	width: 242px;
	height: 330px;
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.top-article-list li.topic-add {
	padding: 15px 0;
	width: 100%;
	height: 160px;
	text-align: center;
	overflow: hidden;
	float: left;
}

/* NEWアイコン */
.top-article-list li .new,
#th-article-list li .new {
	width: 96px;
	height: 96px;
	text-indent: -200em;
	overflow: hidden;
	text-align: left;
	background-image: url(/img/new-icon2.png);
	background-size: 96px 96px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* カテゴリータグ */
.top-article-list li .catg,
#th-article-list li .catg {
	width: 132px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	display: block;
	position: absolute;
	background-color: #666;
	top: 0;
	right: 0;
	z-index: 1;
}

.top-article-list li .thumbnail,
#th-article-list li .thumbnail {
	width: 242px;
	height: 242px;
	position: relative;
	overflow: hidden;
}

.top-article-list li .thumbnail a,
#th-article-list li .thumbnail a {
	width: 242px;
	height: 242px;
	display: block;
	overflow: hidden;
	background: #000;
}

.top-article-list li .thumbnail img,
#th-article-list li .thumbnail img {
	width: 242px;
	height: 242px;
	object-fit: cover;
	transition-duration: 0.3s;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.top-article-list li .thumbnail img:hover,
#th-article-list li .thumbnail img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	opacity: 0.8;	/* 小さくするほど暗くなります */
}

.top-article-list li .thumbnail .a-model-name,
#th-article-list li .thumbnail .a-model-name {
	font-size: 13px;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
	color: #111;
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
	padding: 5px 7px;
	line-height: 1em;
	background-color:rgba(216,177,150,0.8);
	display: inline-block;
}

.top-article-list li div.title,
.top-article-list li #title,
#th-article-list li div.title,
#th-article-list li #title {
	padding: 10px 10px 0;
	width: 242px;
	height: 75px;
	font-size: 13px;
	line-height: 1.3em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 242px;
	left: 0;
}

.top-article-list li #title span,
#th-article-list li #title span {
	font-size: 16px;
}

.top-article-list li .fav,
#th-article-list li .fav {
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
}

.top-article-list li .fav-count,
#th-article-list li .fav-count {
	margin: 10px 55px 0 0;
	padding: 2px;
	font-size: 16px;
	float: right;
	line-height: 1em;
	background-color:rgba(255,255,255,0.3);
}

.top-article-list li .fav-pr,
#th-article-list li .fav-pr {
	padding: 1px 0 0 5px;
	font-size: 10px;
	float: left;
}

.top-article-list li p.clip,
#th-article-list li p.clip {
	margin-right: 10px;
	float: right;
}

.top-article-list li .clip,
#th-article-list li .clip {
	width: 150px;
	height: 150px;
	z-index: 1;
    cursor: pointer;
    overflow: hidden;
	position: absolute;
	bottom: -45px;
	right: -55px;
}

.top-article-list li .clip img,
#th-article-list li .clip img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.top-article-list li .clip.on img,
#th-article-list li .clip.on img {
	left: -2300%;
}

.top-article-list li .clip span,
#th-article-list li .clip span {
	width: 80%;
	height: 80%;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 20%;
	left: 20%;
}

.article-more {
	margin: 10px 20px 0;
	width: 688px;
	height: 55px;
	line-height: 54px;
	/* ボタンカラー */
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	float: left;
	display: block;
	/* メインカラー */
	background-color: var(--main-color);
}

.contents-more {
	margin: 0px 10px; 
	width: calc(100% - 20px);
	line-height: 36px;
	color: var(--main-color) !important;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	float: left;
	display: block;
}

/* --------------------------------------------------------------------------------[記事ページ] */
.article-add {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	float: left;
}

.article-add-l,
.article-add-r {
	width: 50%;
	text-align: center;
	float: left;
}

.article-photo {
	width: 100%;
	float: left;
	overflow: hidden;
}

.article-photo img {
	width: 100%;
}

.article-time {
	padding: 24px 8px 10px;
	width: 684px;
	float: left;
	color: #808080;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	text-align: left;
}

.article-title {
	margin: 0 8px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 684px;
	float: left;
	color: #000;
	font-size: 32px;
	line-height: 1.3em;
	text-align: left;
	/* メインカラー */
	border-bottom: 2px var(--main-color) solid;
}

.article-body {
	padding: 20px 0;
	width: 700px;
	float: left;
	color: #000;
	overflow: hidden;
	font-size: 20px;
	line-height: 1.5em;
	text-align: left;
}

.article-body a {
	color: #11c;
	display: inline-block;
	border-bottom: 1px #11c solid;
}

.article-body img {
	width: 100%;
}

.article-tag {
	padding: 12px 8px;
	width: 684px;
	float: left;
	text-align: left;
	/* サブカラー */
	border-bottom: 9px var(--sub-color) solid;
}

.article-tag a {
	padding-right: 5px;
	color: #000;
}

#article-stitle {
	margin-bottom: 25px;
	width: 728px;
	height: 54px;
	color: #333;
	line-height: 54px;
	text-align: center;
	font-size: 20px;
	float: left;
	/* サブカラー */
	background-color: var(--sub-color);
	/* メインカラー */
	border-top: 2px var(--main-color) solid;
}

#article-stitle svg {
	margin-right: 10px;
	width: 33px;
	height: 33px;
	vertical-align: -10px;
	fill: var(--main-color); 
}

.article-share {
	padding: 0 8px 0 130px;
	width: 100%;
	height: 61px;
	float: left;
	text-align: left;
	
	background-image: url(/img/share_back.png);
	background-repeat: no-repeat;
	background-position: 17px center;
	background-size: 97px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-bottom: 9px var(--sub-color) solid;
}

.article-share ul {
	width: 100%;
	height: 52px;
	float: left;
	display: table;
	table-layout: fixed;
}

.article-share li {
	padding-right: 3px;
	display: table-cell;
}

.article-share a {
	width: 100%;
}

.article-share a img {
	width: 100%;
	max-width: 50px;
}

/* NEXT BACK */
.article-nb {
	padding: 0 8px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 9px var(--sub-color) solid;
}

.article-nb .back,
.article-nb .next {
	width: 100%;
	float: left;
	display: table;
	table-layout: fixed;
}

.article-nb .back {
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
}

.article-nb .nb-back,
.article-nb .nb-next {
	width: 60px;
	text-align: center;
	font-size: 10px;
	color: #808080;
	display: table-cell;
}

.article-nb .nb-back img,
.article-nb .nb-next img {
	margin-top: 4px;
	width: 26px;
}

.article-nb .nb-photo {
	width: 52px;
	height: 52px;
	display: table-cell;
	vertical-align: middle;
}

.article-nb .nb-photo span {
	width: 52px;
	height: 52px;
	display: block;
	overflow: hidden;
}

.article-nb .nb-photo span img {
	width: 52px;
	height: 52px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.article-nb .nb-title {
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	line-height: 1.1em;
}

.article-nb .nb-title a {
	font-size: 12px;
	color: #000;
}

/* 関連リンク */
.relation-link {
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 2px var(--sub-color) solid;
}

.relation-model,
.relation-camera {
	padding: 15px 15px 20px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
}

.relation-model .icon,
.relation-camera .icon {
	width: 162px;
	height: 162px;
	overflow: hidden;
	display: table-cell;
}

.relation-model .icon a,
.relation-camera .icon a {
	width: 162px;
	height: 162px;
	overflow: hidden;
	display: block;
	border-radius: 81px;
	-webkit-border-radius: 81px;
	-moz-border-radius: 81px;
	border: 1px #ccc solid;
}

.relation-model .icon a img,
.relation-camera .icon a img {
	width: 162px;
	height: 162px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.relation-model .meta,
.relation-camera .meta {
	padding: 3px 0 3px 16px;
	text-align: left;
	line-height: 1.3em;
	font-size: 22px;
	display: table-cell;
	vertical-align: middle;
}

.relation-model .meta span,
.relation-camera .meta span {
	font-size: 28px;
}

.relation-model .meta b,
.relation-camera .meta b {
	font-size: 28px;
	color: #000;
}

.relation-link .check {
	padding: 0 8px;
	width: 100%;
	height: 56px;
	float: left;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.relation-link .check a {
	width: 100%;
	color: #333;
	display: block;
	border-top: 1px #cfeaf4 solid;
}

/* --------------------------------------------------------------------------------[アンケート企画] */
#q-box {
	width: 700px;
	float: left;
	background-image: url(/enquete/img/q-box-back.png);
	background-size: contain;
	background-repeat: no-repeat;
}

#q-box img {
	width: 100%;
	float: left;
}

#question-vol {
	padding-top: 15px;
	width: 100%;
	text-align: center;
	letter-spacing: -0.04em;
	background-color: #f6f2ef;
	float: left;
}

#question-vol span#vol {
	margin-right: -10px;
	width: 12px;
	height: 25px;
	font-size: 11px;
	line-height: 10px;
	display: inline-block;
	transform: scale(0.9);
}

#question-vol strong {
	font-size: 34px;
	font-weight: 400;
	color: #666;
	display: inline-block;
}

#question-vol strong span {
	font-size: 26px;
	font-weight: 700;
	/* メインカラー */
	color: var(--main-color);
}

#question-vol img {
	margin: 25px 35px 0;
	width: 630px;
}

.qa-list {
	padding: 35px 20px 25px;
	width: 660px;
	float: left;
	background-image: url(/enquete/img/q-box-gura.png);
	background-size: 20px 20px;
}

.qa-list li {
	margin-bottom: 16px;
	padding: 0 15px 24px;
	width: 630px;
	text-align: left;
	float: left;
	background-color: #fff;
	position: relative;
}

.qa-list li:hover {
	cursor: pointer;
}

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

.qa-list li#new-q-title {
	padding: 15px 0 10px;
	text-align: center;
	background: none;
	font-weight: 700;
	font-size: 16px;
}

/* 質問 */
.qa-list li .q-no {
	padding-top: 8px;
	width: 72px;
	height: 72px;
	color: #fff;
	font-size: 18px;
	line-height: 1.6em;
	text-align: center;
	/* メインカラー */
	background-color: var(--main-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

.qa-list li .q-no span {
	font-size: 36px;
	font-weight: 700;
}

.qa-list li .q-title {
	padding: 0 0 0 80px;
	width: 630px;
	min-height: 72px;
	line-height: 1.2em;
	font-size: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	float: left;
}

.qa-list li .q-title a {
	color: #3c2f28;
}

.qa-list li .q-description {
	padding: 15px 10px 0 80px;
	width: 540px;
	font-size: 14px;
	line-height: 1.3em;
	color: #000;
	float: left;
	border-top: 1px #f7f3f0 solid;
}

/* 回答 */
.qa-list li .a-no {
	width: 63px;
	height: 72px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 26px;
	position: absolute;
	top: 0;
	left: 0;
}

.qa-list li .a-title {
	padding: 25px 0 14px 40px;
	width: 590px;
	line-height: 1.2em;
	color: #3c2f28;
	font-size: 24px;
	float: left;
	background-image: url(/img_2021aw/a-no.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 26px;
}

.qa-list li .a-date {
	padding: 15px 5px 0;
	width: 620px;
	font-size: 14px;
	line-height: 1.3em;
	color: #000;
	float: left;
	border-top: 1px #f7f3f0 solid;
}

.qa-list li .a-date.chartin {
	padding: 15px 20px 0;
	width: 590px;
	font-size: 14px;
	line-height: 1.3em;
	color: #000;
	float: left;
	border-top: 1px #f7f3f0 solid;
}

.qa-list li .a-date .comment {
	padding: 0 5px 25px 30px;
	width: 585px;
	float: left;
	background-image: url(/img_2021aw/cmaru.png);/* カラーチェンジG */
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 0 0;
}

.qa-list li .a-date .bar-graph {
	padding: 0 0 3px;
	width: 620px;
	float: left;
	display: table;
	table-layout: fixed;
}

.qa-list li .a-date .bar-graph div {
	display: table-cell;
	float: left;
}

.qa-list li .bar-graph .no {
	width: 30px;
}

.qa-list li .bar-graph .name {
	width: 180px;
}

.qa-list li .bar-graph .name2 {
	width: 590px;
}

#a-list li .bar-graph .bar {
	width: 330px;
}

.qa-list li .bar-graph .bar span {
	display: block;
	height: 10px;
	/* メインカラー */
	background-color: var(--main-color);
}

.qa-list li .bar-graph .count {
	width: 30px;
}

.engura {
	width: 200px;
	height: 200px;
}

.a-ranking {
	padding: 0 0 15px 0;
	width: 100%;
	float: left;
	font-size: 14px;
}

.a-ranking b,
.a-ranking span {
	font-size: 16px;
	color: #6acef4;
	font-weight: 700;
}

/* --------------------------------------------------------------------------------[インタビュー] */
#interview-hed {
	margin-bottom: 15px;
	width: 100%;
	float: left;
}

#interview-hed img {
	width: 100%;
	height: auto;
}

.interview-title {
	margin-bottom: 20px;
	padding: 0 12px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.interview-title .interview-time {
	width: 100%;
	display: block;
	font-size: 16px;
	color: #808080;
	float: left;
}

.interview-title h1 {
	padding: 3px 0;
	width: 100%;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #000;
	border-bottom: 1px #9f4576 solid;
	float: left;
}

.interview-text {
	margin-bottom: 28px;
	padding: 0 15px;
	color: #000;
	font-size: 16px;
	line-height: 1.4em;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.interview-text u {
	text-decoration: none;
	background: linear-gradient(transparent 70%, #ffff66 70%);
}

.interview-image {
	margin-bottom: 15px;
	width: 100%;
	float: left;
}

.interview-image img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	float: left;
}

.interview-image .text {
	padding: 0 15px;
	width: 100%;
	display: block;
	color: #666;
	font-size: 16px;
	line-height: 1.4em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.interview-talk {
	margin-bottom: 25px;
	padding: 0 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.interview-talk .icon {
	width: 76px;
	height: 76px;
	overflow: hidden;
	border-radius: 38px;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	border: 1px #f0f0f0 solid;
	background-color: #fff;
}

.interview-talk .icon img {
	object-fit: cover;
	width: 76px;
	height: 76px;
}

.interview-talk.l .icon {
	float: left;
}

.interview-talk.r .icon {
	float: right;
}

.interview-talk.l .talk,
.interview-talk.r .talk {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interview-talk.l .talk {
	padding-left: 100px;
}

.interview-talk.r .talk {
	padding-right: 100px;
}

.interview-talk.l .talk b,
.interview-talk.r .talk b {
	padding: 5px 5px 0;
	width: 100%;
	display: block;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interview-talk.l .talk b {
	text-align: left;
}

.interview-talk.r .talk b {
	text-align: right;
}

.interview-talk.l .talk .text,
.interview-talk.r .talk .text {
	padding: 15px;
	text-align: left;
	font-size: 16px;
	line-height: 1.4em;
	border: 1px #ccc solid;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}

.interview-talk.l .talk .text {
	float: left;
}

.interview-talk.r .talk .text {
	float: right;
}

.interview-talk.l .talk .text:after,
.interview-talk.r .talk .text:after {
	content: "";
	display: block;
	width: 19px;
	height: 21px;
	position: absolute;
	top: 10px;
}

.interview-talk.l .talk .text:after {
	background-image: url(../interview/img/talkl.jpg);
	left: -18px;
}

.interview-talk.r .talk .text:after {
	background-image: url(../interview/img/talkr.jpg);
	right: -18px;
}

.interview-strong {
	margin-bottom: 25px;
	padding: 15px;
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4em;
	text-align: left;
	display: block;
	background-color: #ff0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.interview-youtube {
	margin-bottom: 25px;
	padding: 0 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.interview-youtube .inner {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	float: left;
}

.interview-youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.interview-youtube span {
	padding: 10px 5px 0;
	width: 100%;
	display: block;
	color: #666;
	font-size: 12px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interview-title {
	margin-bottom: 25px;
	padding: 0 15px;
	width: 100%;
	float: left;
}

.interview-title h2 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
}

.interview-title h3 {
	padding-bottom: 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	border-bottom: 2px #000 solid;
}

.interview-album {
	width: 100%;
	float: left;
}

/* アルバム写真が1枚の場合 */
.interview-album li {
	position: relative;
	float: left;
}

.interview-album li:after {
	padding-top: 100%;
	display: block;
	content: "";
}

.interview-album li a {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.interview-album li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.interview-album.ia1 {}
.interview-album.ia2 {}
.interview-album.ia3 {}
.interview-album.ia4 {}
.interview-album.ia5 {}

/* アルバム写真が1枚の場合 */
.interview-album.ia1 li {
	width: 100%;
}

/* アルバム写真が2枚の場合 */
.interview-album.ia2 li {
	width: 50%;
}

/* アルバム写真が3枚の場合 */
.interview-album.ia3 li {
	width: 33.33%;
}

/* アルバム写真が4枚の場合 */
.interview-album.ia4 li {
	width: 50%;
}

/* アルバム写真が5枚の場合 */
.interview-album.ia5 li:nth-child(1),
.interview-album.ia5 li:nth-child(2) {
	width: 50%;
}

.interview-album.ia5 li:nth-child(3),
.interview-album.ia5 li:nth-child(4),
.interview-album.ia5 li:nth-child(5) {
	width: 33.33%;
}

.interview-album-kome {
	padding: 10px 0 25px;
	width: 100%;
	display: block;
	color: #666;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#other-interview-title {
	margin-top: 25px;
	padding: 20px 0;
	width: 100%;
	text-align: center;
	line-height: 1em;
	font-size: 20px;
	/* サブカラー */
	background-color: var(--sub-color);
	float: left;
}


/* --------------------------------------------------------------------------------[ドラマ] */
#drama-hed {
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

#drama-hed img {
	width: 100%;
	height: auto;
}

/* 予告画像 */
#yokoku {
	width: 100%;
	float: left;
	color: #fff;
	background-color: #111;
	text-align: center;
	overflow: hidden;
}

#yokoku img {
	width: 100%;
	height: auto;
}

#next-stories-no {
	margin: 35px 0 15px;
	width: 100%;
	float: left;
}

#next-stories-no span {
	margin: 0 auto;
	padding: 9px 16px;
	font-size: 18px;
	line-height: 1em;
	display: inline-block;
	border: 1px #999 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

#next-stories-title {
	margin-bottom: 45px;
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	float: left;
}

#next-release-day {
	margin-bottom: 35px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 38px;
	float: left;
}

#next-release-day span {
	font-size: 32px;
}

#next-release-day b {
	font-size: 48px;
}

/* ドラマ表示 */
.dorama-movie {
	width: 100%;
	float: left;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow: hidden;
}

/* ドラマ話数タイトル */
.dirama-movie-title {
	margin-bottom: 10px;
	width: 100%;
	height: 35px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	float: left;
	text-align: center;
	background-image: url(/drama/img/dirama-movie-title.png);
	background-size: contain;
}

#drama-live {
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

#youtube {
	width: 100%;
	float: left;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow: hidden;
}

.dorama-movie iframe,
.dorama-movie object,
.dorama-movie embed,
#youtube iframe,
#youtube object,
#youtube embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#youtube-title {
	margin-bottom: 10px;
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: 16px;
	line-height: 35px;
	float: left;
	text-align: center;
	/* メインカラー */
	background-color: var(--main-color);
}

#drama-menu {
	margin-bottom: 20px;
	width: 100%;
	float: left;
	/* メインカラー */
	border-top: 1px var(--main-color) solid;
}

#drama-menu li {
	width: 100%;
	float: left;
	text-align: center;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
}

#drama-menu li a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	display: block;
}

#drama-menu li b {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #999;
	font-weight: 500;
	display: block;
}

#drama-insta {
	margin-bottom: 30px;
	width: 100%;
	float: left;
	text-align: center;
}

#drama-insta img {
	margin: 0 auto;
	width: 90%;
	max-width: 710px;
}

#drama-copy {
	width: 100%;
	float: left;
	text-align: center;
}

#drama-title {
	margin-bottom: 10px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 24px;
	font-weight: 500;
	float: left;
	text-align: center;
	/* メインカラー */
	border-bottom: 2px var(--main-color) solid;
}

/* ストーリー */
#drama-story {
	margin-bottom: 10px;
	padding: 10px 15px 20px;
	width: 100%;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#drama-story b {
	margin-bottom: 10px;
	width: 100%;
	display: block;
	font-size: 24px;
	text-align: center;
	border-bottom: 1px #111 solid;
}

/* キャスト */
#drama-cast {
	padding-bottom: 10px;
	width: 100%;
	float: left;
}

#drama-cast li {
	padding: 5px 10px;
	width: 100%;
	float: left;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#drama-cast li.box_hover {
	background-image: url(/2017aw/drama/img/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 47px 20px;
}

#drama-cast li:last-child {
	border-bottom: none;
}

#drama-cast li .cast-photo {
	width: 104px;
	height: 130px;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}

#drama-cast li .cast-photo img {
	width: 104px;
	height: 130px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#drama-cast li .cast-data {
	padding: 15px 0 0 115px;
	width: 100%;
	height: 100px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#drama-cast li .cast-data a,
#drama-cast li .cast-data b {
	color: #000;
	font-size: 20px;
	font-weight: 700;
}

#cast-intervew-text {
	padding: 0 10px 40px;
	width: 100%;
	float: left;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* スタッフ */
#staff-list {
	width: 100%;
	float: left;
	text-align: center;
	line-height: 1.4em;
}

#staff-list b {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	line-height: 1.4em;
}

/* ギャラリー */
#drama-photo-m {
	width: 100%;
	height: 100px;
	float: left;
	background-color: #333;
}

#drama-photo-s {
	width: 100%;
	float: left;
}

#drama-photo-s li {
	width: 33%;
	height: 40px;
	float: left;
	overflow: hidden;
}

/* テーマソング */
#drama-song {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}

#drama-song img {
	width: 100%;
	height: auto;
}

#drama-song-icon {
	width: 120px;
	float: left;
}
#drama-song-icon img {
	width: 80px;
	float: right;
}

#drama-song-text {
	padding: 10px 10px 20px 130px;
	width: 100%;
	font-size: 13px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
}

#drama-song-text b {
	font-size: 15px;
}

/* --------------------------------------------------------------------------------[映画試写会] */
#movie-hed {
	width: 100%;
	float: left;
}

#movie-hed img {
	width: 100%;
	height: auto;
}

#movie-wall {
	padding: 0 5px 30px;
	width: 100%;
	float: left;
	background-image: url(/drama/img/movie-wall.png);
	background-size: 100% auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#movie-yokoku-title {
	width: 100%;
	height: 25px;
	line-height: 40px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	float: left;
}

.movie-contens-title {
	margin-top: 15px;
	width: 100%;
	height: 67px;
	line-height: 67px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
	float: left;
	cursor: pointer;
	background-color: #fff;
	background-image: url(/drama/img/movie-contens-title.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 31px 14px;
}

.movie-contens-title.active {
	background-image: url(/drama/img/movie-contens-title-activ.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 31px 12px;
}

a#movie-drama-link {
	margin-top: 15px;
	width: 100%;
	height: 67px;
	line-height: 67px;
	font-weight: 700;
	font-size: 19px;
	text-align: center;
	display: block;
	float: left;
	cursor: pointer;
	color: #000;
	background-color: #fff;
	background-image: url(/drama/img/movie-contens-title.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 31px 14px;
}

.movie-contents-one,
.movie-contents-one2 {
	margin-top: -10px;
	padding: 15px 5px 25px;
	width: 100%;
	float: left;
	background-color: #fff;
	background-image: url(/drama/img/movie-contents-one.png);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.movie-contents-one {
	padding: 15px 5px 25px;
}

.movie-contents-one2 {
	padding: 15px 0 0;
}

ul#mcontents1,
table#mcontents2,
#mcontents4 {
	width: 100%;
	float: left;
}

ul#mcontents1 li {
	padding-bottom: 5px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul#mcontents1 li:nth-child(odd) {
	padding-right: 5px;
}

ul#mcontents1 li span {
	padding: 20px 0;
	width: 100%;
	line-height: 1em;
	font-weight: 700;
	border-radius: 10px;
	display: block;
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px #e6e6e6 solid;
}

#mcontents2 th,
#mcontents2 td {
	padding: 20px 5px 10px;
	line-height: 1em;
	border-bottom: 1px #f2f2f2 solid;
}

#mcontents2 th {
	width: 100px;
	text-align: center;
}

#mcontents2 td {
	text-align: left;
}

.mcontents3 {
	padding: 5px;
	width: 100%;
	float: left;
	border-bottom: 1px #f2f2f2 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mcontents3 .photo {
	width: 104px;
	height: 130px;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}

.mcontents3 .photo img {
	width: 104px;
}

.mcontents3 .data {
	padding: 15px 0 0 115px;
	width: 100%;
	height: 130px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mcontents3 .data b {
	font-size: 18px;
}


#mcontents4 #photo {
	padding-left: 5px;
	width: 145px;
	float: left;
}

#mcontents4 #photo img {
	width: 100%;
}

#mcontents4 #data {
	padding: 0 5px 0 155px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mcontents4 #data b {
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: 500;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
}

#mcontents4 #data p {
	padding-top: 5px;
	font-size: 13px;
	line-height: 1.2em;
}

#mcontents4 #data p a {
	color: #00a5ff;
}

#mcontents5 {
	margin-top: 20px;
	width: 100%;
	float: left;
}

#drama-link {
	margin-top: 15px;
	width: 100%;
	float: left;
	text-align: center;
}

#drama-link img {
	margin: 0 auto;
	width: 100%;
	max-width: 735px;
}

#movie-insta {
	padding: 10px 5px 50px;
	width: 100%;
	float: left;
	text-align: center;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#movie-insta img {
	width: 100%;
}

#movie-form {
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-weight: 700;
	display: block;
	font-size: 20px;
	background-color: #1a1a1a;
	background-image: url(/drama/img/movie-form-link.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px 14px;
	position: fixed;
	left: 0;
	bottom: 0;
}

/* --------------------------------------------------------------------------------[カフェ企画] */
.topic_list_cafe {
	width: 728px;
	float: left;
	display: table;
}

.topic_list_cafe li {
	width: 364px;
	float: left;
	/* サブカラー */
	border-bottom: 9px var(--sub-color) solid;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.topic_list_cafe li:first-child {
	width: 728px;
	height: 737px;
/*	border-bottom: none;*/
}

.topic_list_cafe li .new {
	width: 54px;
	height: 54px;
	text-indent: -200em;
	overflow: hidden;
	text-align: left;
	background-image: url(/img/new-icon2.png);
	background-size: 54px 54px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.topic_list_cafe li #kafe {
	width: 180px;
	position: absolute;
	bottom: 70px;
	right: 15px;
	z-index: 1;
}

/* モデル名 */
.topic_list_cafe li .thumbnail .a-model-name {
	font-size: 8px;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
	color: #111;
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
	padding: 2px 4px;
	line-height: 1em;
	background-color:rgba(216,177,150,0.8);
	display: inline-block;
}

.topic_list_cafe li .thumbnail_cw {
	width: 728px;
	height: 728px;
	overflow: hidden;
	position: relative;
}

.topic_list_cafe li .thumbnail {
	width: 364px;
	height: 364px;
	overflow: hidden;
	position: relative;
}

.topic_list_cafe li .thumbnail img.thumbnail_a {
	width: 364px;
	height: 364px;
	object-fit: cover;
}

.topic_list_cafe li .thumbnail_cw a,
.topic_list_cafe li .thumbnail a {
	display: block;
	overflow: hidden;
}

.topic_list_cafe li .thumbnail_cw img.thumbnail_cw {
	object-fit: cover;
}

.topic_list_cafe li img {
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.topic_list_cafe li #cafe_top {
	width: 100%;
	height: 125px;
	background-image: url(/cafe/img/cafe_top.png);
	background-size: 5px 125px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.topic_list_cafe li:first-child div.title {
	padding: 20px 15px 0;
	font-size: 22px;
	height: 100px;
	color: #fff;
	line-height: 1.3em;
}

.topic_list_cafe li div.title {
	padding: 8px 8px 0;
	width: 100%;
	height: 70px;
	float: left;
	line-height: 1.3em;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.topic_list_cafe li #title span {
	font-size: 10px;
}

.topic_list_cafe li .fav {
	width: 100%;
	height: 50px;
	float: left;
	position: relative;
	overflow: hidden;
}

.topic_list_cafe li:first-child .fav-count {
	color: #fff;
	background: none;
}

.topic_list_cafe li .fav-count {
	margin: 10px 60px 0 0;
	padding: 2px;
	font-size: 16px;
	float: right;
	line-height: 1em;
	background-color: rgba(255,255,255,0.3);
}

.topic_list_cafe li .fav-pr {
	padding: 1px 0 0 5px;
	font-size: 10px;
	float: left;
}

.topic_list_cafe li p.clip {
	margin-right: 10px;
	float: right;
}

.topic_list_cafe li .clip {
	width: 150px;
	height: 150px;
	bottom: -45px;
	right: -55px;
	z-index: 1;
    cursor: pointer;
	position: absolute;
    overflow: hidden;
}

.topic_list_cafe li .clip img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.topic_list_cafe li .clip.on img {
	left: -2300%;
}

.topic_list_cafe li .clip span {
	width: 80%;
	height: 80%;
	position: absolute;
	top: 20%;
	left: 20%;
	display: block;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------[ジャム] */
#jum-top-image {
	width: 700px;
	float: left;
	border-top: 3px #000 solid;
}

#jum-top-image img {
	width: 700px;
	height: auto;
}

.jum-stitle {
	width: 100%;
	height: 50px;
	float: left;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
}

#jum-top-text {
	padding: 35px 20px 40px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#jum-top-text img {
	margin: 0 20% 35px;
	width: 60%;
}

#jum-top-text p {
	width: 100%;
	float: left;
	text-align: left;
	color: #808080;
}

#jum-list {
	width: 100%;
	float: left;
}

#jum-list li {
	padding: 20px 10px 15px;
	width: 100%;
	float: left;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#jum-list li:last-child {
	border-bottom: none;
}

.jum-photo {
	width: 90px;
	float: left;
}

.jum-photo img {
	margin: 0 auto;
	width: 80px;
}

.jum-date {
	width: 580px;
	float: right;
}

.jum-name {
	padding: 5px 0 10px;
	width: 100%;
	font-size: 18px;
	text-indent: 100px;
	float: left;
}

.jum-dl {
	width: 80px;
	float: left;
}

.jum-dl span {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}

.jum-dl span img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

.jum-dr {
	padding-left: 106px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.jum-dr span {
	padding-left: 10px;
	display: block;
}

.jum-dr p {
	padding: 5px 10px;
	width: 100%;
	font-size: 12px;
	/* サブカラー */
	background-color: var(--sub-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.jum-dr p:after {
	width: 26px;
	height: 14px;
	content:"";
	display: block;
	background-image: url(/akito/img/hukidasi2.png);/* カラーチェンジ [G] */
	background-size: 26px 14px;
	position: absolute;
	left: -26px;
	top: 10px;
}

.jum-price-box {
	padding: 20px 0 0 0;
	width: 100%;
	float: left;
}

.jum-price {
	padding-top: 3px;
	font-size: 24px;
	font-weight: 700;
	float: left;
	display: inline;
}

.jum-price span {
	font-size: 12px;
	color: #808080;
}

.jum-price b {
	font-size: 20px;
	color: #ff1a00;
}

.jum-count {
	float: right;
	display: inline;
}

.jum-count select {
	padding: 2px 10px;
	font-weight: 700;
	font-size: 24px;
	border: 1px #808080 solid;
}

#jum-shipping-cost {
	padding-bottom: 5px;
	width: 100%;
	font-size: 10px;
	color: #808080;
}

/* --------------------------------------------------------------------------------[会員登録] */
#register-stitle {
	padding: 35px 0;
	width: 100%;
	font-size: 20px;
	text-align: center;
	float: left;
}

#register-text {
	padding: 20px 18px;
	width: 100%;
	font-size: 16px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#register-text b {
	font-size: 20px;
}

.register-kakunin {
	padding: 0 20px 20px;
	width: 100%;
	float: left;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.register-kakunin dl {
	width: 100%;
	float: left;
}

.register-kakunin dt,
.register-kakunin dd {
	width: 100%;
	float: left;
}

.register-kakunin dt {
	padding-bottom: 4px;
	font-size: 20px;
	color: #b3b3b3;
}

.register-kakunin dd {
	padding-bottom: 20px;
	font-size: 16px;
}

#register-text-come {
	padding: 20px 0;
	width: 100%;
	font-size: 14px;
	color: #ff1a00;
	float: left;
}

#register-end {
	padding: 20px 20px 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#mobile-info {
	padding: 10px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* ヘッダーマイステータス */
#hed-mystatus {
	margin-bottom: 15px;
	width: 100%;
	height: 60px;
	background-color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}

#hed-mystatus a {
	padding: 10px 0 0 10px;
	width: 100%;
	height: 60px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

#hed-mystatus #ster {
	margin-right: 10px;
	width: 70px;
	height: 41px;
	position: relative;
	z-index: 0;
	float: left;
}

#hed-mystatus #ster .ster-lv {
	width: 45px;
	height: 41px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 47px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-shadow:0px 2px 0px #ccc;
	background-size: 45px 41px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	float: left;
}

#hed-mystatus #ster .percent {
	width: 25px;
	font-size: 10px;
	line-height: 11px;
	font-weight: 700;
	color: #fff;
	text-align: right;
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 5;
}

#hed-mystatus #ster .graph {
	width: 37px;
	height: 10px;
	background-color: #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	bottom: 3px;
	right: 0;
	z-index: 5;
}

#hed-mystatus #ster .graph span {
	height: 10px;
	display: block;
	background-color: #808080;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

#hed-mystatus #myphoto {
	width: 40px;
	height: 40px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	float: left;
}

#hed-mystatus #myphoto img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#hed-mystatus #heart-nickname {
	padding: 5px 0 0 135px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#hed-mystatus #nickname {
	width: 100%;
	color: #fff;
	font-size: 13px;
	line-height: 1.1em;
	font-weight: 700;
	float: left;
}

#hed-mystatus #heart {
	margin-right: 5px;
	float: left;
}

#hed-mystatus #heart img {
	height: 20px;
	float: left;
}

#hed-mystatus #over-heart {
	padding: 0 11px;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-align: left;
	color: #fff;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #e41f1f 0%, #b22423 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: left;
}

/* ----------------------------------------------------------------------------------[マイページ] */
#mypage-hed-image {
	width: 100%;
	position: relative;
	z-index: 0;
	float: left;
}

#mypage-hed-image img {
	width: 100%;
	height: auto;
}

#mypage-hed-image img#hrefimg {
	width: 50%;
	height: auto;
}

#mypage-hed {
	margin: -90px 0 50px;
	padding: 0 10px 0;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	float: left;
}

#mypage-hed #photo-box {
	margin: 0 auto 15px;
	width: 224px;
	height: 208px;
	position: relative;
}

#mypage-hed #photo-box span {
	width: 200px;
	height: 200px;
	display: block;
	overflow: hidden;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background-color: #fff;
	border: 1px #ccc solid;
	position: relative;
	z-index: 1;
}

#mypage-hed #photo-box span img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#mypage-hed #photo-box input[type="file"] {
	width: 42px;
	height: 42px;
	border-radius: 21px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border: 1px #d1888d solid;
	background-image: url(/mypage/img/up.png);
	background-position: center center;
	background-size: 20px 15px;
	background-repeat: no-repeat;
	background-color: #fff;
	text-indent: -200em;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	right: 25px;
	bottom: 12px;
}

#mypage-hed #nickname {
	margin-bottom: 14px;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
}

#mypage-hed #nickname img {
	width: 19px;
}

#mypage-hed #status {
	margin: 0 auto;
	display: inline-block;
}

#mypage-hed #status #ster {
	margin-right: 3px;
	width: 70px;
	height: 41px;
	position: relative;
	z-index: 0;
	float: left;
}

#mypage-hed #status .ster-lv {
	width: 45px;
	height: 41px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 47px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	text-shadow:0px 2px 0px #ccc;
	background-size: 45px 41px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	float: left;
}

/* 星のステータス SILVER(シルバー) */
#hed-mystatus #ster #Silver,
#mypage-hed #status #Silver {
	background-image: url(/mypage/img/ster-lv-silver.png);
}

/* 星のステータス GOLD(ゴールド) */
#hed-mystatus #ster #Gold,
#mypage-hed #status #Gold {
	background-image: url(/mypage/img/ster-lv-gold.png);
}

/* 星のステータス PLATINUM(プラチナ) */
#hed-mystatus #ster #Platinum,
#mypage-hed #status #Platinum {
	background-image: url(/mypage/img/ster-lv-platinum.png);
}

/* 星のステータス BKACK(ブラック) */
#hed-mystatus #ster #Black,
#mypage-hed #status #Black {
	background-image: url(/mypage/img/ster-lv-black.png);
}

#mypage-hed #status .percent {
	width: 25px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	color: #333;
	text-align: right;
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 5;
}

#mypage-hed #status .graph {
	width: 37px;
	height: 10px;
	background-color: #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	bottom: 3px;
	right: 0;
	z-index: 5;
}

#mypage-hed #status .graph span {
	height: 10px;
	display: block;
	background-color: #808080;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

#mypage-hed #status #heart {
	margin: 0 4px;
	padding: 17px 2px 0 0;
	float: left;
}

#mypage-hed #status #heart img {
	height: 22px;
	float: left;
}

#mypage-hed #status #over-heart {
	margin-top: 16px;
	padding: 0 11px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	text-align: left;
	color: #fff;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #e41f1f 0%, #b22423 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	float: left;
}

#heart-present-mail {
	margin: -2px 0 0 5px;
	width: 45px;
	height: 45px;
	position: relative;
	z-index: 0;
	float: left;
}

#heart-present-mail a {
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	background-image: url(/mypage/img/heart-present-mail.png);
	background-size: 32px 32px;
	position: absolute;
	top: 12px;
	left: 0;
	z-index: 1;
}

#heart-present-mail span {
	margin: 0 0 0 18px;
	padding: 0 4px;
	height: 14px;
	line-height: 14px;
	font-size: 11px;
	text-align: left;
	color: #fff;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #e41f1f 0%, #b22423 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	position: relative;
	z-index: 2;
}

#mypage-hed #point {
	margin: 10px 0 20px;
	width: 100%;
	font-weight: 700;
	line-height: 1.4em;
	font-size: 15px;
	color: #999;
}

#mypage-hed #point span {
	color: #333;
}

#mypage-hed #tools {
	width: 100%;
	height: 65px;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
}

#mypage-hed #tools li {
	padding: 13px 0;
	width: 33.3%;
	color: #999999;
	font-weight: 700;
	text-align: center;
	line-height: 1.4em;
	font-size: 15px;
	float: left;
}

#mypage-hed #tools li span {
	color: #333;
}

/* 今日のミッション */
#mypage-mission {
	padding: 15px 10px 30px;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
	float: left;
}

#mypage-mission #title {
	margin-bottom: 20px;
	color: #b3b3b3;
}

#mypage-mission #mymission-chk {
	margin: 0 auto;
	display: inline-block;
	text-align: left;
	font-size: 18px;
	font-weight: 600;
}

#mypage-mission #mymission-chk b,
#mypage-mission #mymission-chk span {
	padding: 3px 0 5px 30px;
	width: 100%;
	display: block;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

#mypage-mission #mymission-chk span {
	background-image: url(/mypage/img/chk-off.png);
}

#mypage-mission #mymission-chk b {
	color: #22b573;
	background-image: url(/mypage/img/chk-on.png);
}

#mypage-infomation,
#mypage-model-ranking,
#mypage-member-ranking,
#mypage-heart-present,
#mypage-support-girl,
#mypage-quiz,
#mypage-menu {
	padding: 30px 10px 0;
	width: 100%;
	text-align: center;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#mypage-infomation #title,
#mypage-model-ranking #title,
#mypage-member-ranking #title,
#mypage-heart-present #title,
#mypage-support-girl #title,
#mypage-quiz #title,
#mypage-menu #title {
	padding-bottom: 30px;
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	float: left;
}

#mypage-more-link {
	padding: 50px 0 80px;
	width: 100%;
	text-align: center;
	float: left;
}

#mypage-more-link a {
	color: #333;
	font-size: 16px;
	text-decoration: underline;
}

/* MONAからのお知らせ */
#mypage-infomation ul {
	padding: 0 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mypage-infomation li {
	padding: 4px 0 10px;
	width: 100%;
	text-align: left;
	float: left;
}

#mypage-infomation li a {
	padding: 2px 0 8px;
	color: #333;
	font-size: 16px;
	font-weight: 700;
}

#mypage-infomation li a span {
	color: #b3b3b3;
	font-size: 14px;
	font-weight: 500;
}

#mypage-infomation li a b {
	padding: 2px 3px 1px;
	color: #ff0000;
	font-size: 10px;
	line-height: 1em;
	display: inline-block;
	font-weight: 400;
	border: 1px #ff0000 solid;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	position: relative;
	top: -1px;
	left: 0;
}

/* MONAからのお知らせ詳細 */
#mypage-infomation-detail {
	padding: 0 0 20px;
	width: 100%;
	text-align: center;
	/* サブカラー */
	border-top: 10px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* ハートのプレゼント */
#mypage-heart-list,
#mypage-quiz-list {
	width: 100%;
	float: left;
}

#mypage-heart-list li,
#mypage-quiz-list li {
	padding: 15px 30px 5px;
	width: 100%;
	position: relative;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
	float: left;
}

#mypage-heart-list li a,
#mypage-quiz-list li a {
	width: 100%;
	color: #333;
	display: inline-block;
}

#mypage-heart-list li:hover,
#mypage-quiz-list li:hover {
	background-color: #f5f5f5;
}

#mypage-heart-list li .photo,
#mypage-quiz-list li .photo {
	width: 50px;
	height: 50px;
	overflow: hidden;
	background-color: #fff;
	float: left;
}
#mypage-heart-list li .photo svg,
#mypage-heart-list li .photo img,
#mypage-quiz-list li .photo svg,
#mypage-quiz-list li .photo img {
	width: 50px;
	height: 50px;
	fill: var(--main-color);
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#mypage-heart-list li .re-heart {
	width: 30px;
	height: 27px;
	background-image: url(/mypage/img/heart-on.png);
	background-size: 30px 27px;
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 66px;
}

#mypage-heart-list li .massege,
#mypage-quiz-list li .massege {
	padding: 5px 0 0 70px;
	width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mypage-heart-list li .massege span,
#mypage-quiz-list li .massege span {
	font-size: 11px;
	word-break: break-all;
}

/* MONAモデルクイズ */
#quiz-top-text {
	padding-bottom: 10px;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	float: left;
}

#quiz-model-icon {
	margin-bottom: 10px;
	width: 100%;
	float: left;
	text-align: center;
}

#quiz-model-icon span {
	margin: 0 auto;
	width: 208px;
	height: 208px;
	display: block;
	overflow: hidden;
	border-radius: 104px;
	-webkit-border-radius: 104px;
	-moz-border-radius: 104px;
	background-color: #fff;
	border: 1px #f0f0f0 solid;
	position: relative;
	z-index: 1;
}

#quiz-model-icon span img {
	width: 208px;
	height: 208px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#quiz-model-name {
	margin-bottom: 25px;
	width: 100%;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	float: left;
}

#quiz-question {
	margin-bottom: 35px;
	width: 100%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3em;
	float: left;
}

#quiz-hint {
	margin-bottom: 25px;
	width: 100%;
	height: 65px;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	float: left;
}

.quiz-add {
	padding: 15px 0;
	width: 100%;
	text-align: center;
	float: left;
}

#quiz-hint li {
	height: 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#quiz-hint li:first-child {
	padding-left: 140px;
	color: #808080;
	font-size: 12px;
	line-height: 65px;
}

#quiz-hint li:nth-child(2),
#quiz-hint li:nth-child(3),
#quiz-hint li:nth-child(4) {
	padding-top: 15px;
	width: 65px;
	line-height: 1em;
}

#quiz-hint li:nth-child(2) img,
#quiz-hint li:nth-child(3) img,
#quiz-hint li:nth-child(4) img {
	margin-bottom: 5px;
	height: 20px;
}

#quiz-hint li:nth-child(2) a,
#quiz-hint li:nth-child(3) a,
#quiz-hint li:nth-child(4) a {
	color: #808080;
	font-size: 10px;
	transform: scale(0.8);
}

#quiz-answer {
	margin-bottom: 22px;
	width: 100%;
	float: left;
}

#quiz-answer span {
	margin-bottom: 10px;
	width: 100%;
	color: #333;
	font-size: 18px;
	
	display: block;
	float: left;
}

#quiz-answer b {
	margin: 15px 0 10px;
	width: 100%;
	color: #f20c23;
	font-size: 16px;
	display: block;
	float: left;
}

.quiz-radio {
	display: none;
}

.quiz-radio + label {
	padding: 5px 0 5px 23px;
	width: 100%;
	text-align: left;
	font-size: 16px;
	border-bottom: 1px #f2f2f2 solid;
	background-image: url(/mypage/img/chk-off.png);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 0 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}

.quiz-radio:checked + label {
	background-image: url(/mypage/img/chk-on.png);
}

#quiz-answer input[type="submit"] {
	margin: 10px 20% 0;
	width: 60%;
	height: 50px;
	/* ボタンカラー */
	color: #fff;
	border: none;
	font-size: 16px;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

#quiz-result {
	padding: 20px 0 0;
	width: 100%;
	text-align: center;
	color: #333;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
	float: left;
}

#quiz-result img {
	margin-bottom: 12px;
	width: 104px;
}

#quiz-result span,
#quiz-result b {
	width: 100%;
	display: block;
}

#quiz-result span {
	margin-bottom: 18px;
}

#quiz-result b {
	font-size: 24px;
}

#quiz-tokuten {
	margin: 0 auto;
	display: inline-block;
	text-align: left;
	font-weight: 700;
}

#quiz-tokuten b,
#quiz-tokuten span {
	padding-left: 20px;
	padding-bottom: 4px;
	display: block;
	font-weight: 500;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#quiz-tokuten b span,
#quiz-tokuten span span {
	margin-left: -5px;
	padding: 0;
	font-size: 13px;
	display: inline;
}

#quiz-tokuten b {
	background-image: url(/mypage/img/chk-on.png);
	background-position: left top;
}

#quiz-tokuten b img,
#quiz-tokuten span img {
	height: 15px;
}

#quiz-pop {
	width: 100%;
	height: 100%;
	background: #000;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
}

#quiz-pop-inner .push-pop-close {
	width: 40px;
	height: 40px;
	display: block;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	z-index: 1001;
}

#quiz-pop #quiz-pop-inner {
	margin: -130px 0 0 -160px;
	width: 320px;
	height: 260px;
	text-align: center;
	background-color: #fff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	position: fixed;
	left: 50%;
	top: 50%;
}

#quiz-pop #quiz-pop-inner #title {
	padding: 42px 0 10px;
	width: 100%;
	font-size: 16px;
	line-height: 1.3em;
	color: #1a1a1a;
	float: left;
}

#quiz-pop #quiz-pop-inner #image {
	padding-top: 35px;
	margin: 0 0 5px 115px;
	text-align: right;
	width: 90px;
	height: 45px;
	background-image: url(/mypage/img/quiz-heart.png);
	background-size: 51px 45px;
	background-repeat: no-repeat;
	background-position: 0 15px;
	float: left;
}

#quiz-pop #quiz-pop-inner #comnt {
	width: 100%;
	font-size: 10px;
	color: #808080;
	float: left;
}

/* 応援しているモデル */
#mypage-support-girl-list {
	width: 700px;
	float: left;
}

#mypage-support-girl-list li {
	padding: 0 1px;
	width: 173px;
	text-align: center;
	float: left;
}

#mypage-support-girl-list li a {
	color: #333;
}

#mypage-support-girl-list li .photo {
	width: 173px;
	height: 173px;
	background-color: #ccc;
	overflow: hidden;
	float: left;
}

#mypage-support-girl-list li .photo img {
	width: 173px;
	height: 173px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#mypage-support-girl-list li .data {
	padding: 5px 2px 0;
	width: 173px;
	height: 55px;
	font-size: 13px;
	line-height: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* MODELランキングタブ */
.ChangeElem_Panel {
  display: none;
}

/* メンバーランキング */
#mypage-member-ranking ul {
	width: 100%;
	float: left;
}

#mypage-member-ranking ul li {
	padding: 4px 0;
	width: 100%;
	display: table;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	float: left;
}

#mypage-member-ranking .nomber,
#mypage-member-ranking .photo,
#mypage-member-ranking .name,
#mypage-member-ranking .point {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
}

#mypage-member-ranking .nomber {
	width: 40px;
}

#mypage-member-ranking .photo {
	width: 80px;
}

#mypage-member-ranking .photo span {
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border: 1px #ccc solid;
	background-color: #fff;
}

#mypage-member-ranking .photo span img {
	width: 70px;
	height: 70px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#mypage-member-ranking .point {
	padding-right: 5px;
	width: 75px;
	text-align: right;
}

#mypage-member-ranking .name {
	text-align: left;
}

/* --------------------------------------------------------------------------------[マイページログイン｜パスワードを忘れた方] */
#forgot-login,
#mypage-login {
	width: 728px;
	height: 654px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	float: left;
}

/* パスワードを忘れた方 */
#forgot-login {
	background: var(--exclusive_model_image);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* マイページログイン */
#mypage-login {
	background: var(--exclusive_model_image);
	background-repeat: no-repeat;
	background-size: 100% auto;
}


#forgot-login #login-form,
#mypage-login #login-form {
	padding: 0 55px 0;
	width: 100%;
	height: 240px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
}

#forgot-login input[type="email"],
#forgot-login input[type="submit"],
#mypage-login input[type="email"],
#mypage-login input[type="password"],
#mypage-login input[type="submit"],
#register-end input[type="submit"] {
	margin: 0 0 15px 0;
	padding: 0 5px;
	width: 100%;
	height: 60px;
	font-size: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px #b3b3b3 solid;
}

#forgot-login input[type="email"],
#mypage-login input[type="email"],
#mypage-login input[type="password"] {
	margin-bottom: 15px;
	padding: 6px 10px;
	background-color:rgba(255,255,255,0.8);
}

#forgot-login input[type="submit"],
#mypage-login input[type="submit"],
#register-end input[type="submit"] {
	/* ボタンカラー */
	color: #fff;
	/* メインカラー */
	background-color: var(--main-color);
}

#mypage-login-menu {
	margin-bottom: 100px;
	padding: 20px 0;
	width: 100%;
	text-align: center;
	/* メインカラー */
	background-color: var(--main-color);
	float: left;
}

#mypage-login-menu li {
	padding: 10px 0;
	width: 100%;
	float: left;
}

#mypage-login-menu li a {
	/* ボタンカラー */
	color: #fff;
	font-weight: 700;
	font-size: 14px;
}

#forgot-end {
	padding: 15px 0;
	width: 100%;
	color: #fff;
	text-align: center;
	background-color: #1c13d1;
	font-size: 16px;
	line-height: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* マイページメニュー */
#mypage-menu {
	margin: 15px 0;
}

#mypage-menu ul {
	margin-bottom: 20px;
	width: 100%;
	border-top: 1px #f2f2f2 solid;
	float: left;
}

#mypage-menu li {
	width: 100%;
	text-align: left;
	border-bottom: 1px #f2f2f2 solid;
	transition: all 0.3s ease 0s;
	float: left;
}

#mypage-menu li:hover {
	background-color: #f5f5f5;
}

#mypage-menu li a {
	padding: 15px;
	width: 100%;
	color: #333;
	font-size: 17px;
	line-height: 1em;
	display: block;
	background: url(/img_2021aw/arrow.png) center right / 23px 10px no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mypage-menu li a span {
	margin-left: 5px;
	padding: 0 11px;
	min-width: 18px;
	height: 19px;
	line-height: 19px;
	font-size: 12px;
	text-align: left;
	color: #fff;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #e41f1f 0%, #b22423 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#e41f1f 0%,#b22423 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
/*	float: left;*/
}

#mypage-menu a#affiliate {
	margin: 15px 10%;
	width: 80%;
	height: 60px;
	color: #fff;
	font-weight: 700;
	line-height: 60px;
	font-size: 20px;
	display: block;
	/* メインカラー */
	background-color: var(--main-color);
	border: 1px #b3b3b3 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

.mypage-add {
	padding: 0 0 30px;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.mypage-add-l,
.mypage-add-r {
	width: 50%;
	text-align: center;
	float: left;
}

#present-pop {
	width: 100%;
	height: 100%;
	/* メインカラー */
	background: var(--main-color);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	background-color: rgba(216,177,150,0.3);
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
}

#present-pop-inner a#close {
	width: 15px;
	height: 15px;
	position: absolute;
	display: block;
	z-index: 1002;
	right: 15px;
	top: 15px;
}

#present-pop a#close img,
#present-pop a#close svg {
	width: 100%;
}

#present-pop-inner {
	margin: -350px 0 0 -240px;
	width: 480px;
	height: 700px;
	background-color: #fff;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	z-index: 1001;
	position: fixed;
	left: 50%;
	top: 50%;
}

#present-pop-inner #icon {
	margin: -50px 0 0 -101px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background-color: #fff;
	fill: var(--main-color);
	border: 1px #ccc solid;
	position: absolute;
	left: 50%;
}

#present-pop-inner #icon svg,
#present-pop-inner #icon img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;'/* IE系対応 */
}

#present-pop #heart {
	margin: 0 0 0 -30px;
	width: 60px;
	position: absolute;
	left: 50%;
	top: 125px;
}

#present-pop-text {
	padding: 185px 10px 0;
	width: 100%;
	height: 680px;
	font-size: 16px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}

#present-pop-text b {
	padding-top: 15px;
	width: 100%;
	display: block;
}

#present-pop-text img,
#present-pop-text svg {
	width: 160px;
	height: 40px;
	fill: var(--main-color);
}

#present-pop-text p {
	padding: 5px 15px 20px;
	width: 100%;
	font-size: 12px;
	line-height: 1.3em;
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#present-pop-text span {
	font-size: 18px;
	color: #808080;
}

#present-pop-text a#post-heart {
	width: 80%;
	height: 50px;
	/* ボタンカラー */
	color: #fff;
	display: block;
	line-height: 50px;
	border: none;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	bottom: 15px;
	left: 10%;
}

#present-pop-add {
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
}

#present-pop-add-inner {
	margin: 0 auto;
	width: 250px;
	height: auto;
}

#mypage-mobile-info {
	padding: 0 20px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	line-height: 1.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}