@charset "utf-8";
@import url("vars.php");

/* google font */
@import url('https://fonts.googleapis.com/css?family=Oswald:600');

/* ---------------------------------------------------------------------------------- */
/* [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;
}

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

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

img {
	border: none;
	vertical-align: top;
}

br {
	letter-spacing: 0;
}

/* フロートレフト */
.f_l {float: left;}
/* フロートライト */
.f_r {float: right;}
/* 回り込み解除 */
.c_l {clear: both;}

/* リンク指定 */
a:link,
a:visited,
a:hover {
	outline: none;
	text-decoration: none;
	/* メインカラー */
	color: var(--main-color);
}

a:active {outline: none;}

body {
	margin: 0;
	padding: 50px 0 0;
	color: #333;
	line-height: 1.5em;
	font-size: 14px;
	letter-spacing: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}

/* ---------------------------------------------------------------------------------- */
/* [共通パーツ｜ヘッダー] */
/* ---------------------------------------------------------------------------------- */
header {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px #fefefe;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	border-bottom: 1px #ddd solid;
}

header {
	background-color: var(--sub-color);
}
header .hlogo {
	margin: 12px 0 10px 10px;
	width: 188px;
	height: 30px;
	float: left;
}

header .hlogo a {
	width: 200px;
	height: 30px;
	float: left;
	display: block;
	text-indent: -200em;
	text-align: left;
	overflow: hidden;
	background-image: var(--logo);
	background-size: 200px 30px;
}

header .menu {
	width: 52px;
	height: 52px;
	float: right;
	/* メインカラー */
	background-color: var(--sub-color);
}

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

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

header,
header .hlogo,
header .hlogo a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

header.fixed .hlogo {
	margin: 12px 0 10px 10px;
	width: 30px;
	height: 30px;
	float: left;
}

header.fixed .hlogo a {
	width: 30px;
	height: 30px;
	display: block;
	background: var(--hlogo) center center / 30px 30px no-repeat;
}

.fixed {}

header .h-sns {
	margin: 7px 0 0 20px;
	width: 190px;
	height: 40px;
	float: left;
	display: none;
}

header.fixed .h-sns {
	display: block;
}

header.fixed .h-sns a {
	margin-right: 0;
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	text-indent: -200em;
	overflow: hidden;
	text-align: left;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: center center;
}

header.fixed .h-sns a.twitter {
	background-image: url(/img/bsb-x.png);
}

header.fixed .h-sns a.instagram {
	background-image: url(/img/bsb-i.png);
}

header.fixed .h-sns a.facebook {
	background-image: url(/img/bsb-f.png);
}

header.fixed .h-sns a.line {
	background-image: url(/img/bsb-l.png);
}

header.fixed .h-sns span {
	padding: 12px 0 0 0;
	width: 70px;
	height: 28px;
	float: left;
	text-align: left;
	font-size: 8px;
	/* メインカラー */
	color: var(--main-color);
	line-height: 1.1em;
	display: block;
}

/* ヘッダーマイステータス */
#hed-mystatus {
	width: 100%;
	height: 50px;
	background-color: #333;
	position: relative;
	float: left;
}

#hed-mystatus a {
	padding: 3px 0 0 10px;
	width: 100%;
	height: 50px;
	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: 5px;
	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: 42px;
	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);
}

#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 {
	margin-top: 2px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #fff;
	float: left;
}

#hed-mystatus #myphoto img {
	width: 40px;
	height: 40px;
	object-fit: cover;
}

#hed-mystatus #heart-nickname {
	padding: 7px 0 0 125px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#hed-mystatus #nickname {
	padding-bottom: 2px;
	width: 100%;
	color: #fff;
	font-size: 12px;
	line-height: 1.1em;
	font-weight: 700;
	float: left;
}

#hed-mystatus #heart {
	margin-right: 3px;
	float: left;
}

#hed-mystatus #heart img {
	margin-right: 1px;
	height: 16px;
	float: left;
}

#hed-mystatus #over-heart {
	padding: 0 11px;
	min-width: 20px;
	height: 16px;
	line-height: 16px;
	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: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	float: left;
}

/* カートページ メニューアイコン */
#header-cart {
	width: 50px;
	height: 50px;
	background-image: url(/img/header-cart.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 28px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 6;
}

#header-cart span {
	margin: 3px 3px 0 0;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	background-color: #f00;
	color: #fff;
	font-size: 11px;
	display: block;
	float: right;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}



/* --------------------------------------------------------------------------------[フッター] */
#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: 550px;
	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: 250px;
	float: left;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
}

#foot-link {
	padding-top: 30px;
	width: 100%;
	height: 177px;
	float: left;
	text-align: left;
	/* メインカラー */
	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: 100%;
	height: 177px;
	position: relative;
}

#foot-link-inner ul {
	width: 100%;
	float: left;
}

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

#foot-link-inner li a {

	height: 30px;
	line-height: 30px;
	font-size: 0.8em;
	text-align: left;
	display: block;
	color: var(--main-color);
	font-weight: 700;
}


/* ---------------------------------------------------------------------------------- */
/* [共通パーツ｜ページTOP] */
/* ---------------------------------------------------------------------------------- */
/* ページ下部スペース */
.page-bottom,
.page-bottom2 {
	width: 100%;
	float: left;
}

.page-bottom {height: 60px;}
.page-bottom2 {height: 90px;}

/* ページTOP */
.page-top {
	width: 52px;
	height: 52px;
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 2;
}

.page-top a {
	/* vars.phpに記載 */
}

.mona-open {
	padding-top: 200px;
	width: 100%;
}

.mona-open img {
	width: 100%;
	max-width: 770px;
}

/* ---------------------------------------------------------------------------------- */
/* [共通パーツ｜フッターシェア] */
/* ---------------------------------------------------------------------------------- */
.btm-shere {
	width: 270px;
	height: 88px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.btm-shere #shere-girl {
	width: 50px;
	height: 100px;
	float: right;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 0;
}

.btm-shere #shere-girl img {
	width: 100%;
}

.btm-shere #shere-balloon {
	margin-top: 7px;
	padding: 5px 28px 0 12px;
	width: 209px;
	height: 75px;
	float: left;
	background-image: url(/img/shere-balloon.png);
	background-size: 209px 75px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btm-shere #shere-balloon b {
	width: 100%;
	float: left;
	font-size: 12px;
	text-align: center;
	font-weight: 500;
	display: block;
}

.btm-shere #shere-balloon #shere {
	width: 100%;
	float: left;
}

#shere-balloon #shere li {
	padding: 0 3px;
	width: 44px;
	height: 44px;
	float: left;
}

#shere-balloon #shere li a {
	width: 44px;
	height: 44px;
	display: block;
	text-indent: -200em;
	overflow: hidden;
	background-size: 44px 44px;
}

a#bsb-t {background-image: url(/img/bsb-t.png);}
a#bsb-i {background-image: url(/img/bsb-i.png);}
a#bsb-f {background-image: url(/img/bsb-f.png);}
a#bsb-l {background-image: url(/img/bsb-l.png);}

/* ---------------------------------------------------------------------------------- */
/* [共通パーツ｜スペシャルコンテンツ] */
/* ---------------------------------------------------------------------------------- */
#special-contents {
	margin-top: 30px;
	padding: 20px 5px 10px;
	width: 100%;
	float: left;
	/* サブカラー */
	background-color: var(--sub-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mona-contents {
	margin-top: 30px;
	padding: 20px 5px 10px;
	width: 100%;
	float: left;
	/* サブカラー */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#special-contents .title {
	margin-bottom: 10px;
	width: 100%;
	height: 20px;
	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 7px;
	width: 100%;
	float: left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

#special-contents ul {
	width: 100%;
	float: left;
}

#special-contents li {
	padding: 0 2px 7px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#special-contents li img {
	width: 100%;
}

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

.slider img {
	width: 100%;
	overflow:hidden;
	object-fit: cover;
}

.slick-video .slider, 
.slick-artist .slider, 
.slick-shop .slider, 
.slick-cf .slider  {
	padding: 0 5px 10px;
}

.slick-video .slider .mv, 
.slick-artist .slider .mv, 
.slick-shop .slider .mv, 
.slick-cf .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%;
}

/* ---------------------------------------------------------------------------------- */
/* [共通パーツ｜サブタイトル] */
/* ---------------------------------------------------------------------------------- */
.page-title {
	margin-bottom: 10px;
	width: 100%;
	float: left;
	text-align: center;
}

.page-title h2 {
	margin: 0 auto;
	width: 90%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: normal;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
}

.other-title {
	width: 100%;
	height: 50px;
	line-height: 60px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	float: left;
	/* サブカラー */
	background-color: var(--sub-color);
}

/* ---------------------------------------------------------------------------------- */
/* [共通パーツ｜シェア] */
/* ---------------------------------------------------------------------------------- */
.model-share,
.shop-share,
.vc-share {
	padding: 4px 0 0 0;
	width: 100%;
	float: left;
}

.model-share .share,
.shop-share .share,
.vc-share .share {
	padding: 0 0 0 130px;
	width: 100%;
	height: 52px;
	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;
}

.vc-share .share {
	padding: 0 0 0 150px;
	background-position: 30px center;
}

.model-share .share li,
.shop-share .share li,
.vc-share .share li {
	padding-right: 3px;
	display: table-cell;
}

.model-share .share li a,
.shop-share .share li a,
.vc-share .share li a {
	width: 100%;
}

.model-share .share li a img,
.shop-share .share li a img,
.vc-share .share li a img {
	width: 100%;
	max-width: 50px;
}

.model-share .share img,
.shop-share .share img,
.vc-share .share img {
	width: 80%;
}

/* ---------------------------------------------------------------------------------- */
/* [TOPページ｜スワイプイメージ] */
/* ---------------------------------------------------------------------------------- */
/* スワイプイメージリンク */
.swiper-container {
	padding-bottom: 90px;
	width: 100%;
	float: left;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}

.s-image {
	width: 100%;
	position: relative;
	z-index: 0;
}

.swiper-slide img,
.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;
}


h2.contents-title {
	margin-top:  72px;
	margin-bottom:  26px;
	border-top: 3px solid var(--sub-color);
	padding-top: 8px;
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: normal;
}
h3.contents-title {
	margin-top:  48px;
	margin-bottom: 12px;
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: 700;
	color: var(--sub-color);
}
h3.contents-title small{
	font-size: 8px;
	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: var(--main-color);
}



/* ---------------------------------------------------------------------------------- */
/* [TOPページ｜記事一覧] */
/* ---------------------------------------------------------------------------------- */
.topic_list {
	width: 100%;
	float: left;
	display: table;
}

.topic_list li {
	width: 50%;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-left: 1px var(--sub-color) solid;
	/* サブカラー */
	border-right: 1px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
	float: left;
}

.article-more {
	margin: 10px 10px; 
	width: calc(100% - 20px);
	line-height: 36px;
	color: #fff !important;
	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;
}



/* NEWアイコン */
.topic_list 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 li .catg {
	width: 88px;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	display: block;
	position: absolute;
	background-color: #666;
	top: 1px;
	right: 1px;
	z-index: 1;
}

/* 記事カテゴリ｜MONA MODEL */
.topic_list li .catg#cat1 {background-color: #ff6496;}
/* 記事カテゴリ｜INTERVIEW */
.topic_list li .catg#cat2 {background-color: #c2baf4;}
/* 記事カテゴリ｜BEAUTY */
.topic_list li .catg#cat3 {background-color: #feabb3;}
/* 記事カテゴリ｜DIET */
.topic_list li .catg#cat4 {background-color: #f1c848;}
/* 記事カテゴリ｜FASHION */
.topic_list li .catg#cat5 {background-color: #e5e44b;}
/* 記事カテゴリ｜LOVE */
.topic_list li .catg#cat6 {background-color: #9eef77;}
/* 記事カテゴリ｜ */
.topic_list li .catg#cat7 {background-color: #5377f9;}
/* 記事カテゴリ｜ */
.topic_list li .catg#cat8 {background-color: #f953f9;}
/* 記事カテゴリ｜ */
.topic_list li .catg#cat9 {background-color: #f42543;}
/* 記事カテゴリ｜ */
.topic_list li .catg#cat10 {background-color: #333;}

/* モデル名 */
.topic_list li .a-model-name {
	margin: -20px 0 0 5px;
	font-size: 9px;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
	color: #111;
	float: left;
	padding: 3px 4px;
	line-height: 1em;
	/* サブカラー */
	background-color:rgba(216,177,150,0.8);
	display: inline-block;
}

.topic_list li .thumbnails,
.topic_list li .thumbnail {
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #dcdcdc;
}

.topic_list li .thumbnails a,
.topic_list li .thumbnail a {
	display: block;
	overflow: hidden;
}

.topic_list li .thumbnails img.thumbnails_a,
.topic_list li .thumbnail img.thumbnail_a {
	object-fit: cover;
}

.topic_list li div.title,
.topic_list li #title {
	padding: 4px 8px;
	width: 100%;
	height: 62px;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: 700;
	text-align: left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

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







/* ---------------------------------------------------------------------------------- */
/* [モデル一覧ページ] */
/* ---------------------------------------------------------------------------------- */
/* 今季表紙モデル---s */
/* 専属モデル-------a */
/* 過去表紙モデル---b */
/* PTモデル---------c */
/* MONAモデル-------d */

/* 今季表紙モデル / 専属モデル */
.model-s,
.model-a {
	width: 100%;
	float: left;
}

