@charset "utf-8";
/* ========================================

	monkichi

	--------------------
	service.css 
	-------------------
	   
========================================== */
@import url('https://fonts.googleapis.com/css?family=Raleway:700');

/* clearfix
----------------------------------- */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}
.clear { clear: both; }


.red { color: #ff2222!important; }
.center { text-align: center!important; }
.bold {font-weight: bold!important;}

#next .loading {
	display: none;
    padding: 30px;
    text-align: center;
}
#next .loading img {
	width: 40px;
}
#next .pageAuto{
    padding: 0;
    pointer-events: none;
}

a, a:link, a:visited {
    color: #6b00c5;
    text-decoration: none;
}

/* リセット
-------------------------------- */

.loginNav ul{
    background: transparent;
border:none;
}
.loginNav li {
    width: 100%;
    float: none;
}
.loginNav li a {
    display: block;
    color: #333;
    text-align:center;
    padding: 5px 0 7px;
font-weight:normal;
}
.loginNav li a:before {
    font-size: 0.8em;
    padding: 0 3px 0 0;
}

.contentsList li  {
    border:none;
}

.contentsList li:nth-child(even) {
    background: transparent
}

.contentsList .date{
font-weight:normal;
color:#151515;
}

.contentsList li.noData {
    padding: 30px 10px;
}
.contentsList li.noData:after {
    content: none;
}
.contentsList li.nolink:after {
    content: none;
}


.arrow li::after, .contentsList li::after, .childList li::after, .supportList li::after, .appList li::after, .txtBnr li::after, #headerNav li::after {
content: '';
}

.eventDate{
/*display:none;*/
}

#headerNav li{
border:none;
}

/* base
----------------------------------- */
html,body { height: 100%; background: #54c7ed;}
body {
	color: #fff;
	font-size: 13px;
	font-family: '-apple-system', 'Roboto', sans-serif;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
	font-family: sans-serif;
}
#wrap {
	min-height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

/*	background: url(/static/monkichi/official-pc/cmn/bg_mandara.png) no-repeat center bottom; */
	background: #54c7ed;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;

	padding: 60px 0 ;
	position: relative;
}
#wrap ~ iframe,
#wrap ~ img { height: 1px !important; line-height: 0; display: none; }
#container { margin: auto; }


/* anchor
----------------------------------- */
a {
	color: #167544;
	text-decoration: underline;
}

@-webkit-keyframes blink {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
}
img { max-width: 100%; }

/* btn
----------------------------------- */
.btn { text-align: center; }
.btn a,
.btn input {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	padding: 0 20px;
	margin: 0 auto 10px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0;
}

.btn .btnBack {
	display: block;
	color: #000;
	font-size: 14px;
	border: 1px solid #151515;
	border-radius: 0;
	padding: 10px 0;
	margin: 10px 0 0;
	border-radius: 0;
}
.btn .btnBack:before {
    content: '\f104';
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 16px;
}

.btn .main,
.btn input[type="submit"].main {
	width:100%;
	background: #151515;
	color: #54c7ed;
	font-size: 14px;
	padding: 14px 0;
	position: relative;
	border-radius: 0;

}

.btn .sub {
	border: 1px solid #151515;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 13px 0;
	text-shadow:none;
	background:transparent;
	font-size: 14px;
}

.btn .sub, .btn input[type="submit"].sub {
background: transparent;
color: #000;
text-shadow: none;
}

.detail{
padding:0;
}

/* header
----------------------------------- */
#header {
	width: 100%;
	height: 60px;
	background: #151515;
	position: fixed;
	z-index: 100;
	top: 0;
}
#header h1 {
	width: 100%;
	position: absolute;
	z-index: 100;
}
#header h1 a {
	display: block;
	text-align: center;
	line-height: 0;
	padding-top: 10px;
}
#header h1 img { height: 40px; }


/* nav
----------------------------------- */
#navBtn {
	width: 50px;
	height: 50px;
	z-index: 10000;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -25px 0 0;
}
#navBtn span{
	display: block;
	position: absolute;
	left: 14px;
	width: 25px;
	height: 2px;
	background: #54c7ed;
}
#navBtn .top{ top:15px; }
#navBtn .middle{ top:24px; }
#navBtn .bottom{ top:34px; }

#headerNav {
display: none;
position: fixed;
height: 100%;
top: 60px;
padding: 0;
background: #54c7ed;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: 98;
border-radius:0;
}



#headerNav .navInr {
background: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
overflow: scroll;
height: 100%;
	overflow:hidden;
}

#headerNav .nav{
	background:#FFF;
	text-align: left;
	overflow: hidden;
	padding:20px 5% 5px 5%;
}

#headerNav .mNav .nav{
background:#54c7ed;
padding:5px 5% 15px;
}

#headerNav .mNav{
top:35%;
background:#54c7ed;
}


#headerNav .mNav .memberTit{
text-align:center;
padding:4% 0 3%;
}

#headerNav .mNav .memberTit img{
width:55%;
}


#headerNav .nav li{
width:47%;
float:left;
padding:0 0 2.5%;
}

#headerNav .nav li:nth-child(2n){
padding:0 0 2.5% 3%;
float:right;


}

#headerNav li a{
height:auto;
padding:0px 0 10px;
/*border-bottom:solid 1px #AAAAAA;*/
text-align:left;
position:relative;
}

#headerNav li a:after{
position:absolute;
right:4%;
    font-family: 'FontAwesome';
    content:'\f105';
    margin-left:5px;
font-size:14px;
color:#AAAAAA;
}


#headerNav .mNav a{
text-align:left;
color:#000;
}

#headerNav .mNav a:after{
position:absolute;
right:4%;
    font-family: 'FontAwesome';
    content:'\f105';
    margin-left:5px;
font-size:14px;
color:#151515;
}

/*#headerNav .nav {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
}
#headerNav .nav a {
	display: block;
	color: #54c7ed;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 10px 0 30px;
	position: relative;
}
#headerNav .nav a::after {
	content:'';
	display: block;
	width: 30px;
	height: 1px;
	background: #54c7ed;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin: 0 0 0 -15px;
}
#headerNav .nav .twitter a { font-size: 36px; }
#headerNav .nav li:last-child a::after { content: none; }
*/


/* footer
----------------------------------- */
.copyright {
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	color: black;
	position: absolute;
	left: 0;
	bottom: 0;
}

/* pagetop
----------------------------------- */
#pageTop { display: none; }


