/* GENERAL STYLES
================================================== */
html {height:100%}

body {
	color: #000;
    font-size: 16px;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6rem; 
	margin:0;
    padding:0;
    height:100%;
    width:100%;
    -webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	word-break: break-all;
    overflow-wrap: break-word;
}

*{box-sizing: border-box; margin: 0;padding: 0;}
*:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul, li{list-style:none;}

.wrapper {
    z-index:600;
	position:relative;
}

.sub .wrapper{padding-top: 140px;}
a, a:hover, a:visited, a:active{text-decoration:none; transition: .2s;}

.pc-none{display:none;}

.d_b {display: block !important;}
.d_inb {display: inline-block !important;}
.d_t {display: table !important;}

/* テキスト設定 */
.caution{color: #f05602;}
.center{text-align:center!important;}
.t_left {text-align: left;}
.bold {font-weight: bold;}
.cl_p {color: #592f79;}
.red,.s-red {color: #ea0f0f;}

/*===========================================================
スクロールしたら表示のanimation
===========================================================*/
.animation{visibility: hidden;}

/*上からふわっと*/
.fadeInDown {
 animation-fill-mode:both;
 animation-duration:2s;
 animation-name: fadeInDown;
 visibility: visible !important;
}

@keyframes fadeInDown {
 0% { opacity: 0; transform: translateY(-80px); }
 100% { opacity: 1; transform: translateY(0); }
}

/*右からふわっと*/
.fadeInright {
 animation-fill-mode:both;
 animation-duration: 1s;
 animation-name: fadeInright;
 visibility: visible !important;
}

@keyframes fadeInright {
 0% { opacity: 0; transform: translateX(-140px); }
 100% { opacity: 1; transform: translateX(0); }
}

/* 左からふわっと*/
.fadeInleft {
 animation-fill-mode:both;
 animation-duration:1s;
 animation-name: fadeInleft;
 visibility: visible !important;
}

@keyframes fadeInleft {
 0% { opacity: 0; transform: translateX(140px); }
 100% { opacity: 1; transform: translateX(0); }
}

/* TOP_BG
================================================== */

.big-background {
    text-align:center;
    height:100%;
	position:relative;
	background:#fff;
}

/*背景画像 */
*[class^="bg_img"]{
	position: fixed;
	top: 138px; left: 0;
	width: 100%; 
}
*[class^="bg_img"] img{width:100%; height:auto;}


/*HEADER MAIN-NAV
================================================== */
h1{
	text-align: center;
	margin: 0;
    margin-bottom: 10px;
}

/* header */
#top-head {
	font-family: 'Quattrocento Sans', sans-serif;
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 20px 0;
    line-height: 1;
    z-index: 999;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}

#top-head.header-sub{/* header-sub */
	padding: 10px 0 0;
	height: 140px;
}

#top-head #global-nav {
	display: table;
	table-layout: fixed;
	width: 100%;
	max-width: 1000px;
	margin-left: auto; margin-right: auto;
	position: relative;
	z-index: 99;
}

#mobile-head, .mobile-head-title{display: none;}
.header-sub .mobile-head-title{display: block;}

#top-head .mobile-head-title h1 a{font-size: 18px; color: #2cb9e4;display: inline-block;}