.model-s article,
.model-a article {
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

.model-s .model-photo,
.model-a .model-photo {
	float: left;
	position: relative;
    width: 100%;
    height: 100%;
    padding: 100% 0 0;
}

.model-s .model-photo a,
.model-a .model-photo a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.model-s .model-name,
.model-a .model-name {
	padding: 5px 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,
.model-a .model-name h3 {
	font-size: 18px;
}

.model-s .model-name span,
.model-a .model-name span {
	font-size: 15px;
	font-weight: 400;
}

/* 過去表紙モデル */
.model-b {
	padding: 10px 2px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.model-b article {
	padding: 2px;
	margin-bottom: 10px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* PTモデル */
.model-c {
	width: 33.333%;
	float: left;
}

.model-c article {
	padding: 10px 4px 0;
	width: 100%;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* MONAモデル */
.model-d {
	padding: 10px 0 0;
	width: 25%;
	float: left;
}

.model-d article {
	padding: 0 2px;
	width: 100%;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.model-b .model-photo,
.model-c .model-photo,
.model-d .model-photo {
	float: left;
	position: relative;
    width: 100%;
    height: 100%;
    padding: 100% 0 0;
    background-color: #efefef;
}

.model-b .model-photo a,
.model-c .model-photo a,
.model-d .model-photo a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.model-s .model-photo a img,
.model-a .model-photo a img,
.model-b .model-photo a img,
.model-c .model-photo a img,
.model-d .model-photo a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.model-b .model-name,
.model-c .model-name {
	padding-top: 5px;
	width: 100%;
	float: left;
}

/* 過去表紙モデル */
.model-b .model-name {
	margin-top: 5px;
	height: 35px;
	line-height: 1em;
	text-align: left;
}

/* PTモデル */
.model-c .model-name {
	height: 45px;
	line-height: 1.2em;
	text-align: center;
}

/* MONAモデル */
.model-d .model-name {
	padding-top: 3px;
	width: 100%;
	height: 25px;
	line-height: 1em;
	float: left;
}

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

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

.model-d .model-name h3 {
	font-size: 10px;
	line-height: 1.1em;
	letter-spacing: 0;
}

.model-b .model-name span {
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
}

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

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

/*
.model_list_girls li:nth-child(11) {
	margin-right: 50%;
}
*/


/* 各モデルのデビューカラー */
/* 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;}
/* 2020AW */
.season_8 {border-bottom: 5px #ff6f61 solid;}
/* 2021SS */
.season_9 {border-bottom: 5px var(--main-color) solid;}

/* ---------------------------------------------------------------------------------- */
/* [モデル詳細] */
/* ---------------------------------------------------------------------------------- */
.model-hed {
	width: 100%;
	height: 35%;
	position: relative;
	overflow: hidden;
	z-index: 0;
	float: left;
}

.model-hed img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

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

.model-icon-photo img {
	width: 110px;
	height: 110px;
	object-fit: cover;
}

.model-icon-name {
	width: 100%;
}

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

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

/* モデルSNSN一覧 */
.model-sns {
	padding-bottom: 10px;
	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 3px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: left;
	text-indent: -200em;
	overflow: hidden;
	background-size: 30px 30px;
	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-sns-wap {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none;
}

#model-sns-wap-inner {
	padding: 0 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	bottom: 35px;
	left: 0;
	z-index: 11;
}

#model-sns-full {
	margin-bottom: 10px;
	width: 100%;
	background-color: #E5DFE0;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: left;
}

#model-sns-full li {
	width: 100%;
	border-bottom: 1px #C3BCBE solid;
	float: left;
}

#model-sns-full li:last-child {
	border-bottom: none;
}

#model-sns-full li a {
	padding: 15px 0;
	width: 100%;
	line-height: 1em;
	color: #2860CD;
	font-size: 16px;
	text-align: center;
	display: block;
}

#model-sns-wap-inner #model-sns-cancel {
	padding: 15px 0;
	width: 100%;
	line-height: 1em;
	color: #2860CD;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	background-color: #fff;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: left;
}

/* [モデル詳細｜youtube] */
#model-youtube {
	margin: 0 0 0;

}

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

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

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

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

/* お気に入り */
.model-tools li.tools1 {
	background-image: url(/img/tools-icon1.png);
	background-size: 17px 15px;
}

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

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

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

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

.model-profile {
	padding: 20px 0 0;
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 2.1em;
	color: #666;
	letter-spacing: 0.05em;
	text-align: left;
	/* サブカラー */
	border-top: 2px var(--sub-color) solid;
}

/* [モデル詳細｜投票] */
#model-vote {
	padding: 15px 0 5px;
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
}

#model-vote p {
	width: 100%;
	font-size: 16px;
	float: left;
}

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

#model-vote .add-member a,
#model-vote .no-push a#heart {
	margin: 0 auto;
	width: 58px;
	height: 50px;
	line-height: 45px;
	display: block;
	font-size: 10px;
	background-size: 58px 50px;
	background-repeat: no-repeat;
}

/* 会員登録 */
#model-vote .add-member a {
	/* メインカラー */
	color: var(--main-color);
	background-image: url(/img_2021aw/heart_1.png);
}

/* 投票まだまだ */
#model-vote .no-push a#heart {
	/* メインカラー */
	color: var(--main-color);
	background-image: url(/img_2021aw/heart_3.png);
}

/* 投票あり */
#model-vote .push a#heart {
	margin: 0 auto;
	width: 66px;
	height: 58px;
	line-height: 56px;
	display: block;
	color: #000;
	font-size: 12px;
	background-image: url(/img_2021aw/model-share.png);
	background-size: 58px 50px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

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

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

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

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

#push-list a img,
#push-list a svg {
	margin: 0 1%;
	width: 18%;
	height: auto;
	fill: var(--main-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 {
	width: 40px;
	height: 40px;
	display: block;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	position: fixed;
	z-index: 1001;
	right: 10px;
	top: 10px;
}

.push-pop .push-pop-inner {
	margin: -215px 0 0 -138px;
	width: 276px;
	height: 430px;
	text-align: center;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	background-size: 276px 430px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	position: fixed;
	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: 40px;
	width: 100%;
	height: 40px;
	color: #f00;
	font-size: 30px;
	float: left;
}

.push-pop .push-pop-inner #ster {
	width: 100%;
	height: 220px;
	line-height: 220px;
	font-size: 50px;
	color: #1a1a1a;
	text-shadow:0px 2px 0px #ccc;
	float: left;
}

.push-pop .push-pop-inner #coment {
	width: 100%;
	font-size: 13px;
	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-top: 25px;
	width: 100%;
	height: 30px;
	color: #f00;
	font-size: 20px;
	float: left;
}

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

.push-pop #mission-ster .off-ster,
.push-pop #mission-ster .on-ster {
	padding-right: 5px;
	width: 100px;
	height: 120px;
	background-size: 130px 120px;
	background-repeat: no-repeat;
	background-position: center top;
	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: 105px;
	height: 100px;
	font-size: 40px;
	line-height: 120px;
	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: 14px;
}

.push-pop #mission-chk {
	padding: 15px 0 15px 55px;
	width: 100%;
	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: 0 0 5px 20px;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
	-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;
	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: 10px 0;
	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;
}

.push-pop #mission-coment .mstrimg {
	margin-top: 5px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}

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

.push-pop #mission-come {
	width: 100%;
	color: #808080;
	font-size: 10px;
	float: left;
}

/* メンバーランキング */
.push-pop #memberrank-title {
	padding: 15px 0;
	width: 100%;
}

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

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

/* [モデル詳細｜Photo&Movie] */
.photo-movie {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
}

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

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

.model-photo-lists {
	float: left;
}

.model-photo-lists li {
	position: relative;
	float: left;
}

.model-photo-lists li:after {
	padding-top: 100%;
	display: block;
	content: "";
}

.model-photo-lists li a {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.model-photo-lists li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* 写真1枚 */
.model-photo-lists.mp1 {
	width: 100%;
	float: left;
}

.model-photo-lists.mp1 li {
	width: 100%;
}

/* 写真2枚 */
.model-photo-lists.mp2 {
	width: 100%;
	float: left;
}

.model-photo-lists.mp2 li {
	width: 50%;
}

/* 写真3枚 */
.model-photo-lists.mp3 {
	width: 100%;
	float: left;
}

.model-photo-lists.mp3 li {
	width: 33.33%;
}

.photo-more {
	padding: 5px 0 0;
	width: 100%;
	display: block;
	float: left;
}

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

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

.model-photo-book .title img,
.model-photo-book .title svg {
	margin-right: 5px;
	width: 26px;
	height: 26px;
	vertical-align: -6px;
}

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

.model-photo-book img {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	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: 9px var(--sub-color) solid;
}

.todays-fashion h2.title {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: normal;
}

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

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

.model-entry h2.title {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: normal;
}

.model-entry h2.title img,
.model-entry h2.title svg {
	margin-right: 5px;
	width: 26px;
	height: 26px;
	vertical-align: -6px;
	fill: var(--main-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;
}

/* モデル詳細｜ランキング */
#model-ranking {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
}

#model-ranking .title {
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}

#model-ranking-more {
	margin: 13px 0 30px;
	padding: 10px 0;
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	font-size: 12px;
}

#model-ranking-more a {
	color: #333;
	font-size: 13px;
	text-decoration: underline;
}

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

.over-pop .close {
	width: 100%;
	height: 50px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 102;
	background-color: #333;
}

.over-pop .close a {
	height: 42px;
	color: #fff;
	font-size: 16px;
	text-indent: 10px;
	line-height: 42px;
	font-weight: bold;
	display:inline-block;
}

.over-pop .close a img {
	margin: 10px 0 0 10px;
	width: 20px;
}

.over-pop .image {
	padding: 45px 0 50px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.over-pop .share {
	padding: 5px 0 0 130px;
	width: 100%;
	height: 45px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 102;
	background-image: url(/img/pop-share.png);
	background-repeat: no-repeat;
	background-size: 97px 20px;
	background-position: 10px 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	background-color: #333;
}

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

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

.over-pop .share li a img {
	max-height: 32px;
}

/* 初回アクセス時表示コンテンツ */
#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%;
}

/* ---------------------------------------------------------------------------------- */
/* [モデルお仕事依頼] */
/* ---------------------------------------------------------------------------------- */
#model-offer-form {
	padding: 10px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#model-offer-form span,
#model-offer-form b {
	display: block;
	width: 100%;
	float: left;
}

#model-offer-form b {
	margin-top: 10px;
}

#model-offer-form a#back_model {
	margin: 0 10%;
	padding: 7px 0;
	width: 80%;
	color: #333;
	text-align: center;
	border: 1px #333 solid;
	display: block;
	-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;
}

#model-offer-error {
	margin: 0 0 20px;
	padding: 0 2px 0;
	width: 100%;
	color: #fff;
	background-color: #f00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#model-offer-error h3 {
	padding: 3px 0;
	width: 100%;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px #fff solid;
	float: left;
}

#model-offer-error p {
	width: 100%;
	padding: 3px 5px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}


#model-offer-form input[type="text"],
#model-offer-form input[type="tel"],
#model-offer-form input[type="email"],
#model-offer-form textarea {
	margin: 0 0 15px;
	padding: 5px;
	width: 100%;
	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;
	float: left;
}

#model-offer-form input[type="text"],
#model-offer-form input[type="tel"],
#model-offer-form input[type="email"] {
	height: 40px;
}

#model-offer-form textarea {
	height: 120px;
}

#model-offer-form input[type="submit"] {
	margin: 0 10%;
	width: 80%;
	height: 40px;
	color: #fff;
	font-size: 14px;
	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: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.offer-pp-text {
	padding: 4px;
	margin: 10px 10px 15px;
	height: 120px;
	text-align: left;
	font-size: 13px;
	line-height: 1.2em;
	border: 1px #ccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	float: left;
}

/* ---------------------------------------------------------------------------------- */
/* [記事詳細] */
/* ---------------------------------------------------------------------------------- */
.article-photo {
	width: 100%;
	float: left;
	overflow: hidden;
}

.article-photo img {
	width: 100%;
}

.article-photo .fav {
	margin-top: -25px;
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
	overflow: hidden;
}

.article-photo .clip {
	width: 80px;
	height: 80px;
	z-index: 1;
    cursor: pointer;
    overflow: hidden;
	position: absolute;
	bottom: -22px;
	right: -25px;
}

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

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

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

.article-photo .fav-count {
	margin: 5px 35px 0 0;
	padding: 2px;
	color: #fff;
	font-size: 10px;
	float: right;
	line-height: 1em;
	background-color:rgba(0,0,0,0.5);
}

.article-time {
	padding: 12px 8px 0;
	width: 100%;
	float: left;
	color: #808080;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.article-title {
	margin: 0 8px;
	padding-bottom: 5px;
	color: #000;
	font-size: 16px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
}

.article-body {
	padding: 12px 8px;
	width: 100%;
	color: #000;
	overflow: hidden;
	text-align: left;
	/* サブカラー */
	border-bottom: 9px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.article-title:after,
.article-body:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.01px;
	font-size: 0.01em;
	line-height: 0;
	clear: both;
}

.article-body img {
	width: 100%;
}

.article-tag {
	padding: 12px 0;
	width: 100%;
	float: left;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-bottom: 9px var(--sub-color) solid;
}

.article-tag a {
	padding-right: 5px;
	color: #000;
}

.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,
.article-nb .nb-back svg,
.article-nb .nb-next svg {
	margin-top: 4px;
	width: 26px;
	height: 26px;
	fill: var(--main-color);
}

.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;
}

.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-bottom: 9px var(--sub-color) solid;
}