/* 曼荼羅
----------------------------------- */
#bgLogo {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;

	background: url(/static/monkichi/official-pc/cmn/202112/bg_mandara.png) no-repeat center center;
	-moz-background-size: conver;
	-webkit-background-size: conver;
	background-size: conver;
	z-index:0;

}
.bgLogo p{
	width: 90%;
    position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.bgLogo p img {width: 100%;}
.bgLogo p.back {
	display: none;
}
.bgLogo p.back img {
	width: 100%;
}
.bgLogo p.nowloading {display: none;}
.bgLogo .imgOutside li {
    position: absolute;
    z-index: -1;
}

.bgLogo .rotate {
	height: 100%;
	position: absolute;
	background: url(/static/monkichi/official-pc/cmn/202112/ph_mandara_out.png) no-repeat center center;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain
}
.bgLogo .leftTop {
	width: 130%; left: -50%; top: -40%;
	-moz-animation: rotateR 20s linear infinite;
	-webkit-animation: rotateR 20s linear infinite;
	animation: rotateR 20s linear infinite;
}
.bgLogo .leftBtm {
	width: 160%; left: -70%; bottom: -50%;
	-moz-animation: rotateL 30s linear infinite;
	-webkit-animation: rotateL 30s linear infinite;
	animation: rotateL 30s linear infinite;
}
.bgLogo .rightTop {
	width: 90%; right: -30%; top: -30%;
	-moz-animation: rotateL 30s linear infinite;
	-webkit-animation: rotateL 30s linear infinite;
	animation: rotateL 30s linear infinite;
}
.bgLogo .rightBtm {
	width: 110%; right: -60%; bottom: -20%;
	-moz-animation: rotateR 40s linear infinite;
	-webkit-animation: rotateR 40s linear infinite;
	animation: rotateR 40s linear infinite;
}

@keyframes rotateL {
	0% {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes rotateR {
	0% {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* TOP
=================================== */
#top #wrap {padding-bottom: 40px;}
#top #contents {
	background: transparent;
	padding: 600px 0 0;
}

/* #top #header h1 img { height: 60px; margin: 0 0 0 -5%; } */


/* loading */
#top #loading {
	width: 100%;
	height: 100%;
	background: #151515;
	position: fixed;
	left: 0;
	top: 0;
	z-index:9999;
}
#top #loading::after {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	background: url(/static/monkichi/official-pc/cmn/ph_loading.png);
	-moz-background-sizeg: contain;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50px;
	-moz-animation: spin 5s linear infinite;
	-webkit-animation: spin 5s linear infinite;
	animation: spin 5s linear infinite;
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* infoTicker */
#top #infoTicker {
	width: 100%;
	position: fixed;
	top: 30px;
	left: 0;
	background: #252525;
	z-index: 90;
}
#top #infoTicker .tickerFirst {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.05em;
    color: #151515;
    padding: 0 10px;
    font-size: 10px;
    background: #54c7ed;
    display: inline-block;
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 0;
    left: 0;
    z-index: 1;
}
#top #infoTicker .tickerFirst span{
	display: inline-block;
    top: 1px;
    position: relative;
}
#top #infoTicker .tickerList li * {height: 30px; line-height: 30px;}
#top #infoTicker .tickerList li > span {
    display: inline-block;
    top: -1px;
    position: relative;
}
#top #infoTicker .tickerList li a{
	display: inline-block;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	position: relative;
	padding: 0 0 0 70px;
}
#top #infoTicker .tickerList li a:after {
    content: '';
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: inline-block;
    top: -1px;
    position: relative;
    margin: 0 0 0 5px;
    opacity: 0.5;
    display: none;
}
#top #infoTicker .tickerList .cat {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.05em;
    margin: 0 12px 0 0;
    color: #aaa;
}

/* pulgin */
.ticker-container {
	height: 30px;
	position: relative;
	overflow: hidden;
}
.ticker-container ul div {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	display: inline;
	min-width: 100%;
	left: 0;
	transition: 0.5s ease;
}
.ticker-container ul div.ticker-active {top: 0;}
.ticker-container ul div.not-active {top: 30px;}
.ticker-container ul div.remove {top: -30px;}


/* bnr */
.bnrList { padding:0 4% 20px 4%; }
.bnrList li a {
	display: block;
	margin: 0 0 10px;
	line-height: 0;
}
.bnrList li:last-child a {margin: 0;}
.bnrList li a img { width: 100%; }
.bnrList .bnrCap {
    background: #252525;
    color: #fff;
    font-weight: normal;
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 5px;
}

/* informationArea */
#top h2.pageTit.addBorder:after {background: #fff;}
#top .informationArea {
	background: #252525;
	padding: 30px 4% 35px;
	margin: 0 0 40px;
	color: #fff;
}
#top .informationArea  a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 0;
}
#top .contentsList .date { font-size: 12px; margin: 0 0 5px; color:#FFF; }
#top .contentsList .date .year { font-size: 11px; margin: 0 5px; }
#top .contentsList .tit { font-size: 14px; font-weight: bold; }
.more a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	border: 1px solid #aaa;
	padding: 10px;
	margin: 10px 0 0;
	color:#333;
}
#top .youtube{
background:#FFF;
padding:10px;
margin-bottom:40px;
}
#top .youtube iframe{
width:100%;
height:65%;
}
#top .blockVideo {
    background:#FFF;
    margin-bottom:40px;
    padding: 10px;
}
#top .blockVideo iframe{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
}
#top .video{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#top .blockVideo .thumb{
    position: absolute;
   width: 100%;
    top: 0;
    left: 0;
}
#top .blockVideo .thumb::after{
    content:'\f144';
    font-family: 'FontAwesome';
    color: #54c7ed;
    text-shadow: 0px 0 15px rgba(0,0,0,0.5);
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
}
#top .blockVideo img{
width:100%;
}

.membersNav{background:#54c7ed;}
#top .membersNav .contentsList .date{color: #151515;}
.topNav{margin-bottom:40px;}
.topNav li { background: #fff; }
.membersNav .topNav li{background:#54c7ed;}
.membersNav .topNav li:first-child a span{border-top:solid 1px #000;}
.topNav li a{
	display: block;
	text-decoration: none;
	color: #151515;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 13px;
	background: url(/static/monkichi/official-sp/cmn/ico_arrow_right_main.png) no-repeat 96% center;
	background-size: 7px auto;
	-webkit-background-size: 7px auto;
}

.membersNav .topNav li a{
	background: url(/static/monkichi/official-sp/cmn/ico_arrow_right_members.png) no-repeat 96% center;
	background-size: 10px auto;
	-webkit-background-size: 10px auto;
}

.topNav li a span {
	border-bottom: 1px solid #AAA;
	display: block;
	margin: 0 0 0 4%;
	padding: 15px 15px 15px 0;
}

.membersNav .topNav li a span{
	font-size:16px;
	border-bottom: 1px solid #151515;
}

.memberTit{
	padding: 40px 0 50px;
	text-align:center;
}

.memberTit img{width: 60%;}
#top .membersNav h2.pageTit {
	margin: 0 0 20px 4%;
}
#top .membersNav h2.pageTit.addBorder:after {
    background: #000;
}
.membersNav .block li{
	margin: 0 0 0 4%;
	padding: 0;
	border-top: 1px solid #000;
	background: url(/static/monkichi/official-sp/cmn/ico_arrow_right_members.png) no-repeat 96% center;
	background-size: 10px auto;
	-webkit-background-size: 10px auto;
}
.membersNav .block li  a {padding: 20px 10% 20px 0;}

.membersNav .more {margin: 0 4% 50px;}
.membersNav .more a {
	border-color: #252525;
	color: #151515;
	margin-top: 0;
}
.membersNav #topQa .nickname {
    margin: 7px 0 0;
    line-height: 1.6em;
    font-size: 11px;
}
.membersNav .block .tit{font-size: 13px;}
.membersNav #topQa .tit {margin: 0 0 5px;}
.membersNav .block .tit,
.membersNav #topQa .question {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: left;
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.4;
}.membersNav #topBlog .tit {-webkit-line-clamp: 3;}
.membersNav #topQa .question:before{
	content: 'Q.';
	margin: 0 3px 0 0;
	font-weight: 400;
	color: #F44125;
}
/*.membersNav .thumbList li{
    float: left;
    width: 31%;
    margin-right: 3.5%;*
}*/
.membersNav .thumbList li{
    border-top: 1px solid #000;
}
.membersNav .thumbList .thumb {
    width: 60px;
    background: #fff;
    margin: 0 10px 0 0;
}
.membersNav .thumbList .cat {
    background: none;
    color: #000;
    font-weight: normal;
    padding: 0;
    margin: 0 0 8px;
    line-height: 1em;
}
.membersNav .thumbList .thumb img {
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: contain;
}
#top .membersNav .block .more {display: none;}
.topNav li:last-child a span {
	border: none;
}
.topNav li.twitter a{
	background: none;
	position: relative;
}
.topNav li.twitter a span {font-size: 13px;color:}
.topNav li.twitter a:after {
	    content: "\f08e";
    font-family: 'FontAwesome';
    font-size: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 3%;
	color: #AAA;
	font-weight: normal;
}
#top .tabBox {border-color:#eee;}
#top .tabBox li {width: 33.33%;}
#top .tabBox li a {
	padding: 0;
	border-color: #eee;
}
#top .tabBox li a.active {
	background: #eee;
	color: #252525;
}
#top .informationArea .section {display: none;}
#top .informationArea #infoBlock1 {display: block;}