/* global-nav */
.nav-menu{width: 37%; display: table-cell; vertical-align: middle;}
.nav-menu ul{display: flex; justify-content: space-between; padding-left: 0; padding-right: 70px;}
.nav-menu ul li a {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	padding: 4px;
}
.nav-menu ul li a:hover{color:#BFBFBF;}
.nav-menu ul li.fc_item a{color: #2cb9e4;}
.nav-menu ul li.fc_item a:hover{color: #83e2ff;}

.login-menu{display: table-cell; width: 20%;vertical-align: middle;}
.login-menu ul{display: flex; justify-content: space-between;}
.login-menu ul li.fanclub a, .login-menu ul li.login a{
	display: inline-block;
	width: 140px;
    text-align: center;
	background-color:#2cb9e4;
	padding:6px 12px;
	margin-right:5px;
	border-radius: 20px;
}
.login-menu ul li.mypage a{width:140px;}
.login-menu ul li.fanclubpage a{width:140px;}

.login-menu ul li.fanclub a, .login-menu ul li.login a{color: #fff;}
.login-menu ul li.fanclub a:hover,.login-menu ul li.login a:hover {background-color:#83e2ff;}


.sns-menu{display: table-cell; width: 7%;vertical-align: middle;}
.sns-menu ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 15px;
}
.sns-menu li a img{width: 20px;}
.sns-menu li a:hover{opacity: 0.7;}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
	position: fixed;
    background: rgba(255,255,255,.98);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
	z-index:999;
}


/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {position: relative;}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #FFF;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }

#google_translate_element {
	display: none;
	z-index: 500;
	position: absolute;
	top: 15px;
	right: 10px;
}


/* ABOUT SECTION
================================================== */
/*基本背景*/
.about-section {
    background: rgba(255, 255, 255, 0.98);
    padding:80px 0px 130px;
}

.about-section-container {
	width: 100%;
	max-width: 1000px;
	margin-left: auto; margin-right: auto;
    padding:0 10px 50px;
}

/* セクションタイトル */
h2.about-section-title {
	display: block;
    font-family:'Quattrocento Sans', sans-serif;
    font-size:50px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
	color:#3c3c3c;
    margin-bottom:70px;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position:center center;
	text-transform:uppercase;
	position: relative;
}

/* more */
a.about-section-btn {
	display: block;
	width: 220px;
	font-family:'Quattrocento Sans', sans-serif;
	color: #fff !important;
	font-size:26px;
	letter-spacing:2px;
    text-align:center;
    text-decoration:none;
    background:#9d8642;
	border: 1px solid #fff;
	border-radius: 50px;
    padding:20px 70px 20px 20px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	position: relative;
	margin-left: auto; margin-right: auto;
	cursor:pointer;
	-webkit-transition:.3s ease;
	transition:.3s ease;
	margin-top: 40px;
}
/* btn左寄せ */
.btn_right{ text-align: right; }

/* 矢印 */
a.about-section-btn:before, a.about-section-btn:after{
	content: "";
	display: inline-block;
	position: absolute;
	-webkit-transition:.3s ease;
	transition:.3s ease;
}
a.about-section-btn:before{
	width: 40px; height: 2px;
	background: #fff;
	top: 50%;right: 11px;
}
a.about-section-btn:after{
	width: 10px; height: 10px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(135deg);
	top: 50%; right: 12px;
	margin-top: -5px;
}

.single-section a.about-section-btn{
	width: 300px;
	font-size: 18px;
}

/*hover*/
a.about-section-btn:hover{
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	transform: translateX(10px);
}
a.about-section-btn:hover:before{
	-webkit-transition:.3s ease-in;
	transition:.3s ease-in-out;
	width: 50px;
}

/* トップバナー */
.top_bnr_area{
	max-width: 720px;
	margin-left: auto; margin-right: auto;
	text-align:center;
	padding:10px 0;
	margin-bottom: 130px;
}
.top_bnr_area a{display: block;margin-bottom: 15px;}
.top_bnr_area img{width: 100%;}
.top_bnr_area a:hover{opacity: 0.8;}

/* TOPプロフィール */
.prof-box{
	width:50%;
	margin: 0 auto;
}

.prof-box>*{
	vertical-align: top;
}

.prof-image{
	width: 100%;
    padding: 10px;
    line-height: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.prof-image img{width: 100%; height: auto;}
.prof-image figcaption{line-height: 1.2em;}

.prof_text{
	text-align: left;
	margin: 0 auto;
}
.prof_text.sub{width:100%;max-width:686px;}

.item-sns{ display: flex; }
.item-sns li{
	color: #000000;
    font-weight: 600;
    margin-top: 8px;
    display: block;
}
.item-sns img{vertical-align: middle; width:20px;}
a.item-sns{
	display: inline-block;
	background: #fff;
    padding: 5px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
	margin-right: 10px;
	text-align: center;
}
a.item-sns:hover, a.item-sns:visited, a.item-sns:active, a.item-sns:link{color: #000 !important;}
a.item-sns:hover{opacity: 0.8;}

/* メンバーメニュー */
.member-menu{margin-top: 20px;margin-bottom: 80px;text-align: center;}

.member-menu li{
	display: inline-block;
	font-size:0;
	line-height: 0;
	width: 21%;
	margin: 0 20px 40px;
	-webkit-transition: .3s;
	transition: .3s;
}

.member-menu li a{
	display: inline-block;
	font-size:0;
	line-height: 0;
	width: 100%; height: 100%;
	position: relative;
}
.member-menu li a:link, .member-menu li a:hover, .member-menu li a:active, .member-menu li a:visited{color: #000;}

.member-menu li:hover{
	-webkit-transition: .3s;
	transition: .3s;
	transform: scale(0.95); 
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
}

.member-menu_sub h3{text-align: center;}

/* MOVIE SECTION
================================================== */
#movie-list{
	display:block;
	margin:auto;
	width:80%;
}

/* SINGLE SECTION
================================================== */

.single-section {
	width: 100%;
	max-width: 1000px;
    padding:50px 0;
	margin: 0 auto ;
}

.single-section-container { padding:0 10px 50px; }

.single-section-title {
	display: block;
    font-family:'Quattrocento Sans', sans-serif;
    font-size:40px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	color:#3c3c3c;
    margin-bottom:70px;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position:center center;
	text-transform:uppercase;
	position: relative;
}

a.single-section-btn {
    font-family:'Quattrocento Sans', sans-serif;
    font-size:13px;
    text-transform:uppercase;
    text-decoration:none;
    color:#f1c40f;
    background:transparent;
    border:2px solid #f1c40f;
    padding:10px 14px;
    cursor:pointer;
    letter-spacing:2px;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
	margin-top:10px;
}
.single-section-btn:hover {
    color:#fff;
    background: #f1c40f;
}

.single-section a:link, .single-section a:visited{ color: #9e8944; }
.single-section a:hover{ color: #ceaf48; }

.single-section #acMenu a:link, .single-section #acMenu a:visited { color: #9e8944; }

.single-inner {
	color: #000;
	display: block;
	background: #fff;
	padding:30px 0;
	overflow: hidden;
}
.single-inner p{margin-bottom: 5px;text-align: left;}

/* TITLE PATTERN
================================================== */
.title01{
	font-size: 18px;
    margin: 30px 0 10px;
    padding-bottom:10px;
    border-bottom: 1px solid #b3b3b3;
}

.title02 {
	background-color: #d80000;
	color: #fff;
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 30px;
	padding: 3px 0 2px;
	text-align: center;
	width: 108px;
}

.title03 {
	color:#000;
	font-size: 18px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 12px;
	margin-bottom: 5px;
}

.title05 {
	color: #fff;
    background-color: #a6a6a6;
	padding: 15px 0;
	margin: 20px 10px;
	border-radius: 50px;
	text-align: center;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 200%;
}

.title07 {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 0px;
}

.title10 {
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	color: #000;
	font-size: 150%;
	margin: 20px;
	padding: 15px 0;
	text-align: center;
}

.title04, .title08, .title09 {
	color: #000;
	font-size: 130%;
	padding-top: 0px;
	margin-top: 0;
}

/* PROFILE SECTION
================================================== */
.prof-member {
	position: relative;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.prof-member .tile-wrap{
    width: 30%;
    padding-right: 0;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    z-index: 20;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #fff;
}

.prof-member .tile-wrap span[class^="prof_name"]{
	width:90%;
    position: absolute;
    top:80%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 20;
	font-size:15px;
	text-align: center;
	text-shadow:0px 0px 8px rgba(0,0,0,0.7);
}

.prof-member img{ backface-visibility: hidden; }

.prof-member img:hover  { opacity: 0.7;}

.disable-mouse { pointer-events: none; }
body.disable-scroll { overflow: hidden; height: 100%; }

.btn, .tile {
	display: block;
	width: 100%;
	height: 100;
	text-decoration: none;
	cursor: pointer;
	transition: 0.25s ease;
}

.tile-container { overflow: hidden; }
.btn:hover, .tile:hover { opacity: 1; }

.btn02{text-align: center;}
.btn02 a{
	color: #fff;
    padding: 20px;
    /* text-align: center; */
    background: #492b84;
    border-radius: 50px;
}
.btn02 a:hover, .btn02 a:link{color:#fff;}

.modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 100px 40px 40px;
	background: #fff;
	color: #333;
	z-index: 3000;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: 200ms ease;
}
.modal .single-section-title { color: #333; }

.modal.show{
	opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.modal-close-btn {
	display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: 0.3s ease;
}
.modal-close-btn:before, .modal-close-btn:after{
	content:"";
	display: block;
	width:100%; height:2px;
	background:#000;
	position:absolute;
	left:0; 
}
.modal-close-btn:before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.modal-close-btn:after{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
}

.modal-close-btn:hover { opacity: 1; }


/* PROFILE DETAIL
================================================== */
.prof-detail{
	width:100%;
	max-width:686px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}

.prof-area {
	width:45%;
	padding: 0 0 50px;
	overflow: hidden;
	position: relative;
}

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

.prof-text {
	text-align: left;
	color: #333;
}

.prof-text p {
	text-align: left;
	font-size: 100%;
}

.prof-name,.cd-name {
	margin: 0 0 10px 0;
	font-size: 22px;
}


/* BIOGRAPHY
================================================== */
.tablestyle2{
	width: 100%;
	table-layout: fixed;
}
th.tablestyle2-tit{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #aaa;
}
.tablestyle2-item{
	font-weight: normal;
	font-size: 14px;
	color: #7d7d7d;
}

.bio-list{margin-bottom: 20px;}
.bio-list li{
	margin-bottom: 10px;
	display: table; table-layout: fixed;
	font-size: 15px;
	text-align: left;
}

.bio-list li>*{
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}
.bio-list li>div{width: 800px;}

.bio-list li .update{
	display: block;
	color: #7d7d7d;
	font-size: 14px;
	line-height: 1.3em;
}

.bio-menu{
	margin-bottom: 30px;
	width: 80%;
    margin-left: auto;
	margin-right: auto;
	position: relative;
}

.bio-image{
	width: 400px;
    height: 580px;
    border-radius: 50px;
    line-height: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    overflow: hidden;
}
.bio-image img{
	width: 100%;
    height: auto;
}


/* DISCOGRAPHY
================================================== */
.disco-list,.disco-area {
	width: 800px;
    margin: 0 auto;
    padding: 50px 0;
    overflow: hidden;
}

.disco-list li {
	width: 190px;
	height: 300px;
	float: left;
	padding: 10px;
	border: 1px solid #AAA;
	margin: 5px;
	color: #000000;
	font-size: 11px;
}

.disco-list li figure {
	margin: 0;
}

.disco-img {
	display: block;
	width: 100%;
	height: 168px;
	text-align: center;
	vertical-align: middle;
}

.disco-img img {
	width: auto;
	height: auto;
	max-width: 168px;
	max-height: 168px;
}

.disco-photo {
	width: 300px;
	float: left;
}

.single-section .disco-list a:link h3,.single-section .disco-list a:link h3{
	color:#000;
}

.disco-text {
	width: 470px;
	float: right;
	text-align: left;
	color: #000000;
}

.disco-text p {
	text-align: left;
	font-size:90%;
}

.disco-photo .disco-img {
	width: 300px;
	height: 300px;
}

.disco-photo .disco-img img {
	max-width:	300px;
	max-height: 300px;
}

.setlist {
	padding: 0;
}

.setlist li {
	width: 460px;
	padding: 10px;
}

.setlist li:nth-child(odd) {
	background: #222;
}

.setlist li:nth-child(even) {
	background: #000;
}

.buy_bt {
	padding: 15px 20px;
	width: 190px;
	background: #000000;
	color: #ffffff;
	margin-top: 20px;
	display: inline-block;
	text-align: center;
}

a.buy_bt:link,a.buy_bt:visited {
	color: #ffffff;
}

a.buy_bt:hover {
	color: #cccccc;
}

.musicbar_title {
	margin: 30px 0 10px 0;
}

.musicbar {
	width: 80%;
}

/* MAIL MAGAZINE
================================================== */
.mailmaga {
	width:100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 50px 0;
}

.mailmaga form{
	overflow: hidden;
    vertical-align: top;
    margin: 20px 0;
}

.mailmaga p {
	text-align: left;
	font-size: 100%;
	line-height:160%;
}

.mailmagazineForm {
	width: 750px;
	padding: 20px 0;
	display: inline-block;
}

.mailmaga-form {
    float: left;
    width: 420px;
    padding: 0;
    text-align: left;
    color: #333;
}

.mailmaga-form li {
	list-style: none;
	font-weight: 600;
}

.mailmagazineForm .singleInp {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #6b6b6b;
	border-radius: 5px;
	color: #2f2f2f;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	width: 400px;
	margin-top: 5px;
}

.mailmagazineForm .sendButton {
    background: #c09153  none repeat scroll 0 0;
	border-radius: 15px;
	color: #fff;
	cursor: pointer;
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 44px;
	margin: 0 auto;
    border: none;
	overflow: hidden;
	text-align: center;
	width: 270px;
    transition: 0.3s;
}

.mailmagazineForm .sendButton:hover{
    transition: 0.3s;
    background: #c07253;
    color: #fff;
}

.submitBlock {
	float: right;
	margin: 1em auto 0;
	width: 270px;
}

/* NEWS
================================================== */
.news-list,.news-list-detail {
	margin: 0 auto;
	padding: 0px 10px;
	text-align: left;
}

.news-list li,.news-list-detail dt {
	padding: 10px 0;
	overflow: hidden;
	line-height: 195%;
	text-align: left;
}

.news-list li #gallery-1 {padding: 20px;}
#gallery-1{overflow: hidden;}

.news-list-detail dt {
	height: auto;
	font-size: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #969696;
}

.news-list-detail dt span {
	padding: 2px 3px;
	color: #ffffff;
	margin: 0 6px;
	font-size: 75%;
}

.news-list .live,.news-list-detail .live {background: #f01653;}

.news-list .event,.news-list-detail .event {background: #1687f0;}

.news-list-detail dd img {
	max-width: 780px;
	max-height: auto;
	height: auto;
}

.news-list p,.news-in,.news-in p,.news-list-detail dd p {
	font-size: 100%;
	text-align: left;
}

.news-list p {margin: 0 0 5px 0;}



.single-section .news-list span.more_news a:link,.single-section .news-list span.more_news a:visited {
	padding-left: 5px;
	text-decoration: underline;
	color: #ff9900;
	font-size: 75%;
}

.main-section-container {
	width: 100%;
	display: inline-block;
}





/* カテゴリーリスト */
.cate_list {margin-bottom: 30px; text-align: left;}
.cate_list li {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 10px;
}
.cate_list li a{ display: block; }
.cate_list li a:link, .cate_list li a:visited{color: #fff;}

/* カテゴリーアイコン */
.cate_icon {
	padding: 4px 10px;
    background: #79a7b5;
    color: #fff;
    display: inline-block;
	font-size: 12px;
	text-align: center;
	width:100px;
	line-height: 1;
	border-radius: 10px;
	cursor: pointer;
}

.cate_icon.news{background:#94663f;}
.cate_icon.info{background:#943f73;}
.cate_icon.live{background:#d07061;}
.cate_icon.release{background:#94413f;}
.cate_icon.media{background:#d0b661;}
.cate_icon.fanclub{background:#b9d061;}

/* 新着アイコン */
.cate_new_icon {
    color: #dd3131;
    display: inline-block;
    font-size: 12px;
	position: absolute;
}

.news-list .cate_new_icon{margin-left: 5px;}


/* schedule
================================================== */
.news-list-content{display: none;}
.news-list-content.show{display: block;}

/*QA
================================================== */
#acMenu{margin-bottom: 20px;}

#acMenu dt{
    display:block;
    line-height:20px;
    text-align:left;
    border-bottom:#fff 1px solid;
    cursor:pointer;
	padding:12px;
	color:#fff;
    background: #94413f;
}
#acMenu dd{
    color: #000;
    line-height:1.7em;
    text-align:left;
    display:none;
	margin:0px;
	padding:12px;
	border:#1a6880 1px solid;
	border-top: none;
    background: #fff;
}

/* Environment
================================================== */
.list2 { overflow: hidden; }
.list2 li {
	display: table-cell;
	width: 50%;
	float: left;
	padding: 0;
}
.list2 li span {
	vertical-align: top;
	display: inline-block;
	padding: 10px 0 0 20px;
}

.liststyle1,.liststyle1 li {
	list-style: circle;
}

#member-table{border: 1px solid #717171; width:100%}

#member-table tr>*{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#member-table tr:last-child>*{border-bottom: none;}

#member-table tr td.lorange{color:#000;}

.member-table-title{width: 200px; border-right: 1px solid #ccc;}

/* Contact
================================================== */
.contact_form {
	width: 100%;
	display: inline-block;
	margin: 30px 0;
	border-top: 2px dotted #ffffff;
	border-bottom: 2px dotted #ffffff;
	padding: 30px 0;
}

.contact_form_box {
	width: 100%;
	display: inline-block;
	text-align: left;
}

.contact_form label {
	float: left;
	width: 20%;
	padding: 10px 0;
	clear:both;
}
.contact_form .contact_a {
	float: left;
	width: 65%;
	padding: 10px 0;
 	color: #000;
}
.contact_form .contact_a input, .contact_form .contact_a textarea{width: 100%;}

input[type="text"], input[type="email"], input[type="password"], textarea{
	border: 1px solid #a6a6a6; padding: 0 5px;
	width: 100%;
	margin-bottom: 1em;
	color: #000;
}

input#confirm {
    width: 240px;
    height: 80px;
}

.form-honbun {
	width: 100%;
	height: 250px;
}

.btn-default {
	padding: 15px 50px;
	background: #cccccc;
	color: #000000;
	border-radius: 10px;
}

.wpcf7-submit, .wpcf7-submit2{
	display: inline-block;
	width: 300px;
	color: #fff;
	font-weight: bold;
    font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px 50px;
	margin: 20px auto;
	border:none;
	border-radius: 30px;
    transition: 0.3s;
}
.wpcf7-submit {background: #943f73 !important;}
.wpcf7-submit2 {background: #3291ea !important;}

.wpcf7-submit:hover {
	transition: 0.3s;
    color: #fff;
    background: #d259a3 !important;
}
.wpcf7-submit2:hover {
	transition: 0.3s;
    color: #fff;
    background: #1776cf !important;
}


.wpcf7-not-valid-tip {
	display: block;
	color: #ff0534;
}

.screen-reader-response,.wpcf7-mail-sent-ok {
	color: #ff0534;
	font-weight: bold;
	font-size: 115%;
	padding: 10px 0 0 0;
}

.contact_kome {
	line-height: 100%
}

/* Coming soon
================================================== */
.cstitle {
	padding: 100px 0 20px 0;
}

.comingsoon {
	text-align: center;
	padding: 50px 0 50px 0;
	color: #000;
}

/* SMALL VIDEO BACKGROUND
================================================== */
.small-background-section {
    font-family:'Exo 2',sans-serif;
    padding:100px 0;
    position:relative;
    width:100%;
    overflow:hidden
}

.small-background-container {
    position:relative;
    text-align:center
}

.small-background-title {
    font-size:40px;
    color:#2cb9e4;
    font-weight:300;
    z-index:10;
    display:inline-block;
    text-transform:uppercase;
    margin-bottom:20px;
    margin-top: 20px;
    position:relative;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position:top center
}


/*commont
================================================== */
.sub-text{
	font-size:90%;
	color:#FFF;
	width:100%;
	line-height:2em;
	padding:24px 0;
}

/* Privacy
================================================== */
.list3 {padding: 0;}

/*INFORMATION
================================================== */
#topics{
	width: 100%;
	max-width:1000px;
	margin: auto;
	text-align: left;
}

h2.topics-title{
	width: 140px;
	height: 100px;
	background-color: #000;
	position:relative;
	font-size: 122%;
	margin-top: 34px;
}

h2.topics-title span{
	color:#FFF;
	position: absolute;
	top: 36%;
	text-align: center;
	display: block;
	left: 25%;
}

ul#topics-list{margin-left: auto; margin-right: auto;}

ul#topics-list li{
	display: table;
	table-layout: fixed;
	width: 100%;
	color:#000;
	font-weight: 700;
	border-bottom:1px solid #585858;
	padding: 28px 0 12px;
	overflow: hidden;
	transition: .3s;
}

ul#topics-list li>*{display: inline-block;}
ul#topics-list li a, ul#topics-list li a:visited, ul#topics-list li a:hover{color:#000;}
ul#topics-list li:hover{opacity: 0.6; transition: .3s;}
.update{
	width: 90px;
	font-size:14px;
	color:#7d7d7d;
	margin-right: 10px;
}

ul#topics-list li a{margin-left: 40px;}

.wp-pagenavi {margin-top:20px; clear: both;}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 1px 5px !important;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}


/* Login
================================================== */
.gray_frame {
	padding: 20px 50px;
	border: 3px solid #777777;
	width: 80%;
	margin: 0 auto;
}
.gray_frame input {color: #000000;}
.gray_frame p {font-size: 100%;}

.gray_frame_left {
	width: 31%;
	float: left;
	text-align: left;
	padding: 5px 0 0;
}
.gray_frame_right {
	width: 65%;
	float: right;
	text-align: left;
}

.dis_ib {display: inline-block;}
.wd80p {width: 80%;}
.wd95p{
	width:95%;
	margin:auto;
	display:block;
}
.wd100 {width: 100%;}
.wd100p {width: 100%;}
.wdmx300{width:50%;}
.m_lr_auto {
	margin-left: auto;
	margin-right: auto;
}
.box40 {width: 80%;}
.pt10 {padding-top: 10px;}
.ptb20 {padding: 20px 0;}
.mb20 {margin-bottom: 20px;}
.pt0 {padding-top: 0 !important;}

.fontstyle1{
    color: #ff0000;
    font-weight: bold;
}
.war_red {
	background-color:#FFF;
	border:1px solid #CCC;
	color: #ff0000;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}
.war_orange{color: #ff9900;}
.small {font-size: 50%;}

/* log_bt */
.log_bt {padding: 20px 0;}
.log_bt >input[type="submit"], .single-section .log_bt >a{
    display: block;
    width: 320px;
    color: #fff;
    font-weight: 800;
	font-size: 18px;
	text-align: center;
    padding: 15px 0;
    background: #2cb9e4;
    border:none; border-radius: 50px;
    margin-left: auto; margin-right: auto;
    transition: 0.3s;
}
.log_bt >input[type="submit"]:hover, .single-section .log_bt >a:hover{
    transition: 0.3s;
    color: #fff;
    background: #125dc3;
}

.log_btn{
	display: block;
	width:20%;
	font-weight: bold;
	text-align:center;
	background-color:#2cb9e4;
	color:#FFF!important;
	padding:6px 25px;
	margin:0 auto;
	border: none;
    border-radius: 50px;
}

#login_errmesg {
	color: #ffffff;
	padding-bottom: 10px;
}

/* FC
================================================== */

.single-section-title2 {
	border-bottom: 1px solid #2cb9e4;
	font-family: "Raleway",sans-serif;
	font-size: 25px;
	margin: 40px 0 25px;
	padding-bottom: 17px;
}

.single-inner.about_fc{
	background: none;
	border: none;
}

.about_fc .agree {
	border: 2px solid #e1e1e1;
	padding: 10px 20px;
	margin-top: 20px;
	height: 200px;
	overflow: auto;
}

.textInner.agree{text-align: left;}
.agree p, .privacy p{
	padding-left: 1em;
    text-indent: -1em;
}


/* Fanpage
================================================== */

.bk_op {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 10px;
}

.img_title {
	text-align: center;
	margin: 10px auto 20px;
}

.single-inner .fanname { text-align: center;font-size: 130%; margin-bottom: 50px;}

.fanmenu {
	width: 635px;
	padding: 40px 0;
	margin: 0 auto;
}
.fanmenu li{padding:5px;}
.fanmenu a:hover {opacity: 0.5;}



.con_bt {
	width: 300px;
	height: 150px;
	background: url(../images/fanpage/con_bt.jpg);
	border: 0px;
}

.news-list-detail dt .font-size1 {
	font-size: 150%;
}

.news-list-detail dt .font-size2 {
	font-size: 115%;
}

.member_benefits {margin: 0 0 5px 20px;}

.member_benefits li {
	display: list-item;
	list-style-type: square;
}

/* アイキャッチリスト */
.eyecatch-list{overflow: hidden;}

.eyecatch-list li {
	border-bottom: 1px solid #d2d2d2;
	padding: 15px 5px;
}
.eyecatch-list li a{display: block; line-height: 0; transition: 0.3s;}
.eyecatch-list li a:hover{opacity: 0.3; transition: 0.3s;}
.eyecatch-list li a>*{display: inline-block;}

.eyecatch_img {margin-right: 10px; line-height: 0;}
.eyecatch_img img { width: 100%; height: auto; }
.eyecatch_img:empty{display: none;}

.eyecatch_txt {
	line-height: 1.4;
	vertical-align: top;
}
.eyecatch_txt h3{color: #333;}

/* アイキャッチリスト(2カラム) */
.eyecatch-list:after{
	content: "";
	display: block;
	width:100%; height:0;
	clear: both;}
.eyecatch-list.el1 li {
	width: 48%;
	float: left;
	margin: 0 1%;
}
.eyecatch-list.el1 li:nth-child(2n){float:right;}


/* Fanpage photo
================================================== */
.gallery-item{
    float: left;
    overflow: hidden;
    padding:0 10px;
    text-align: center;
}

.gallery-item dt{border-bottom: none;}
.gallery-item a{display: block;}
.gallery-item img{width: 100%; height: auto;}

.gallery-caption{margin:0!important;}

/* Fanpage movie
================================================== */
.movie-list {
	padding: 0 20px;
	margin: 0;
}

.movie-list li {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}

.movie-list li h3 { color: #f1c40f; }

.movie-list li iframe { height: 405px; }

.wp-video{ margin:auto; }

/* Change password
================================================== */
.sendButton_in {
	background: #2cb9e4 none repeat scroll 0 0;
	color: #fff !important;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 350px;
	border-radius: 30px;
}

/* Mypage
================================================== */
.mypage_menu {
	width: 240px;
	float: left;
}

.mypage_data {
	width: 530px;
	float: right;
}

.mypage_menu ul {
	margin: 0;
	padding: 0;
}

.mypage_menu li {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}

.mypage_menu li:last-child {
	border-bottom: none;
}

.mypage_menu li a {
	display: block;
	position: relative;
	z-index: 10;
	height: 40px;
	margin: 0;
	padding: 0px 10px 0px 50px;
	background: #a20050;
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
}

.mypage_menu li a:link,.mypage_menu li a:visited {
	color: #ffffff;
}

.mypage_menu li a:hover {
	background: #ca1d74;
}

.mypage_menu li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
}

.mypage_menu li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #434343;
}

.mypage_data_in {
	margin-top: 0;
	border: 3px solid #ebebeb;
}

.mypage_data_in dt {
	background: #a20050;
	font-size: 130%;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
}

.mypage_data_in dd {
	background: #ffffff;
	font-size: 120%;
	padding: 10px;
	margin: 0;
    color: #000;
}


/*=====================================
会員更新用ページ
=====================================*/

/* 更新ボタン */
.updata_btn{
	position: relative;
	display: block;
	padding:24px;
	width: 94%;
	color: #f2f1f1;
	font-size: 18px;
	text-decoration: none;
	line-height: 30px;
	text-align: center!important;
	text-shadow: 0px 1px 0px #222;
	background: #586170;
	background: -webkit-gradient(linear, left top, left bottom, from(#586170), to(#424551));
	background: -moz-linear-gradient(top,#586170,#424551);
	background: -o-linear-gradient(top,#586170,#424551);
	background: -ms-linear-gradient(top,#586170,#424551);
	background: linear-gradient(top,#586170,#424551);
	border: 3px double #AAA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:30px;
	transition: .2s;
}

.updata_btn:hover {
	color: #f2f1f1;
	background: #3f4551;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#333640));
	background: -moz-linear-gradient(top,#3f4551,#333640);
	background: -o-linear-gradient(top,#3f4551,#333640);
	background: -ms-linear-gradient(top,#3f4551,#333640);
	background: linear-gradient(top,#3f4551,#333640);
	transition: .2s;
}

/* 更新フロー */
.pankuzu{
	width:800px;
	padding:12px;
	border:1px solid #CCC;
	display:block;
	margin:auto;
}

.pankuzu .pankuzu_pan{
	background-color:#f1c40f;
	color:#333;
	padding:5px;
	border-radius: 0.5em;
}

/*===========================================================
会員更新用 END
===========================================================*/



.change_pass {width: 100%;}

.change_pass label {display: block;}

.mailmagazineForm .change_pass_text {
	width: 500px;
	margin: 0 0 20px 0;
}

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

.new_pass span {
	font-weight: bold;
	font-size: 120%;
}

.change_pass_box {
	width: 520px !important;
	margin: 0 auto;
	display: block;
}

.change_pass_box .submitBlock {
	width: 520px !important;
	float: none;
	text-align: center;
}

.pass_retype {
	width: 100%;
	border-spacing: 5px;
	border-collapse: separate;
}

.pass_retype th {
	background: #cccccc;
	padding: 10px;
	color: #000000;
	width: 30%;
}

.pass_retype td {
	padding: 10px;
	border: 1px solid #cccccc;
}

.single-inner p.fs120 { font-size: 120%; }

.mypage_set1 { text-align: center; }

.t_center {
	text-align: center !important;
	position: relative;
}



/* Present
================================================== */
.present_page {color: #ffffff;}

.present_page input,.topbtn a {
	width: 200px;
	padding: 20px;
	border: none;
	background: #ff0066;
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin: 0 auto;
}

.topbtn a:link,.topbtn a:visited,.topbtn a:hover {
	color: #ffffff;
}

.mbpb0 { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.presentUl {
	width: 100%;
	margin: 0;
	padding: 0;
}

.presentUl li {
	width: 100%;
	border-bottom: 1px solid #ffffff;
	text-align: left;
	padding: 10px 0;
}


/* 会員規約
================================================== */
.agree_frame_box {
	border: 2px solid #ffffff;
	padding: 10px 20px;
	margin-top: 20px;
}

/* 会員登録
================================================== */

.formStyle01 form{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.formStyle01 form table{width: 100%;}
.formStyle01 form table td{width: 60%;}
.formStyle01 form table td input{width: 100%;}
.form_area tr th, .form_area tr td{
	padding-bottom: 10px;
	text-align: left;
}

#card_form table th, #card_form table td{text-align: left;}

/* ボタン
================================================== */
.btstyle {
	text-align: center;
	padding: 20px 0;
}

.btstyle a,.btstyle input[type="submit"] {
	display: block;
	background: -moz-linear-gradient(left,  #57ea46 0%, #164b9a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #57ea46 0%,#164b9a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #57ea46 0%,#164b9a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5678d', endColorstr='#6763ad',GradientType=1 ); /* IE6-9 */
	padding: 20px 30px;
	width: 400px;
	font-size: 15px;
	border: 3px solid #fff;
	font-weight: bold;
	margin: 0 auto;
	color: #ffffff;
	transition: 0.2s;
}

.btstyle a:link,.btstyle a:visited { color: #ffffff; }
.btstyle a:hover,.btstyle input:hover{
	transition: 0.2s;
	background: -moz-linear-gradient(left,  #57ea46 20%, #16829a  100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #57ea46 20%,#16829a  100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #57ea46 20%,#16829a  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.submit_box input[type="submit"]{
	width: 100%;
    max-width: 280px;
	color: #fff;
    font-weight: 700;
    font-size: 18px;
	padding: 10px;
    background: #3291ea;
    border: none;
	border-radius: 50px;
	transition: .3s;
}
.submit_box input[type="submit"]:hover{background: #1776cf;transition: .3s;}

input[class="sendButton"]{
	width: 100%;
    max-width: 280px;
	color: #fff;
    font-weight: 700;
    font-size: 18px;
	padding: 10px;
    background: #2cb9e4;
    border: none;
	border-radius: 50px;
	transition: .3s;
}
input[class="sendButton"]:hover{background: #83e2ff;transition: .3s;}

.btstyle01{
	background-color: #dfffb2;
    padding: 18px;
    text-align: center;
    border: 1px solid #2cb9e4;
}

.btnstyle3{text-align:center;}
.btnstyle3>*{
	display: block;
	width: 100%;
    max-width: 300px;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
	background: #125dc3;
	border-radius:50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}


/*footer
================================================== */

#footer{
	padding: 20px 0 0;
    background: #9d8642;
}

#footer a:link, #footer a:visited{ color:#fff!important; }

#footer a:hover{opacity: 0.6;}

.footer_ac{
	padding:0;
	text-align: center;
}

ul.footer_ac li{
	display: inline-block;
	font-size: 13px;
	text-decoration: #333;
}
ul.footer_ac li:not(:last-child){margin-right: 20px;}

.footer-menu{
	width: 100%;
	max-width: 1000px;
	margin-left: auto; margin-right: auto;
}

small{display: block;color: rgba(255,255,255,0.8); font-size: 12px;text-align: center;padding: 20px 0;background: #9d8642;}

video::-internal-media-controls-download-button {
 display:none;
}

video::-webkit-media-controls-enclosure {
 overflow:hidden;
}

video::-webkit-media-controls-panel {
 width: calc(100% + 30px); /* Adjust as needed */
}


/*===========================================================
メンバーギャラリー　lightbox
===========================================================*/
#lightbox{ top: 20%!important; }

#outerImageContainer{
	width:90%!important;
    max-width: 570px!important;
    height: auto!important;
}

#lightboxImage {
	width:100%!important;
    max-width: 640px!important;
     height: auto!important;
}

#imageDataContainer{
	max-width:570px !important;
    width: 100% !important;
}

#hoverNav a{
    width: 15%!important;
	height: 100%!important;
	transition: none;
}

.wpcf7-form {
	margin: 0 auto;
	padding: 0;
}
.wpcf7-form-control-wrap>input{color:#000;}

div.wpcf7 .ajax-loader{
	position: absolute;
	top:50%;
}

/* Entry-Agreement
================================================== */
/* 入会手順 */
.step {
	width: 650px;
	margin: 80px auto 50px;
}

.step table {
	width: 100%;
	border-collapse: collapse;
}

.step th {
	width: 18%;
	font-size: 22px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #717171;
	border-right: none;
	background-color: #717171;
	color: #fff;
}

.step td {
	padding: 12px 30px 12px 57px;
	width: 82%;
	color:#000;
	font-size: 16px;
	line-height: 1.6;
	border: 2px solid #717171;
	border-left: none;
	background: #fff;
}

.step .arrow {
	padding: 13px 0 10px;
	height: 13px;
	border: none;
	background: url("../images/entry-agreement/arrow.png") no-repeat center center;
}

.fee {
	width: 390px;
	float: left;
}

.fee dt {
	margin-bottom: 6px;
	font-size: 25px;
	line-height: 145%;
}

.fee dt span {
	font-weight: 700;
}

.fee dd {
	padding-bottom: 22px;
	font-size: 14px;
	line-height: 25px;
	margin-left: 0;
}

.fee dd .note {
	margin-top: 15px;
	display: block;
}

.expiration {
	width: 400px;
	float: right;
}

.expiration .dis_ib {
	display: inline-block;
	width: 400px;
}

.expiration .title {
	margin: 0 0 32px;
	line-height: 1.5;
}

.expiration .dateLine {
	height: 30px;
	position: relative;
	background-color: #CCC;
	margin: 80px 0 0;
}

.expiration .dateLine .join {
	width: 15%;
	height: 30px;
	float: left;
	background-color: #CCC;
}

.expiration .dateLine .exp {
	padding-top: 5px;
	width: 85%;
	height: 25px;
	float: right;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	background-color: #d90000;
}

.expiration .dateLine .joinP {
	padding-bottom: 18px;
	font-size: 14px;
	line-height: 2.1;
	position: absolute;
	left: 0;
	top: -88px;
	background: url("../images/entry-agreement/arrow2.png") no-repeat 52px bottom;
}

.expiration .dateLine .joinP span,
.expiration .dateLine .expP span {
	display: block;
	font-weight: 700;
}

.expiration .dateLine .expP {
	padding-bottom: 18px;
	color: #D80000;
	font-size: 14px;
	line-height: 2.1;
	position: absolute;
	right: 0;
	top: -88px;
	text-align: right;
	background: url("../images/entry-agreement/arrow3.png") no-repeat right bottom;
}

.textInner .red {
	color: #d90000;
}

.textInner .scroll {
	border: 2px solid #ccc;
	height: 250px;
	overflow-y: scroll;
	padding: 6px 13px;
}

/* bt */
.entry-agreement-bt {margin: 20px 0;}

.entry-agreement-bt .comBtn01 {
	width: 350px;
	margin: 0 auto;
}

/* comBtn */
.comBtn01, .comBtn02 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	position: relative;
	border-radius: 30px;
	behavior: url(/js/pie.htc);
	background: #3291ea !important;
}
.comBtn01 span, .comBtn02 span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 30px;
	-webkit-transition: all .3s;
	transition: all .3s;
	behavior: url(/js/pie.htc);
	background: #3291ea !important;
}
.comBtn01 a, .comBtn01 a:link,
.comBtn01 input,
.comBtn02 a, .comBtn02 a:link,
.comBtn02 input {
	padding: 14px 0 13px;
	width: 100%;
	display: block;
	font-size: 15px;
	color: #fff;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	border: none;
	border-radius: 30px;
	position: relative;
	background-color: #3291ea !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.comBtn01 a:hover,
.comBtn01 input:hover,
.comBtn02 a:hover,
.comBtn02 input:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #1776cf !important;
}
.comBtn02  input:disabled {
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 12px 0px 12px;
	background-color: #649ace !important;
}
.comBtn03, .comBtn04 {
	margin: 20px auto 10px;
	width: 260px;
	color: #FFF !important;
	font-size: 16px;
	text-align: center;
	position: relative;
	border-radius: 30px;
	background-color: #78cc00;
}
.comBtn03 a,
.comBtn03 input,
.comBtn04 >* {
	padding: 15px 0 14px;
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #FFF !important;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	border: none;
	border-radius: 30px;
	position: relative;
	background-color: #78cc00;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.comBtn04 >*{font-weight: normal;}

.comBtn03 a:hover,
.comBtn03 input:hover,
.comBtn04>*:hover {
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #aaec4c;
}

.commonbtn>*{
	display: inline-block;
	padding: 10px 30px;
	color: #fff !important;
	background-color: #78cc00;
	background-image: none;
	border-radius: 10px;
}
.commonbtn>*:hover{background-color: #aaec4c;}

/* グレーアウトボタン */
*[class^="comBtn"].btn_none{overflow: hidden;}
*[class^="comBtn"].btn_none:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
}

/* 会員登録フォーム */
#member-table {
	width: 100%;
	margin-top: 20px;
}

#td135 { width: 35%; }
#td402 { width: 65%; }

#member-table td#no-border,#member-table td.no-border {
	border: 0;
	padding: 0.1em;
}

div#to-memberconf {
	margin-top: 20px;
	text-align: center;
 }

.lorange {
	background-color: #ececec;
	font-weight: bold;
}


#member-table input,#member-table select {color: #000000;}
#member-table .box6 {width: 20%;}
#member-table .box15 {width: 30%;}
#member-table .box40,#member-table .box33 {width: 80%;}

#member-table .small {font-size: 90%;}
#member-table ul {padding: 0;}
#member-table li {width: 100%;}

#card_form table td{padding-bottom: 10px;}

.submit_box{
	text-align: center;
	margin-top: 30px;
}

.submit_box input[type="submit"]{
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
	background: #78cc00;
	border: none;
	border-radius: 40px;
}
.submit_box input[type="submit"]:hover{background: #aaec4c;}

#submitbutton {
	font-weight: bold;
	padding: 10px 20px;
	color: #fff;
	background: #78cc00;
	border: none;
	border-radius: 40px;
}
#submitbutton:hover{background: #aaec4c;}

#submitbutton_update{
	background: #f5df44;
	border: none;
}


.war_receipt_money {
	background: #ffffff;
	border-radius: 25px;
	border: 4px dotted #797979;
	color: #ff0000;
	padding: 25px 15px 15px 15px;
}

.single-inner p.war_receipt_money_title {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	margin-bottom: 0px;
}

ul.war_receipt_money_list {
	line-height: 160%;
	list-style-type: disc !important;
	margin-top: 0;
	display: block;
	padding-left: 15px;
}

ul.war_receipt_money_list li {
	list-style-type: disc !important;
	display: list-item;
}

.war_receipt_money span {
	font-weight: bold;
	text-decoration: underline;
}

/* 会員継続フォーム */

.form_erea{
	width:100%;
	text-align:center;
	margin-top:50px;
}

.list3 {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

.list3 li {
	width: 30%;
	padding-left: 20px;
}

.form_erea .list3{width: auto;}
.form_erea .list3 li{width: auto; padding-left: 0; margin-bottom: 30px;}
.form_erea .list3.col02 li{
	display: inline-block;
	width: 47%;
	margin-right: 2%;
}

.comBtn_keizoku {
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	position: relative;
	border-radius: 10px;
	background:  #b82121;
	padding:12px;
}
.comBtn_keizoku span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 4px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.comBtn_keizoku:hover{background:  #cf2c2c;}

.comBtn_keizoku_no {
	width: 70%;
	max-width: 400px;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	position: relative;
	border-radius: 10px;
	background-color:#505050;
	padding:12px;
	margin-left: auto; margin-right: auto;
}

.present_btn {
  display: inline-block;
  width: 180px;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 4px;
    background-image: linear-gradient(-90deg, #FF006E, #a000ff);
  transition: .5s;
  background-size: 200%;
}

.present_btn:hover {
  background-position: right center;
}

.topyoutube {
    width: 700px;
    height: 350px;
}