.relation-model {
	padding: 0 8px;
	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 {
	padding: 3px 0;
	width: 110px;
	height: 104px;
	overflow: hidden;
	display: table-cell;
}

.relation-model .icon a,
.relation-model .icon span {
	width: 104px;
	height: 104px;
	overflow: hidden;
	display: block;
	border-radius: 52px;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	border: 1px #999 solid;
}

.relation-model .icon img {
	width: 104px;
	height: 104px;
	object-fit: cover;
}

.relation-model .meta {
	padding: 3px 0 3px 16px;
	text-align: left;
	line-height: 1.3em;
	display: table-cell;
	vertical-align: middle;
}

.relation-model .meta span {
	font-size: 12px;
}

.relation-model .meta b {
	font-size: 16px;
	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: 2px var(--sub-color) solid;
}

/* ---------------------------------------------------------------------------------- */
/* [クリエイター一覧] */
/* ---------------------------------------------------------------------------------- */
.creator-list {
	width: 100%;
	float: left;
}

.creator-list li {
	margin-top: 15px;
	padding: 0;
	width: 33%;
	height: 170px;
	float: left;
	text-align: center;
}

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

.creator-list .icon img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

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

.creator-list .meta span {
	font-size: 10px;
}

.creator-list .meta strong {
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

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

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

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

.latest-magazine p {
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
	font-size: 10px;
	line-height: 1.3em;
}

.m-search-title {
	width: 100%;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	float: left;
}

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

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

.m-search-list li {
	width: 100%;
	height: 55px;
	text-align: left;
	line-height: 55px;
	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: 5px;
	color: #333;
	display: table-cell;
	border-bottom: 1px #f2f2f2 solid;
}

/* 雑誌設置店一覧 */
.magazine-shop-list {
	width: 100%;
	float: left;
}

.magazine-shop-list li {
	padding: 10px 8px;
	width: 100%;
	display: table;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
	float: left;
}

.magazine-shop-list li .shop-image {
	padding: 3px 0;
	width: 110px;
	height: 104px;
	overflow: hidden;
	display: table-cell;
}

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

.magazine-shop-list li .shop-image img {
	width: 104px;
	height: 104px;
	object-fit: cover;
}

.magazine-shop-list li .shop-meta {
	padding: 0 0 0 16px;
	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 {
	padding-bottom: 5px;
	font-size: 10px;
}

.magazine-shop-list .shop-meta strong {
	font-size: 20px;
	color: #000;
}

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

/* 雑誌設置店詳細 */
.shop-hed {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}

#shop_map {
	margin-bottom: 10px;
	width:100%;
	height:300px;
	float: left;
	background-color:#dcdcdc;
}

.map-root {
	width: 100%;
	float: left;
	text-align: center;
}

.map-root a {
	margin: 0 auto;
	width: 240px;
	height: 30px;
	display: block;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	background-color: #000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.shop-hed img {
	width: 100%;
	max-width: 1000px;
}

.shop-data {
	padding: 25px 5px 20px;
	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-bottom: 9px var(--sub-color) solid;
}

.shop-entry {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 4px var(--sub-color) 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%;
	display: table;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-top: 2px var(--sub-color) solid;
	float: left;
}

.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%;
	color: #000;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* ----------------------------------------------------------------------------------[スナップ] */
.snap-main-photo {
	margin: 10px 0;
	padding: 0 8px;
	width: 100%;
	min-height: 240px;
	background-color: #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

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

.snap-sub-photo li {
	margin-bottom: 10px;
	padding: 0 4px;
	width: 33%;
	height: 75px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.snap-sub-photo li a {
	width: 100%;
	height: 75px;
	display: block;
	background-color: #ccc;
}

/* .flickSlider --------------------------- */
.flickSlider {
	margin: 0 auto;
	text-align: left;
	display: none;
}

/* .flickView --------------------------- */
.flickSlider .flickView {
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.flickSlider .flickView ul {
	top: 10px;
	left: 0;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

.flickSlider .flickView ul li {
	width: 100%;
	display: inline;
	overflow: hidden;
	float: left;
}

.flickSlider .flickView ul li img {
	width: 100%;
}

/* .flickThumb--------------------------- */
.flickSlider .flickThumb {
	width: 100%;
	overflow: hidden;
}

.flickSlider .flickThumb ul {
	width: 110%;
}

.flickSlider .flickThumb ul li {
	margin-bottom: 10px;
	cursor: pointer;
	display: inline;
	text-align: center;
	float: left;
}

.flickSlider .flickThumb ul li img {
	width: 94%;
}

.flickSlider .flickThumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi------------------------- */
.flickSlider .btnPrev,
.flickSlider .btnNext {
	top: 0;
	width: 40%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

.flickSlider .btnPrev {left: 0;}
.flickSlider .btnNext {right: 0;}

/* =======================================
    ClearFixElements
======================================= */
.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
	display: inline-block;
	overflow: hidden;
}

.snap-number {
	margin: 30px 0;
	width: 100%;
	display: table;
	table-layout: fixed;
	float: left;
}

.snap-number li {
	padding: 0 3px;
	min-height: 52px;
	display: table-cell;
}

.snap-number li a {
	width: 50px;
	height: 50px;
	color: #ffc8d2;
	display: block;
	line-height: 50px;
	font-weight: bold;
	font-size: 16px;
	border: 1px #ffc8d2 solid;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.snap-season {
	width: 100%;
	float: left;
}

.snap-season li {
	margin-bottom: 10px;
	padding: 0 2px;
	width: 33%;
	height: 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.snap-season li a {
	width: 100%;
	height: 55px;
	line-height: 55px;
	display: block;
	color: #fff;
	font-weight: bold;
	background-color: #ffc8d2;
}

/* ---------------------------------------------------------------------------------- */
/* [インスタグラム] */
/* ---------------------------------------------------------------------------------- */
.insta-coment {
	padding: 15px 0;
	width: 100%;
	font-size: 9px;
	text-align: center;
	float: left;
}

.hashtag sapn {
	font-size: 10px;
	font-weight: normal;
}

.hashtag b {
	font-size: 16px;
	font-weight: bold;
}

/* ---------------------------------------------------------------------------------- */
/* [メールマガジン] */
/* ---------------------------------------------------------------------------------- */
.magazine-coment {
	padding: 25px 0 23px;
	width: 100%;
	color: #000;
	float: left;
}

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

.form-box input[type="text"],
.form-box input[type="email"] {
	margin: 0 0 15px 0;
	padding: 0 5px;
	width: 100%;
	height: 38px;
	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;
	float: left;
}

.form-box select {
	margin: 0 0 15px 0;
	padding: 0 5px;
	width: 55%;
	height: 38px;
	font-weight: bold;
	color: #b3b3b3;
	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;
}

.form-box .f-sub {
	width: 100%;
	height: 38px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	border: 1px #ffc8d2 solid;
	background-color: #ff6496;
	-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;
}

::-webkit-input-placeholder {
	color: #b3b3b3;
}
::-moz-placeholder {
	color: #b3b3b3;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #b3b3b3;
}

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

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

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

/* ランキングタブ */
#ranking-tab {
	padding-left: 4px;
	width: 100%;
	height: 52px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#ranking-tab li {
	padding-right: 4px;
	width: 25%;
	height: 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#ranking-tab li a,
#ranking-tab li span {
	margin-top: 5px;
	padding-top: 15px;
	width: 100%;
	height: 35px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	/* サブカラー */
	background-color: var(--sub-color);
	float: left;
}

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

#ranking-tab li a#on,
#ranking-tab li span.is-active {
	margin-top: 0;
	padding-top: 20px;
	height: 35px;
	color: #fff;
	/* メインカラー */
	background-color: var(--main-color);
}

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

/* ランキング｜モデル */
#ranking-list-model {
	width: 100%;
	float: left;
}

#ranking-list-model li {
	padding: 5px 0;
	width: 100%;
	height: 130px;
	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: 65px;
	height: 130px;
	text-align: center;
	float: left;
}

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

#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: 13px;
	width: 60px;
	height: 35px;
	font-weight: 700;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 0;
	float: left;
}

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

#ranking-list-model .trank-photo img {
	width: 98px;
	height: 130px;
	object-fit: cover;
}

#ranking-list-model .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;
}

#ranking-list-model .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;
}

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

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

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

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

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

.rlm-tools a.tr-icon1 {background-image: url(/img_2021aw/tr-icon1.png);}
.rlm-tools a.tr-icon2 {background-image: url(/img_2021aw/tr-icon2.png);}
.rlm-tools a.tr-icon3 {background-image: url(/img_2021aw/tr-icon3.png);}
.rlm-tools a.tr-icon4 {background-image: url(/img_2021aw/tr-icon4.png);}

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

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

.ranking-list-article li:before {
	content: "";
	display: block;
	width: 96%;
	height: 1px;
	/* サブカラー */
	background-color: var(--sub-color);
	position: absolute;
	top: 0;
	left: 2%;
}

.ranking-list-article li .a-no {
	margin-right: 10px;
	padding-top: 25px;
	width: 40px;
	height: 75px;
	font-size: 40px;
	color: #808080;
	float: left;
}

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

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

.ranking-list-article li .a-photo img {
	width: 93px;
	height: 93px;
	object-fit: cover;
}

.ranking-list-article li .a-data {
	width: 100%;
	padding: 0 8px 0 155px;
	height: 100px;
	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%;
	display: block;
	float: left;
}

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

.ranking-list-article li a .a-data span {
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
}

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

.ranking-list-article li .clip {
	width: 80px;
	height: 80px;
	bottom: -22px;
	left: 125px;
	z-index: 1;
    cursor: pointer;
	position: absolute;
    overflow: hidden;
}

.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: 10px;
	color: #333;
	line-height: 1em;
	position: absolute;
	bottom: 12px;
	left: 180px;
/*	float: right;*/
}

.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;
	font-size: 16px;
	font-weight: normal;
	position: relative;
	float: left;
}

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

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

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

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

.td-one-img img {
	width: 187px;
	height: 187px;
	object-fit: cover;
}

.td-one-btm {
	padding-top: 10px;
	width: 187px;
	height: 50px;
	color: #fff;
	text-align: left;
	background-image: url(/img/td-one-btm.png);
	background-repeat: repeat-x;
	background-size: 5px 60px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.td-one-no {
	padding: 10px 0 0 0;
	width: 60px;
	height: 40px;
	font-size: 10px;
	text-align: center;
	float: left;
}

.td-one-no span {
	font-size: 36px;
}

.td-one-data {
	width: 122px;
	height: 50px;
	float: left;
	font-size: 10px;
	line-height: 1.2em;
}

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

.plate-name {
	width: 104px;
	height: 25px;
	color: #666;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	float: left;
}

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

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

#overpop {
	display: none;
}

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

#vote-coment {
	padding-bottom: 10px;
	width: 90%;
	background-color: #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	position: fixed;
	top: 30px;
	left: 5%;
	z-index: 25;
	text-align: center;
}

#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: -25px auto 0;
	width: 104px;
	height: 104px;
	overflow: hidden;
	border-radius: 52px;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	border: 1px #ccc solid;
}

#vc-icon-photo img {
	width: 104px;
	height: 104px;
	object-fit: cover;
}

#vc-thanks-coment {
	margin: 10px 0 0;
	padding: 30px 10px 0;
	width: 100%;
	height: 160px;
	font-size: 11px;
	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 {
	padding: 10px 0 0 30px;
	width: 140px;
	height: 35px;
	font-size: 10px;
	line-height: 1.3em;
	text-align: left;
	background-image: url(/img_2021aw/vc-user.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	background-size: 19px 28px;
	float: left;
}

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

/* 現状版 */
#vc-form {
	padding: 5px 30px 0;
	width: 100%;
	-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 var(--main-color) 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;
}

#vote-adds {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 20;
	text-align: center;
}

/* ---------------------------------------------------------------------------------- */
/* [LINE] */
/* ---------------------------------------------------------------------------------- */
.line-title {
	padding: 20px 0 13px;
	width: 100%;
	font-size: 16px;
	line-height: 1em;
	float: left;
}

.line-tokuten {
	margin-bottom: 15px;
	padding: 10px 15px;
	width: 100%;
	/* サブカラー */
	background-color: var(--sub-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.line-tokuten dt {
	padding-bottom: 14px;
	width: 100%;
	float: left;
	font-weight: 700;
	line-height: 1em;
}

.line-tokuten dd {
	width: 100%;
	text-align: left;
	float: left;
}

.friend-add-title {
	padding: 20px 0 15px;
	width: 100%;
	font-size: 16px;
	line-height: 1em;
	/* サブカラー */
	border-top: 2px var(--sub-color) solid;
	float: left;
}

.friend-add-text {
	padding-bottom: 20px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	float: left;
}

.line-ad-link {
	width: 100%;
	height: 75px;
	text-align: center;
	float: left;
}

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

.line-qr {
	padding: 0 40px;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.line-qr img {
	margin: 0 auto;
	width: 100%;
	max-width: 530px;
}

/* ---------------------------------------------------------------------------------- */
/* [写真集] */
/* ---------------------------------------------------------------------------------- */
.photobook-list {
	margin-bottom: 50px;
	width: 100%;
	position: relative;
	float: left;
}

#post-card-t {
	padding-left: 40px;
	width: 100%;
	height: 45px;
	text-align: left;
	line-height: 35px;
	font-size: 12px;
	float: left;
	background-image: url(/img/post-card-t.png);
	background-repeat: no-repeat;
	background-size: 25px 32px;
	background-position: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post-card-link {
	width: 30px;
	height: 32px;
	display: block;
	background-image: url(/img/post-card-link.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 32px;
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 5;
}

.pb-image {
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
	float: left;
}

.pb-image img {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;/* 仮サイズ */
	height: auto;
}

.pb-name {
	width: 100%;
	float: left;
}

.pb-name span {
	width: 100%;
	font-size: 10px;
	display: block;
	float: left;
}

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

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

.pb-season {
	margin-bottom: 5px;
	width: 100%;
	height: 55px;
	color: #fff;
	font-size: 14px;
	line-height: 55px;
	display: block;
	background-color: #ffc8d2;
	float: left;
}

/* ---------------------------------------------------------------------------------- */
/* [写真集詳細] */
/* ---------------------------------------------------------------------------------- */
.pb-d-photo {
	margin-bottom: 35px;
	width: 100%;
	float: left;
}

.pb-d-photo-image {
	width: 100%;
	text-align: center;
	float: left;
}

.pb-d-photo-image img {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;/* 仮サイズ */
	height: auto;
}

.pb-d-photo h3,
.pb-d-text {
	padding: 0 5px;
	width: 100%;
	text-align: left;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.pb-d-photo h3 {
	margin-top: 25px;
	color: #ed85a0;
}

.pb-d-text {}

/* ---------------------------------------------------------------------------------- */
/* [写真集詳細] */
/* ---------------------------------------------------------------------------------- */
.pb-d-photo2 {
	padding-bottom: 50px;
	width: 100%;
	height: 100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pb-d-photo2 .close {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 102;
}

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

.pb-d-photo2 .share {
	padding: 5px 0 0 130px;
	width: 100%;
	height: 35px;
	background-image: url(/img/pop-share.png);
	background-repeat: no-repeat;
	background-size: 87px 18px;
	background-position: 10px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 102;
}

.pb-d-photo2 .share li {
	padding-right: 1px;
	display: table-cell;
}

.pb-d-photo2 .share li a {
	width: 100%;
}

.pb-d-photo2 .share li a img {
	max-height: 25px;
}

#shop-link {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 105;
}

#shop-link img {
	width: 100%;
	height: auto;
	z-index: 106;
	position: relative;
}

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

/* ---------------------------------------------------------------------------------- */
/* [MONAショップ] */
/* ---------------------------------------------------------------------------------- */
/*
#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-title {
	margin-bottom: 15px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #333;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	position: relative;
	float: left;
}

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

/* 商品名 */
.shop-product-title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #000;
	text-align: center;
	/* サブカラー */
/*	border-top: 9px var(--sub-color) solid;*/
	float: left;
}

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

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

.product {
	margin-bottom: 20px;
	padding: 0 6px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

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

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

.product .product-name {
	width: 100%;
	height: 50px;
	float: left;
}

.product .product-name span {
	padding: 3px 0 0;
	width: 100%;
	display: block;
	float: left;
}

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

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

/* 横に2個並べる */
.product-h {
	padding: 0 2px;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.product-h .product-photo {
	position: relative;
	width: 100%;
}

.product-h .product-photo:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.product-h .product-photo .p-inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.product-h .product-photo .p-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-h .product-photo b {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	line-height: 1em;
	padding: 4px 6px;
	font-size: 13px;
	font-weight: 400;
	background-color: #ff1a00;
}

.product-h .product-name {
	padding-top: 2px;
	margin-bottom: 15px;
	width: 100%;
	height: 60px;
	overflow: hidden;
	border-bottom: 1px #ccc solid;
	float: left;
}

.product-h .product-name .disabled {
	pointer-events: none;
}

.product-h .product-name b {
	color: #ff1a00;
}

.product-h .product-name span {
	padding: 3px 0 0;
	width: 100%;
	font-size: 11px;
	line-height: 1.2em;
	display: block;
	float: left;
}


/* 商品詳細 */
#product-d-photo {
	padding: 0 5px;
	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 {
	margin: 0 2%;
	width: 96%;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
	float: left;
}

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

#product-d-name h3 {
	width: 100%;
	font-size: 16px;
	float: left;
}

#product-d-price {
	padding: 14px 0 0 0;
	margin: 0 2%;
	width: 96%;
	text-align: left;
	float: left;
}

#product-d-price #price {
	padding: 5px 10px 0 0;
	font-size: 11px;
	color: #808080;
	float: left;
}

#product-d-price #price b {
	color: #333;
	font-size: 24px;
}

#product-d-price #coment {
	padding-left: 30px;
	width: 186px;
	height: 35px;
	line-height: 35px;
	font-weight: 700;
	/* ボタンカラー */
	color: #fff;
	background-size: 216px 35px;
	background-image: url(/img_2021aw/price-comment.png);
	background-repeat: no-repeat;
	float: left;
}