.membersNav #aopblog_top.block ul {
    margin: 20px 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.membersNav #aopblog_top.block li {
    width: 48%;
    margin: 0;
    background: none;
    border: none;
}

.membersNav #aopblog_top.block li a {
    padding: 0;
    color: #151515;
}

.membersNav #aopblog_top.block .thumbList .thumb {
    width: 100%;
    margin-bottom: 7px;
}
.membersNav #aopblog_top.block .thumbList .thumb img {
    background-size: cover;
}

.membersNav #aopblog_top.block li a .date {
    font-family: Helvetica Neue,Helvetica,Arial,san-serif;
    margin-bottom: 0;
}

.membersNav #aopblog_top.block li a .tit {
    font-weight: bold;
}


/*

/* 下層共通
----------------------------------- */
/* ソーシャル連携ボタン
---------------------------------------*/
.social {
    text-align: center;
    padding: 20px 0;
}
.socialList {
    width: 260px;
    margin: 0 auto;
}
.socialList li{
    float:left;
    margin: 0 10px 0 0;
}
.socialList li:last-child {
    margin-right: none;
}
.socialList .twitter  { width: 90px; }
.socialList .facebook { width: 100px; }
.socialList .line { width: 36px; }
.socialList .hatebu { widt: 80px; clear: left; padding-left: 30px; }
.socialList .google { width: 50px; }


#contents {
	position: relative;
	background: #54c7ed;
	color: #151515;
	padding: 30px 4% 60px;
}

#contents #insideBnr {
	margin: 20px 0 0 ;
}

h2.pageTit {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 20px;
    position: relative;
    margin: 0 0 20px;
}
h2.pageTit.addBorder {
    margin: 0 0 40px;
}
h2.pageTit.addBorder:after {
    content: '';
    width: 65px;
    height: 2px;
    background: #151515;
    position: absolute;
    bottom: -20px;
    left: 0;
}

#top #aopblog_top .pageTit {
    border-bottom: 1px solid;
    padding-bottom: 20px;
}


h2 .subTit {
	display: block;
    font-size: 13px;
    font-weight:bold;
	margin: 5px 0 0;
}

.formList{
margin-bottom:20px;
}

/* info
----------------------------------- */
.detail .social{
border:none;
}
.date { font-size: 12px; margin: 0 0 3px; }
.date .year { font-size: 11px; margin: 0 5px; }
.date .new,
#top .informationArea .date .new {
	color: #F12C00;
	-webkit-animation-name: blink;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}
#top .informationArea .date.eventDate,
#information .date.eventDate{ margin: 4px 0 0 ; font-weight: bold;}
#information .detail .date.eventDate {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px;
}

#information .date.eventDate{
font-weight:normal;
}

#information .date{
font-size: 12px;
margin: 0 0 5px;
}

.tit { font-size: 14px; font-weight: bold; }

.contentsList  a {
	display: block;
	color: #151515;
	text-decoration: none;
	padding: 10px 0;
}

#information .detail .tit,
#blog .detail .tit{ font-size: 16px; margin: 0 0 15px; font-weight:bold; line-height:1.5em; }
#information .detail .txt { margin: 0 0 20px; }
#information .detail .detailTxt img{margin: 10px 0;}
.twitterBtn{
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: 4px;
	margin: 0 0 30px;
}

.noInfo {
	padding: 30px 0 50px;
	text-align:center;
	font-size:11px;
}
.fb-like{
	display: inline-block;
	position: relative;
	top: -1px;
}

/* プルダウンメニュー */
.pulldownBox{
    padding:3px 0px 3px 0px;
    text-align:center;
    border-bottom:1px solid #bbbbbb;
    background-color:#dddddd;
}
.pulldownBox form {
    margin: 0;
}
.pulldownBox select{
    width: 80%;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#333333;
}

/* タブ */
.tabBox {
	border: 1px solid #151515;
	border-radius: 3px;
	margin: 0 0 10px;
}
.tabBox li {
	width: 33.3%;
	float: left;
}

.tabBox li:last-child{
	width:33.4%;
}
.tabBox li a,
.tabBox li span {
	display: block;
	color: #151515;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	border-right: 1px solid #151515;
}
.tabBox li span {
	background: #151515;
	color: #fff;
}
.tabBox li:last-child a,
.tabBox li:last-child span { border: none; }

.iframeWrap{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.iframeWrap iframe,
.iframeWrap object,
.iframeWrap embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*pager */

#next a {
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	-webkit-animation-name: blink;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}

/* disco
----------------------------------- */
#disco .tabBox li {width: 20%;}
#disco .thumb {
	width: 70px;
	float: left;
	width: 70px;
	margin: 0 4% 0 0;
	position: relative;
}
#disco .imgGuard {position: relative;}
#disco .thumb .dummy,
#disco .imgGuard .dummy {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#disco .thumb img {
	height: 70px;
}
#disco li.contentsItem a {
	display: block;
	padding: 4% 0;
	text-decoration: none;
	color: #151515;
}
#disco .tit{
	font-size: 14px;
	font-weight: bold;
}
#disco .date{
	font-size: 12px;
	margin: 0 0 5px;
}
#disco .date .year{
	font-size: 11px;
	margin: 0 5px;
}
#disco .detail .tit {
	font-size: 16px;
	margin: 0 0 20px;
}
#disco .detail .ph {
	text-align: center;
	margin: 0 0 20px;
	line-height: 0;
}
#disco .detail .ph img {
	max-width: 100%;
	max-height: 200px;
}
#disco .detail .txt {
	margin: 0 0 30px;
}
#disco .detail .jacketTit {
font-size: 11px;
line-height: 1.7em;
}
#disco .detail .discType  {
    font-size: 11px;
    margin: 0 0 12px;
    letter-spacing: 0.1em;
    line-height: 2em;
    color: #705527;
    position: relative;
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: bold;
}
#disco .detail .discType:after{
	content: '';
	width: 20px;
	height: 2px;
	background: #705527;
	position: absolute;
	bottom: -5px;
	left: 0;
}
#disco .detail .trackListOuter {
	margin: 0 0 20px;
}
#disco .detail .trackList li {margin: 0 0 3px;}
#disco .detail .tieup {
    font-size: 10px;
    color: #705527;
    display: inlien-block;
    vertical-align: 1px;
    margin-left: 5px;
}
#disco .detail .tieup span {margin: 0 5px;}
#disco .detail  .txtArea {margin: 0 0 40px;}


/* profile
----------------------------------- */
.featureProfile .profileArea {
    background-size: auto 300px;
    padding: 330px 0 0;
}
.featureProfile .profileArea .txt {
    margin: 0 0 15px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
    line-height: 1.7em;
}
.featureProfile .profileArea .txt:last-child {margin: 0;}


/* gallery
----------------------------------- */