/* iPhone5用 */
@media screen and (max-width:320px) {
	#product-d-price #coment {
		padding-left: 25px;
		width: 140px;
		height: 27px;
		line-height: 26px;
		font-weight: 700;
		font-size: 12px;
		/* ボタンカラー */
		color: #fff;
		background-size: 165px 27px;
		background-image: url(/img_2021aw/price-comment.png);
		background-repeat: no-repeat;
		float: left;
	}
}

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

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

.product-one {
	width: 100%;
	position: relative;
	overflow: hidden;
	float: left;
}

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

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

.product-one-price {
	width: 100%;
	height: 70px;
	line-height: 70px;
	font-size: 24px;
	font-weight: 600;
	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;
	box-shadow: 39px 0px #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px #ccc solid;
	position: absolute;
	top: 10px;
	left: -30px;
	z-index: 3;
}

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: 10px 1% 50px;
	width: 98%;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	display: block;
	/* ボタンカラー */
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/* メインカラー */
	background-color: var(--main-color);
	float: left;
}

#cart-in2,
#jum-sub {
	margin: 10px 1% 50px;
	width: 98%;
	height: 50px;
	position: relative;
	float: left;
}

#jum-sub {
	margin: 10px 1% 10px;
}

#cart-in2 span,
#jum-sub span {
	width: 100%;
	line-height: 50px;
	font-size: 22px;
	display: block;
	/* ボタンカラー */
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	border: none;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#cart-in2 #shop-soldout {
	width: 100%;
	line-height: 50px;
	font-size: 30px;
	display: block;
	color: #ff1a00;
	font-weight: 500;
	letter-spacing: 0;
	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: 50px;
	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: 10px;
	margin-right: 10px;
	width: 32px;
}

#cart-in2 #cart-icon-svg {
	/* ボタンカラー */
	stroke: #fff;
}

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

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

#product-model-photo img {
	width: 104px;
	height: 104px;
	object-fit: cover;
}

#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: 100%;
	text-align: left;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
	float: left;
}

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

#cart-product li h4 {
	width: 100%;
	font-size: 16px;
	float: left;
}

#cart-product li span {
	width: 100%;
	display: block;
	float: left;
}

#cart-product li select {
	margin-right: 5px;
	width: 35px;
	height: 25px;
	border: 1px #b3b3b3 solid;
}

#cart-product li a {
	padding: 5px 8px;
	color: #fff;
	line-height: 1em;
	background-color: #f00;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
}


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

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

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

#shop-error {
	margin: 5px 0;
	padding: 10px;
	width: 100%;
	background-color: #ff1a00;
	color: #fff;
	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%;
	text-align: center;
	border-bottom: 1px #fff solid;
}

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

#delivery-from input[type="text"],
#delivery-from input[type="tel"],
#delivery-from input[type="email"] {
	margin-bottom: 15px;
	padding: 5px 10px;
	width: 100%;
	height: 38px;
	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;
}

#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: 14px;
	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: 11px;
	color: #b3b3b3;
	display: block;
	float: left;
}

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

#delivery-end {
	padding: 25px 14px;
	width: 100%;
	text-align: left;
	color: #808080;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-top: 9px var(--sub-color) solid;
	float: left;
}

#delivery-end span {
	color: #b3b3b3;
}

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

#order-complete b {
	font-size: 16px;
}

#order-complete a {
	/* メインカラー */
	color: var(--main-color);
}

#order-complete b {}

/* ---------------------------------------------------------------------------------- */
/* [MONA STORE(SHOP)] */
/* ---------------------------------------------------------------------------------- */
#store-title {
	width: 100%;
	height: 50px;
	line-height: 53px;
	color: #000;
	text-align: center;
	/* サブカラー */
	border-bottom: 8px var(--sub-color) solid;
	float: left;
}

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

.store-item-ctitle {
	padding: 0 8px;
	width: 100%;
	height: 70px;
	line-height: 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}

.store-item-ctitle h3 {
	width: 100%;
	height: 70px;
	font-weight: 500;
	line-height: 70px;
	font-size: 18px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.store-item-ctitle a {
	float: right;
	font-size: 14px;
	color: #3d8cd3;
	position: relative;
	z-index: 2;
}

/* アイテム一覧 */
.store-item-list {
	width: 100%;
	border-top: 1px #eae8e8 solid;
	border-left: 1px #eae8e8 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.store-item-list li {
	width: 33.33%;
	border-right: 1px #eae8e8 solid;
	border-bottom: 1px #eae8e8 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}

.store-item-list li .photo {
	width: 100%;
	position: relative;
	float: left;
}

.store-item-list li .p-inner {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.store-item-list li .photo:before {
	content:"";
	display: block;
	padding-top: 118%;
}

.store-item-list li .p-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.store-item-list li .photo .rnk {
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	border: 1px #fff solid;
	display: block;
	font-weight: 400;
	font-size: 12px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 5;
}

.store-item-list li .photo span.slr-1 {
	background-color: #c69c6d;
}

.store-item-list li .photo span.slr-2 {
	background-color: #b3b3b3;
}

.store-item-list li .photo span.slr-3 {
	background-color: #f1b48d;
}

.store-item-list li .photo span.slr-4 {
	color: #a5a5a5;
	background-color: #fff;
	border: 1px #d6d6d6 solid;
}

.store-item-list li .data {
	padding: 4px 5px 0;
	width: 100%;
	height: 55px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.store-item-list li .data a {
	width: 100%;
	height: 30px;
	font-size: 10px;
	line-height: 1.2em;
	color: #000;
/*	overflow: hidden;*/
/*	white-space: nowrap;*/
/*	text-overflow: ellipsis;*/
	
	display: block;
	float: left;
}

.store-item-list li .data .price {
	width: 100%;
	height: 20px;
	font-size: 14px;
	line-height: 1em;
	display: block;
	float: left;
}

/* 全てのアイテムを見る */
.store-all-item-link {
	padding: 25px 0;
	width: 100%;
	text-align: center;
	float: left;
}

.store-all-item-link a {
	margin: 0 auto;
	width: 225px;
	height: 40px;
	display: block;
	color: #3d8cd3;
	font-size: 14px;
	line-height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 1px #3d8cd3 solid;
}

.store-btm {
	width: 100%;
	height: 10px;
	background-color: #f3f3f3;
	border-top: 1px #c4c4c4 solid;
	float: left;
}

#store-sns-btm {
	padding: 50px 0 10px;
	width: 100%;
	text-align: center;
	float: left;
}

#store-sns-btm p {
	padding-bottom: 5px;
	width: 100%;
	float: left;
}

#store-sns-btm a {
	margin: 0 4px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: left;
	text-indent: -200em;
	overflow: hidden;
	background-size: 30px 30px;
}

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

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

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

#store-top-link {
	padding: 45px 0 35px;
	width: 100%;
	text-align: center;
	float: left;
}

#store-top-link a {
	margin: 0 auto;
	padding: 12px 0;
	width: 280px;
	color: #fff;
	line-height: 1em;
	font-size: 16px;
	display: block;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* カテゴリ */
#store-category {
	width: 100%;
	border-top: 1px #dddbdb solid;
	float: left;
}

#store-category h3 {
	width: 100%;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	border-bottom: 1px #dddbdb solid;
	float: left;
}

#store-category ul {
	width: 100%;
	float: left;
}

#store-category li {
	width: 100%;
	border-bottom: 1px #dddbdb solid;
	float: left;
}

#store-category li a {
	padding-left: 25px;
	width: 100%;
	height: 45px;
	text-align: left;
	color: #000;
	line-height: 45px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* 商品ページ */
#store-d-photo {
	width: 100%;
	float: left;
}

#store-d-photo img {
	width: 100%;
}

#shop-item-count {
	width: 80px;
	height: 27px;
	background-image: url(/pc/store/img/shop-item-count.png);
	background-size: 80px 27px;
}

#store-d-data {
	padding: 18px 12px 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-d-data #name,
#store-d-data #price {
	padding-bottom: 18px;
	width: 100%;
	text-align: left;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-d-data #name {
	font-size: 20px;
	color: #666;
}

#store-d-data #price {
	font-size: 26px;
	border-bottom: 1px #dddbdb solid;
}

#store-d-data #price span {
	font-size: 14px;
}

#store-d-model {
	padding: 5px 12px 0 12px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-d-model #icon {
	width: 90px;
	height: 90px;
	border-radius: 45px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	overflow: hidden;
	float: left;
}

#store-d-model #icon img {
	object-fit: cover;
	width: 90px;
	height: 90px;
}

#store-d-model a {
	padding: 15px 0 0 110px;
	width: 100%;
	height: 100px;
	text-align: left;
	color: #000;
	font-size: 14px;
	line-height: 1.2em;
	display: block;
	background-image: url(/img_2021aw/nb-next.png);
	background-size: 20px 20px;
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px #dddbdb solid;
}

#store-d-model a span {
	font-size: 12px;
}


#store-d-coment {
	padding: 15px 12px;
	width: 100%;
	font-size: 14px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-d-size {
	padding: 0 12px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-d-size ul {
	width: 100%;
	border-top: 1px #dddbdb solid;
	float: left;
}

#store-d-size li {
	padding: 18px 10px;
	width: 100%;
	border-bottom: 1px #dddbdb solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-d-size li span,
#store-d-size li a {
	height: 32px;
	line-height: 32px;
	display: block;
}

#store-d-size li span {
	float: left;
	font-size: 12px;
}

#store-d-size li a {
	padding: 0 15px 0 35px;
	color: #fff;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 13px;
	text-align: left;
	background-image: url(/pc/store/img/cart.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 20px 16px;
	float: right;
}

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

.store-c-title img {
	margin-right: 10px;
	width: 25px;
	vertical-align: -8px;
}

.store-c-item {
	padding: 10px 5px;
	width: 100%;
	border-bottom: 1px #dbdbdb solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	float: left;
}

.store-c-item .photo {
	width: 94px;
	height: 100px;
	overflow: hidden;
	display: table-cell;
	vertical-align: top;
}

.store-c-item .photo span {
	width: 84px;
	height: 100px;
	display: block;
}

.store-c-item .photo span img {
	width: 84px;
	height: 100px;
	object-fit: cover;
}

.store-c-item .name {
	font-size: 16px;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}

.store-c-item .name span {
	color: #f00;
}

.store-c-item .count {
	width: 40px;
	display: table-cell;
	vertical-align: middle;
}

.store-c-item .count input[type="text"] {
	margin-bottom: 15px;
	width: 30px;
	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-c-item .count a {
	width: 40px;
	height: 30px;
	color: #fff;
	line-height: 31px;
	font-size: 13px;
	display: block;
	background-color: #ea0a0a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* カートの内容変更 */
#store-c-change {
	padding: 10px 5px;
	width: 100%;
	border-bottom: 1px #dbdbdb solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

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

/* 小計 */
#store-c-subtotal {
	padding: 10px 7px 5px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

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

#store-c-subtotal .text-l {
	text-align: left;
	width: 40%;
}

#store-c-subtotal .price-r {
	text-align: right;
	width: 60%;
}

/* 合計 */
#store-c-alltotal {
	padding: 10px 7px 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px #dbdbdb solid;
	float: left;
}

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

#store-c-alltotal .text-l {
	text-align: left;
	width: 40%;
}

#store-c-alltotal .text-l span {
	font-size: 12px;
}

#store-c-alltotal .price-r {
	text-align: right;
	width: 60%;
}

#store-c-alltotal .price-r span {
	color: #ff1a00;
}

/* 支払い方法選択 */
#store-payment {
	margin: 10px 0 15px;
	padding: 0 12px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#store-payment-inner {
	padding: 15px;
	width: 100%;
	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: 10px;
	width: 100%;
	font-size: 16px;
	line-height: 1em;
	float: left;
}

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

#store-payment-list li {
	padding: 18px 5px;
	width: 100%;
	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 auto 15px;
	width: 280px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	border: 0;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

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



#store-payment-title2 {
	margin-bottom: 10px;
	width: 100%;
	font-size: 16px;
	line-height: 1em;
	text-indent: 15px;
	text-align: left;
	float: left;
}

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

#store-payment-list2 li {
	padding: 10px 15px;
	width: 100%;
	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-radio2 {
	display: none;
}

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

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

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

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

/* 注文するボタン */
#pyment-order2 {
	margin: 0 auto 15px;
	width: 200px;
	height: 30px;
	color: #fff;
	border: 0;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/* ---------------------------------------------------------------------------------- */
/* [MONA STORE 注文手続き] */
/* ---------------------------------------------------------------------------------- */
/* 注文ありがとうございます。 */
#store-tks {
	margin: 10px 0;
	width: 100%;
	font-size: 16px;
	float: left;
}

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

#store-onegai {
	color: #ed0a0a;
}

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

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

#store-error span {
	width: 100%;
	display: block;
	text-align: left;
	float: left;
}