.featureGallery .dummy {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.featureGallery .year {
    margin: 0 0 30px;
    text-align: center;
    font-size: 20px;
}

.featureGallery .ph {
	width: 32%;
	float: left;
	background: center center no-repeat;
	background-size: cover;
    position: relative;
    margin: 0 2% 8px 0;
}
.featureGallery .ph:nth-child(3n) { margin: 0 0 10px; }

.featureGallery .ph a {
	display: block;
	line-height: 0;
}
.featureGallery .ph img {
    width: 100%;
}


#swipebox-prev {left: 4%;}
#swipebox-next {right: 4%;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {max-height: 90%;}

.featureGallery .yearList li {
	height: 100px;
	background: #ccc center center no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	margin: 0 0 10px;
	position: relative;
}
.featureGallery .yearList li .noLink {
	display: block;
	padding: 30px 0 0;
}
.featureGallery .yearList li .noLink  .yearTxt { font-size: 20px; }
.featureGallery .yearList li .noLink span { display: block; font-size: 13px; }
.featureGallery .yearList li a {
	display: block;
	color: #fff;
	font-size: 30px;
	line-height: 100px;
	text-decoration: none;
}
.featureGallery .yearList .year2013 { background-image: url(/static/monkichi/official-pc/gallery/2013/ph09.jpg); }

#swipebox-caption {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
}

.featureGallery #phArea .more {
    text-align: center;
    background: #151515;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.1em;
    margin: 30px 0;
    cursor: pointer;
    color: #54c7ed;
    width: 100%;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0;
	margin: 10px 0 0;
	border: 1px solid #151515;
}
.featureGallery #phArea {margin: 0!important;padding: 0!important;}

/* player
----------------------------------- */
#audioArea {
	position: fixed;
	width: 100%;
	margin: 0 auto;
	bottom: 0;
	left: 0;
	z-index: 900;
}
@keyframes anime1 {
	0% { color: #fff;}
	50% {color: #f963be;}
}
@-webkit-keyframes anime1 {
	0% { color: #fff;}
	50% {color: #f963be;}
}
.audioWrap {
    z-index: 50;
	top:auto;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	height: 46px;
	background: rgba(0, 0, 0, 0.9);
}
#jp_container_1 {
    width: 100%;
    margin: 0 auto 8px;
}
.jp-title {
	width: 70%;
    position: absolute;
	left: 90px;
	top: 15px;
	background: none;
}
.jp-title span {display: inline-block;}
.jp-title li{
    padding: 5px 6px;
    font-size: 12px;
    line-height: 10px;
    color: #fff;
    animation: anime1 1.5s ease infinite;
    -webkit-animation: anime1 1.5s ease infinite;
}

.jp-audio{
height:50px;
}

.jp-audio .jp-progress {margin: 0;}
.jp-progress div {
	top: 0;
	height: 3px;
}
.jp-seek-bar {
    position: absolute;
    bottom: -8px;
    left: 0px;
    background-color: #d01988;
}
.jp-controls a {top: 10px;}
a.jp-play,
a.jp-pause {
	left: 10px;
	width: 30px;
	height: 30px;
}
a.jp-stop{
	left: 45px;
	width: 30px;
	height: 30px;
}
a.jp-play {background: url(/static/monkichi/official-sp/top/ico_audio_play.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
a.jp-pause {background: url(/static/monkichi/official-sp/top/ico_audio_pause.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
a.jp-stop {background: url(/static/monkichi/official-sp/top/ico_audio_stop.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
a.jp-play:hover {background: url(/static/monkichi/official-sp/top/202112/ico_audio_play_h.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
a.jp-pause:hover {background: url(/static/monkichi/official-sp/top/202112/ico_audio_pause_h.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
a.jp-stop:hover {background: url(/static/monkichi/official-sp/top/202112/ico_audio_stop_h.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
a.jp-mute {background: url(/static/monkichi/official-sp/top/ico_audio_sound.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;right: 20px;}
a.jp-mute:hover{background: url(/static/monkichi/official-sp/top/202112/ico_audio_sound_h.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
.jp-unmute {background: url(/static/monkichi/official-sp/top/ico_audio_mute.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;right: 20px;}
.jp-unmute:hover {background: url(/static/monkichi/official-sp/top/202112/ico_audio_mute_h.png);background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}
.jp-volume-bar {background: url(/static/monkichi/official-sp/top/ico_audio_vol.png) 0 center;background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px; width: 20px; right: 0;}
.jp-volume-bar-value {background: url(/static/monkichi/official-sp/top/202112/ico_audio_vol_h.png) 0 center;background-size: 30px;-moz-background-size: 30px;-webkit-background-size: 30px;}

.jp-play-bar {background: #ed83c3;}
.jp-title .label {display: none;}




/* TOPムービー
----------------------------------- */
#moviePopup {
	display: none;

	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*padding: 50px;*/
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
#moviePopup #bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
#moviePopup #close {
    width: 30px;
    height: 30px;
    background-image: url(/static/monkichi/official-pc/gallery/ico_close.png);
    background-size: 100%;
    top: 2%;
    right: 4%;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
}
#moviePopup #inner {
	width: 100;
	height: 40%;
	position: relative;
	top: 30%;
	z-index:99; 
}



.loginNav{
position:relative;
background:#54c7ed;
padding:10px 0;
overflow:hidden;
margin-bottom:40px;
}

.loginNav li {
text-align:center;
}

.loginNav li a{
display:block;
width:50%;
float:left;
color:#151515;
font-size:15px;
font-weight:bold;
text-decoration:none;
}

.loginNav li:last-child a{
width:49%;
/*border-left: 1px solid #DDD;*/
}

/* MOVIE
----------------------------------- */

.titArea {
margin: 15px 0 5px;
border:none;
padding:0;
}

.titArea .date{
color:#000;
}

#aop_page_movie .titArea{
margin: 0 0 30px;
}

.titArea .txt{
color:#000;
margin-bottom:10px;
}

.titArea .tit {
line-height: 1.3em;
font-weight: normal;
font-size: 20px;
}

.thumb .dummy, .ph .dummy {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

#movie .contentsList li{
	width:48%;
	float:left;
	border:none;
	margin-bottom:10px;
	margin-right:4%;
}
#movie .contentsList li a{
	padding:0;
text-decoration:none;
}

#movie .date{
font-size: 12px;
margin: 0 0 4px;
color:#000;
font-weight:normal;
}

#movie .tit {
font-size: 14px;
font-weight: bold;
color:#000;
}

.subTxt{
line-height:1.6em;
font-size: 11px;
margin: 0 0 30px;
}

#movie .contentsList li:nth-child(even){
	margin-right:0;
}
#movie .contentsList li .thumb{
	width:100%;
	float:none;
	position:relative;
	line-height:0;
}
#movie .contentsList .txtArea{
	padding:8px 0 0;
}
#movie .contentsList .tit{
	font-size:12px;
}
#moviePlay embed{
width:100% !important;
height:100%;
padding:15px 0 10px;
}

video{
width:100%;
height:50%;
padding:5px 0 10px;
text-indent:-99999px;
}

#moviePlay img{
width:100% !important;
height:100% !important;
position: absolute;
top: 0;
left: 0;
}
#moviePlay div {
width:320px !important;
margin:0 auto 15px;
}

#moviePlay div div{
width:320px !important;
height:180px !important;
}

/* WALLPAPRE
----------------------------------- */
#aop_page_wallpaper .contentsList{
    display: flex;
    flex-wrap: wrap;
}

#aop_page_wallpaper .contentsList li{
	border:none;
	width:30%;
	margin-right:5%;
	margin-bottom:5%;
}
#aop_page_wallpaper .contentsList li a{
	padding:0;
	text-decoration:none;
}
#aop_page_wallpaper .contentsList li:nth-child(3n){
	margin-right:0;
}
#aop_page_wallpaper .contentsList li img{
	width:100%;
}
#aop_page_wallpaper .contentsList li .thumb{
	float:none;
	width:auto;
border:solid 1px #151515;
}

}
#aop_page_wallpaper .contentsList li .thumb .dummy{
	height:100%;
}
#aop_page_wallpaper .contentsList li .tit{
	font-size:11px;
	line-height:1.3em;
	color:#151515;
	margin-top:7px;
}