.store-order-t {
	padding: 10px 10px;
	width: 100%;
	line-height: 1em;
	color: #666;
	text-align: left;
	background-color: #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.store-order-t span {
	margin-left: 3px;
	padding: 2px 3px;
	font-size: 11px;
	display: inline-block;
	background-color: #fff;
	color: #f00;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.store-order-c,
#card-settlement {
	padding: 15px 10px 20px;
	width: 100%;
	text-align: left;
	color: #999999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#card-settlement {
	border-top: 1px #e6e6e6 solid;
}

.store-order-c span {
	padding-left: 8px;
	display: block;
}

#card-settlement span {
	width: 100%;
	display: block;
	float: left;
}

#card-settlement span.emey {
	padding-left: 6px;
	width: 23px;
	line-height: 35px;
}

#card-settlement .select-wrap {
	width: 35%;
    position: relative;
    display: inline-block;
    float: left;
}

#card-settlement .select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 5px;
    top: 15px;
    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 select {
	margin-bottom: 10px;
	padding: 0 5px;
	width: 100%;
	height: 35px;
	border: 1px #b3b3b3 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
}


.store-order-c input[type="text"],
#card-settlement input[type="text"],
.store-order-c input[type="email"],
.store-order-c input[type="tel"] {
	margin-bottom: 10px;
	padding: 0 5px;
	width: 100%;
	height: 35px;
	border: 1px #b3b3b3 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
}

/* カード情報登録 */
#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;
	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;
}

.store-order-c #post-code {
	width: 200px;
}

.store-order-c #payment-change-link {
	padding: 5px;
	color: #73aeea;
	display: inline-block;
	border: 1px #73aeea solid;
	background-color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	float: right;
}

#store-order-submit {
	margin: 15px auto 20px;
	width: 280px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 0;
}

a#order-end-shoptop {
	margin: 100px auto 20px;
	padding: 12px 0;
	width: 280px;
	color: #fff;
	line-height: 1em;
	font-size: 16px;
	display: block;
	/* メインカラー */
	background-color: var(--main-color);
	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: 10;
	display: none;
}

#payment-change {
	padding: 10px 0;
	width: 90%;
	height: 240px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translateY(-50%) translateX(-45%);
	-webkit- transform: translateY(-50%) translateX(-45%);
}

#payment-change-close {
	margin-top: 10px;
	width: 100%;
	display: block;
}


/* ---------------------------------------------------------------------------------- */
/* [LINEスタンプ投票] */
/* ---------------------------------------------------------------------------------- */
#line-stamp-hed {
	width: 100%;
	overflow: hidden;
	float: left;
}

#line-stamp-hed img  {
	width: 100%;
	height: auto;
}

.line-stamp-insttext {
	padding: 20px 10px 0;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.line-stamp-insttext img {
	margin: 20px 0 10px;
	width: 73px;
}

.line-stamp-insttext #timelimit {
	padding-bottom: 15px;
	width: 100%;
	display: block;
	color: #f00;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
}

.line-stamp-insttext2 {
	padding: 15px 10px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.line-stamp-insttext2 #houhou {
	width: 80%;
}

.line-stamp-banner {
	width: 100%;
	float: left;
}

.line-stamp-banner img {
	width: 70%;
	height: auto;
}

#line-stamp-add1 {
	padding: 30px 0;
	width: 100%;
	float: left;
}

/* ---------------------------------------------------------------------------------- */
/* [LINEスタンプ グループ一覧] */
/* ---------------------------------------------------------------------------------- */
#group-list {
	margin-bottom: 40px;
	width: 100%;
	float: left;
}

#group-list li {
	width: 50%;
	position: relative;
	float: left;
}

#group-list li:before {
    content:"";
    display: block;
    padding-top: 100%;/* 高さを幅の75%に固定 */
}

#group-list li .lsgo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	overflow: hidden;
}

#group-list li .lsgo a {
	width: 100%;
	height: 100%;
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

#group-list li .lsgo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
}

#group-list li .lsgo .group {
	width: 78px;
	height: 78px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

#group-list li .lsgo .name-no {
	width: 100%;
	height: 51px;
	color: #fff;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	background-image: url(/img/line-stamp-name-no.png);
	background-size: 5px 51px;
}

#group-list li .lsgo .no {
	padding: 15px 0 0 0;
	width: 55px;
	height: 36px;
	font-size: 10px;
	text-align: center;
	float: left;
}

#group-list li .lsgo .no span {
	padding-right: 3px;
	display:inline-block;
	font-size: 36px;
}

#group-list li .lsgo .name {
	padding: 10px 0 0 60px;
	width: 100%;
	height: 51px;
	text-align: left;
	font-size: 11px;
	line-height: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#group-list li .lsgo .name b {
	font-size: 12px;
}

/* ---------------------------------------------------------------------------------- */
/* [LINEスタンプ ランキング] */
/* ---------------------------------------------------------------------------------- */
.line-stamp-ranking-hed {
	width: 100%;
	position: relative;
	float: left;
}

.line-stamp-ranking-hed img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

.line-stamp-ranking-hed a {
	width: 40px;
	height: 60%;
	display: block;
	text-indent: -200em;
	overflow: hidden;
	position: absolute;
	top: 20%;
	z-index: 2;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

.line-stamp-ranking-hed a#next-group {
	background-image: url(/img/next-group.png);
	background-position: left center;
	left: 0;
}

.line-stamp-ranking-hed a#back-group {
	background-image: url(/img/back-group.png);
	background-position: right center;
	right: 0;
}

/* ---------------------------------------------------------------------------------- */
/* [アンケート企画] */
/* ---------------------------------------------------------------------------------- */
#q-box {
	width: 100%;
	background-image: url(../enquete/img/q-box-back.png);
	background-size: contain;
	background-repeat: no-repeat;
	float: left;
}

#q-box img {
	width: 100%;
	float: left;
}

#question-vol {
	padding-top: 10px;
	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: 10px;
	line-height: 9px;
	display: inline-block;
	transform: scale(0.9);
}

#question-vol p {
	display: inline-block;
}

#question-vol strong#main_title {
	font-size: 22px;
	font-weight: 700;
	line-height: 24px;
	/* メインカラー */
	color: var(--main-color);
}

#question-vol strong#main_title:before {
	content: '「';
	font-size: 22px;
	color:#666;
	font-weight: 400;
}

#question-vol strong#main_title:after {
	content: '」';
	font-size: 22px;
	color:#666;
	font-weight: 400;
}

#question-vol span#sub_title {
	font-weight: 700;
}

#question-vol strong span {
	font-size: 19px;
	font-weight: 700;
	/* メインカラー */
	color: var(--main-color);
}

#question-vol img {
	margin: 20px 3% 5px;
	width: 94%;
	float: left;
}

.qa-list {
	padding: 35px 20px 25px;
	width: 100%;
	background-image: url(/enquete/img/q-box-gura.png);
	background-size: 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.qa-list li {
	margin-bottom: 16px;
	padding: 0 14px 24px;
	width: 100%;
	text-align: left;
	background-color: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.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: 5px;
	width: 48px;
	height: 48px;
	color: #fff;
	font-size: 12px;
	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: 24px;
	font-weight: 700;
}

.qa-list li .q-title {
	padding: 0 0 0 54px;
	width: 100%;
	height: 50px;
	line-height: 1.2em;
	font-size: 15px;
	-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 0 0 54px;
	width: 100%;
	font-size: 11px;
	line-height: 1.3em;
	color: #000;
	border-top: 1px #f7f3f0 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* 回答 */
.qa-list li .a-no {
	width: 42px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
}

.qa-list li .a-title {
	padding: 16px 0 14px 30px;
	width: 100%;
	line-height: 1.2em;
	color: #3c2f28;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(/img_2021aw/a-no.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 26px;
	float: left;
}

.qa-list li .a-date {
	padding: 15px 0 0 10px;
	width: 100%;
	font-size: 11px;
	line-height: 1.3em;
	color: #000;
	border-top: 1px #f7f3f0 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.qa-list li .a-date .comment {
	margin: 0 0 0 -10px;
	padding: 0 0 25px 28px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.4em;
	background-image: url(/img_2021aw/cmaru.png);/* カラーチェンジG */
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 0 0;
	float: left;
}

.qa-list li .a-date .bar-graph {
	padding: 2px 0;
	width: 100%;
	display: table;
	table-layout: fixed;
	float: left;
}

.qa-list li .a-date .bar-graph div {
	display: table-cell;
}

.qa-list li .bar-graph .no {
	padding-right: 5px;
	width: 35px;
	text-align: right;
}

.qa-list li .bar-graph .name {}
.qa-list li .bar-graph .name2 {}

#a-list li .bar-graph .bar {
	width: 70px;
}

.qa-list li .bar-graph .bar span {
	display: block;
	height: 8px;
	/* メインカラー */
	background-color: var(--main-color);
}

.qa-list li .bar-graph .count {
	width: 15px;
	text-align: center;
}

.engura {
	width: 200px;
	height: 200px;
}

.a-ranking {
	padding: 0 0 15px 0;
	width: 100%;
	font-size: 11px;
	float: left;
}

.a-ranking b,
.a-ranking span {
	font-size: 12px;
	/* メインカラー */
	color: var(--main-color);
	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: 12px;
	color: #808080;
	float: left;
}

.interview-title h1 {
	width: 100%;
	display: block;
	font-size: 20px;
	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: 12px;
	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: 12px;
	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: 66px;
	height: 66px;
	overflow: hidden;
	border-radius: 33px;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border: 1px #f0f0f0 solid;
	background-color: #fff;
	background-image: url(/img_2021aw/vc-user.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 43px 66px;
}

.interview-talk .icon img {
	object-fit: cover;
	width: 66px;
	height: 66px;
}

.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: 87px;
}

.interview-talk.r .talk {
	padding-right: 87px;
}

.interview-talk.l .talk b,
.interview-talk.r .talk b {
	padding: 0 5px;
	width: 100%;
	display: block;
	-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;
	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: 16px;
	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: 16px;
	font-weight: 700;
	line-height: 1.4em;
}

.interview-title h3 {
	padding-bottom: 8px;
	font-size: 16px;
	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: 15px;
	padding: 0 0 15px;
	width: 100%;
	text-align: center;
	line-height: 1em;
	font-weight: 700;
	float: left;
}

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

/* ---------------------------------------------------------------------------------- */
/* [WEBドラマ タカラモノ] */
/* [舞台 タカラモノ] */
/* [舞台 神様からの贈り物] */
/* [映画 ダメ女の法則] */
/* ---------------------------------------------------------------------------------- */
#contents-hed,
#drama-hed {
	width: 100%;
	float: left;
}

#contents-hed img,
#drama-hed img {
	width: 100%;
	height: auto;
}

#contents-menu,
#drama-menu {
	margin-bottom: 20px;
	width: 100%;
	/* メインカラー */
	border-top: 1px var(--main-color) solid;
	float: left;
}

#contents-menu li,
#drama-menu li {
	width: 100%;
	float: left;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
}

#contents-menu li a,
#drama-menu li a,
#contents-menu li b,
#drama-menu li b {
	padding: 17px 0;
	width: 100%;
	line-height: 1em;
	font-size: 15px;
	display: block;
}

#contents-menu li a,
#drama-menu li a {
	color: #333;
}

#contents-menu li b,
#drama-menu li b {
	color: #999;
	font-weight: 500;
}

#contents-insta,
#drama-insta {
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
	float: left;
}

#contents-insta img,
#drama-insta img {
	margin: 0 auto 15px;
	width: 75%;
	max-width: 710px;
}

#contents-copy,
#drama-copy {
	width: 100%;
	float: left;
}

#geki_kokuti {
	padding: 8px 5px;
	margin-top: -10px;
	width: 100%;
	font-size: 14px;
	text-align: center;
	color: #111;
	/* サブカラー */
	background-color: var(--sub-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#geki_kokuti span {
	padding-top: 3px;
	display: inline-block;
	font-size: 15px;
}

/* 予告画像 */
#yokoku {
	width: 100%;
	color: #fff;
	background-color: #111;
	text-align: center;
	overflow: hidden;
	float: left;
}

#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%;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow: hidden;
	float: left;
}

/* ドラマ話数タイトル */
.dirama-movie-title {
	margin-bottom: 10px;
	width: 100%;
	height: 35px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	background-image: url(/drama/img/dirama-movie-title.png);
	background-size: contain;
	float: left;
}

#drama-live {
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

#youtube {
	padding-top: 30px;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
	float: left;
}

.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;
	text-align: center;
	/* メインカラー */
	background-color: var(--main-color);
	float: left;
}

#drama-title {
	margin: 0 2% 10px;
	width: 96%;
	height: 50px;
	line-height: 55px;
	display: block;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	/* メインカラー */
	border-bottom: 2px var(--main-color) solid;
	float: left;
}

#cast-interview-nb {
	width: 100%;
	background-color: #f9f9f9;
	border-top: 1px #ccc solid;/* メインカラー */
	float: left;
}

#cast-interview-nb li {
	padding: 2px 0;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cast-interview-nb li#next {
	text-align: right;
	float: right;
}

#cast-interview-nb li#back {
	text-align: left;
	float: left;
}

#cast-interview-nb li a {
	padding: 0 10px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #333;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#cast-interview-nb li#next a {
	border-left: 1px #ddd solid;
}

#cast-tab,
#cast-tab-b {
	margin: 10px 1% 15px;
	width: 98%;
	height: 36px;
	text-align: center;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
	float: left;
}

#sub-cast {
	padding: 0 0 10px;
	width: 100%;
	float: left;
}

#sub-cast span {
	display: inline-block;
	padding: 0 20px;
	font-size: 16px;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
}

#cast-tab li {
	margin: 0 1%;
	height: 36px;
	float: left;
}

#cast-tab li a {
	padding: 0 10px;
	height: 36px;
	line-height: 40px;
	display: inline-block;
	font-size: 11px;
	color: #333;
	font-weight: 500;
}

#cast-tab-b li {
	height: 36px;
	float: left;
}

#cast-tab-b li a {
	padding: 0 12px;
	height: 36px;
	line-height: 40px;
	display: inline-block;
	font-size: 14px;
	color: #333;
	font-weight: 500;
}

/* iPhone6 Plus */
@media screen and (max-width: 414px){
	#cast-tab-b li a {
		padding: 0 14px;
		font-size: 15px;
	}
}

/* iPhone6 */
@media screen and (max-width: 375px){
	#cast-tab-b li a {
		padding: 0 12px;
		font-size: 14px;
	}
}

/* iPhone5 */
@media screen and (max-width: 320px){
	#cast-tab-b li a {
		padding: 0 6px;
		font-size: 13px;
	}
}


#cast-tab li a#on,
#cast-tab-b li a#on {
	/* メインカラー */
	background-color: var(--main-color);
	color: #fff;
}