#aop_page_wallpaper .dlArea{
padding-top:10px;
}

.pointList{
border:solid 1px #151515;
margin-bottom:20px;
}
.pointList dd{
border-color:#151515;
}

.pointList .necessary{
color:#000;
}

.pointList .rest{
color:#F4492A;
}

.wpThum{
padding:10px 0 20px 0;
}


/* Q&A
----------------------------------- */
#qanda .qandaList .tit{
	overflow:visible;
	white-space:normal;
}

#qanda .mainLead{
padding:0;
}

.formList{
margin-bottom:15px;
}

.formArea .formTit{
color:#151515;
}

.formArea .titArea .txt{
margin-bottom:20px;
font-size:13px;
line-height:1.6em;
}

.formArea .txtArea
margin-bottom:20px;
}

#qa .titArea {
margin: 0 0 10px;
border:none;
padding:0;
color:#000;
}

#qa .contTit{
font-weight:bold;
text-align:center;
}

.txtArea .txt{
color:#000;
}

#qanda .mainLead .txt{
	font-weight:normal;
	margin-bottom:20px;
}
#qanda .mainLead{
	border:none;
}
#qanda.detail:after {
    content: "";
    display: block;
    clear: both;
}
.pageNav ul,
.pageNav li{
border-color:#000 !important;
}

.pageNav ul{
}

.pageNav li{
color:#999;
}


.pageNav li span{
}

#qanda.detail .answer,
#qanda.detail .question {
    clear: both;
    position: relative;
    width:100%;
    margin-bottom:10px;
    padding: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing:border-box;
    line-height:1.6em;
}
#qanda .qandaList a .tit:before,
#qanda.detail .q,
#qanda.detail .a{
	font-weight:400;
	font-size:18px;
	margin-bottom:10px;
}
#qanda .qandaList a .tit:before,
#qanda.detail .q{
	color:#e83428;
}
#qanda .qandaList .subTxt{
	text-align:right;
}

.qandaList{
margin-top:20px;
}

.qandaList li:first-child{
border-top: 1px solid #000;
}


.qandaList li {
border-bottom: 1px solid #000;
}

.qandaList li a{
padding:15px 0;
}


#qanda.detail .a{
	color:#fff;
}
#qanda.detail .answer:before,
#qanda.detail .question:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}
#qanda.detail .backLink a{
	padding:10px 0;
}
#qanda.detail .answer {
	margin-bottom:20px;
	background:#F55935;
	color:#fff;
}
#qanda.detail .answer:before {
    border-right: 10px solid #F55935;
    left: -12px;
}

#qanda.detail .question {
	background:#FFF;
}
#qanda.detail .question:before {
    border-left: 10px solid #FFF;
    right: -12px;
}


#qanda .qandaList a .tit::before, #qanda.detail .q {
color: #F44125;
}


.pageNav{
    margin-top:10px;
    padding:0 ;
}
.pageNav ul{
background:transparent;
    border:none;
}
.pageNav li{
    border:none;
    color:#000;
}
.pageNav li a{
    color:#000;
}

.pageNav li span {
color: #FFEBC9;
}

.pageNav li:first-child{
    text-align:left;
    border:none;
}
.pageNav li:last-child{
    text-align:right;
    border:none;
}

.pageNav li:first-child a:before,
.pageNav li:first-child span:before{
    font-family: 'FontAwesome';
    content:'\f104';
    margin-right:5px;
font-size:14px;
}
.pageNav li:last-child a:after,
.pageNav li:last-child span:after{
    font-family: 'FontAwesome';
    content:'\f105';
    margin-left:5px;
font-size:14px;

}

/* BD Mail
----------------------------------- */
.detail .sectionTit{
color:#151515;
border-color:#151515;
}

.accordionList{
border-color:#151515;
}

.accordionList dt{
color:#151515;
border-color:#151515;
}

.formArea .txt{
color:#151515;
}

.alertBox li{
color:#151515;

}

/* BLOG
----------------------------------- */
#blog .txtArea{
line-height:1.6em;
margin-bottom:30px;
}
#blog .txtArea * {white-space: normal!important;}


/* aopBLOG
----------------------------------- */
#aopblog .titArea .tit {
    font-size: 16px;
    margin: 0px 0 5px;
    font-weight: bold;
    line-height: 1.5em;
}

#aopblog .icon--area {
    font-size: 11px;
}

#aopblog .icon--like {
    display: inline-block;
    background: #151515;
    color: #fff;
    padding: 5px 6px 6px 8px;
    border-radius: 3px;
    font-weight: bold;
    line-height: 1;
    font-size: 13px;
    font-family: '-apple-system', 'Roboto', sans-serif;
}

#aopblog .icon--like_num {
    display: inline-block;
    margin-left: 3px;
}

#aopblog .icon--area #likes {
    font-size: 10px;
}

#aopblog .titArea {
    margin: 15px 0 20px;
}

#aopblog .blog_detail {
    margin-bottom: 40px;
}


#aopblog .blog_thumbList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-top: 3px;
}

#aopblog .blog_thumbList::after {
    content: '';
    width: 32%;
    height: 0;
}

#aopblog .blog_thumbList li {
    width: 32%;
    margin-bottom: 1.9%;
}

#aopblog .blog_thumbList li a {
    display: block;
    width: 100%;
}

#aopblog .blog_thumbList li .thumb img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#aopblog .pagingBox {
    margin-bottom: 40px;
}

#aopblog .pagingBox ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#aopblog .pagingBox ul li {
    padding: 0px 5px;
    margin: 0 4px;
}
#aopblog .pagingBox ul li.current {
    border-bottom: 3px solid;
}

#aopblog .pagingBox ul li a.page {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

#aopblog .pagingBox ul li.current span {
    font-weight: bold;
}

#aopblog .blog_thumbList li .tit {
    font-size: 13px;
    font-weight: 600;
    color: #151515;
    padding-top: 3px;
}


/* SUPORT
----------------------------------- */

#top .copyright { 
position: relative;
padding:10px 0 0 0;
background:#252525;
color:#AAAAAA;
}

.suportList{
padding: 3% 4% 100px;
overflow:hidden;
position:relative;
background:#252525;
}


.suportList li  {
/*border-bottom: 1px solid #AAA;*/
width:47%;
float:left;
display: block;
padding: 6px 0;
}

.suportList li:nth-child(2n){
margin: 0 0 0 5%;
}



.suportList li a{
display: block;
text-decoration: none;
color: #CCC;
letter-spacing: 0.1em;
font-size: 11px;
/*background: url(/static/monkichi/official-sp/cmn/ico_arrow_right_main.png) no-repeat 99% center;
background-size: 6px auto;
-webkit-background-size: 6px auto;
*/}

#footer{
padding:0;
bottom: 55px;
}
#footer .jasrac{
	display:none;
    text-align: center;
    margin: 0 0 10px;
}
#top #footer .jasrac{
    display:block;
}
#footer .jasrac img{
width: 120px;
}
/* 会員規約
----------------------------------- */

.supportCaption li {
padding: 0 0 5px 1em;
line-height: 1.5em;
text-indent: -1em;
}

.supportTxt {
padding: 0 0% 15px;
line-height: 1.5em;
}


/* 特商法
----------------------------------- */
.companyTable{
border:solid 1px #999;
padding:0 5%;
}
.companyTable th{
width:34%;
padding:10px;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
vertical-align:middle;
font-size:11px;
background:#DDD;
color:#000;
}

.companyTable td{
padding:10px;
border-bottom:solid 1px #999;
background:#FFF;

font-size:12px;
line-height:1.5em;
}

/* プライバシーポリシー
----------------------------------- */
.supportTit {
padding: 0 0 5px;
font-size: 13px;
font-weight:bold;
}



/* APPLI
----------------------------------- */
.cat_list li:nth-child(odd) {
margin: 0px;
}

.cat_list li a {
padding: 5px 0;
display: block;
}

.cat_list p {
display: block;
font-size: 20px;
line-height: 18px;
font-weight: bold;
text-align: left;
color: black;
padding: 21px 20px 20px 0px;
vertical-align: middle;
}

.appicon {
border-radius: 7px;
float: left;
height: 40px;
margin: 2px 0 0 1px;
position: relative;
width: 40px;
background: white;
}

p.app_tit {
color: #151515;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 180%;
padding: 0 0 2px 55px;
}

p.app_txt {
color: #151515;
font-size: 10px;
line-height: 130%;
margin: 0 0 0 55px;
padding: 0 0 5px;
}

.appicon.cal::after{
color:#54c7ed;
}


/* FAQ
----------------------------------- */

.faqList{
margin:0%;
border-top:solid 1px #000;

}
.faqList li{
position:relative;
padding:0;
border-bottom:solid 1px #000;

}
.faqList li:after{
height: 16px;
margin-top: -8px;
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: 16px;
color: #000;
position: absolute;
right: 0%;
top: 50%;
color: #999;
}


.faqList li a{
display: block;
width: 100%;
padding: 15px 15px 15px 1.6em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size:13px;
color:#000;
line-height:1.6em;
text-indent:-1.8em;
text-decoration:none;
}


.faqList li a span{
font-weight: 600;
color:#F55935;
}


.faqTit{
padding-bottom:10px;
border-bottom:solid 1px #000;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
line-height:1.5em;
color:#000;
}

#faqDetail p {
line-height: 1.6em;
}

.faqLead {
margin-bottom: 5%;
}

#faqDetail p span{
color:#666;
}

#faqDetail .cat {
display: none;
padding:4px 5px 3px 5px;
background:#000;;
margin-bottom: 5px;
color: #FFF;
font-size: 10px;
line-height: 1.2em;

}

#faqDetail .faqLead .answer {
font-size: 14px;
font-weight: bold;
color: #F55935 !important;
display:inline;
}

#faq .faqTop .tit { margin: 0 0 15px;}
#faq .faqTop .faqList { margin: 0 0 40px;}
#faq .faqTop .searchBox {
	width: auto;
  position: relative;
  text-align: center;
  margin: 0 0 30px;
  padding: 0;
}
#faq .faqTop .searchBox input[type="text"] {
  width: 100%;
  height: 40px;
  margin: 0 5px 0 0;
  padding: 0 10px;
  background: #fff;
  border: solid 1px #aaa;
  border-radius: 5px;
  line-height: 1.6em;
}
#faq .faqTop .searchBox input[type="text"]:placeholder-shown { color: #ccc;}
#faq .faqTop .searchBox input[type="text"]::-webkit-input-placeholder { color: #ccc;}
#faq .faqTop .searchBox input {
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  font-size: 15px;
  line-height: 1.4em;
  box-sizing: border-box;
}
#faq .faqTop .searchBox input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #999;
  background: transparent;
  font-weight: bold;
  border-radius: 30px;
  cursor: pointer;
  border: none;
  z-index: 2;
  font-family: FontAwesome;
  transition: all .3s ease;
  margin: 0;
}

/* FAQ
----------------------------------- */
.pager {
margin-bottom:15px;
}

.pager .left {
width: 50%;
float: left;
}

.pager .right {
width: 50%;
float: right;
}

.pager a {
display: block;
color: #000000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 0;
font-size: 15px;
font-weight: bold;
}

.pager .left a .fa {
margin: 0 5px 0 0;
}

.pager .right a .fa {
margin: 0 0 0 5px;
}

.pager a .fa {
width: 1em;
text-align: center;
border: 1px solid #000000;
vertical-align: 1px;
}


#qanda .pagerArea {
	margin: 0 0 15px;
}
#qanda .pagerArea li {
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
}
#qanda .pagerArea li p {
	list-style: none;
    background: #ffa100;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 5px;
    left: 0;
	text-align: center;
	width: 5em;
}

#qanda .pagerArea li.right {
	text-align: right;
}
#qanda .pagerArea li a {
	color: #fff;
	padding: 7px 10px;
}
#qanda .pagerArea li a .fa {
	margin: 0 5px 0 0;
}
#qanda .pagerArea li:nth-child(2) a .fa {
	margin: 0 0 0 5px;
}



/* アンケートフォーム
----------------------------------- */
#contents.questionnaireArea{
	background:#fff;
}
.enqTit{
text-align: center;
background: #F29300;
padding: 10px;
color: white;
font-weight: bold;
font-size: 16px;
margin: 0 0 10px;
}

.enqTxt{
color: black;
font-weight: bold;
margin: 0 0 10px;
font-size: 14px;
line-height: 1.4em;
border-bottom: 1px solid #EEE;
padding: 0 0 18px 0;
}
.enqueteList {
padding: 9px 0 18px;
margin: 0 0 9px;
overflow: hidden;
border-bottom: 1px solid #EEE;
}

.enqueteList dt {
font-size: 14px;
font-weight: bold;
color: black;
margin: 0 0 8px;
line-height: 1.4em;
}

.enqueteList dd {
font-size: 13px;
font-weight: bold;
line-height: 2em;
color: #666;
}


#questionnaire_form select{
width: 100%;
color: #666;
font-size: 13px;
font-weight: bold;
height: 40px;
padding: 6px 50px 6px 12px;
border: 1px solid #333;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: .01px;
text-overflow: "";
background: #FAFAFA url(/static/monkichi/official-sp/feature/sarutabi2016/ico_arrow_down-1.png) no-repeat right center;
background-size: 24px 13px;
-moz-background-size: 24px 13px;
-webkit-background-size: 24px 13px;
}

select#city {
width: 100%;
color: #666;
font-size: 13px;
font-weight: bold;
height: 40px;
padding: 6px 50px 6px 12px;
border: 1px solid #333;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: .01px;
text-overflow: "";
background: #FAFAFA url(../images/ico_arrow_down.png) no-repeat right center;
background-size: 24px 13px;
-moz-background-size: 24px 13px;
-webkit-background-size: 24px 13px;
}
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"]{
width: 100%;
height: 45px;
font-size: 13px;
padding:8px;
	border-radius:5px;
	box-sizing: border-box;
	border: solid 1px #333;
}
textarea {
width: 100%;
font-size: 13px;
padding: 5px;
box-sizing: border-box;
}

.textBox {
width: 100%;
font-size: 13px;
padding: 5px;
box-sizing: border-box;
}
#questionnaire_form .check li{
	text-indent:-1.5em;
	padding:0 0 10px 1.6em;
	line-height:1.4em;
}
#questionnaire_form .check li:last-child{
	padding:0 0 0 1.6em;
}

.radioList li {
position: relative;
border-bottom: solid 1px #333;
border-left: solid 1px #333;
border-right: solid 1px #333;
background: #FAFAFA;
}