/* ストーリー */
#drama-story {
	margin-bottom: 10px;
	padding: 10px 15px 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#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: 30px;
	width: 100%;
	float: left;
}

#drama-cast li {
	padding: 7px 10px;
	width: 100%;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#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 .cast-photo {
	width: 104px;
	min-height: 130px;
	overflow: hidden;
	background-color: #ccc;
	float: left;
}

#drama-cast li .cast-photo img {
	width: 104px;
	height: 130px;
	object-fit: cover;
}

#drama-cast li .cast-data {
	padding: 10px 0 0 115px;
	width: 100%;
	min-height: 115px;
	text-align: left;
	line-height: 1.4em;
	font-size: 13px;
	-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: 18px;
	font-weight: 700;
}

#drama-cast li .cast-data b {
	color: #666;
}

#drama-cast li .cast-data span {
	font-size: 12px;
	line-height: 1.3em;
	letter-spacing: -.03em;
	display: inline-block;
}

.crowd_funding_link {
	padding: 4px 0;
	width: 100%;
	text-align: left;
	float: left;
}

.crowd_funding_link img {
	margin: 6px 5px 0 0;
	width: 94px;
	float: left;
}

.crowd_funding_link a {
	padding: 7px 10px;
	margin: 4px 8px 4px 0;
	font-size: 13px;
	color: #fff;
	display: inline-block;
	line-height: 1em;
	text-align: center;
	background-color: #ffba00;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	float: left;
}

@media screen and (max-width: 320px) {
	.crowd_funding_link a {
		padding: 7px 10px;
		margin: 4px 5px 4px 0;
		font-size: 13px;
		color: #fff;
		display: inline-block;
		line-height: 1em;
		text-align: center;
		background-color: #ffba00;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		float: left;
	}
}


#cast-intervew-text {
	padding: 0 10px 40px;
	width: 100%;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.cast-intervew-text {
	padding: 0 12px 30px;
	width: 100%;
	font-size: 13px;
	color: #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.cast-intervew-text b {
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

#cast-links {
	width: 100%;
	text-align: center;
	float: left;
}

#cast-links a {
	margin: 0 auto 25px;
	padding: 8px 0;
	width: 260px;
	text-align: center;
	color: #111;
	display: block;
	border: 1px #ccc solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* スタッフ */
#staff-list {
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	float: left;
}

#staff-list b {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	line-height: 1.4em;
}

/* ギャラリー */
#drama-photo-m {
	width: 100%;
	height: 100px;
	background-color: #333;
	float: left;
}

#drama-photo-s {
	width: 100%;
	float: left;
}

#drama-photo-s li {
	width: 33%;
	height: 40px;
	overflow: hidden;
	float: left;
}

/* テーマソング */
#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;
}

#schedule-list {
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	float: left;
}

#schedule-list b {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	line-height: 1.4em;
}

#schedule-list .character-title {
	color: #bc140c;
	font-weight: 700;
}

.sch-base {
	padding: 8px 0;
	margin: 0 2% 15px;
	width: 96%;
	font-size: 18px;
	line-height: 1em;
	display: block;
	text-align: center;
	/* サブカラー */
	background-color: var(--sub-color);
}

.sch-ticket-link {
	margin: 0 5% 35px;
	width: 90%;
	height: 40px;
	line-height: 40px;
	display: block;
	border: 0;
	color: #fff;
	font-size: 16px;
	border: 1px #ffc8d2 solid;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

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

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

#apology-title {
	width: 100%;
	height: 50px;
	line-height: 60px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	float: left;
	/* サブカラー */
	background-color: var(--sub-color);
}

#apology-text {
	padding: 10px 10px 20px;
	width: 100%;
	text-align: left;
	font-size: 15px;
	line-height: 1.6em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#apology-text img {
	width: 100%;
}

#apology-text span {
	display: block;
	text-align: right;
}

/* ---------------------------------------------------------------------------------- */
/* [ダメ女] */
/* ---------------------------------------------------------------------------------- */
#damejyo-hed {
	width: 100%;
	float: left;
}

#damejyo-hed img {
	width: 100%;
}

#damejyo-yokoku {
	padding: 10px 0;
	width: 100%;
	font-size: 18px;
	line-height: 1.3em;
	color: #fff;
	/* メインカラー */
	background-color: var(--main-color);
	float: left;
}

#damejyo-menu {
	margin-bottom: 25px;
	width: 100%;
	position: relative;
	z-index: 1;
	float: left;
}

#damejyo-menu li.full,
#damejyo-menu li.href,
#damejyo-menu li.third {
	padding: 4px 0;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
	float: left;
}

#damejyo-menu li.full {
	width: 100%;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
}

#damejyo-menu li.href {
	width: 50%;
}

#damejyo-menu li.third {
	width: 33%;
}

#damejyo-menu li a {
	padding: 6px 0 4px;
	width: 100%;
	line-height: 1.3em;
	font-size: 16px;
	/* メインカラー */
	color: var(--main-color);
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#damejyo-menu li:nth-child(1) a,
#damejyo-menu li:nth-child(3) a {
	/* メインカラー */
	border-right: 1px var(--main-color) solid;
}

#d-title,
#damejyo-info-title,
#damejyo-preview-title,
#damejyo-story-title,
#damejyo-cast-title,
#damejyo-staff-title,
#damejyo-music-title {
	padding: 12px 5px 10px;
	margin: 0 2% 10px;
	width: 96%;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3em;
	text-align: center;
	/* メインカラー */
	border-top: 1px var(--main-color) solid;
	/* メインカラー */
	border-bottom: 1px var(--main-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	float: left;
}

#gfg {
	width: 100%;
	height: 1px;
	margin-top : -105px;
	padding-top : 105px;
	float: left;
}

#damejyo-info-title {
	/* メインカラー */
	color: var(--main-color);
}

#damejyo-preview,
#damejyo-music {
	margin-bottom: 10px;
	padding: 10px 15px 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#damejyo-info-text,
#damejyo-off-text {
	margin-bottom: 10px;
	padding: 15px 15px 20px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#damejyo-preview b,
#damejyo-info-text b,
#damejyo-music b {
	font-size: 17px;
	font-weight: 500;
}

#damejyo-info-text a,
#damejyo-preview a {
	margin: 0 auto;
	padding: 12px 0;
	width: 220px;
	line-height: 1em;
	color: #fff;
	font-size: 15px;
	display: block;
	text-align: center;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#damejyo-music img {
	margin: 0 auto 3px;
	max-width: 100%;
}

#damejyo-music a {
	margin: 0 auto;
	padding: 12px 0;
	width: 220px;
	line-height: 1em;
	color: #fff;
	font-size: 15px;
	display: block;
	text-align: center;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#damejyo-story {
	margin-bottom: 10px;
	padding: 10px 15px 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#damejyo-cast-b {
	padding-bottom: 35px;
	width: 100%;
	float: left;
}

#damejyo-cast-b li {
	padding: 3px;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#damejyo-cast-b li a img {
	width: 100%;
	float: left;
}

#damejyo-cast-b li span {
	width: 100%;
	padding: 3px 0 5px;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	display: block;
	float: left;
}

#damejyo-list {
	margin-bottom: 30px;
	padding-top: 10px;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	float: left;
}

#damejyo-list b {
	font-size: 24px;
	font-weight: 500;
	color: #333;
	line-height: 1.4em;
}

#damejyo-toppage {
	margin-bottom: 60px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #333;
	display: block;
	border-top: 1px #ccc solid;/* メインカラー */
	border-bottom: 1px #ccc solid;/* メインカラー */
	float: left;
}

/* ---------------------------------------------------------------------------------- */
/* [タカラモノ映画試写会] */
/* ---------------------------------------------------------------------------------- */
#movie-hed {
	width: 100%;
	float: left;
}

#movie-hed img {
	width: 100%;
	height: auto;
}

#movie-wall {
	padding: 0 5px 30px;
	width: 100%;
	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;
	float: left;
}

#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;
	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;
	float: left;
}

.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;
	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;
	float: left;
}

.movie-contents-one,
.movie-contents-one2 {
	margin-top: -10px;
	padding: 15px 5px 25px;
	width: 100%;
	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;
	float: left;
}

.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%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

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;
	-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;
	float: left;
}

#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%;
	border-bottom: 1px #f2f2f2 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.mcontents3 .photo {
	width: 104px;
	height: 130px;
	overflow: hidden;
	background-color: #ccc;
	float: left;
}

.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%;
	text-align: center;
	float: left;
}

#drama-link img {
	margin: 0 auto;
	width: 100%;
	max-width: 735px;
}

#movie-insta {
	padding: 10px 5px 50px;
	width: 100%;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#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;
}

/* 試写会申し込みフォーム */
#drama-movie-form {
	padding: 0 10px 40px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#dme {
	margin-top: -60px;
	padding-top: 60px;
	width: 100%;
	height: 10px;
	float: left;
}

/* エラー */
#drama-movie-error {
	margin: 0 0 20px;
	padding: 0 2px 0;
	width: 100%;
	color: #fff;
	background-color: #f00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#drama-movie-error h3 {
	padding: 3px 0;
	width: 100%;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px #fff solid;
	float: left;
}

#drama-movie-error p {
	width: 100%;
	padding: 3px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* 注意事項 */
#drama-movie-notes {
	margin-bottom: 20px;
	width: 100%;
	font-size: 11px;
	line-height: 1.3em;
	text-align: left;
	float: left;
}

#drama-movie-kakunin h2,
#drama-movie-form h2 {
	margin: 15px 0 20px;
	width: 100%;
	font-size: 16px;
	text-align: center;
}

#drama-movie-form b {
	padding-left: 5px;
	font-size: 16px;
	font-weight: 400;
}

#drama-movie-form span {
	margin-left: 5px;
	color: #f00;
}

#drama-movie-form input[type="text"],
#drama-movie-form input[type="tel"],
#drama-movie-form input[type="email"],
#drama-movie-form input[type="number"],
#drama-movie-form textarea {
	padding: 5px;
	border: 1px #666 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:6px;
	font-size: 16px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#drama-movie-form #inpt {
	width: 50px;
	height: 40px;
}

#drama-movie-form #inpt2 {
	margin-bottom: 10px;
	width: 50px;
	height: 40px;
}

#drama-movie-form #inpt3 {
	margin-bottom: 25px;
	width: 50px;
	height: 40px;
}

#drama-movie-form .inpt {
	margin-bottom: 25px;
	width: 100%;
	height: 40px;
}

#drama-movie-form textarea {
	margin-bottom: 25px;
	width: 100%;
	height: 150px;
}

#drama-movie-kakunin #sub,
#drama-movie-form #sub {
	margin-bottom: 25px;
	width: 100%;
	height: 50px;
	display: block;
	border: 0;
	color: #fff;
	font-size: 16px;
	border: 1px #ffc8d2 solid;
	background-color: #ff6496;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#drama-movie-kakunin #resub {
	margin: 0 10% 25px;
	width: 80%;
	height: 50px;
	display: block;
	border: 0;
	color: #fff;
	font-size: 16px;
	border: 1px #ffc8d2 solid;
	background-color: #f7aac7;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

/* チケット申し込み内容確認 */
#drama-movie-kakunin {
	padding: 0 10px 40px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#drama-movie-kakunin dt {
	width: 100%;
	float: left;
}

#drama-movie-kakunin dd {
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 100%;
	font-weight: 700;
	border-bottom: 1px #ccc solid;
	float: left;
}

/* チケット申し込み完了 */
#drama-movie-end {
	padding: 150px 10px 40px;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/* ---------------------------------------------------------------------------------- */
/* [カフェ企画] */
/* ---------------------------------------------------------------------------------- */
.topic_list_cafe {
	width: 100%;
	display: table;
	float: left;
}

.topic_list_cafe li {
	width: 50%;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	border-left: 1px var(--sub-color) solid;
	/* サブカラー */
	border-right: 1px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 10px var(--sub-color) solid;
	float: left;
}

.topic_list_cafe li:first-child {
	width: 100%;
	border-left: 0;
	border-right: 0;
}

.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: 35%;
	max-width: 300px;
	position: absolute;
	bottom: 40px;
	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;
	padding: 2px 4px;
	line-height: 1em;
	background-color:rgba(105,255,71,0.8);
	display: inline-block;
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}

.topic_list_cafe li .thumbnail_cw,
.topic_list_cafe li .thumbnail {
	position: relative;
	overflow: hidden;
	background-color: #dcdcdc;
}

.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,
.topic_list_cafe li .thumbnail img.thumbnail_a {
	object-fit: cover;
}

.topic_list_cafe li #cafe_top {
	padding-top: 72px;
	width: 100%;
	height: 53px;
/*	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: 8px;
	margin-top: -35px;
	color: #fff;
	font-size: 17px;
	line-height: 1.2em;
	text-shadow:2px 2px 2px #666666;
}

.topic_list_cafe li div.title {
	padding: 4px 8px;
	width: 100%;
	height: 70px;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: 700;
	text-align: left;
/*	overflow: hidden;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.topic_list_cafe li #title span {
	font-size: 10px;
}

.topic_list_cafe li .fav {
	width: 100%;
	height: 30px;
	position: relative;
	overflow: hidden;
	float: left;
}

.topic_list_cafe li:first-child .fav-count {
	color: #fff;
	background: none;
}

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

.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: 80px;
	height: 80px;
	bottom: -22px;
	right: -30px;
	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;
}

#dounload-clip {
	padding: 0 10px 10px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#dounload-clip b {
	font-size: 16px;
}

#dounload-clip #setumei-img {
	width: 100%;
	text-align: center;
}

#dounload-clip #setumei-img img {
	margin: 0 auto;
	width: 300px;
}

#dounload-clip2 {
	padding: 0 10px 10px;
	width: 100%;
	font-size: 12px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#dounload-clip2 b {
	font-size: 14px;
}

/* ---------------------------------------------------------------------------------- */
/* [エントリー / 広告掲載] */
/* ---------------------------------------------------------------------------------- */
.entry-coment {
	padding: 25px 0 23px;
	width: 100%;
	color: #000;
	float: left;
}

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

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

.entry-coment a {
	margin: 10px 0 0 0;
	padding: 15px 30px;
	background-color: #666;
	color: #fff;
	line-height: 1em;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#requirements {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}

#requirements h3 {
	margin-bottom: 5px;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	line-height: 1em;
	font-size: 16px;
	font-weight: 500;
	background-color: #f0f0f0;
	float: left;
}

#requirements dl {
	padding: 0 18px 0;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#requirements dt {
	width: 100%;
	font-weight: 700;
	float: left;
}

#requirements dd {
	padding: 0 0 10px 0;
	width: 100%;
	line-height: 1.6em;
	border-bottom: 1px #ccc solid;
	float: left;
}

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

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

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

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

.entry-form input[type="text"],
.entry-form input[type="tel"],
.entry-form input[type="email"] {
	margin: 0 1% 15px;
	padding: 0 5px;
	height: 40px;
	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;
	float: left;
}

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

#form-line {
	margin-bottom: 10px;
	width: 100%;
	height: 1px;
	background-color: #999;
	float: left;
}

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

.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: 80%;
	height: 38px;
	font-weight: bold;
	color: #b3b3b3;
	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;
	float: left;
}

.entry-form select.size1 {
	margin-right: 5px;
	width: 40%;
}

.entry-form select.size2 {
	margin-right: 5px;
	width: 25%;
}

.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;
	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;
}

#fmagas {
	padding-bottom: 10px;
	width: 100%;
	color: #ff1a00;
	font-weight: bold;
	line-height: 1em;
	font-size: 14px;
	text-align: left;
	float: 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;
    background: #e2e2e2;
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #ffffff),
        color-stop(1.00, #e2e2e2)
    );
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #e2e2e2 100%
    );
}

#fmagas input[type="checkbox"]:checked {
    background: #99cc00;
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #99cc00),
        color-stop(1.00, #87b400)
    );
    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: #fff;
    -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: #fff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

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

.entry-form .f-sub,
.register-kakunin .f-sub {
	width: 100%;
	height: 45px;
	/* ボタンカラー */
	color: #fff;
	font-size: 15px;
	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: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

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

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

.entry-error p {
	padding: 3px 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 1em;
	float: left;
}

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

.entry-form-check b {
	margin-bottom: 5px;
	padding-left: 5px;
	width: 100%;
	display: block;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 3px #666 solid;
	float: left;
}

.entry-form-check span {
	margin-bottom: 20px;
	padding: 2px 5px;
	width: 100%;
	display: block;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px #f0f0f0 solid;
	float: left;
}

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

.entry-form-check .f-sub-back {
	margin: 0 15% 10px;
	width: 70%;
	height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	border: 1px #999 solid;
	background-color: #999;
	-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-check .f-sub {
	margin-bottom: 10px;
	width: 100%;
	height: 40px;
	/* ボタンカラー */
	color: #fff;
	font-size: 14px;
	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: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.entry-thanks {
	padding: 25px 20px 23px;
	width: 100%;
	color: #111;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.entry-thanks b {
	margin-bottom: 20px;
	width: 100%;
	display: block;
	text-align: center;
	float: left;
}

.entry-thanks span {
	width: 100%;
	display: block;
	text-align: left;
	float: left;
}

/* ---------------------------------------------------------------------------------- */
/* [会員登録] */
/* ---------------------------------------------------------------------------------- */
#register-image {
	width: 100%;
	text-align: center;
	float: left;
}

#register-image img {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	height: auto;
}

#register-text {
	padding: 20px 18px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#register-text-come {
	padding: 20px 0;
	width: 100%;
	font-size: 13px;
	float: left;
}

.register-kakunin {
	padding: 0 20px 20px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#register-stitle {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	float: left;
}

.register-kakunin dl {
	width: 100%;
	float: left;
}

.register-kakunin dt,
.register-kakunin dd {
	width: 100%;
	font-weight: 700;
	float: left;
}

.register-kakunin dt {
	padding-bottom: 4px;
	color: #b3b3b3;
}

.register-kakunin dd {
	padding-bottom: 20px;
}

#register-end {
	padding: 10px 20px 0;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#register-end a#login {
	margin: 0 10%;
	width: 80%;
	height: 38px;
	color: #fff;
	font-weight: 700;
	line-height: 38px;
	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;
}

/* ---------------------------------------------------------------------------------- */
/* [マイページ] */
/* ---------------------------------------------------------------------------------- */
#bg-body {
	/* メインカラー */
	background-color: var(--main-color);
}

#mypage-hed-image {
	width: 100%;
	position: relative;
	z-index: 0;
	float: left;
}

#mypage-hed-image img#fullimg {
	width: 100%;
	height: auto;
}

#mypage-hed-image img#hrefimg {
	width: 50%;
	height: auto;
}

#mypage-hed {
	margin-top: -52px;
	padding: 0 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: 112px;
	height: 104px;
	position: relative;
}

#mypage-hed #photo-box span {
	width: 104px;
	height: 104px;
	display: block;
	overflow: hidden;
	border-radius: 52px;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	background-color: #fff;
	border: 1px #f0f0f0 solid;
	position: relative;
	z-index: 1;
}

#mypage-hed #photo-box span img {
	width: 104px;
	height: 104px;
	object-fit: cover;
}

#mypage-hed #photo-box input[type="file"] {
	width: 34px;
	height: 34px;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border: 1px #d1888d solid;
	background-image: url(/mypage/img/up.png);
	background-position: center center;
	background-size: 16px 12px;
	background-repeat: no-repeat;
	background-color: #fff;
	text-indent: -200em;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	right: 2px;
	bottom: 2px;
}

#mypage-hed #nickname {
	width: 100%;
	font-size: 18px;
	font-weight: 700;
}

#mypage-hed #nickname img {
	width: 17px;
}

#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: 42px;
	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;
}

#mypage-hed #status .percent {
	width: 25px;
	font-size: 10px;
	line-height: 11px;
	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-right: 2px;
	padding: 17px 2px 0 0;
	float: left;
}

#mypage-hed #status #heart img {
	height: 16px;
	float: left;
}

#mypage-hed #status #over-heart {
	margin-top: 16px;
	padding: 0 11px;
	min-width: 20px;
	height: 16px;
	line-height: 16px;
	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: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	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-bottom: 10px;
	width: 100%;
	font-weight: 700;
	line-height: 1.4em;
	font-size: 13px;
	color: #999;
}

#mypage-hed #point span {
	color: #333;
}

#mypage-hed #tools {
	padding: 10px 10px 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#mypage-hed #tools ul {
	width: 100%;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	float: left;
}

#mypage-hed #tools li {
	padding: 13px 0;
	width: 33.3%;
	color: #999999;
	font-weight: 700;
	text-align: center;
	line-height: 1.4em;
	font-size: 13px;
	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;
	float: left;
}

#mypage-mission #title {
	margin-bottom: 15px;
	color: #b3b3b3;
	font-size: 12px;
}

#mypage-mission #mymission-chk {
	margin: 0 auto;
	display: inline-block;
	text-align: left;
	font-weight: 700;
}

#mypage-mission #mymission-chk b,
#mypage-mission #mymission-chk span {
	padding-left: 20px;
	padding-bottom: 3px;
	display: block;
	-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;
}

#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: 25px 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: 15px;
	margin-bottom: 20px;
	font-weight: 700;
	width: 100%;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	float: left;
}

#mypage-more-link {
	padding: 30px 0;
	width: 100%;
	float: left;
}

#mypage-more-link a {
	padding: 3px 0;
	color: #333;
	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;
/*	line-height: 1.1em;*/
	float: left;
}

#mypage-infomation li a {
	padding: 5px 0;
	color: #333;
	font-weight: 700;
	line-height: 1.4em;
}

#mypage-infomation li a span {
	color: #b3b3b3;
	font-size: 13px;
}

#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;
}


#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-infomation-detail .article-body a {
	/* メインカラー */
	color: var(--main-color);
}

/* ハートのプレゼント / MONAモデルクイズ */
#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;
	float: left;
}

#mypage-heart-list li a,
#mypage-quiz-list li a {
	width: 100%;
	color: #333;
	display: inline-block;
}

#mypage-heart-list li .photo,
#mypage-quiz-list li .photo {
	width: 26px;
	height: 26px;
	overflow: hidden;
	background-color: #fff;
	float: left;
}

#mypage-heart-list li .photo img,
#mypage-quiz-list li .photo img,
#mypage-heart-list li .photo svg,
#mypage-quiz-list li .photo svg {
	width: 26px;
	height: 26px;
	object-fit: cover;
	fill: var(--main-color);
}

#mypage-heart-list li .re-heart {
	width: 20px;
	height: 18px;
	background-image: url(/mypage/img/heart-on.png);
	background-size: 20px 18px;
	background-repeat: no-repeat;
	position: absolute;
	top: 6px;
	left: 50px;
}

#mypage-heart-list li .massege,
#mypage-quiz-list li .massege {
	padding: 0 0 0 40px;
	width: 100%;
	text-align: left;
	line-height: 1.2em;
	-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-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: 104px;
	height: 104px;
	display: block;
	overflow: hidden;
	border-radius: 52px;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	background-color: #fff;
	border: 1px #f0f0f0 solid;
	position: relative;
	z-index: 1;
}

#quiz-model-icon span img {
	width: 104px;
	height: 104px;
	object-fit: cover;
}

#quiz-model-name {
	margin-bottom: 25px;
	width: 100%;
	color: #000;
	font-weight: 700;
	float: left;
}

#quiz-question {
	margin-bottom: 35px;
	width: 100%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3em;
/*	color: #111;*/
	float: left;
}

#quiz-hint {
	width: 100%;
	height: 50px;
	/* サブカラー */
	border-top: 1px var(--sub-color) solid;
	/* サブカラー */
	border-bottom: 1px var(--sub-color) solid;
	float: left;
}

#quiz-hint li {
	height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#quiz-hint li:first-child {
	padding-left: 10px;
	color: #808080;
	font-size: 10px;
	line-height: 50px;
}

#quiz-hint li:nth-child(2),
#quiz-hint li:nth-child(3),
#quiz-hint li:nth-child(4) {
	padding-top: 10px;
	width: 52px;
	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: 16px;
}

#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);
}

#mypage-quiz-b {
	padding: 0 10px 30px;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#quiz-answer {
	margin-bottom: 22px;
	width: 100%;
	float: left;
}

#quiz-answer span {
	margin-bottom: 10px;
	width: 100%;
	color: #333;
	display: block;
	float: left;
}

#quiz-answer b {
	margin: 8px 0 5px;
	width: 100%;
	color: #f20c23;
	display: block;
	float: left;
}

.quiz-radio {
	display: none;
}

.quiz-radio + label {
	padding: 10px 0 10px 30px;
	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: 5px 12px;
	-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: 15px 10% 5px;
	width: 80%;
	height: 40px;
	/* ボタンカラー */
	color: #fff;
	font-size: 16px;
	border: none;
	/* メインカラー */
	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: 3px;
	display: block;
	font-weight: 500;
	-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);
}

#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 .push-pop-close {
	width: 40px;
	height: 40px;
	display: block;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	position: fixed;
	z-index: 1001;
	right: 10px;
	top: 10px;
}

#quiz-pop #quiz-pop-inner {
	margin: -112px 0 0 -135px;
	width: 270px;
	height: 224px;
	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-top: 42px;
	width: 100%;
	font-size: 16px;
	color: #1a1a1a;
	float: left;
}

#quiz-pop #quiz-pop-inner #image {
	padding-top: 35px;
	margin: 0 0 0 95px;
	text-align: right;
	width: 80px;
	height: 35px;
	background-image: url(/mypage/img/quiz-heart.png);
	background-size: 46px 40px;
	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: 100%;
	float: left;
}

#mypage-support-girl-list li {
	padding: 0 1px;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#mypage-support-girl-list li a {
	color: #333;
}

#mypage-support-girl-list li .photo {
	width: 100%;
	position: relative;
}

#mypage-support-girl-list li .photo:before {
	content:"";
	display: block;
	padding-top: 100%;
}

#mypage-support-girl-list li .photo .inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #ccc;
	overflow: hidden;
}

#mypage-support-girl-list li .photo .inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#mypage-support-girl-list li .data {
	padding: 5px 2px 0;
	width: 100%;
	height: 55px;
	font-size: 11px;
	line-height: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* マイページ ランキングタブ */
.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-weight: 700;
}

#mypage-member-ranking .nomber {
	width: 40px;
}

#mypage-member-ranking .photo {
	width: 65px;
}

#mypage-member-ranking .photo span {
	width: 52px;
	height: 52px;
	display: block;
	overflow: hidden;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border: 1px #ccc solid;
	background-color: #fff;
}

#mypage-member-ranking .photo span img {
	width: 52px;
	height: 52px;
	object-fit: cover;
}

#mypage-member-ranking .point {
	padding-right: 5px;
	width: 75px;
	text-align: right;
}

#mypage-member-ranking .name {
	text-align: left;
}

/* パスワードを忘れた方 / マイページログイン */
#forgot-login,
#mypage-login {
	width: 100%;
	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:before,
#mypage-login:before {
	content:"";
	display: block;
	padding-top: 93%;
}

#forgot-login #login-form,
#mypage-login #login-form {
	padding: 0 55px 0;
	width: 100%;
	height: 160px;
	-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"] {
	width: 100%;
	height: 35px;
	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 #fff 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);
}

#forgot-login input::-webkit-input-placeholder,
#mypage-login input::-webkit-input-placeholder {
	color: #111;
	font-weight: 700;
}

#forgot-login input::-moz-placeholder,
#mypage-login input::-moz-placeholder {
	color: #111;
	font-weight: 700;
}

#mypage-login-menu {
	width: 100%;
	float: left;
}

#mypage-login-menu li {
	padding: 15px 0 0;
	width: 100%;
	float: left;
}

#mypage-login-menu li a {
	padding: 5px 0;
	width: 100%;
	/* ボタンカラー */
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	display: block;
}

/* マイページメニュー */
#mypage-menu ul {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}

#mypage-menu li {
	width: 100%;
	text-align: left;
	border-bottom: 1px #f2f2f2 solid;
	float: left;
}

#mypage-menu li a {
	padding: 0 15px;
	width: 100%;
	height: 40px;
	color: #333;
	line-height: 40px;
	font-weight: 500;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#mypage-menu li a::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	/* メインカラー */
	border-top: solid 2px var(--main-color);
	/* メインカラー */
	border-right: solid 2px var(--main-color);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}

#mypage-menu li a span {
	margin: 0 0 0 3px;
	width: 18px;
	height: 18px;
	color: #fff;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0;
	line-height: 18px;
	display: inline-block;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	background: #e41f1f;
	background: -moz-linear-gradient(top, #e41f1f 0%, #b22423 100%);
	background: -webkit-linear-gradient(top, #e41f1f 0%,#b22423 100%);
	background: linear-gradient(to bottom, #e41f1f 0%,#b22423 100%);
}

#mypage-menu a#affiliate {
	margin: 0 10%;
	width: 80%;
	height: 38px;
	color: #fff;
	font-weight: 700;
	line-height: 38px;
	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;
}

#present-pop {
	padding: 40px 15px 15px;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* メインカラー */
	background: var(--main-color);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	background-color: rgba(216,177,150,0.3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
}

#present-pop a#close {
	width: 15px;
	height: 15px;
	position: fixed;
	display: block;
	z-index: 1002;
	right: 25px;
	top: 50px;
}