.radioList li:first-child{
border-top: solid 1px #333;
border-radius: 5px 5px 0 0;
}
.radioList li:last-child{
border-radius: 0 0 5px 5px;
}
.radioList input {
display: inline;
position: absolute;
top: 15px;
left: 10px;
}
.radioList label {
display: block;
cursor: pointer;
width: 87%;
margin: 0;
padding: 15px 0 15px 13%;
color: #666;
font-size: 14px;
line-height: 1;
transition: .2s;
}

.btn .main, .btn input[type="submit"].main {
width: 100%;
position: relative;
display: block;
font-weight: bold;
line-height: 1.4em;
text-align: center;
text-decoration: none;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 15px 0;
margin: 0 auto 10px;
}
.btn input.back{
	background:#ccc;
}

.btn_app a {
    color: #54c7ed !important;
}

table#birthday{
	width:100%;
}
#questionnaire_form table#birthday select{
	padding:6px 30px 6px 12px;
}
table#birthday tr td.date{
	padding:0 3px;
	line-height:1.2em;
	vertical-align:bottom;
}
.questionnaireArea #insideBnr{
	display:none;
}


/* birthday
----------------------------------- */
.birthday {
	position: absolute;
    width: 100%;
    height: 360px;
	z-index: 50;
}
 
.birthday p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,   -50%);
    transform: translate(-50%,   -50%);
	width: 92%;
}


/* movie
----------------------------------- */
.contentsMov{

}
.contentsMov section#movie.movieList{

}
.contentsMov section#movie.movieList .contentsList{
    margin: 0 0 40px;
}
.contentsMov section#movie.movieList .contentsList li{
    float: none;
    width: 100%;
    margin: 0;
}
.contentsMov section#movie.movieList .contentsList li:last-child{

}

.contentsMov section#movie.movieList .contentsList li a{
	position: relative;
    display: block;
    padding: 10px;
}
.contentsMov section#movie.movieList .contentsList li:nth-child(even) a{
	background: rgba(255,255,255,0.3);
}
.contentsMov section#movie.movieList .contentsList li a:after{
	position: absolute;
    right: 10px;
    top: 50%;
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 16px;
    z-index: 10;
    visibility: visible;
    transform: translateY(-50%);
    display: inline-block;
    height: auto;
}

.contentsMov .btnBack{
    width: 92%;
    margin: 0 auto;
}

/* newMovie list */
.page--movie.new-movie.new-movie-list .sortBox {
	display: none;
}
.page--movie.new-movie.new-movie-list .block--nav--category {
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	margin: 0 0 10px;
}
.page--movie.new-movie.new-movie-list .block--nav--category li {
	margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    border: 1px solid #151515;
    padding: 5px 10px;
}
.page--movie.new-movie.new-movie-list .block--nav--category li:last-child {}
.page--movie.new-movie.new-movie-list .block--nav--category li.current {
	background: #151515;
}
.page--movie.new-movie.new-movie-list.movie-list-12 .block--nav--category li:nth-child(2),
.page--movie.new-movie.new-movie-list.movie-list-14 .block--nav--category li:nth-child(3),
.page--movie.new-movie.new-movie-list.movie-list-16 .block--nav--category li:nth-child(4),
.page--movie.new-movie.new-movie-list.movie-list-15 .block--nav--category li:nth-child(5),
.page--movie.new-movie.new-movie-list.movie-list-13 .block--nav--category li:nth-child(6) {
	background: #151515;
}
.page--movie.new-movie.new-movie-list .block--nav--category li a {
	color: #151515;
}
.page--movie.new-movie.new-movie-list .block--nav--category li.current a {
	color: #54c7ed;
	pointer-events: none;
}
.page--movie.new-movie.new-movie-list.movie-list-12 .block--nav--category li:nth-child(2) a,
.page--movie.new-movie.new-movie-list.movie-list-14 .block--nav--category li:nth-child(3) a,
.page--movie.new-movie.new-movie-list.movie-list-16 .block--nav--category li:nth-child(4) a,
.page--movie.new-movie.new-movie-list.movie-list-15 .block--nav--category li:nth-child(5) a,
.page--movie.new-movie.new-movie-list.movie-list-13 .block--nav--category li:nth-child(6) a {color: #54c7ed; pointer-events: none;}

.page--movie.new-movie.new-movie-list #movie {
	text-align: center;
}
.page--movie.new-movie.new-movie-list #movie .block--category-list {
	text-align: left;
}
.page--movie.new-movie.new-movie-list #movie .latest-tit {
	display: none;
}
.page--movie.new-movie.new-movie-list #movie .block--category-list-other {
	display: none;
}
.page--movie.new-movie.new-movie-list #movie .contentsList {
	display: flex;
	flex-wrap: wrap;
}
.page--movie.new-movie.new-movie-list #movie .contentsList li:nth-child(even) {
	margin: 0 0 10px 0;
}
.page--movie.new-movie.new-movie-list #movie .contentsList li .thumb img {
	width: 100%;
}
.page--movie.new-movie.new-movie-list #movie .contentsList .txtArea .date .year {
	margin: 0 5px;
}
.page--movie.new-movie.new-movie-list #movie .contentsList .txtArea .date .year.new {
	color: #151515;
}
.page--movie.new-movie.new-movie-list #movie .contentsList .category {
	display: none;
}
.page--movie.new-movie.new-movie-list .detail__btn {
	display: none;
}
.page--movie.new-movie.new-movie-list #insideBnr {
	display: none;
}
.page--movie.new-movie.new-movie-list #footer {
	bottom: 0;
}

.page--movie.new-movie.new-movie-list .block--pager {
    display: inline-flex;
    padding: 25px 0 0;
    margin: 0 auto;
    align-items: center;
    position: relative;
}
.page--movie.new-movie.new-movie-list .block--pager li {}
.page--movie.new-movie.new-movie-list .block--pager li a {
    padding: 0 7px;
	color: #000;
}
.page--movie.new-movie.new-movie-list .block--pager li.pager__item--newer {
	position: absolute;
	left: -15px;
}
.page--movie.new-movie.new-movie-list .block--pager li.pager__item--newer a {
	padding: 0;
}
.page--movie.new-movie.new-movie-list .block--pager li.pager__item--current {
    border-bottom: 1px solid;
    padding: 0px 7px;
}
.page--movie.new-movie.new-movie-list .block--pager li.pager__item--other {
	border-bottom: 1px solid #25252500;
}
.page--movie.new-movie.new-movie-list .block--pager li.pager__item--other a {}
.page--movie.new-movie.new-movie-list .block--pager li.pager__item--older {
	position: absolute;
	right: -25px;
}
.page--movie.new-movie.new-movie-list .block--pager li.pager__item--older a {}

/* newMovie detail */
.page--movie.new-movie.new-movie-detail {}
.page--movie.new-movie.new-movie-detail #new_movie {
    padding: 45px 4% 60px;
    color: #151515;
}
.page--movie.new-movie.new-movie-detail #new_movie .section-tit {
	display: none;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0 auto 35px;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--movie .block--player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--movie video {
	padding: 0;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--movie .vjs-big-play-centered .vjs-big-play-button {
	margin-top: -0.85em;
  }
  .page--movie.new-movie.new-movie-detail #new_movie .area--movie .video-js .vjs-play-control.vjs-paused,
  .page--movie.new-movie.new-movie-detail #new_movie .area--movie .video-js .vjs-play-control.vjs-playing {
	border: none;
	outline: none;
	box-shadow: none;
  }
  .page--movie.new-movie.new-movie-detail #new_movie .area--movie .video-js .vjs-play-control.vjs-paused span:before,
  .page--movie.new-movie.new-movie-detail #new_movie .area--movie .video-js .vjs-play-control.vjs-playing span:before {
	width: 1.6em;
	height: 1.6em;
	margin-top: 0.5em;
	margin-left: -0.25em;
  }
.page--movie.new-movie.new-movie-detail #new_movie .block--tit {
    padding: 0;
    margin: 0 auto 20px;
}
.page--movie.new-movie.new-movie-detail #new_movie .block--tit .date {
    font-size: 12px;
    margin: 0 0 5px;
	opacity: 1;
}
.page--movie.new-movie.new-movie-detail #new_movie .block--tit .tit {
	letter-spacing: 0.05em;
    margin: 0;
    line-height: 1.3em;
    font-weight: normal;
    font-size: 20px;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab {
	display: none;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies {
	border: none;
	padding: 0;
	background: none;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .more_movies_title {
    color: inherit;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.03em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie {
	border-bottom: none;
	width: 48%;
	margin: 0 0 20px 0;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie a {
	display: flex;
	flex-wrap: wrap;
	text-decoration: none;
	padding: 0;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie a .thumb {
	width: 100%;
	margin-bottom: 10px;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie a .list__txt {
	width: 100%;
	padding: 0;
	color: #0d0d0d;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie a .list__txt .category {
	display: none;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie a .list__txt .date {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1;
	margin: 0 0 5px;
	opacity: 1;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie a .list__txt .date span {
	margin: 0 5px;
}
.page--movie.new-movie.new-movie-detail #new_movie .area--more-info .block--tab__main .block--more_movies .list--contents .item--more_movie a .list__txt .tit {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.05em;
	margin: 0;
}
.page--movie.new-movie.new-movie-detail #new_movie .detail__btn {
    padding: 20px 0 10px;
    display: block;
}
.page--movie.new-movie.new-movie-detail #new_movie .detail__btn a {
	color: #0d0d0d;
	line-height: 1.5;
}	

/* newMovie detail point */
#pointMovie {
	position: relative;
    color: #151515;
    padding: 30px 4% 60px;
}
#pointMovie .subTxt {
    font-size: 13px;
    line-height: 1.5em;
    margin: 0 0 20px;
}
#pointMovie .bkBtn a {
	display: block;
    width: 90%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 4px;
    padding: 10px 0;
    margin: 0 auto 10px;
    color: #151515;
    letter-spacing: 0.1em;
}

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

	プレイリストページ

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

.monkichi_playlist{

}
.monkichi_playlist #wrap{
    background: #151515;
}
.monkichi_playlist #contents {
    background: #151515;
    color: #fff;
}
.monkichi_playlist h2.pageTit{
    color: #fff;
    text-align: center;
    margin: 0 0 30px 0;
}
.monkichi_playlist h2.pageTit.addBorder:after {
    display: none;
}
.monkichi_playlist .contentsList li {
    border: none;
    padding:0;
    background: #fff;
    margin: 0 0 20px 0;
}
.monkichi_playlist .contentsList .date {
    font-weight: bold;
    color: #797979;
    font-size: 11px;
    text-align: right;
    margin: 0 0 15px 0;   
}
.monkichi_playlist .contentsList .date .year {
    font-size: 11px;
    margin: 0 5px;
}
.monkichi_playlist .contentsList .tit {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
}
.monkichi_playlist .contentsList a {
    display: block;
    padding: 30px 20px 40px;
}
.monkichi_playlist #contents #insideBnr {
    margin: 20px 0 0;
    display: none;
}
.monkichi_playlist .detail {
    padding: 20px;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    width: 100%;
    margin: 20px auto -1px auto;
}
.monkichi_playlist .btn .btnBack {
    display: block;
    color: #fff;
    font-size: 14px;
    border: 1px solid #ffffff;
    border-radius: 100px;
}
.monkichi_playlist .titArea .date {
    color: #000;
    font-weight: bold;
    color: #797979;
    font-size: 11px;
    text-align: right;
    margin: 0 0 10px 0;
}
.monkichi_playlist .titArea .date .year{
    font-size: 11px;
    font-weight: bold;
    margin: 0 5px;
}
.monkichi_playlist .titArea{
    margin: 0;
    border: none;
    padding: 0;

}
.monkichi_playlist .pager {
margin-bottom: 30px;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 30px;
}
.monkichi_playlist .pager a {
    color: #848080;
    font-size: 11px;
    background: #fff;
    padding:20px 10px;    
}
.monkichi_playlist .pager a .fa {
    border: none;
}
#blog.monkichi_playlist .detail .tit {
    margin: 0 0 25px;
}
#blog.monkichi_playlist .txtArea {
    margin-bottom: 0!important;
    font-size: 13px;
    line-height: 1.8em;
}

/* アプリ終了対応 */
.body-app #load{display: none;}

.body-app #contents{
	background:#fff;
	color:#000;
}
.attentionBox{
	margin: 0 auto;
	width: 90%;
	padding: 20vw 4%;
}

.attentionBox{
	color:#000;
}
.attentionBox .tit{
	text-align: center;
	font-weight: bold;
	font-size: 4.5vw;
	margin-bottom: 1em;
	line-height: 1.4;
}
.attentionBox .lead{
margin-bottom: 1em;
font-size: 1.1em;
}
.attentionBox .lead a{
color:#BC0000;
text-decoration: underline;
font-weight: bold;
padding: 2px;
}
.attentionBox .txt-link{text-align:center;}


/*====================================================
	スマートバナー
======================================================*/

#top #wrap {
    padding-top: 80px;
    transition: 0.3s ease;
}
#top.close #wrap,
#top.openmenu #wrap {
    padding-top: 0;
}
#top #header {
    top: 0px;
    position: sticky;
}
#top #header h1 {
    width: 100%;
    position: absolute;
    z-index: 100;
    height: 60px;
    background: #000;
}
#top #app-bnr {
    position: absolute;
    top: -60px;
    left: 0;
    background: #FFF;
    width: 100%;
    transform: translatey(-100%);
}
#top #app-bnr a {
    display: block;
    margin: 0 25px 0 0;
    padding: 10px 0 10px 10px;
    position: relative;
    font-size: 10px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    border-radius: 10px;
}
#top #app-bnr .icon {
    width: 60px;
    float: left;
    line-height: 0;
    margin: 0 3.5% 0 0;
    border-radius: 15px;
    border: 1px solid #ccc;
    overflow: hidden;
    box-sizing: border-box;n;
}
#top #app-bnr .txt {
    overflow: hidden;
    -webkit-flex: 1;
    flex: 1;
    margin: 0;
    font-size: 12px;
    line-height: inherit;
	color: #000;
}
#top #app-bnr .close {
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
#top #app-bnr .close:before, #top #app-bnr .close:after {
    content: '';
    width: 12px;
    height: 2px;
    background: #999;
    border-radius: 2px;
    position: absolute;
    top: 15px;
    left: 9px;
}
#top #app-bnr .close:before {
    transform: rotate(-45deg);
}
#top #app-bnr .close:after {
    transform: rotate(45deg);
}


/*====================================================
	page--notice
======================================================*/
.page--notice .list--info {
	border-top: 1px dashed;
}
.page--notice .list--info a {
    padding: 15px 0;
    border-bottom: 1px dashed;
    color: #151515;
    display: block;
}
.page--notice .list--info a .txt {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
}
.page--notice .list--info a .date {
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica Neue, Helvetica, Arial, san-serif;
    margin: 0 0 5px;
    line-height: 12px;
}
.page--notice .list--info a .date .new {
	background: none;
    color: #E83232;
    font-size: 10px;
    margin: 0 0 0 5px;
}