#present-pop a#close img {
	width: 100%;
}

#present-pop-inner {
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	overflow-y: scroll;
	-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;
	z-index: 1001;
}

#present-pop-inner #icon {
	margin: -30px 0 0 -50px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	background-color: #fff;
	fill: var(--main-color);
	border: 1px #ccc solid;
	position: absolute;
	left: 50%;
}

#present-pop-inner #icon img,
#present-pop-inner #icon svg {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

#present-pop #heart {
	margin: 0 0 0 -23px;
	width: 46px;
	position: absolute;
	left: 50%;
	top: 90px;
}

#present-pop-text {
	padding-top: 90px;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}

#present-pop-text img,
#present-pop-text svg {
	margin-bottom: 5px;
	width: 250px;
	fill: var(--main-color);
}

#present-pop-text b {
	width: 100%;
	font-size: 12px;
	display: block;
}

#present-pop-text p {
	margin-bottom: 10px;
	padding: 0 4%;
	width: 100%;
	font-size: 11px;
	line-height: 13px;
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#present-pop-text span {
	margin-bottom: 10px;
	width: 100%;
	display: block;
	font-size: 17px;
	color: #808080;
}

#present-pop-text a#post-heart {
	width: 90%;
	height: 35px;
	/* ボタンカラー */
	color: #fff;
	display: block;
	line-height: 35px;
	border: none;
	/* メインカラー */
	background-color: var(--main-color);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	bottom: 20px;
	left: 5%;
}

#present-pop-text a#pclose2 {
	width: 90%;
	height: 35px;
	/* ボタンカラー */
	color: #fff;
	display: block;
	line-height: 35px;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	bottom: 20px;
	left: 5%;
}


#device-space {
	width: 100%;
	height: 126px;
	background-color: #ff1a00;
}

#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;
}

/* マイページ コンテンツ[写真集] */
.member-contents {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}

.member-contents#member-photobook {
	color: #333;
}

.member-contents .photo {
	width: 100%;
	text-align: center;
	position: relative;
	
	float: left;
}

.member-contents .photo img {
	margin: 0 auto;
	width: 100%;
	max-width: 768px;
	height: auto;
	position: relative;
	z-index: 0;
}

.member-contents #photo-href {
	width: 100%;
	text-align: center;
	position: relative;
}

.member-contents #photo-href a,
.member-contents #photo-href span {
	width: 50%;
	background-color: #000;
	display: block;
	float: left;
}

.member-contents #photo-href img {
	width: 100%;
	max-width: 810px;
	height: auto;
	position: relative;
	z-index: 0;
	float: left;
}

@media screen and (min-width:768px){
	.member-contents #photo-href {
		margin: 0 auto;
		width: 768px;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.member-contents #photo-href a,
	.member-contents #photo-href span {
		width: 384px;
		background-color: #000;
	}
	
	.member-contents #photo-href img {
		width: 100%;
		height: auto;
	}
}

.member-contents #photo-href span img {
	opacity: 0.7;
}

.member-contents #photo-href a img {
	opacity: 1;
}

/*#member-photobook .photographer,*/
.member-contents .photographer {
	margin: -25px 5px 0 0;
	width: 79.5px;
	height: 20px;
	background-image: url(/img_2021aw/hlogo.png);
	background-size: 79.5px 20px;
	text-indent: -200em;
	text-align: left;
	overflow: hidden;
	float: right;
	position: relative;
	z-index: 1;
}

/*#member-photobook .title,*/
.member-contents .title {
	padding: 13px 10px 4px;
	width: 100%;
	text-align: left;
	font-size: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#senzoku_model #first-box .title,
#senzoku_model #first-box .model-name {
	text-align: center;
}

/*#member-photobook .coment,*/
.member-contents .coment {
	padding: 11px 10px 5px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/*#member-photobook .coment.phuket p,*/
.member-contents .coment p.phuket {
	margin-bottom: 10px;
	padding-left: 3em;
	text-indent: -2.9em;
	font-size: 14px;
	line-height: 1.2em;
}

/*#member-photobook .model-name,*/
.member-contents .model-name {
	padding: 0 10px;
	width: 100%;
	text-align: left;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/*#member-photobook .sns,*/
.member-contents .sns {
	padding: 10px 10px 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

/*#member-photobook .sns a,*/
.member-contents .sns a {
	margin-left: 12px;
	width: 22px;
	height: 22px;
	display: block;
	background-size: 40px 40px;
	background-position: center center;
	float: right;
}

/*#member-photobook .sns a#facebook,*/
.member-contents .sns a#facebook {
	background-image: url(/img/bsb-f.png);
}

/*#member-photobook .sns a#line,*/
.member-contents .sns a#line {
	background-image: url(/img/bsb-l.png);
}

/*#member-photobook .sns a#twitter,*/
.member-contents .sns a#twitter {
	background-image: url(/img/bsb-t.png);
}

/*#member-photobook .numbering,*/
.member-contents .numbering {
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
}

/*#member-photobook .more,*/
.member-contents .more {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	background-color: #fff5f5;
	float: left;
}

#other-photobook-title {
	margin: 0 2%;
	width: 96%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: normal;
	/* メインカラー */
	border-top: 1px var(--main-color) solid;
	float: left;
}

#member-photobook-list {
	padding: 0 5px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#member-photobook-list li {
	padding: 0 1px;
	width: 33.3%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#member-photobook-list li p {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 150%;
	overflow: hidden;
}

#member-photobook-list li p img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#member-photobook-list li b {
	padding: 5px 0 0 0;
	width: 100%;
	height: 40px;
	display: block;
	font-size: 11px;
	line-height: 14px;
	color: #111;
	float: left;
}

/* ログインしてない場合 */
#member-contents-worning {
	padding: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#member-contents-worning p {
	margin-bottom: 20px;
	font-size: 13px;
}

#member-contents-worning a {
	margin: 0 10% 10px;
	width: 80%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/* メインカラー */
	background-color: var(--main-color);
}

#member-coordinate #first-box {
	width: 100%;
	float: left;
	position: relative;
	z-index: 0;
}

#member-coordinate #first-box .photo {
	background-color: #000;
	position: relative;
	z-index: 0;
}

#member-coordinate #first-box .photo img {
/*	opacity: 0.7;*/
}

#member-coordinate #first-box .title {
	padding: 0 10px;
	margin: 0;
	color: #fff;
	font-size: 22px;
	text-align: center;
	position: absolute;
	top: 40%;
	z-index: 1;
}

#member-coordinate .first-coment {
	margin: 0;
	padding: 25px 10px 0;
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 40%;
	z-index: 1;
}

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

#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: 60px 0 0 0;
	width: 100%;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-size: 36px;
	font-weight: 500;
	color: #fff;
}

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

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

#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;
}

.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;
	-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%;
	height: 118px;
	float: left;
}

.company-image img {
	width: 100%;
	height: 118px;
	object-fit: cover;
}

#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;
	text-align: left;
	line-height: 1.2em;
	border-bottom: 1px #f2f2f2 solid;
}

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

/* ---------------------------------------------------------------------------------- */
/* [プライバシー・ポリシー] */
/* ---------------------------------------------------------------------------------- */
#pp-text {
	padding: 20px 8px;
	width: 100%;
	float: left;
	color: #000;
	overflow: hidden;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

/* ---------------------------------------------------------------------------------- */
/* [特定商取引に関する表記] */
/* ---------------------------------------------------------------------------------- */
#law-text {
	padding: 20px 8px;
	width: 100%;
	float: left;
	color: #000;
	overflow: hidden;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

/* ---------------------------------------------------------------------------------- */
/* [共通パーツ｜google広告] */
/* ---------------------------------------------------------------------------------- */
/* [TOPページ記事一覧] */
.topic_list li.topic-add {
	padding: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
	/* サブカラー */
	background-color: var(--sub-color);
	position: relative;
	float: left;
}


/* TOPページ記事一覧 表示サイズ調整 */
.topic_list li.topic-add .adsbygoogle {
	width: 100vw;
	overflow: hidden;
}

/* 記事詳細ページ */
.article-add {
	position: relative;
	padding: 20px;
	margin:  50px 20px;
	width: 100%;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* サブカラー */
	background-color: var(--sub-color);
	background-color: #fff;
}
.article-add:before {
	content: "スポンサー広告";
	display: inline-block;
	padding: 2px 3px;
	font-size: 10px;
	line-height: 10px;
	background-color: #fff;
	position: absolute;
	top: 3px;
	left: 5px;
}



/* ランキングページ */
.ranking-adds {
	margin: 15px 0;
	width: 100%;
	/* サブカラー */
	background-color: var(--sub-color);
	background-color: #fff;
	float: left;
}

.ranking-adds .adsbygoogle {
	margin: 20px 0;
	width: 100vw;
	overflow: hidden;
}
.ranking-adds-30 {
	width: 100%;
	float: left;
}

/* モデル一覧ページ */
.model-list-add {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	background-color: #eee;
	float: left;
}

/* モデル詳細ページ */
.model-add {
	padding: 10px 0;
	width: 100%;
	height: auto;
	/* サブカラー */
	background-color: var(--sub-color);
	float: left;
}

/* MONA SHOP */
.shop-add {
	padding-bottom: 25px;
	width: 100%;
	text-align: center;
	float: left;
}

#mypage-hed-add {
	width: 100%;
	padding-top: 20px;
	margin: 15px 0;
	position: relative ;
}
#mypage-hed-add:after {
	content: "スポンサー広告";
	display: inline-block;
	padding: 2px 3px;
	font-size: 10px;
	line-height: 10px;
	background-color: #fff;
	position: absolute;
	top: 3px;
	right: 5px;
}
/* マイページ */
.mypage-add {
	margin: 15px 0 0;
	width: 100%;
	/* サブカラー */
	background-color: var(--sub-color);
	background-color: #eee;
	position: relative;
	z-index: 0;
	float: left;
}

.mypage-add .adsbygoogle {
	padding: 20px 0;
	width: 100vw;
	overflow: hidden;
	position: relative;
}

.mypage-add .adsbygoogle:after {
	content: "スポンサー広告";
	display: inline-block;
	padding: 2px 3px;
	font-size: 10px;
	line-height: 10px;
	background-color: #fff;
	position: absolute;
	top: 3px;
	right: 5px;
}

/* マイページ クイズ */
#mypage-quiz-list li.quiz-add {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	position: relative;
	float: left;
}

#quiz-list-add {
	width: 100%;
	float: left;
}

#quiz-add {
	position: relative;
	float: left;
	padding: 20px;
	margin: 20px  ;
	width: calc( 100% - 80px );
}

#quiz-add:after,
#mypage-quiz-list li.quiz-add:after {
	content: "スポンサー広告";
	display: inline-block;
	padding: 2px 3px;
	font-size: 10px;
	line-height: 10px;
	background-color: #fff;
	position: absolute;
	top: 3px;
	right: 5px;
}

.quiz-add {
	padding: 20px 0 25px;
}

/* プレゼントPOP */
#present-pop-add {
	margin-bottom: 5px;
	width: 100%;
	font-size: 12px;
	text-align: center;
}

/* 広告小 */
#present-pop-add #inner {
	margin: 0 auto;
	width: 234px;
}

/* 広告大 */
#present-pop-add #inner2 {
	margin: 0 auto;
	width: 250px;
}

/* 広告振り分け */
@media screen and (max-height:735px) {
	/* 広告小 */
	#present-pop-add #inner {
		display: block;
	}
	
	/* 広告大 */
	#present-pop-add #inner2 {
		display: none;
	}
}

@media screen and (min-height:736px) {
	/* 広告小 */
	#present-pop-add #inner {
		display: none;
	}
	
	/* 広告大 */
	#present-pop-add #inner2 {
		display: block;
	}
}

#present-pop-add .inner {
	margin: 0 auto;
/*	background-color: #ccc;*/
}

/* 小 */
@media screen and (max-height:619px) {
	#present-pop-add .inner {
		width: 234px;
		height: 60px;
	}
}

/* 中 */
@media screen and (min-height:620px) and (max-height:667px) {
	#present-pop-add .inner {
		width: 180px;
		height: 150px;
	}
}

/* 大 */
@media screen and (min-height:668px) {
	/* 広告中 */
	#present-pop-add .inner {
		width: 250px;
		height: 250px;
	}
}

/* 会員限定コンテンツ｜非ログイン時 */
#member-photobook-add {
	padding: 20px 0;
	width: 100%;
	background-color: #eee;
	float: left;
}

/* 会員限定コンテンツ｜ログイン時 */
.member-photobook-add {
	width: 100%;
	background-color: #eee;
	float: left;
}

.member-photobook-add .adsbygoogle {
	margin: 20px 0 30px;
	width: 100%;
	float: left;
}




/* ---------------------------------------------------------------------------------- */
/* [DONQ｜企画コンテンツ] */
/* ---------------------------------------------------------------------------------- */
#donq-hed-image {
	width: 100%;
	overflow: hidden;
	float: left;
}

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

#donq-text {
	padding: 20px 10px 0;
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#sp-donq {
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden;
	float: left;
}

#sp-donq img {
	width: 100%;
}

/* ---------------------------------------------------------------------------------- */
/* [ジャム｜企画コンテンツ] */
/* ---------------------------------------------------------------------------------- */
#jum-top-image {
	width: 100%;
	border-top: 3px #000 solid;
	float: left;
}

#jum-top-image img {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	height: auto;
}

.jum-stitle {
	width: 100%;
	height: 50px;
	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;
	float: left;
}

#jum-top-text {
	padding: 35px 20px 40px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#jum-top-text img {
	margin: 0 20% 35px;
	width: 60%;
}

#jum-top-text p {
	width: 100%;
	text-align: left;
	color: #808080;
	float: left;
}

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

#jum-list li {
	padding: 20px 10px 15px;
	width: 100%;
	/* サブカラー */
	border-bottom: 2px var(--sub-color) solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#jum-list li:last-child {
	border-bottom: none;
}

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

.jum-photo img {
	margin: 0 auto;
	width: 80px;
}

.jum-photo h3 {
	padding: 20px 0 18px;
	width: 100%;
	display: block;
}

.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;
}

.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;
}