@charset "UTF-8";
/*
Theme Name: TGC'21SS
Description: TOKYO GIRLS COLLECTION '21SS Official Web Site
Theme URI: https://tgc.girlswalker.com/21ss
*/

/* CSSリセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul {
    list-style: outside none none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

a {
    background: none repeat scroll 0 0 transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

address, em {
    font-style: normal;
}


/*-----------------------------------------------
base
-----------------------------------------------*/
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans CJK JP"), local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

html {
    width: 100%;
    height: 100%;
    font-size: 62.5%;
    overflow-y: scroll;
}

body {
    color: #000;
    /* color: #6c2b2f; */
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ ゴシック", Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 320px;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    position: relative;

    /* background-image: url('images/common/bg-obj-right.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 275.5px 1000px; */

    /* background-color: #47c5f7; */
}

@media (max-width: 640px) {
	body {
		/* background-image: none; */

	    /* background-image: url('images/common/bg-obj-all-sp.png');
   		background-repeat: repeat-y;
        background-position: center top;
    	background-size: 100% auto; */
    }
}

/*-----------------------------------------------
General Setting
-----------------------------------------------*/
a {
    color: #000;
    text-decoration: none;
    -webkit-transform: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

a:hover {
    /* color: #9b5055; */
    opacity: 0.6;
    text-decoration: none;
}

.clear {
    display: block;
    clear: both;
}

.cf:after {
    content: "";
    display: block;
    clear: both;
}

.font_noto {
    font-family: "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ ゴシック", Helvetica, sans-serif;
}

.font_worksans {
    font-family: 'Work Sans', "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ ゴシック", Helvetica, sans-serif;
}

/* .font_lato {
    font-family: 'Lato', "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ ゴシック", Helvetica, sans-serif;
} */

.font_roboto {
    font-family: 'Roboto', "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ ゴシック", Helvetica, sans-serif;
}

.hide-text {
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    padding: 0;
    border: 0;
}

@media (max-width: 640px) {
	.pd15-sp {padding: 0 15px !important;}
	.pd20-sp {padding: 0 20px !important;}
	.pd25-sp {padding: 0 25px !important;}
	.pd30-sp {padding: 0 30px !important;}
	.pd35-sp {padding: 0 35px !important;}
	.pd40-sp {padding: 0 40px !important;}
	.pd45-sp {padding: 0 45px !important;}
}

span.red1 {
  color: #ff0000;
}

/*-----------------------------------------------
wrapper
-----------------------------------------------*/
/*---------------*/
/*パーティクル*/
/*---------------*/
.bg-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    overflow: hidden;
/*     background-color: #171c61; */
	background-image: url('images/common/bg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    z-index: 1;
}

.bg-main.backred {
    background-image: unset;
    background-color: red;
}

/* .bg-main::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: url('images/common/bg-obj-right.png');
    background-repeat: repeat-y;
    background-position: right;
    background-size: 277px 1000px;
    z-index: 1;
} */

.bg-main .bg-dot {
    width: 100%;
    height: 100vh;
/*     background-image: url(images/common/bg_dot_03.png); */
/* 	background-repeat: repeat; */
/*     background-size: 4px 4px; */
    background-color: rgba(0,0,0,0.08);
    position: absolute;
    z-index: 5;
}

/* @media (min-width: 640px) {
	.bg-main {
	    background-size: 50%;
    }
} */


@media (min-width: 1025px) {
	.bg-main {
        left: 221px;
    	width: calc(100% - 219px);
		/* left: 200px;
    	width: calc(100% - 200px); */
/*         background-attachment: fixed; */
    }
}

@media screen and (max-width: 640px) {
    /* .bg-main,
    .bg-main::after {
        background-image: unset;
    } */
    /* .bg-main {
        background-image: url('images/common/bg-obj-all-sp.png');
    } */
}
#wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 0;
    margin: 80px 0 0;
    padding: 0;
    overflow: hidden;
    z-index: 10;
}

@media (min-width: 1025px) {
    #wrapper {
        float: right;
        margin-top: 0;
        margin-left: -220px;
        padding-left: 220px;
    }
}

#side {
    float: left;
    width: 220px;
}

img, iframe {
    max-width: 100%;
}

/* フルードイメージ */
img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1;
}

#content {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    position: relative;
}

.button, .button::before, .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

.button::after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: '';
    margin-top: -4px;
    border-left-color: #000;
    width: 8px;
    height: 8px;
    border-top: 2px solid #6f6f6f;
    border-right: 2px solid #6f6f6f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

.button:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.coming_text {
    text-align: center;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.coming_text.coming_text_wh {
    /* color: #fff; */
    margin: 30px auto 70px;
    z-index: 100;
    position: relative;
}

.coming_text.artist_coming{
	display: inline-block;
	padding-bottom: 30px;
}

@media (min-width: 640px) {
    .coming_text {
        font-size: 40px;
        font-size: 4.0rem;
    }
	.coming_text.coming_text_wh {
    	margin: 80px auto;
	}
	.coming_text.coming_text_wh_artist {
    	margin: 100px auto 150px !important;
	}
}

/*-----------------------------------------------
header
-----------------------------------------------*/
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
	backface-visibility: hidden;
}

/*-----------------------------------------------
footer
-----------------------------------------------*/
#footer {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: #333333;
}

@media (min-width: 640px) {
    #footer_wave {
        height: 105px;
        background-size: 1440px 105px;
    }
}

#footer_inner {
    width: 100%;
    max-width: 1020px;
    height: auto;
    margin: 0 auto;
    padding: 50px 10px 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 28px;
}

@media (min-width: 640px) {
    #footer_inner {
        padding: 80px 0 5px;
        margin-bottom: 0;
    }
}

.foot-logo {
    max-width: 400px;
    margin: auto auto 50px;
}

.foot-logo:hover {
    opacity: 0.8;
}

#foot-navi {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    color: #fff;
}

@media (max-width: 640px) {
  #foot-navi {
    margin: auto 0px 60px;
  }
}

#foot-navi li {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    text-align: left;
}

@media (max-width: 640px) {
	#foot-navi li.footer_link_menu{
		padding: 0 10px;
	}
}

#foot-navi li.sns-nav {
    display: none;
}

#foot-navi li dl,
#foot-navi li dl dd ul {
    width: 100%;
    height: auto;
}

#foot-navi li dl {
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#foot-navi li dl.fnav3 {
    padding: 30px 10px 0;
    border-bottom: none;
}

#foot-navi li dl dt {
    padding: 16px 0 16px 12px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    position: relative;
}
@media (max-width: 640px) {
	#foot-navi li dl dt {
    	padding: 16px 0 16px;
    }
}

#foot-navi li dl.fnav3 dt {
    display: none;
}

#foot-navi li dl dt::after {
    content: '+';
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    top: 16px;
    right: 20px;
    width: 6px;
    height: 6px;
    position: absolute;
}

#foot-navi li dl dt.active::after {
    content: '-';
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    top: 16px;
    right: 20px;
    width: 6px;
    height: 6px;
    position: absolute;
}

#foot-navi li dl dd{
	display: none;
	overflow: hidden;
	margin-bottom: 16px;
}

@media (min-width: 640px) {
    #foot-navi {
        width: 85%;
        /*width: 100%;*/
        margin: 0 auto 80px;
    }
    #foot-navi li {
        width: 30%;
    }
    #foot-navi li.official-nav {
        width: 50%;
    }
    #foot-navi li.main-nav {
        width: 20%;
    }
    #foot-navi li.sns-nav {
        display: inline-block;
    }
    #foot-navi li dl {
        padding: 0;
        border-bottom: none;
        box-shadow: none;
    }
    #foot-navi li dl dt {
        padding: 0 0 10px 12px;
        font-weight: bold;
    }
    #foot-navi li dl.fnav3 dt {
        display: none;
    }
    #foot-navi li dl dt::after {
        width: 0;
        height: 0;
        content: none;
    }
    #foot-navi li dl dd {
        margin-bottom: 0;
        display: block;
    }
}

#foot-navi li dl dd ul li {
    width: 100%;
    height: auto;
    margin-top: 4px;
    /* margin-top: 10px; */
    /* color: #8a8a8a; */
}

#foot-navi li dl dd ul li:first-child {
    margin-top: 0;
}

#foot-navi li dl dd ul li.en-link {
    margin-top: 36px;
}

#foot-navi li dl dd ul li:before {
    content: '';
    width: 12px;
    height: 12px;
    padding-left: 16px;
    background: url('images/common/arrow-footnav.png') left center no-repeat;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    filter: alpha(opacity=0);
    opacity: 0;
}

@media (max-width: 640px) {
	#foot-navi li dl dd ul li:before {
		display: none;
	}
}

#foot-navi li dl dd ul li:hover:before {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-animation: footnav-arrow 0.8s linear infinite;
    -moz-animation: footnav-arrow 0.8s linear infinite;
    animation: footnav-arrow 0.8s linear infinite;
}

#foot-navi li dl dd ul li.nolink:hover:before {
    filter: alpha(opacity=0);
    opacity: 0;
}

#foot-navi li dl dd ul li a,
#foot-navi li dl dd ul li span {
    color: #fff;
    font-size: 93%;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    line-height: 2.0;
}

#foot-navi li dl dd ul li span {
    color: #ccc;
}

@media (min-width: 640px) {
    #foot-navi li dl dd ul li a,
    #foot-navi li dl dd ul li span {
        line-height: 1.5;
    }
}

#foot-navi li dl dd ul li a:hover {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

#foot-navi li dl dd ul li.no-link {
    color: #0180ba;
    font-size: 93%;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#foot-navi li dl dd ul li.no-link:hover:before {
    filter: alpha(opacity=0);
    opacity: 0;
}

#foot-navi .official-nav .detail {
	padding: 0 10px;
    line-height: 2rem;
}

#foot-navi .official-nav .detail .caption {
  font-size: 10px;
  font-size: 1.1rem;
}

#foot-navi .official-nav .detail .caption a {
  color: #fff;
  text-decoration: underline;
}

#foot-navi .official-nav .detail .caption a:hover {
  opacity: 0.6;
}

/* @media (min-width:1200px){
  #foot-navi .official-nav .detail .caption br {
    display: none;
  }
} */

#foot-navi .official-nav.caption {
  font-size: 10px;
  font-size: 1.1rem;
}

@media (min-width:1200px){
  #foot-navi .official-nav.caption br {
    display: none;
  }
}

#foot-navi .official-nav .fnav3 dd{
	display: block!important;
}

#foot-navi .official-nav .fnav3 dd ul li::before{
	display: none;
}

@media (max-width:640px){

	#foot-navi .official-nav .fnav3 dt::after{
		display: none;
	}
}

#foot-navi .official-nav .fnav3 dd ul li{
	/* color: #fff; */
}

#foot-navi .official-nav .fnav3 dd ul li:hover::before{
	opacity: 0;
}

#footer .copyright,
#footer .foot-credit {
    position: static;
    width: 100%;
    height: auto;
    text-decoration: none;
    letter-spacing: 0.05em;
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem;
}

#footer .copyright {
    bottom: 25px;
    left: 0;
    text-align: center;
    margin-bottom: 40px;
}

#footer .foot-credit {
    right: 0;
    bottom: 25px;
    text-align: right;
    padding-right: 10px;
}

#footer .foot-credit a{
	color: #fff;
}

#footer .foot-credit a:hover{
	color: #D8D8D8;
}

#footer .gw-foot-link {
	position: static;
    margin: 0 auto 30px;
    width: 120px;
    height: 19px;
}

@media (min-width: 800px) {
	#footer .copyright,
	#footer .foot-credit {
	    position: absolute;
	    width: 100%;
	    height: auto;
	    text-decoration: none;
	    letter-spacing: 0.05em;
	    color: #fff;
	    font-size: 10px;
	    font-size: 1.0rem;
	}

	#footer .copyright {
	    margin-bottom: 0;
	}
    #footer .copyright br {
        display: none;
    }

	#footer .gw-foot-link {
	    position: absolute;
		bottom: 22px;
		left: 10px;
		width: 120px;
	    height: 19px;
	    margin: 0;
	    z-index: 10;
	}
}

#footer .gw-foot-link a {
    display: block;
    width: 100%;
    height: 19px;
    background-image: url('images/common/w-tokyo.svg');
    /*-o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;*/
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -moz-background-size: cover;
}

#footer .gw-foot-link a:hover {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter:alpha(opacity=60);
    opacity: 0.6;
}

#foot-logo-wrap{
	width: 100%;
	max-width: 721px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto 75px;
	font-size: 0;
}

#foot-logo-wrap a{
	display: inline-block;
	width: 10%;
	padding: 0 5px;
	vertical-align: middle;
}

#foot-logo-wrap a.aw img{
	width: 100%;
	max-width: 300px;
	display: block;
	margin: 0 auto;
}

#foot-logo-wrap a.foot-sns{
    vertical-align: middle;
}

#foot-logo-wrap a.foot-sns img{
	width: 200px;
	display: block;
	margin: 0 auto;
    vertical-align: middle;
    backface-visibility: hidden;
}

@media (max-width: 640px) {
    #foot-logo-wrap {
        margin: 0 auto 10px;
    }
    #foot-logo-wrap a {
        width: 14.285%;
        max-width: 47px;
        height: auto;
        padding: 0 10px;
        margin-bottom: 30px;
    }
}

@media (min-width: 640px) {
    #foot-logo-wrap a {
        padding: 0 40px;
    }
    #foot-logo-wrap a.aw, #foot-logo-wrap a.foot-sns {
        padding: 0 10px;
        display: inline-block;
    }
    #foot-logo-wrap a.aw img {
        width: 300px;
        display: inline-block;
    }
    #foot-logo-wrap a.foot-sns img {
        width: 35px;
        display: inline-block;
	    backface-visibility: hidden;
    }
}
#foot-logo-wrap a:hover img{
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter:alpha(opacity=60);
    opacity: 0.6;
}

/*2019_logo_link*/
#foot-logo-wrap-link  {
    /*padding: 0 40px;*/
    margin: 0 auto 40px;
}

#foot-logo-wrap-link li {
    /* width: 49%; ★★★4つver*/
    width: 29%;
	display: inline-block
}

#foot-logo-wrap-link a {
    display: inline;
    width: 100%;
    padding: 0 5px;
    vertical-align: text-top;
    margin: 0 auto 40px;
}

#foot-logo-wrap-link a.tokyo img {
    width: 100%;
    /* max-width: 79px; */
    max-width: 100px;
    display: inline;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#foot-logo-wrap-link a.kitakyushu img {
    width: 100%;
    /*max-width: 78px;*/
    max-width: 105px;
    display: inline-block;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*background-color: #008cc8;*/
}

#foot-logo-wrap-link a.kumamoto img {
    width: 100%;
    /* max-width: 87px; */
/*     max-width: 100px; */
    max-width: 90px;
    display: inline;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*background-color: #008cc8; */
}

#foot-logo-wrap-link a.shizuoka img {
    width: 100%;
    /* max-width: 79px; */
    max-width: 87px;
    display: inline;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (min-width: 640px) {
    #foot-logo-wrap-link {
        margin: 0 auto 120px;
    }

    #foot-logo-wrap-link a.tokyo img {
        width: 100%;
/*         max-width: 148px; */
		/* max-width: 156px; */
      max-width: 130px;
      display: inline-block;
      margin: 0 auto;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }

    #foot-logo-wrap-link a.kitakyushu img {
        width: 100%;
		max-width: 156px;
        display: inline-block;
        margin: 0 auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    #foot-logo-wrap-link a.kitakyushu {
        margin: 0 0px 40px 45px;
    }

    #foot-logo-wrap-link a.kumamoto img {
        width: 100%;
        max-width: 158px;
		/* max-width: 153px; */
        display: inline;
        margin: 0 auto;
/*         margin: 6px auto 0; */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    #foot-logo-wrap-link a.kumamoto {
        padding: 0 10px;
		margin: 0 0px 40px 45px;
    }

    #foot-logo-wrap-link a.shizuoka img {
        width: 100%;
        max-width: 160px;
        display: inline-block;
        margin: 0 auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    #foot-logo-wrap-link a.shizuoka {
        margin: 0 0px 40px 45px;
    }
}

@media screen and (min-width: 800px) {
    #foot-logo-wrap-link a.tokyo {
        margin: 0 0px 40px 0px;
    }
    #foot-logo-wrap-link a.kitakyushu {
        margin: 0 0px 40px 40px;
    }
    #foot-logo-wrap-link a.kumamoto {
        margin: 0 0px 40px 40px;
    }
    #foot-logo-wrap-link a.shizuoka {
        margin: 0 0px 40px 40px;
    }
}

@media screen and (min-width: 640px) {
    #foot-logo-wrap-link a.tokyo {
        margin: 0 5px;
    }
    #foot-logo-wrap-link a.kitakyushu {
        margin: 0 0px 20px 20px;
    }
    #foot-logo-wrap-link a.kumamoto {
        margin: 0 0px 20px 0px;
    }
    #foot-logo-wrap-link a.shizuoka {
        margin: 0 0px 20px 0px;
    }
}

@media screen and (min-width: 900px) {
	#foot-logo-wrap-link{
		font-size: 0;
	}
    #foot-logo-wrap-link li {
        width: 25%;
        float: none;
        display: inline-block;
    }
}

@media screen and (max-width: 899px) {
    #foot-logo-wrap-link {
        max-width: 500px;
        margin: 0 auto 60px;
    }
    #foot-logo-wrap-link li {
        padding: 0 0 30px;
    }
}

@media screen and (max-width: 639px) {
    #foot-logo-wrap-link {
        max-width: 300px;
        margin: 0 auto 30px;
    }
    #foot-logo-wrap-link li {
        padding: 0 0 20px;
    }
}



#foot-logo-wrap-link a:hover img {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}


/*-----------------------------------------------
content_wrap
-----------------------------------------------*/
.content_wrap {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

@media screen and (min-width: 840px) {
    .content_wrap.footer_about {
        padding-top: 210px;
    }
}

.content_wrap.content_wrap_color {
    background-color: #fff;
}

.content_wrap_preinner {
    /*background-color: #fff;*/
}

.news_wrap_pre {
    background-color: #fff;
    margin: auto;
}

.content_wrap_preinner_white {
    /*background-image: url('images/top/top_back_brand.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;*/
    padding: 5px 10px 100px;
    position: relative;
    overflow: visible;
    background-color: #fff;
    /* background-color: rgba(255,255,255,.8); */
}

@media screen and (max-width: 640px) {
    .content_wrap_preinner_white {
        padding: 5px 0 50px;
    }
}

.content_wrap_preinner_about {
    /*background-image: url('images/common/img-about-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
    position: relative;
    /*overflow: hidden;*/
    padding-left: 10px;
    padding-right: 10px;
    background-color: #F5F5F5;
    /* margin-top: 180px; */
}

.content_wrap_inner {
    margin: 0 auto;
    padding: 0 0 10px;
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: relative;
    text-align: center;
}

.content_wrap_preinner_about .content_wrap_inner {
    /*max-width: 1020px;*/
    max-width: 1200px;
    /* margin-top: 60px; */
    margin-top: 250px;
}

@media (min-width: 640px) {
    .content_wrap_inner {
        padding: 0 0 0px;
    }
    .content_wrap_preinner_about {
        /*padding-bottom: 35px;*/
        margin-top: 85px;
    }
    .content_wrap_preinner_about .content_wrap_inner {
        margin-top: 350px;
    }
}

/* .top #wrapper #content section .content_wrap_preinner_about {
    margin-top: 0px;
} */

.content_wrap_ticket_banner {
  background-color: #F5F5F5;
}

.content_wrap_inner.content_wrap_article {
    max-width: 1044px;
}

.content_wrap_inner.banner_wrap_pb {
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: relative;
    text-align: center;
}

.banner_wrap_ks {
    display: block;
}

.banner_wrap_ks .banner_list {
    width: 100%;
    margin: 10px auto;
}

.banner_wrap_ks .banner_list a {
    margin: auto 0px;
}

@media (min-width: 640px) {
    .banner_wrap_ks {
        display: flex;
    }
    .banner_wrap_ks .banner_list {
        width: calc(100% - 10px);
        margin: 0px 10px;
    }
    .content_wrap_inner.banner_wrap_pb {
        padding: 40px 0;
        margin: auto;
    }
}

.content_wrap_inner.content_wrap_article {
    max-width: 1044px;
}

.content_wrap_inner.content_wrap_contact>p{
	margin: 0 auto;
}
.content_wrap_inner.content_wrap_contact img.content_wrap_contact_img{
	margin: 20px auto 0;
	width: 135px;
}

input.more_button,
button.more_button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.more_button_link{
	position: relative;
  text-align: right;
}
.more_button_link_inner{
	position: relative;
}
@media (min-width: 640px) {
	.more_button_link{
		position: absolute;
		width: 100%;
		z-index: 20;
	}
	.more_button_link.news_view_button_wrap{
		position: relative;
		height: 60px;
	}
	.more_button_link_inner{
		position: relative;
		width: 100%;
		max-width: 1200px;
	}
}

/*----------------------*/
/*VIEW ALL BUTTON*/
/*----------------------*/
.view_button {
    width: 130px;
    height: 22px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    letter-spacing: 0.3em;
    color: #ffffff;
    display: inline-block;
    text-align: right;
    position: relative;
    margin: 20px 20px 0;
    font-weight: bold;
    font-weight: 700;
}

.view_button.news_view_button {
    margin: 20px;
    color: #e20b1d;
}

.view_button.news_view_button .zoom {
    background: #e20b1d;
}
.view_button.news_view_button .zoom::before {
    border: 1px solid #e20b1d;
}
.view_button.news_view_button .zoom::after {
    background: url('images/common/img-view-more-news.png');
    background-size: 100% 100%;
}

@media (min-width: 640px) and (max-width:1420px) {
    .view_button {
        position: absolute;
        top: 15px;
        right: 20px;
        margin: 0;
    }
    .view_button.news_view_button {
        margin: 0;
    }
}

@media (min-width: 1420px) {
    .view_button {
        position: absolute;
        top: 15px;
        right: 0px;
        margin: 0;
    }
    .view_button.news_view_button {
        top: 0;
    }
}

.view_button:hover {
    color: #D8D8D8;
}

.zoom {
  position: relative;
  display: inline-block;
  background: #ffffff;
  border-radius: 100%;
  vertical-align: middle;
}

/*ボタン点滅をSPに絞る場合のみ、@mediaを有効化すること。*/
/*@media (min-width: 800px) {*/
    .zoom {
        top: -4px;
        width: 25px;
        height: 25px;
        margin-left: 8px;
        -webkit-transform: scale(0.90909, 1);
        transform: scale(0.90909, 1);
    }

    .zoom:before {
        content: "";
        position: absolute;
        display: block;
        left: 0px;
        top: 0px;
        width: 25px;
        height: 25px;
        border: 1px solid #ffffff;
        border-radius: 100%;
        -webkit-animation: zoom_border 1.5s infinite;
        animation: zoom_border 1.5s infinite;
    }
/*}*/

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(0.90909, 1);
            transform: scale(0.90909, 1); }
  10% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8); }
  18% {
    -webkit-transform: scale(0.90909, 1);
            transform: scale(0.90909, 1); } }
@keyframes zoom {
  0% {
    -webkit-transform: scale(0.90909, 1);
            transform: scale(0.90909, 1); }
  10% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8); }
  18% {
    -webkit-transform: scale(0.90909, 1);
            transform: scale(0.90909, 1); } }
@-webkit-keyframes zoom_border {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2); } }
@keyframes zoom_border {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2); } }

.zoom:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('images/common/img-view-more.png');
    background-size: 100% 100%;
}

.more_button.button {
/*     width: 44%; */
    width: 47.5%;
    /* height: 42px; */
    height: 48px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    /* line-height: 40px; */
    line-height: 48px;
    letter-spacing: 0.1em;
    background-color: #fff;
    border: 1px solid #F869DE;
    color: #F869DE;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 5px;
    text-align: left;
    padding-left: 25px;
}

@media (min-width: 640px) {
    .more_button.button {
        width: 174px;
        position: absolute;
        top: 0;
        right: 10px;
        margin: 0;
    }
}

@media (min-width: 1215px) {
    .more_button.button {
/*         width: 184px; */
        width: 180px;
    }
}

.more_button.button.artist_guest_button {
    position: relative;
    margin: 10px 0 0;
}

@media (min-width: 640px) {
    .more_button.button.artist_guest_button {
        position: relative;
        margin: 35px 0 0;
    }
}

.more_button.button::after {
    display: none;
}

.more_button.button .more_button_img {
    position: absolute;
    width: 22px;
    height: 22px;
    top: calc(50% - 11px);
    right: 14px;
    background-image: url(images/common/icon-ticket-w.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    -webkit-transition: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

.more_button.button .more_button_img.about {
    width: 15px;
    height: 15px;
    top: calc(50% - 7.5px);
    right: 20px;
    background-image: url(images/common/icon-point-black.svg);
    background-size: 15px 15px;
}
.more_button.button.about_about:hover .more_button_img.about {
    background-image: url(images/common/icon-point-white.svg);
}

.footer_about_button_txt .footer_about_button_txt_en .ticket_button_img {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 30px;
    background-image: url(images/common/icon-ticket-w-two.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    /* margin-bottom: -10px; */
    -webkit-transition: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

.more_button.button:hover .ticket_button_img {
    background-image: url(images/common/icon-ticket-w.svg);
}

.more_button.button .about_button_arrow {
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    margin-bottom: 2px;
    border-top: 3px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 10px solid #82732f;
    font-size: 0;
    -webkit-transition: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

.more_button.button .about_button_arrow_border {
    display: inline-block;
    position: relative;
    width: 19px;
    height: 2px;
    margin-bottom: 4px;
    margin-left: 5px;
    background-color: #d5cc93;
    font-size: 0;
    -webkit-transition: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

.more_button.button:hover .about_button_arrow {
    border-left: 10px solid #82732f;
}

.more_button.button:hover .about_button_arrow_border {
    background-color: #fff;
}

.about-more {
    display: inline-block;
    position: relative;
    margin: 0 20px 0 7px;
    padding: 0;
    width: 4px;
    height: 20px;
    background: #000;
}

.about-more:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    width: 20px;
    height: 4px;
    margin-top: -2px;
    background: #000;
}

.more_button.button.about_about {
    background-color: #ffffff;
    border: 1px solid #000;
    color: #000;
}
.more_button.button.about_about:hover {
  opacity: 1;
  background-color: #F869DE;
  border: 1px solid #F869DE;
  color: #fff;
}

.more_button.button:hover {
    /* background-color: #F869DE;
    border: 1px solid #F869DE;
    color: #ffffff; */
    opacity: 0.6;
}

.more_button.button.about_ticket {
    background-color: #F869DE;
    border: 1px solid #F869DE;
    color: #ffffff;
/*     margin-left: 120px; */
    margin-left: 10px;
    margin-right: 5px;
    position: relative;
}

@media (max-width: 600px) {
    .more_button.button.about_ticket {
        /*margin-left: 10px;*/
/*         margin-left: 4%; */
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .more_button.button.about_ticket,
    .more_button.button.about_about {
        width: 100%;
        right: 0;
        margin: 15px 0 0;
    }
}

/* @media (min-width: 600px) and (max-width: 639px)  {
    .more_button.button.about_ticket {
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
}

@media (min-width:640px) and (max-width: 1210px) {
    .more_button.button.about_ticket {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
} */

.more_button.button.about_ticket:hover {
    /* background-color: #fff;
    border: 1px solid #e95377;
    color: #e95377; */
    opacity: 0.8;
}

.content_wrap_inner h1.title,
.content_wrap_inner h2.title,
.reform_txt_inner h3.title {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.0;
    color: #b3b3b3;
    letter-spacing: 2px;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

.content_wrap_inner h1.title span.desc,
.content_wrap_inner h2.title span.desc,
.reform_txt_inner h3.title span.desc {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.0;
    color: #c1b398;
    display: block;
    margin-top: 12px;
    letter-spacing: 2px;
    font-weight: bold;
}

.content_wrap_inner h2.title #title_01,
.content_wrap_inner h2.title #title_02,
.content_wrap_inner h2.title #title_03,
.content_wrap_inner h2.title #title_04,
.content_wrap_inner h2.title #title_05,
.content_wrap_inner h2.title #title_06 {
    position: absolute;
    top: -57%;
    left: -20px;
    width: 70px;
    height: 52px;
}

.content_wrap_inner h2.title.interior_pc {
    display: none;
}

.content_wrap_inner h2.title.interior_sp {
    display: inline-block;
}

.content_wrap_inner h2.title.interior_sp #title_07 {
    position: absolute;
    top: -38%;
    left: 29px;
    width: 70px;
    height: 52px;
}

.content_wrap_inner h3.blog_title {
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 10px;
    line-height: 1.0;
    margin-bottom: 12px;
}

.content_wrap_inner h3.blog_title.bottom {
    margin-top: 40px;
    font-weight: bold;
}

/*-----------------------------------------------
アニメーション
-----------------------------------------------*/
.fade_wrap{
	filter:alpha(opacity=0);
    opacity: 0;
}
.fadeInRight {
    -webkit-animation: fadeInRight 1s cubic-bezier(.55,0,.1,1) both;
    animation: fadeInRight 1s cubic-bezier(.55,0,.1,1) both;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.fadeInLeft {
    -webkit-animation: fadeInLeft 1.5s cubic-bezier(.55,0,.1,1) both;
    animation: fadeInLeft 1.5s cubic-bezier(.55,0,.1,1) both;
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
}

.fadeInUp {
    -webkit-animation: fadeInUp 1s cubic-bezier(.55,0,.1,1) both;
    animation: fadeInUp 1s cubic-bezier(.55,0,.1,1) both;
}

.fadeInFlower {
    -webkit-animation: fadeInFlower 1s cubic-bezier(.55,0,.1,1) both;
    animation: fadeInFlower 1s cubic-bezier(.55,0,.1,1) both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes fadeInFlower { from{ opacity: 0; }}
@keyframes fadeInFlower { from{ opacity: 0; }}

@-webkit-keyframes fadeInUp { from{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }}
@keyframes fadeInUp { from{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }}

@-webkit-keyframes fadeInRight { from{ opacity: 0; -webkit-transform: translateX(200px); transform: translateX(200px); }}
@keyframes fadeInRight { from{ opacity: 0; -webkit-transform: translateX(200px); transform: translateX(200px); }}

@-webkit-keyframes fadeInLeft { from{ opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); }}
@keyframes fadeInLeft { from{ opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); }}

/*-----------------------------------------------
hero_new
-----------------------------------------------*/
.hero_new{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

	.hero_new_inner{
		width: 100%;
		max-width: 1220px;
		margin: 0 auto;
		position: relative;
	}

  .hero_new_inner.wide{
    max-width: 1820px;
    /* max-width: 1220px; */
	}

	.gallery-top{
		width: 100%;
		margin: 0 auto 20px;
		position: relative;
    background: #fff;
	}

	@media screen and (max-width: 640px) {
		.gallery-top{
			padding: 0 20px;
			margin: 0 auto;
		}
	}
		.gallery-top .swiper-slide{
			position: relative;
		}
			.gallery-top .swiper-slide a{
				display: block;
				position: relative;
				opacity: 1.0;
			}

				.gallery-top .swiper-slide a img{
					transition: opacity .4s;
					opacity: 1.0
				}

				.gallery-top .swiper-slide a:hover img{
					transition: opacity .4s;
					opacity: 1.0
				}

			.gallery-top .swiper-button-next,
			.gallery-top .swiper-button-prev{
				width: 60px;
				height: 60px;
				background-color: #000000;
				border-radius: 100%;
				margin-top: -30px;
			}

			@media screen and (max-width: 640px) {
				.gallery-top .swiper-button-next,
				.gallery-top .swiper-button-prev{
                    display: none;
					/* width: 34px;
					height: 34px;
					margin-top: -17px; */
				}
			}
			.gallery-top .swiper-button-next::after,
			.gallery-top .swiper-button-prev::after{
				content: none;
				display: none;
			}

			.gallery-top .swiper-button-next{
				right: 15%;
			}
			.gallery-top .swiper-button-prev{
				left: 15%;
			}

			@media screen and (max-width: 640px) {
				.gallery-top .swiper-button-next{
					right: 10px;
				}
				.gallery-top .swiper-button-prev{
					left: 10px;
				}
			}

			.gallery-top .swiper-button-prev::before{
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				border-bottom: 2px solid #fff;
				border-left: 2px solid #fff;
				transform: rotate(45deg);
				margin-right: -3px;
			}

			.gallery-top .swiper-button-next::before{
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				border-bottom: 2px solid #fff;
				border-left: 2px solid #fff;
				transform: rotate(-135deg);
				margin-left: -3px;
			}

			@media screen and (max-width: 640px) {
				.gallery-top .swiper-button-prev::before{
					width: 6px;
					height: 6px;
					margin-right: -2px;
				}

				.gallery-top .swiper-button-next::before{
					width: 6px;
					height: 6px;
					margin-left: -2px;
				}
			}

			.gallery-top .swiper-slide .txt_hero_wrap{
				/* position: absolute; */
                position: relative;
				z-index: 0;
				bottom: 0;
				left: 0;
				padding: 10px 30px;
				width: 100%;
                height: 125px;
			}

			@media screen and (max-width: 1024px) {
				.gallery-top .swiper-slide .txt_hero_wrap{
                    height: 70px;
					padding: 10px 10px;
				}
			}

			@media screen and (max-width: 640px) {
				.gallery-top .swiper-slide .txt_hero_wrap{
					position: relative;
					bottom: auto;
					left: auto;
					padding: 0 10px;
					/* background-color: rgba(0,0,0,.4); */
          background-color: #fff;
					/* height: 70px; */
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
			}

			.gallery-top .swiper-slide .txt_hero_wrap::before{
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				left:  0;
				bottom: 0;
				z-index: 0;
        background: #fff;
        /* FF3.6-15 */
				/* background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.63) 79%, rgba(0,0,0,0.8) 100%); */
        /* Chrome10-25,Safari5.1-6 */
        /* background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 79%,rgba(0,0,0,0.8) 100%); */
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /* background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 79%,rgba(0,0,0,0.8) 100%); */
        /* IE6-9 */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); */
			}

			@media screen and (max-width: 640px) {
				.gallery-top .swiper-slide .txt_hero_wrap::before{
					content: none;
					display: none;
				}
			}
				.gallery-top .swiper-slide .txt_hero_wrap p{
					position:relative;
					z-index: 10;
					/* color: #fff; */
					font-size: 23px;
					font-weight: bold;
					line-height: 1.5;
					letter-spacing: 0;
				}

				.gallery-top .swiper-slide .txt_hero_wrap p .red1{
					color: #ff0000;
					font-weight: bold;
				}

				@media screen and (max-width: 1024px) {
					.gallery-top .swiper-slide .txt_hero_wrap p{
						font-size: 13px;
					}
				}

	.swiper-custom-parent {
		width: 100%;
		max-width: 720px;
		margin: 0 auto 20px;
		position: relative;
		padding: 0 90px;
	}

	@media screen and (max-width: 640px) {
		.swiper-custom-parent{
			padding: 20px 30px;
      margin: 0 auto;
			/* background-color: rgba(0,0,0,.7); */
		}
	}
	.gallery-thumbs{
		width: 100%;

		margin: 0 auto;
		position: relative;

	}
/*
		.gallery-thumbs .swiper-wrapper{
			width: 100%;
			max-width: 540px;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
		}
*/


			.swiper-custom-parent .swiper-button-next,
			.swiper-custom-parent .swiper-button-prev{
				width: 60px;
				height: 60px;
				border: 2px solid #1A1A1A;
				border-radius: 100%;
				margin-top: -30px;
			}

			@media screen and (max-width: 640px) {
				.swiper-custom-parent .swiper-button-next,
				.swiper-custom-parent .swiper-button-prev{
					width: 34px;
					height: 34px;
					margin-top: -17px;
				}
			}
			.swiper-custom-parent .swiper-button-next::after,
			.swiper-custom-parent .swiper-button-prev::after{
				content: none;
				display: none;
			}

			.swiper-custom-parent .swiper-button-next{
				right: 10px;
			}
			.swiper-custom-parent .swiper-button-prev{
				left: 10px;
			}

			@media screen and (max-width: 640px) {
				.swiper-custom-parent .swiper-button-next{
					right: 10px;
				}
				.swiper-custom-parent .swiper-button-prev{
					left: 10px;
				}
			}

			.swiper-custom-parent .swiper-button-prev::before{
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				border-bottom: 2px solid #1A1A1A;
				border-left: 2px solid #1A1A1A;
				transform: rotate(45deg);
				margin-right: -3px;
			}

			.swiper-custom-parent .swiper-button-next::before{
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				border-bottom: 2px solid #1A1A1A;
				border-left: 2px solid #1A1A1A;
				transform: rotate(-135deg);
				margin-left: -3px;
			}

			@media screen and (max-width: 640px) {
				.swiper-custom-parent .swiper-button-prev::before{
					width: 6px;
					height: 6px;
					margin-right: -2px;
				}

				.swiper-custom-parent .swiper-button-next::before{
					width: 6px;
					height: 6px;
					margin-left: -2px;
				}
			}
/*-----------------------------------------------
hero
-----------------------------------------------*/
.hero {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
}

.hero_title {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 10;
}

@media (min-width: 640px) {
    .hero_title {
        padding: 50px 0;
    }
}

.hero_title h1 {
    filter: alpha(opacity=0);
    opacity: 0;
}

.hero_title h1 img {
    display: inline-block;
    width: auto;
}

.fadeInUphero {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    -webkit-animation: fadeInUphero 1s cubic-bezier(.55, 0, .1, 1) both;
    animation: fadeInUphero 1s cubic-bezier(.55, 0, .1, 1) both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes fadeInUphero { from{ opacity: 0; }}
@keyframes fadeInUphero { from{ opacity: 0; }}

#hero_bg {
    background-image:url('images/top/img-top-back-head.jpg');
    background-position: left top;
    background-repeat: no-repeat;
  /*   background-size:100% 85%; */
  /*   background-size: contain; */
  /*   display: block; */
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
  /*   height: 100%; */
    min-height: auto;
    z-index: -20;
    position: absolute;
    display: none;
    padding-bottom: 54.477612%;
}

#hero_bg2 {
    background-image:url('images/top/img-top-back-head.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
  /*   background-size:100% 85%; */
  /*   background-size: contain; */
    background-position: left top;
  /*   display: block; */
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
  /*   height: 100%; */
    min-height: auto;
    z-index: -20;
    position: absolute;
    padding-bottom: 54.477612%;
}

/*@media (min-width: 769px) {
    #hero_bg,
    #hero_bg2 {
        height: 100%;
        min-height: 700px;
    }
}*/

.hero_slider {
    width: 100%;
    margin: 0 auto 0;
    padding: 20px 10px 25px;
/*     padding: 0 0 25px;  */
    max-width: 1220px;
    position: relative;
    filter: alpha(opacity=0);
    opacity: 0;
    overflow: hidden;
}

.hero_slider.no_margin {
    padding: 20px 0px 25px;
}

.slick-dots {
    height: 50px;
    bottom: -58px;
}

.slick-dots li button:before {
    opacity: 1;
    font-size: 10px;
    font-size: 1.0rem;
    color: #fff;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    color: #6c2b2f;
    opacity:1;
}

.slick-dots li.slick-active button:before {
    opacity:1;
    color: #6c2b2f;
}

.slick-dots li button:focus:before {
    opacity:1;
    color: #fff;
}

.slick-dots li.slick-active button:before {
    color: #6c2b2f;
    opacity:1;
}

@media (min-width: 640px) {
    .slick-dots {
        height: 50px;
        bottom: -55px;
    }
}
@media (min-width: 770px) {
    /*.hero_slider {
        padding: 20px 10px 0;
    }*/
}

.fadeInUpslide {
    -webkit-animation: fadeInUphero 2s cubic-bezier(.55, 0, .1, 1) both;
    animation: fadeInUphero 2s cubic-bezier(.55, 0, .1, 1) both;
}

.hero_slider_inner {
    width: 100%;
    position: relative;
}
.slick-slider {
    margin-bottom: 0;
    z-index: 1000;
}

#mainSlide {
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    #mainSlide {
        margin-bottom: 20px;
    }
}

#mainSlide li:first-child, #mainSlide .slick-track li {
    border: 0px;
}

#thumwrap {
    width: 100%;
    max-width: 1200px;
    font-size: 0;
    margin: 0 auto 10px;
    overflow: hidden;
    text-align: center;
}

@media (min-width: 640px) {
    #thumwrap {
        margin: 0 auto 20px;
    }
}

#thumwrap li {
    width: 10%;
    padding: 0 5px;
    display: inline-block !important;
}

#thumwrap li span {
    display: block;
    background-color: #000;
}

#thumwrap li img {
    opacity: 0.6;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#thumwrap li img:hover {
    opacity: 1;
}

#thumwrap li.slick-current img {
    opacity: 1;
}

#thumwrap .slick-track {
    margin: 0 auto;
}

/*-----------------------------------------------
top
-----------------------------------------------*/
/*---------------*/
/*メニューバー*/
/*---------------*/
.title-bar {
    width: 72px;
    height: 2px;
    margin: 10px auto 15px;
}

@media (max-width:640px) {
    .title-bar {
        width: 36px;
        height: 1px;
        margin: 5px auto 4px;
    }
}

.font-color-blue {
    color: #08a3d5 !important;
}

.font-color-gray {
    color: #282828 !important;
    /*color: #191919;*/
}

.font-color-black {
    color: #282828;
}

.font-color-white {
    color: #fff !important;
}

.h2_title_wrap {
    margin: 0px auto 20px;
}

@media screen and (min-width:640px) {
    .h2_title_wrap {
        margin: 0px auto 60px;
    }
}

.h2_title {
    font-size: 54px;
    font-size: 5.4rem;
    line-height: 0.625;
    letter-spacing: 0.16em;
    margin: 25px auto 10px;
    /* margin: 10px auto 10px; */
    padding: 0;
    display: block;
    width: 99%;
    text-align: center;
    position: relative;
    z-index: 101;
	  color: #F869DE;
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
/*     color: #ffffff; */
/*     text-shadow: 1px 1px 1px #4ad6fd, -1px 1px 1px #4ad6fd, 1px -1px 1px #4ad6fd, -1px -1px 1px #4AD6F7, 2px 1px 1px #a8a8a8, 1px 2px 1px #a8a8a8, 2px 1px 1px #a8a8a8, 0px 2px 1px #a8a8a8; */
    overflow: hidden;
    max-width: 1220px;
    font-weight: 900;
    line-height: 1.06666667;
    letter-spacing: 0.05em;
}

.h2_title img {
    margin: auto;
    width: auto;
    height: 150px;
}

/* 下層タイトル画像 */
.h2_title_ks_img {
/*
    width: auto;
    height: 110px;
 */
    /* height: auto; */
    width: auto;
    margin: 0px auto 0px;
}

.h2_title_s_ks {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 0.14em;
}

/* .h2_title_ks_img.about {width: 290px;margin: 15px auto 0px;}
.h2_title_ks_img.brand {width: 286px;margin: 18px auto 0px;}
.h2_title_ks_img.news {width: 236px;margin: 20px auto 0px;}
.h2_title_ks_img.ticket {width: 286px;margin: 0 auto;}
.h2_title_ks_img.model {width: 286px;margin: 20px auto 0px;}
.h2_title_ks_img.guestmc {width: 426px;margin: 5px auto 0px;}
.h2_title_ks_img.artist {width: 284px;margin: 17px auto 0px;}
.h2_title_ks_img.special {width: 318px;margin: 20px auto 0px;}
.h2_title_ks_img.report {width: 292px;margin: 20px auto 0px;}
.h2_title_ks_img.access {width: 298px;margin: 17px auto 0px;}
.h2_title_ks_img.support {width: 330px;margin: 20px auto 0px;}
.h2_title_ks_img.attention {width: 404px;margin: 10px auto 0px;}
.h2_title_ks_img.e404 {width: 160px;margin: 20px auto 0px;} */

.h2_title_ks_img.about,
.h2_title_ks_img.brand,
.h2_title_ks_img.news,
.h2_title_ks_img.ticket,
.h2_title_ks_img.model,
.h2_title_ks_img.guestmc,
.h2_title_ks_img.artist,
.h2_title_ks_img.special,
.h2_title_ks_img.report,
.h2_title_ks_img.access,
.h2_title_ks_img.support,
.h2_title_ks_img.attention,
.h2_title_ks_img.report,
.h2_title_ks_img.guideline,
.h2_title_ks_img.e404 {
    width: auto;
    height: 76px;
    /* height: 192px; */
    /* height: 100px; */
}

@media (max-width: 640px) {
/*
	.h2_title_ks_img {
	    height: 70px;
	}
 */
     .h2_title_ks_img {
         margin: 15px auto 0px;
     }

    .h2_title_s_ks {
        font-size: 25px;
        font-size: 2.5rem;
    }
    .h2_title_ks_img.about,
    .h2_title_ks_img.brand,
    .h2_title_ks_img.news,
    .h2_title_ks_img.ticket,
    .h2_title_ks_img.model,
    .h2_title_ks_img.guestmc,
    .h2_title_ks_img.artist,
    .h2_title_ks_img.special,
    .h2_title_ks_img.report,
    .h2_title_ks_img.access,
    .h2_title_ks_img.support,
    .h2_title_ks_img.attention,
    .h2_title_ks_img.report,
    .h2_title_ks_img.guideline,
    .h2_title_ks_img.e404 {
        width: auto;
        /* height: 35px; */
        height: 38px;
    }
	/* .h2_title_ks_img.about {width: 145px;margin: 20px auto 0px;}
	.h2_title_ks_img.brand {width: 143px;margin: 24px auto 0px;}
	.h2_title_ks_img.news {width: 118px;margin: 25px auto 0px;}
	.h2_title_ks_img.ticket {width: 180px;margin: 12px auto 0px;}
	.h2_title_ks_img.model {width: 143px;margin: 23px auto 0px;}
	.h2_title_ks_img.guestmc {width: 213px;margin: 18px auto 0px;}
	.h2_title_ks_img.artist {width: 142px;margin: 22px auto 0px;}
	.h2_title_ks_img.special {width: 159px;margin: 23px auto 0px;}
    .h2_title_ks_img.report {width: 143px;margin: 23px auto 0px;}
	.h2_title_ks_img.access {width: 149px;margin: 24px auto 0px;}
	.h2_title_ks_img.support {width: 165px;margin: 24px auto 0px;}
	.h2_title_ks_img.attention {width: 202px;margin: 20px auto 0px;}
	.h2_title_ks_img.e404 {width: 80px;margin: 26px auto 0px;} */

}

.h2_title.top {
	overflow: visible;
}

/* タイトル画像サイズ調整 */
.h2_title.top.news img,
.h2_title.top.brand img,
.h2_title.top.model img,
.h2_title.top.guestmc img,
.h2_title.top.artist img,
.h2_title.top.about img,
.h2_title.top.report img,
.h2_title.top.special img {
	width:auto;
    height: 80px;
    margin-bottom: 40px;
}

@media (max-width:1250px) {
  .h2_title.top.special.long img {
    height: 64px;
  }
}

@media (max-width:830px) {
  .h2_title.top.special.long img {
    height: 52px;
  }
}

@media (max-width:640px) {
    .h2_title.top.news img,
    .h2_title.top.brand img,
    .h2_title.top.model img,
    .h2_title.top.guestmc img,
    .h2_title.top.artist img,
    .h2_title.top.about img,
    .h2_title.top.report img,
    .h2_title.top.special img,
    .h2_title.top.special.long img {
    	height: 40px;
        /* margin-bottom: 20px; */
        margin-bottom: 20px;
    }
}

@media (max-width:520px) {
    .h2_title.top.special.long img {
    	height: 29px;
    }
}

@media (max-width:375px) {
    .h2_title.top.special.long img {
    	height: 25px;
    }
}

@media (min-width:840px) {
    .h2_title.top.about img {
    	/* margin-right: 30px; */
      margin-right: 20px;
    }
}

/* .h2_title.top.news img {width:210px;}
.h2_title.top.brand img {width:302px;}
.h2_title.top.model img {width:300px;}
.h2_title.top.guestmc img {width:424px;}
.h2_title.top.artist img {width:296px;}
.h2_title.top.about img {width:240px;}
.h2_title.top.special img {width:294px;}

@media (max-width:640px) {
	.h2_title.top.news img {width:105px;}
	.h2_title.top.brand img {width:151px;}
	.h2_title.top.model img {width:150px;}
	.h2_title.top.guestmc img {width:212px;}
	.h2_title.top.artist img {width:148px;}
	.h2_title.top.about img {width:120px;}
	.h2_title.top.special img {width:147px;}
} */

#main-image .h2_title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -25px;
    width: 72px;
    height: 2px;
    background-color: #ffffff;
    margin-left: -36px;
    display: block;
}

@media (max-width:640px) {
    .h2_title::after {
        width: 36px;
        height: 1px;
        margin-left: -18px;
        bottom: -13px;
    }
    #main-image .h2_title::after {
        width: 36px;
        height: 1px;
        margin-left: -18px;
        bottom: -13px;
    }
}

.h2_title.bottom_h2_title {
    font-size: 36px;
    font-size: 3.6rem;
}

.h2_title .h2_title_and {
    font-size: 75%;
}

.h2_title_sub {
    width: 100%;
    margin: auto;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: 0.1em;
    text-align: center;
    display: block;
    color: #ffff;
/*     text-shadow: 1px 1px 1px #1198bf, -1px 1px 1px #1198bf, 1px -1px 1px #1198bf, -1px -1px 1px #1198bf; */
}

.schedule_wrap {
    padding: 70px 0;
    background-color: #fff;
}

.h2_title_sub_ks {
    width: 100%;
    /* font-size: 13px;
    font-size: 1.3rem; */
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: 0.1em;
    text-align: center;
    display: block;
    /* color: #a7a7a7; */
    color: #282828;
}

.h2_title_sub_wb {
/*     color: #08a3d5; */
    text-shadow: none;
}

.h2_title span {
    position: relative;
    font-weight: 900;
/*
    padding-left: 40px;
    padding-right: 40px;
 */
     /* padding-left: 25px;
    padding-right: 25px; */
/* 	background-color: #171c61; */
}

@media (max-width: 640px) {
    .schedule_wrap {
        padding: 35px 0;
    }
    .h2_title_sub_ks {
        margin-bottom: 15px;
    }
    .h2_title span {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*
.h2_title span::before {
    right: 95%;
}

.h2_title span::after {
    left: 95%;
}

.h2_title span::before,
.h2_title span::after {
    position: absolute;
    top: 35%;
    content: '';
    width: 105%;
    height: 16px;
    border-top: 2px solid #fbc3d0;
    border-bottom: 2px solid #fbc3d0;
    box-shadow: 0px 0px 3px #ffff00, 0px 0px 3px #ffff00 inset;
    z-index: -1;
}

.h2_title span::before {
    border-radius: 10px 0px 0px 10px;
    border-left: 2px solid #fbc3d0;
}

.h2_title span::after {
    border-radius: 0px 10px 10px 0px;
    border-right: 2px solid #fbc3d0;
}
 */

/* .h2_title .title_sb {
	z-index: 10;
    background-color: #171c61;
} */

/* .h2_title .bar {
	position: absolute;
    display: block;
    width: calc(100% - 10px);
    height: 16px;
    top: 12px;
    margin: auto 5px;
    border: 2px solid #fbc3d0;
    box-shadow: 0px 0px 3px #ffff00, 0px 0px 3px #ffff00 inset;
    border-radius: 10px;
} */

.h2_title_sub_footer_about {
    margin-bottom: 25px;
}

@media (max-width: 640px) {
    .h2_title {
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 1.0;
        /* letter-spacing: 0.3em; */
        padding-top: 10px;
        margin: 0px auto;
    }
    .h2_title img {
        margin: 10px auto 16px;
        width: auto;
        height: 90px;
    }
    .h2_title_ks img {
    	height: 50px;
	}
    .h2_title.bottom_h2_title {
        font-size: 25px;
        font-size: 2.5rem;
        text-align: center;
    }
    .h2_title_sub {
    	font-size: 12px;
    	font-size: 1.2rem;
        margin-bottom: 12.5px;
    }
	.h2_title .bar {
    	height: 10px;
    	top: 9px;
	}
}

@media (min-width: 640px) {
    .h2_title_sub {
        margin-bottom: 30px;
    }
}

@media (min-width: 840px) {
    .h2_title_sub_footer_about {
        margin-bottom: 50px;
    }
}

.h2_title_sub_head {
    width: 15%;
	margin-bottom: -20px;
    margin-top: 7px;
	background-color: #171c61;
	padding: 4px 0px 4px;
}

.h2_title_sub_head.head_support {
    width: 20%;
}

.h2_title_sub_head.head_404 {
    width: 28%;
}

/*
@media (max-width: 800px) {
	.h2_title_sub_head.head_404 {
	    width: 35%;
	}
}
 */

@media (max-width: 740px) {
	.h2_title_sub_head.head_404 {
   		width: 31%;
	}
}

@media (max-width: 640px) {
	.h2_title_sub_head {
   		width: 40%;
		margin-bottom: -14px;
    	margin-top: 5px;
    	padding: 4px 0px 4px;
	}
	.h2_title_sub_head.head_404 {
	    width: 35%;
	}
	.h2_title_sub_head.head_support {
    	width: 35%;
	}
}

@media (max-width: 500px) {
	.h2_title_sub_head.head_404 {
	    width: 55%;
	}
}

/* SNS */
.sns_wrap {
 	width: 854px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.about .sns_wrap {
	margin: 0 auto 60px;
}
	.sns_wrap .sns_wrap_title {
		width: 170px;
		display: block;
		line-height: 60px;
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
        font-weight: bold;
		float: left;
        text-align: left;
	}

    .sns_wrap .sns_wrap_title.about {
        color: #000;
    }

	.sns_wrap .sns_wrap_txt {
        width: calc(100% - 170px);
		display: block;
		float: left;
	}

		.sns_wrap .sns_wrap_txt ul {
			overflow: hidden;
		}
			.sns_wrap .sns_wrap_txt ul li {
				float: left;
				padding: 0 16px;
			}
				.sns_wrap .sns_wrap_txt ul li a {
					display: inline-block;
					position: relative;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
				}
        .sns_wrap .sns_wrap_txt ul li a img {
					width: 60px;
				}
					.sns_wrap .sns_wrap_txt ul li a .hover_img_none {
						position: relative;
						filter: alpha(opacity=100);
						opacity: 1;
						-webkit-transition: all .6s ease;
						transition: all .6s ease;
                        -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
					}
					.sns_wrap .sns_wrap_txt ul li a .hover_img {
						position: absolute;
						top:0;
						left: 0;
						filter: alpha(opacity=0);
						opacity: 0;
						-webkit-transition: all .6s ease;
						transition: all .6s ease;
                        -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
					}
					.sns_wrap .sns_wrap_txt ul li a:hover .hover_img_none {
						filter: alpha(opacity=0);
						opacity: 0;
					}
					.sns_wrap .sns_wrap_txt ul li a:hover .hover_img {

						filter: alpha(opacity=100);
						opacity: 1;
					}

 /*we_ver*/
/* @media screen and (min-width: 640px) and (max-width: 680px) {
    .sns_wrap .sns_wrap_txt ul li {
    	float: left;
    	width: 79px;
    	padding: 0 16px;
    }
} */

@media screen and (max-width: 850px) {
    .sns_wrap {
		/* width: 650px; */
    width: 558px;
		display: inline-block;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}
    .sns_wrap .sns_wrap_title {
        /*width: 60px;*/
        width: 100%;
        height: auto;
        line-height: 2.5;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
        float: left;
    }
    .sns_wrap .sns_wrap_txt {
        width: 100%;
        display: block;
        float: right;
        padding-top: 10px;
        /*margin-left: -60px;
        padding-left: 60px;*/
    }
}

@media screen and (max-width: 640px) {
	.sns_wrap {
		width: 280px;
	}

/*
		.sns_wrap .sns_wrap_title {
			width: 60px;
			height: auto;
			line-height: 2.5;
			text-align: center;
			font-size: 10px;
			font-size: 1.0rem;
			float: left;
		}
		.sns_wrap .sns_wrap_txt {
			width: 100%;
			display: block;
			float: right;
			width: 100%;
			margin-left: -60px;
			padding-left: 60px;
		}
 */
			.sns_wrap .sns_wrap_txt ul {
				overflow: hidden;
				text-align: center;

			}
				.sns_wrap .sns_wrap_txt ul li {
					display: block;
					float: none;
 					/* width: 14.2857142%; */
          width: 16.6666666%;
					padding: 0 4px;
					float: left;
				}
}

/*----------------------*/
/* バナー(ヘッダ) */
/*----------------------*/
.content_wrap.banner {
    background-color: #F5F5F5;
}

.banner_wrap {
	width: 100%;
	overflow: hidden;
    padding: 20px 15px;
}

@media screen and (min-width: 640px) {
    .banner_wrap {
    	width: 100%;
    	overflow: hidden;
        padding: 0 25px;
    }
}

.banner_wrap_news {
	width: 100%;
	overflow: hidden;
	padding: 0 5px;
	margin: 15px auto 60px;
}
	.banner_wrap_news .banner_wrap_news_inner {
		width: 100%;
		overflow: hidden;
	}
		.banner_wrap_news .banner_wrap_news_inner li {
			display: block;
			width: 33.333333%;
			width : -webkit-calc(100% / 3);
			width : calc(100% / 3);
			float: left;
			padding: 0 5px;
		}
			.banner_wrap_news .banner_wrap_news_inner li a {
				display: block;
				width: 100%;
				background-color: #f5f4ef;
				padding: 23px 30px;
				position: relative;
				border-radius: 3px;
				overflow: hidden;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
				.banner_wrap_news .banner_wrap_news_inner li a .banner_wrap_news_inner_p {
					width: 100%;
					position: relative;
					z-index: 10;
					font-size: 12px;
					font-size: 1.2rem;
					letter-spacing: 0.1em;
					line-height: 1.7;
					color: #191919;
					text-align: left;
					-webkit-transition: all .4s;
				    -moz-transition: all .4s;
				    transition: all .4s;
				}
				.banner_wrap_news .banner_wrap_news_inner li a:hover {
					background-color: #191919;
				}
				.banner_wrap_news .banner_wrap_news_inner li a:hover .banner_wrap_news_inner_p {
					color: #fff;
				}

@media screen and (max-width: 640px) {
.banner_wrap_news {
	margin: 15px auto 25px;
}
	.banner_wrap_news .banner_wrap_news_inner li {
		width: 50%;
		margin-bottom: 10px;
	}
	.banner_wrap_news .banner_wrap_news_inner li.last {
		display: none;
	}
	.banner_wrap_news .banner_wrap_news_inner li a {
		padding: 15px 15px;

	}
		.banner_wrap_news .banner_wrap_news_inner li a .banner_wrap_news_inner_p {
			font-size: 8px;
			font-size: 0.8rem;
		}
}

.banner_list {
	width: 100%;
	/* padding: 0 10px 10px; */
	/* overflow: hidden; */
	position: relative;
    margin: 0px auto;
}

.banner_list_news {
    width: 50%;
    height: 100px;
    padding: 15px;
    overflow: hidden;
    float: left;
    background-color: #f5f4ef;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    letter-spacing: 0.1em;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}

.sp_hdn {
    display: none;
}

@media (min-width: 640px) {
    /* .banner_list {
        padding: 0 10px;
    } */
    .banner_list_news {
        width: 33%;
        padding: 25px;
        border-right: 0px;
    }
    .sp_hdn {
        display: inline-block;
    }
}

.banner_list a {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: auto;
}

.banner_list a img {
    display: inline-block;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
    background-color: #fff;
    vertical-align: bottom;
     /* border-radius: 4px;
     -webkit-border-radius: 4px; */
}

.banner_list a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
}

@media (min-width: 640px) {
    .banner_list a {
/*         margin: auto 20px; */
    }
}

/*-----------------*/
/* ニュース */
/*-----------------*/
.section_news {
    /*background-color: #ffffff;*/
    margin-bottom: 100px;
}

@media screen and (max-width:640px) {
    .section_news {
        margin-bottom: 20px;
    }
}

.news_wrap {
    /* background-color: rgba(255,255,255,0.95); */
    padding: 0px 10px 0px;
    max-width: 1220px;
}

.h2_title_news {
    margin-top: -40px;
}

.h2_title_news_ks {
    margin-top: -90px;
}

.h2_title_sub_news {
    margin-top: -30px;
    margin-bottom: 13px;
}
.h2_title_sub_brand {
    margin-top: -56px;
    margin-bottom: 18px;
}
.h2_title_sub_model {
    margin-top: -30px;
    margin-bottom: 18px;
}
.h2_title_sub_guestmc {
    margin-top: -56px;
    margin-bottom: 18px;
}
.h2_title_sub_artist {
    margin-top: -43px;
    margin-bottom: 18px;
}

.news_wrap_inner {
    position: relative;
    /* border: 2px solid #e3007f; */
    padding: 0px 0px 35px;
    z-index: 100;
    /* box-shadow: 5px 0px 20px #e3007f, 0px 0px 20px #e3007f inset; */
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.h2_title_text_news {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    color: #AAAAAA;
    margin: 0px auto;
    padding-top: 40px;
}

.news_wrap_inner.top {
    padding: 0px 0px 25px;
}

.news_wrap_inner.top .caption {
    margin: 10px auto 30px;
}

.news_wrap_inner.top .caption a {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    text-decoration: underline;
}

@media screen and (max-width:640px) {
  .news_wrap_inner.top .caption a {
      font-size: 16px;
      font-size: 1.6rem;
  }
}

@media screen and (max-width:370px) {
  .news_wrap_inner.top .caption a {
      font-size: 14px;
      font-size: 1.4rem;
  }
}

.news_wrap_inner_ks {
    border: none;
    padding: 20px 0px 0px !important;
    box-shadow: none;
}

.news_wrap_inner_ks dl dt,
.news_wrap_inner_ks dl dd {
/*     color: #191919 !important; */
}

/*.news_wrap_inner::after {
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    display: block;
    position: absolute;
    top: -7px;
    left: -7px;
    z-index: -1;
    border: 1px solid #1099be;
}*/

.news_wrap_inner_footer_ks::after {
/*     padding-top: 58.7% !important; */
    padding-top: 54.7% !important;
}

.news_wrap_inner_ks::after {
    display: none;
}

@media screen and (max-width:1405px) {
    .news_wrap_inner::after {
        display: none;
        padding: 30px 90px 0px !important;
    }

}

.h2_title span.news {
    background-color: #ffffff;
}

.h2_title span.news::before,
.h2_title span.news::after {
    display: none;
}

/*
@media screen and (min-width:640px) {
    .news_wrap {
        padding: 70px 100px 80px;
    }
}
 */
@media screen and (min-width:640px) {
    .news_wrap {
/*         padding: 120px 5px 80px; */
        padding: 0px 5px;
    }
    .news_wrap_inner {
        padding: 0px 0px 70px;
    }
    .news_wrap_inner.top {
        padding: 0px 0px 35px;
    }
    .h2_title_news {
        margin-top: -30px;
    }
    .h2_title_news_ks {
        margin-top: -100px;
    }
    .h2_title_sub_news {
    	margin-top: -25px;
        margin-bottom: 26px;
    }
    .h2_title_sub_brand {
    	margin-top: -62px;
        margin-bottom: 36px;
    }
    .h2_title_sub_model {
    	margin-top: -22px;
        margin-bottom: 36px;
    }
    .h2_title_sub_guestmc {
    	margin-top: -62px;
        margin-bottom: 36px;
    }
    .h2_title_sub_artist {
    	margin-top: -37px;
        margin-bottom: 36px;
    }
}

@media screen and (min-width:1400px) {
    .news_wrap_inner {
        padding: 0px 90px 70px;
    }
    .news_wrap_inner.top {
        padding: 0px 0px 50px;
    }
}

.news_wrap_inner>a {
    display: block;
}

.news_wrap_inner>a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
}

.news_wrap_inner dl {
    padding: 0;
    margin: 10px 10px 20px;
    border-bottom: 1px solid #DDDDDD;
    /*box-shadow: 0 1px #fff;*/
    overflow: hidden;
    padding: 0 0 13px;
}

.news_wrap_inner dl dt {
    /* width: 100px; */
    width: 100%;
    line-height: 16px;
    font-size: 14px;
    font-size: 1.4rem;
    /* color: #282828; */
    display: block;
    float: left;
    padding-bottom: 8px;
}

.news_wrap_inner dl dt .time {
    display: inline-block;
    width: 75px;
    text-align: left;
    margin-right: 10px;
    /* margin-bottom: 10px; */
    float: left;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-size: 13px;
    font-size: 1.3rem;
/*
    letter-spacing: 0.05em;
    font-weight: 600;
 */
}

@media (min-width: 770px) {
    .h2_title_text_news {
        margin: 0px 40px;
        font-size: 18px;
        font-size: 1.8rem;
        text-align: left;
        padding-top: 60px;
    }
    .drawer-viewmore.btn-border {
        margin: 0 40px 60px !important;
    }
    .news_wrap_inner dl {
        margin: 15px 40px 0px;
    }
    .news_wrap_inner dl dt {
        width: 175px;
        padding-top: 3px;
    }
    .news_wrap_inner dl dt .time {
        margin-bottom: 0;
        /* font-size: 16px;
	    font-size: 1.6rem; */
    }
}

@media (min-width: 1430px) {
    .h2_title_text_news {
        margin: 0px 100px;
    }
    .drawer-viewmore.btn-border {
        margin: 0 100px 60px !important;
    }
    .news_wrap_inner dl {
        margin: 15px 100px 0px;
    }
}

.news_wrap_inner dl dt .news_cat {
    display: inline-block;
    width: 80px;
    height: 22px;
    /* margin-top: 2px; */
    /* margin-top: 2.5px; */
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 22px;
    text-align: center;
    float: right;
    /* font-weight: 600; */
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.news_wrap_inner dl dt .news_cat.brand_cat {
    background-color: #F869DE;
}

.news_wrap_inner dl dt .news_cat.report_cat {
    background-color: #e98dc1;
}

.news_wrap_inner dl dt .news_cat.info_cat {
    background-color: #1ab2c8;
}

.news_wrap_inner dl dt .news_cat.guest_cat {
    background-color: #80cdda;
}

.news_wrap_inner dl dt .news_cat.model_cat {
    background-color: #7255a1;
}


/* 色変更ここまで */
.news_wrap_inner dl dt .news_cat.special_cat {
    background-color: #F869DE;
}

.news_wrap_inner dl dt .news_cat.artist_cat {
    background-color: #e98dc1;
}

.news_wrap_inner dl dt .news_cat.ticket_cat {
    background-color: #ffb80d;
}

.news_wrap_inner dl dd {
    width: 100%;
    line-height: 18px;
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    float: right;
    text-align: left;
    padding: 0;
    /* margin-left: -100px;
    padding-left: 100px; */
}

@media (min-width: 770px) {
    .news_wrap_inner dl dd {
        margin-left: -185px;
        padding-left: 185px;
    	/* font-size: 16px;
    	font-size: 1.6rem; */
    }
	.news_wrap_inner dl dt .news_cat {
        float: left;
        height: 26px;
        /* margin-top: 2.5px; */
	      margin-left: 6px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 26px;
	}
}

.content_wrap_inner.ittou {
	padding: 40px 0 40px;
}

.content_wrap_inner.ittou h2 {
	display: block;
	margin: 0 auto 40px;
	width: 154px;
}

.news_wrap_inner .sns_wrap {
	margin: 0 auto 0px;
}

/*---------------*/
/* ブランド */
/*---------------*/
.brand_wrap {
    position: relative;
    width: 100%;
    max-width: 1250px;
    margin: 0px auto;
    padding: 0px 10px;
}

.brand_wrap .h2_title {
    margin: 25px auto -5px;
}

.brand_wrap .subtitle {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #AAAAAA;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #707070; */
}

@media (min-width: 640px) {
    .brand_wrap {
        position: relative;
        width: 100%;
        max-width: 1220px;
        margin: 10px auto 25px;
        padding: 0px 20px;
    }
    .brand_wrap .h2_title {
        margin: 90px auto 10px;
    }
    .brand_wrap .subtitle {
        font-size: 28px;
        font-size: 2.8rem;
        padding-bottom: 15px;
    }
}
@media (min-width: 1200px) {
    .brand_wrap {
        padding: 0px 30px;
    }
}



.brand_slider_wrap {
    position: relative;
    width: 100%;
    margin: 15px auto;
}

.brand_slider {
    width: 100%;
    padding: 0 12px;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.brand_slider li {
    width: 33.3333333333%;
    display: block;
    overflow: hidden;
    padding: 25px 20px;
    /* padding: 15px; */
}

@media (min-width: 640px) {
    .brand_slider_wrap {
        margin: 30px auto;
    }
    .brand_slider li {
        width: 16.66666666%;
        /* padding: 30px 25px; */
    }
}

@media (min-width: 768px) {
    .brand_slider li {
        padding: 35px 30px;
    }
}

@media (min-width: 1200px) {
    .brand_slider li {
        padding: 35px;
    }
}

.brand_slider li.slick-active {
    opacity: 1.0;
}

.brand_slider li a {
    width: 100%;
    height: 100%;
    display: block;
    display: block;
    /* background-color: #fff; */
}

.brand_slider li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
}

.brand_slider li a img {
    display: inline-block;
    vertical-align: middle;
    /* background-color: #fff; */
}

.brand_slider .slick-list {
    overflow: visible;
}

.arrows_button{

}

.brand_slider li.slick-slide img,
.brand_slider li.slick-slide figure.cap figcaption {
    opacity: 0.5;
}

.brand_slider li.slick-active {
    opacity: 1.0;
}

.brand_slider li.slick-active img,
.brand_slider li.slick-active figure.cap figcaption {
    opacity: 1.0;
}

/*---------------*/
/* モデル */
/*---------------*/
.model_wrap {
    position: relative;
    width: 100%;
    padding: 0px 10px;
}

@media (min-width: 640px) {
    .model_wrap {
        position: relative;
        width: 100%;
        padding: 0 20px 20px;
        max-width: 1320px;
    }
}

@media (min-width: 1200px) {
    .model_wrap {
        position: relative;
        width: 100%;
        padding: 0 50px 20px;
        max-width: 1320px;
    }
}

.model_slider_wrap,
.common_slider_wrap {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

.common_slider_wrap {
  margin: 0px auto 20px;
}

.model_slider {
    width: 100%;
    padding: 5px 5px 0;

    opacity: 0 !important;
    transition: opacity .3s;
}

.model_slider.swiper-slide-active{
	opacity: 1 !important;
}

.model_slider li {
    width: 50%;
    float: left;
    display: block;
    overflow: hidden;
    opacity: 1.0;
}

@media (min-width: 640px) {
  .common_slider_wrap {
    margin: 0px auto 40px;
  }
    .model_slider li {
        width: 25%;
        float: left;
        display: block;
        overflow: hidden;
        /* opacity: 0.2; */
/*         background-color: gray; */
/*         opacity: 0.8; */
    }
}

.model_slider li.slick-slide img,
.model_slider li.slick-slide figure.cap figcaption {
    opacity: 0.5;
}

.model_slider li.slick-active {
    opacity: 1.0;
}

.model_slider li.slick-active img,
.model_slider li.slick-active figure.cap figcaption {
    opacity: 1.0;
}

.model_slider li a {
    width: 100%;
    /* padding: 5px; */
    display: block;
    float: left;
}

/* .model_slider li a.bottom {
    margin-top: 20px;
} */

.model_slider .slick-list {
    overflow: visible;
}

/*---------------*/
/* キャプション */
/*---------------*/
figure.cap {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
    text-align: left;
	/* background-color: #fff; */
}

figure.cap figcaption {
    /* position: absolute; */
    /* bottom: -50px; */
    left: 0;
    z-index: 2;
    width: 100%;
    height: 50px;
    /* background: rgba(0, 0, 0, .6); */
    background: #1A1A1A;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
}

@media (min-width: 640px) {
    figure.cap figcaption {
        font-size: 14px;
        font-size: 1.4rem;
        bottom: -40px;
    }
}

figure.cap figcaption.model_name.
figure.cap figcaption.guest_name,
figure.cap figcaption.artist_name {
    /* background-color: rgba(0,0,0,0.6); */
    /* background-color: rgba(71, 178, 226,0.6); */
}

figure.cap figcaption h3 {
    width: 100%;
    height: 50px;
    line-height: 1.0;
    overflow: hidden;
}

figure.cap figcaption h3 span.line1 {
    line-height: 50px;
    color: white;
    margin-left: 20px;
}

figure.cap figcaption h3 span.line2 {
    padding-top: 12px;
    display: block;
    margin: 0 auto 3px;
    margin-left: 20px;
}

figure.cap figcaption h3 span.line2_bottom {
    display: block;
    font-size: 70%;
    margin-left: 20px;
}

@media (max-width: 640px) {
    figure.cap figcaption {
        height: 40px;
    }
    figure.cap figcaption h3 {
        height: 40px;
    }
    figure.cap figcaption h3 span.line1 {
        line-height: 40px;
        margin-left: 10px;
    }
    figure.cap figcaption h3 span.line2 {
        padding-top: 8px;
        margin-left: 10px;
    }
	figure.cap figcaption h3 span.line2_bottom {
	    display: block;
	    font-size: 5px;
        margin-left: 10px;
	}
}

figure.cap figcaption p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
}

figure.cap .profile {
    display: none;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.model_slider li a:hover figure.cap .profile,
.guest_slider li a:hover figure.cap .profile,
.artist_slider li a:hover figure.cap .profile,
.model_bottom li a:hover figure.cap .profile,
.guest_mc_bottom li a:hover figure.cap .profile,
.artist_bottom li a:hover figure.cap .profile {
/* figure.cap .profile { */
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    /* background-color: rgba(0,0,0,0.6); */
    background-color: rgba(71, 178, 226,0.6);
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

figure.cap .profile .profile_innner {
    position: absolute;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    width: 100px;
    margin: auto;
    padding: 33px 0px;
    border-radius: 50px;
    top: calc(50% - 50px);
    left: 0;
    right: 0;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

figure.cap .profile .profile_innner img {
    width: 15px;
    margin: 10px auto 0;
}

figure.cap figcaption.guest_name p::before {
    border-bottom: 1px solid #6c2b2f;
}

figure.cap:hover figcaption {

}

@media (min-width: 640px) {
    figure.cap:hover figcaption {
        bottom: 0;
    }
}

/*---------------*/
/* SHOW REPORT(top) */
/*---------------*/
.report_top_wrap_preinner {
    background-color: #fff;
    margin: 45px auto 30px;
}

@media (min-width: 640px) {
    .report_top_wrap_preinner {
        margin: 90px auto;
    }
}

.report_top_wrap {
    position: relative;
    width: 100%;
    padding:0px 10px 50px;
    margin-bottom: 0px;
}

@media (min-width: 640px) {
    .report_top_wrap {
        position: relative;
        width: 100%;
        padding: 50px 20px;
        max-width: 1260px;
    }
}

@media (min-width: 1200px) {
    .report_top_wrap {
        position: relative;
        width: 100%;
        padding: 50px 50px;
        max-width: 1320px;
    }
}

.h2_title_showreport_top {
    margin-bottom: 0px;
    padding-top: 40px;
}

@media (min-width: 640px) {
    .h2_title_showreport_top {
        margin-bottom: -30px;
    	padding-top: 5px;
    }
}

.report_top_ds_wrap {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.report_top_ds {
    width: 100%;
    padding: 0 5px;
}

.report_top_ds li {
    /*width: 50%;*/
    width: 33.3333333333333%;
    float: left;
    display: block;
    overflow: hidden;
    opacity: 1.0;
    margin-bottom: 0px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.report_top_ds li:hover {
    opacity: 0.6;
}

@media (min-width: 640px) {
    .report_top_ds_wrap {
        margin-bottom: 30px;
    }
    .report_top_ds li {
        width: 25%;
        margin-bottom: 15px;
        float: left;
        display: block;
        overflow: hidden;
    }
}

@media (min-width: 1020px) {
    .report_top_ds li {
        width: 20%;
    }
}

.report_top_ds li a {
    width: 100%;
    padding: 5px;
    display: block;
}

.report_top_ds li .show_height {
    font-size: 14px;
    font-size: 1.4rem;
    color: #000000;
    padding-top: 5px;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 640px) {
    .report_top_ds li .show_height {
        font-size: 10px;
        font-size: 1.0rem;
    }
}
/*---------------*/
/* ゲスト */
/*---------------*/
.guest_wrap {
    position: relative;
    width: 100%;
    padding: 0px 10px;
}

@media (min-width: 640px) {
    .guest_wrap {
        position: relative;
        width: 100%;
        padding: 40px 20px 20px;
        max-width: 1260px;
    }
}

@media (min-width: 1200px) {
    .guest_wrap {
        position: relative;
        width: 100%;
        padding: 40px 50px 20px;
        max-width: 1320px;
    }
}

.guest_slider_wrap {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

.guest_slider {
    width: 100%;
    padding: 0 5px;
    opacity: 0 !important;
    transition: opacity .3s;
}

.guest_slider.swiper-slide-active {
    opacity: 1 !important;
}

.guest_slider li {
    width: 50%;
    float: left;
    display: block;
    overflow: hidden;
    /* opacity: 1.0; */
}

@media (min-width: 640px) {
    .guest_slider li {
        width: 25%;
        float: left;
        display: block;
        overflow: hidden;
        /* opacity: 0.2; */
    }
}

.guest_slider li.slick-active {
    opacity: 1.0;
}

.guest_slider li a {
    width: 100%;
/*     margin: 5px; */
    display: block;
/*     float: left; */
    /* background-color: #fff; */
}

.guest_slider .slick-list {
    overflow: visible;
}

.guest_slider li.slick-slide img,
.guest_slider li.slick-slide figure.cap figcaption {
    opacity: 0.5;
}

.guest_slider li.slick-active {
    opacity: 1.0;
}

.guest_slider li.slick-active img,
.guest_slider li.slick-active figure.cap figcaption {
    opacity: 1.0;
}

/*---------------*/
/* アーティスト */
/*---------------*/
.artist_wrap {
    position: relative;
    width: 100%;
    padding: 0px 10px 40px;
}

@media (min-width: 640px) {
    .artist_wrap {
        position: relative;
        width: 100%;
        padding: 40px 20px 100px;
        max-width: 1260px;
    }
}

@media (min-width: 1200px) {
    .artist_wrap {
        position: relative;
        width: 100%;
        padding: 40px 50px 100px;
        max-width: 1320px;
    }
}

.artist_slider_wrap {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

.artist_slider {
    width: 100%;
    padding: 7px 5px 0px;
}

.artist_slider li {
    width: 50%;
    float: left;
    display: block;
    overflow: hidden;
    /* opacity: 1.0; */
}

@media (min-width: 640px) {
    .artist_slider li {
        width: 33.3333333%;
        float: left;
        display: block;
        overflow: hidden;
        /* opacity: 0.2; */
    }
}

.artist_slider li.slick-active {
    opacity: 1.0;
}

.artist_slider li a {
    width: 100%;
    /* margin-top: 20px; */
    display: block;
    float: left;
    /* background-color: #fff; */
}

/* .artist_slider li a figure {
    padding-bottom: 30px;
}

@media (min-width: 640px) {
    .artist_slider li a figure {
        padding-bottom: 40px;
    }
} */

.artist_slider .slick-list {
    overflow: visible;
}

.artist_slider li.slick-slide img,
.artist_slider li.slick-slide figure.cap figcaption {
    opacity: 0.5;
}

.artist_slider li.slick-active {
    opacity: 1.0;
}

.artist_slider li.slick-active img,
.artist_slider li.slick-active figure.cap figcaption {
    opacity: 1.0;
}

/*---------------*/
/* stage(brand) */
/*---------------*/
.stage_slider_wrap {
    position: relative;
    width: 100%;
    margin: 35px auto;
}

.stage_slider {
    width: 100%;
}

.stage_slider li {
    width: 50%;
    float: left;
    display: block;
    overflow: hidden;
    /* opacity: 1.0; */
}

@media (min-width: 640px) {
    .stage_slider_wrap {
        margin: 35px auto 50px;
    }
    .stage_slider li {
        /* width: 33.3333333%; */
        width: 25%;
        float: left;
        display: block;
        overflow: hidden;
        /* opacity: 0.2; */
    }
}

.stage_slider li.slick-active {
    opacity: 1.0;
}

.stage_slider li a {
    width: 100%;
    margin: 5px;
    display: block;
    float: left;
    background-color: #fff;
}

/*---------------*/
/* インタビュー(girls_walker_wrap) */
/*---------------*/
.girls_walker_wrap {
    position: relative;
    width: 100%;
    padding-bottom: 80px;
}

.girls_walker_wrap .h2_title {
    padding-top: 0px;
}

@media screen and (max-width:640px) {
    .girls_walker_wrap .h2_title {
        margin: 0px auto 22px;
    }
}

.girls_walker_wrap.bottom_girls {
    padding-bottom: 0px;
}

.girls_walker_wrap_bg {
    display: block;
    width: 150%;
    height: 1000px;
    background-color: #ffffff;
    position: absolute;
    bottom: -1000px;
    z-index: 0;
    left: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    border-top: 1px solid #e8e8e8;
}

#girls_walker_inner {
    position: relative;
    width: 100%;
}

#girls_walker_inner ul {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#girls_walker_inner ul li {
    width: 50%;
    padding: 0 10px;
    float: left;
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    .girls_walker_wrap {
        max-width: 1220px;
        padding-bottom: 190px;
    }
    #girls_walker_inner ul li {
        width: 25%;
        margin-bottom: 0;
    }
    .girls_walker_wrap.bottom_girls {
        padding-bottom: 90px;
    }
}

#girls_walker_inner ul li a {
    background-color: #fff;
    width: 100%;
    display: block;
}

#girls_walker_inner ul li a img {
    display: inline-block;
    background-color: #fff;
}

#girls_walker_inner ul li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    -webkit-transform: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

#girls_walker_inner ul li a p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 10px;
    text-align: justify;
}

.img_girlswalker {
    display: block;
    width: 84px;
    margin: 0 auto;
}

.img_girlswalker img {
    height: auto !important;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .img_girlswalker {
    margin: 15px auto 0;
    }
    .img_girlswalker img {
        height: auto !important;
        margin: 15px auto 0;
    }
}
@media (min-width: 770px) {
    .img_h2title_interview {
        display: inline-block;
    }
    .img_girlswalker {
        display: inline-block;
        width: 168px;
    }
    .img_girlswalker img {
        height: auto !important;
        margin-left: 10px;
    }
}

/*---------------*/
/* スペシャル */
/*---------------*/
.special_wrap {
    position: relative;
    width: 100%;
    padding: 40px 10px;
}

.special_wrap.small {
    padding: 40px 10px 0px;
}

@media (min-width: 640px) {
    .special_wrap {
        padding: 0px 20px 120px;
        max-width: 1240px;
        margin-top: 120px;
    }
    .special_wrap.small {
        padding: 0px 0px 43px;
    }
}

@media (min-width: 1200px) {
    .special_wrap {
        padding: 0px 40px 120px;
        max-width: 1300px;
    }
    .special_wrap.small {
        padding: 0px 0px 43px;
    }
}

.special_slider_wrap {
    position: relative;
    width: 100%;
    padding: 0 15px;
}

@media (min-width: 640px) {
	.special_slider_wrap {
	    padding: 0;
	}
}

.special_slider_wrap ul {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
}

.special_slider_wrap ul li {
    width: 25%;
    padding: 0 10px;
    float: left;
    /* opacity: 0.2; */
}

@media (min-width: 640px) {
    .special_slider_wrap ul li {
        padding: 0 10px;
    }
}

.special_slider_wrap ul li a,
.special_bottom li a {
    /*background-color: #fff;*/
    width: 100%;
    display: block;
    background-color: #fff;
}

.special_slider_wrap ul li a.bottom {
    margin-top: 20px;
}

.special_slider_wrap ul li a img {
/*     background-color: #fff; */
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

.special_slider_wrap ul li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    -webkit-transform: all .3s;
    -moz-transform: all .3s;
    transition: all .3s;
}

.special_slider_wrap ul li a p,
.special_bottom li a p,
.special_bottom_slide li a p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0px 10px 10px;
    text-align: left;
}

.special_bottom_slide li a p {
  padding: 10px 0px 0px;
}

.special_slider li.slick-active {
    opacity: 1.0;
}
.special_slider .slick-list {
    overflow: visible;
}

.special_slider li.slick-slide img,
.special_slider li.slick-slide figure.cap figcaption {
    opacity: 0.5;
}

.special_slider li.slick-active {
    opacity: 1.0;
}

.special_slider li.slick-active img,
.special_slider li.slick-active figure.cap figcaption {
    opacity: 1.0;
    padding: 10px;
}

/*---------------*/
/* official */
/*---------------*/
.official_channel_wrap {
  margin-top: 60px;
}

@media (min-width: 770px) {
  .official_channel_wrap {
    margin-top: 120px;
  }
}

/*---------------*/
/* アバウト */
/*---------------*/
/*background-image: url('images/top/top_back_brand.jpg');
background-repeat: no-repeat;
background-size:100%;*/

.about_wrap {
    position: relative;
    width: 100%;
    padding: 0;
    /*background-image: url('images/common/bg-about.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 2px solid #1099be;*/
}

@media (max-width: 768px) {
	.about_wrap {
	    background-image: none;
/* 	    background-color: rgba(255,255,255,.5); */
	}
}

/*.about_wrap::after {
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    display: block;
    position: absolute;
    top: -7px;
    left: -7px;
    z-index: 0;
    border: 1px solid #1099be;
}*/

@media (max-width: 1420px) {
    .about_wrap::after {
        display: none;
    }
}

@media (min-width: 640px) {
    .about_wrap {
        padding: 0 10px 80px;
    }
}

@media (min-width: 1025px) {
    .about_wrap {
        background-attachment: fixed;
    }
}

.about_foot_line {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto -180px;
    top: -180px;
    position: relative;
}

@media (min-width: 640px) {
    .about_foot_line {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto -280px;
        top: -280px;
    }
}

.about_foot_line .h2_title {
    margin: 0px auto 10px;
/*     padding-top: 25px; */
}

@media (min-width: 840px) {
    .about_foot_line .h2_title {
        margin: 0px auto 50px;
    }
}

.about_wrap_inner {
    position: relative;
    width: 100%;
    max-width: 1080px;
    /* padding-top: 140px; */
}

.footer_youtube {
    color: #191919;
    /* background-color: #fff; */
    padding: 0;
    width: 100%;
    /* width: 94%; */
    /* margin: 15px auto 20px; */
    margin: 0px auto 15px;
}

/* .footer_youtube img {
  border: 1px solid #fff;
} */

.footer_youtube .youtube_inner {
	position: relative;
	width:  100%;
	margin: 0 auto;
	padding-top: 56.25%;
}

.footer_youtube .youtube_inner>iframe,
.footer_youtube .youtube_inner>img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (min-width: 840px) {
    .footer_youtube.sp {
        display: none;
    }
}

.about_wrap .about_cont_left {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    position: relative;
    /*overflow: hidden;*/
    overflow: visible !important;
    z-index: 0;
    display: none;
}

.about_wrap .about_cont1 img {
    margin-bottom: 0;
}

@media (min-width: 840px) {
    .about_wrap .about_cont_left {
        width: auto;
        width: 60%;
        max-width: 720px;
        margin-right: 450px;
        z-index: 10;
        display: block;
        /*margin-top: -618px;*/
        /* margin-top: -633px; */
        float: left;
        /*margin-left: 10px;*/
        top: -220px;
        position: absolute;
    }
}

@media (min-width: 1300px) {
    .about_wrap .about_cont_left {
        width: 70%;
    }
}

.about_wrap .about_cont2_pc {
    width: 100%;
    /*max-width: 996px;*/
    max-width: 1020px;
    height: 211px;
    padding: 40px 50px 40px 60px;
    background-color: #fff;
    color: #322e34;
    text-align: left;
    margin: 30px auto auto;
    position: relative;
}

.about_wrap .about_cont2_pc_wrap {
    position: relative;
    z-index: 1;
}

.about_wrap .about_cont2_pc li {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

.about_wrap .about_cont2_pc .squere {
    width: 125px;
    height: 125px;
}

.about_wrap .about_li_tgc {
    margin: 5px 55px auto 20px;
}

@media (max-width:1240px) {
    .about_wrap .about_li_tgc {
        margin: 5px 20px auto 20px;
    }
}

.about_wrap .about_cont2_pc .tgc {
    width: 100%;
    max-width: 325px;
    margin: 5px auto 20px;
}

.h_req_member_sp {
    font-weight: 700;
    letter-spacing: 0.075em;
    font-size: 16px;
    font-size: 1.6rem;
}

.h_req_member {
    font-weight: 700;
    letter-spacing: 0.075em;
    font-size: 15px;
    font-size: 1.5rem;
}

@media (min-width:640px) and (max-width:1210px) {
    .h_req_member {
        font-size: 32px;
        font-size: 3.3rem;
        letter-spacing: 0.075em;
    }
}

.about_p_linefadd {
    margin: 5px auto 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.about_li_linefadd {
    margin-right: 5px;
}

.about_li_linefadd a {
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.about_li_linefadd a img {
    display: inline-block;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
    background-color: #fff;
    vertical-align: bottom;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.about_li_linefadd a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.about_wrap .about_cont2_pc .btn_linefadd {
    width: 218px;
    height: auto;
}

.about_wrap .about_cont2_pc .lineqr {
    width: 116px;
    height: 116px;
    margin-top: 5px;
}

.about_wrap .linefadd_arrow {
    color: #00b900;
}

.about_cont2_sp {
    color: #191919;
    background-color: #fff;
    padding: 20px 10px;
    width: 100%;
    margin: 10px auto 0px;
    position: relative;
    z-index: 100;
}

@media screen and (max-width: 640px) {
    .about_cont2_sp {
        margin: 15px auto 20px;
    }
}

.about_cont2_sp li.cont2_sp01 {
    margin: 0 auto 10px;
}

.about_cont2_sp li.cont2_sp02 {
    margin: 0 auto 15px;
}

.about_cont2_sp li.cont2_sp03 {
    margin: 0 auto;
}

.about_cont2_sp p {
    font-size: 9px;
    font-size: 0.9rem;
    letter-spacing: 0.075em;
}

.small-logo-line {
    width: 25px;
    height: 25px;
    display: inline;
    vertical-align: middle;
    margin-right: 10px;
}

@media (min-width:640px)and (max-width:1210px) {
    .about_cont2_sp li {
        margin: 20px auto;
    }
    .about_cont2_sp p {
        font-size: 18px;
        font-size: 1.8rem;
        letter-spacing: 0.075em;
    }
    .about_cont2_sp li.small-logo img {
        width: 50px;
        height: 50px;
        margin-bottom: 11px;
    }
}

.btn-small-linefadd {
    width: 150px;
    height: 50px;
    margin: 0 auto;
}

@media (max-width: 640px) {
    .btn-small-linefadd {
        width: 120px;
        height: 35px;
        margin: 0 auto;
    }
}

.about_cont2_pc {
  display: none;
}

.about_cont2_sp {
  display: block;
}

@media (min-width: 1211px) {
    .about_cont2_pc {
        display: block;
    }
    .about_cont2_sp {
        display: none;
    }
}

.about_wrap .about_cont3 {
    width: 100%;
    position: relative;
}

.logo-footer {
    width: 100%;
    overflow: hidden;
}

.logo-footer img {
    width: 100%;
    height: auto;
    max-width: 315px;
    margin: auto auto 30px;
}

.about_wrap .about_cont3_inner {
    width: 100%;
    margin: 0 0 0 auto;
    /* background-color: #fff; */
    text-align: left;
    position: relative;
    overflow: visible !important;
}

@media (max-width: 839px) {
    .about_wrap .about_cont3_inner {
	    margin: 0 auto;
        padding: 20px 0 0;
    }
}

.about_wrap .about_cont3 .description {
    /* color: #000; */
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    padding: 0 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .about_wrap .about_cont3_inner {
        width: 305px;
    }
}

@media (min-width: 840px) {
    .about_wrap .about_cont3 {
        width: 560px;
        position: relative;
        z-index: 10;
        margin-top: -5px;
        float: right;
    }
    .about_wrap .about_cont3_inner {
        /* width: 560px; */
        padding: 120px 0 20px;
        position: relative;
    }
    .about_wrap .about_cont3 .description {
        margin: 0 60px 0 100px;
    }
}

@media (min-width: 1250px) {
    .about_wrap .about_cont3 {
        width: 560px;
    }
}

@media (min-width: 768px) {
    .about_wrap .about_cont3 .description {
        margin: 0 auto 0;
    }
}

/* @media (min-width:840px) and (max-width: 1210px) {
    .about_wrap .about_cont3 .description {
        margin: 0 0 0 150px;
    }
}

@media (min-width:640px) and (max-width: 839px) {
    .about_wrap .about_cont3 .description {
        margin: 0 auto;
    }
} */
#social-btn-about-pc {
    display: none;
}

#social-btn-about-sp {
    display: block;
    margin: 20px auto;
}

.about_wrap .about_cont3 .description .date {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 0px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.about_wrap .about_cont3 .description .time {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    font-weight: bold;
}

.about_wrap .about_cont3 .description .time span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    padding: 0 4px;
}

.about_wrap .about_cont3 .description .venue {
    margin-bottom: 15px;
}

.about_wrap .about_cont3 .description .venue a {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-decoration: underline;
}

.about_wrap .about_cont3 .description .attention {
    /* font-size: 11px;
    font-size: 1.1rem; */
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
    color: #999999;
}

.about_wrap .about_cont3 .description .attention.caption {
    color: #000;
    margin: 10px auto 15px;
}

.about_wrap .about_cont3 .description .attention.caption a {
  text-decoration: underline;
}

.about_wrap .about_cont3 .description .attention.caption a:hover {
  opacity: 0.6;
}

.about_wrap .about_cont3 .description .attention br {
    display: block;
}

/* @media (min-width: 640px) {
    #social-btn-about-sp {
      margin: 20px auto;
    }
} */

@media (min-width: 840px) {
    /* .about_wrap .about_cont3 .description .time span.slash {
        font-size: 18px;
        font-size: 1.8rem;
    } */
    #social-btn-about-pc {
        display: block;
        text-align: left;
    }
    #social-btn-about-sp {
        display: none;
    }
    .about_wrap .about_cont3 .description .date {
        /* font-size: 28px;
        font-size: 2.8rem; */
        margin-top: 36px;
        margin-top: 30px;
    }
}

/* @media (min-width: 330px) {
    .about_wrap .about_cont3 .description .time {
        font-size: 12px;
        font-size: 1.2rem;
    }
} */

@media (min-width: 640px) {
    /* .about_wrap .about_cont3 .description .attention br {
        display: none;
    } */
    .about_wrap .about_cont3 .description .time {
        /* font-size: 19px;
        font-size: 1.9rem; */
        letter-spacing: 0.01em;
        margin-top: 3px;
    }
    .about_wrap .about_cont3 .description .time span {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 600;
    }
    .about_wrap .about_cont3 .description .tgc_title {
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 700;
        letter-spacing: 0em;
        line-height: 1.5em;
        text-align: left;
        margin-bottom: 17px;
    }

    .about_wrap .about_cont3 .description .date {
        /* font-size: 19px;
        font-size: 1.9rem; */
        margin-top: 28px;
    }
    .about_wrap .about_cont3 .description .venue {
        margin-bottom: 12px;
	    font-size: 19px;
    	font-size: 1.9rem;
    }
    .about_wrap .about_cont3 .description .attention {
        /* font-size: 12px;
        font-size: 1.2rem; */
        font-size: 13px;
        font-size: 1.3rem;
        margin-bottom: 5px;
    }
}

@media (max-width: 374px) {
    .about_wrap .about_cont3 .description .date,
    .about_wrap .about_cont3 .description .time,
    .about_wrap .about_cont3 .description .venue {
        font-size: 14px;
        font-size: 1.4rem;
    }
}


.about_wrap .social-btn {
    width: 100%;
    overflow: hidden;
    text-align: right;
    font-size: 0;
    margin-bottom: 5px;
}

.about_wrap .social-btn:after {
    display: table;
    text-align: right;
}

@media screen and (min-width: 640px) {
    .about_wrap .social-btn {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:839px) {
    .about_wrap .social-btn {
        text-align: center;
    }
}

@media screen and (max-width:640px) {
    .about_wrap .social-btn {
        margin: 48px auto 15px;
    }
}

.about_wrap .social-btn li {
    height: auto;
    display: inline-block;
    margin-left: 8px;
    overflow: hidden;
    /* vertical-align: bottom; */
}

@media screen and (max-width:839px) {
    .about_wrap .social-btn li {
        /* margin: 0 4px 12px 0; */
        /* margin: 20px 4px 20px 0; */
        margin: auto 4px auto 0;
    }
}

.about_wrap .social-btn li:first-child {
    margin-left: 0;
}

.about_wrap .social-btn li.line {
    display: none;
}

@media screen and (max-width:839px) {
    .about_wrap .social-btn li:first-child {
        /* margin: 0 4px 12px 0; */
        /* margin: auto 4px auto 0; */
    }
    .about_wrap .social-btn li.line {
        display: inline-block;
        width: 85px;
        height: auto;
        /* margin-right: 0px; */
        /* margin: auto; */
    }
}

/* @media screen and (max-width:600px) {
    .about_wrap .social-btn li {
        margin: 15px 4px 10px 0;
    }
} */

.fb_iframe_widget>span {
    vertical-align: baseline !important;
}

.footer_about_button {
    display: none;
}

@media screen and (max-width:640px) {
.footer_about_button {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 35px;
	position: relative;
	z-index: 100;
}
	.footer_about_button li {
		width: 50%;
		margin-bottom: 10px;
		overflow: hidden;
		float: left;
        border-radius: 5px;
	}
    .footer_about_button li.footer_about_button_bottom {
        width: calc(50% -  5px);
    }
    .footer_about_button li.footer_about_button_bottom.right {
        margin-left: 10px;
    }
	.footer_about_button li.footer_about_button_top {
		width: 100%;
	}
		.footer_about_button li.footer_about_button_top a {
			display: block;
    		/* border: 2px solid #f5abbd; */
    		color: #ffffff;
    		padding: 20px 0;
    		background-color: #F869DE;
		}
		.footer_about_button li.footer_about_button_bottom a {
			display: block;
    		/* border: 2px solid #fbc3d0; */
    		color: #ffffff;
    		padding: 20px 0;
    		/* background-color: #f5829d; */
            background-color: #1A1A1A;
		}
			.footer_about_button li.footer_about_button_top a .footer_about_button_txt {
				width: 100%;
				text-align: left;
                position: relative;
/* 				color: #fff; */
			}
				.footer_about_button li.footer_about_button_top a .footer_about_button_txt .footer_about_button_txt_en {
					display: inline-block;
					font-size: 16px;
					font-size: 1.6rem;
					letter-spacing: 0.1em;
                    font-weight: normal;
				}
				.footer_about_button li.footer_about_button_top a .footer_about_button_txt .footer_about_button_txt_jp {
					display: inline-block;
					font-size: 11px;
					font-size: 1.1rem;
					letter-spacing: 0.1em;
                    padding-left: 7px;
				}
			.footer_about_button li.footer_about_button_bottom a .footer_about_button_txt {
				position: relative;
                width: 100%;
				text-align: left;
                padding-left: 20px;
                font-size: 16px;
                font-size: 1.6rem;
                letter-spacing: 0.1em;
                font-weight: bold;
/* 				color: #fff; */
			}
            .footer_about_button li.footer_about_button_top a .footer_about_button_txt::after,
            .footer_about_button li.footer_about_button_bottom a .footer_about_button_txt::after {
                position: absolute;
                /* top: 50%; */
                top: 48%;
                right: 18px;
                display: block;
                content: '';
                width: 8px;
                height: 8px;
                margin-top: -4px;
                border-top: 1px solid #fff;
                border-right: 1px solid #fff;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
				.footer_about_button li.footer_about_button_bottom a .footer_about_button_txt .footer_about_button_txt_en {
					display: block;
					font-size: 12px;
					font-size: 1.2rem;
					letter-spacing: 0.2em;
				}
				.footer_about_button li.footer_about_button_bottom a .footer_about_button_txt .footer_about_button_txt_jp {
					display: block;
					font-size: 9px;
					font-size: 0.9rem;
					letter-spacing: 0.2em;
				}
  .footer_about_button li.footer_about_button_bottom a.off_about_button {
		/* border: 2px solid #c1c1c1; */
        background-color: #c1c1c1;
	}
	.footer_about_button li.footer_about_button_bottom a.off_about_button .footer_about_button_txt span {
		color: #808080;
	}
}

/*-----------------*/
/* パートナー */
/*-----------------*/
#partner_wave {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: -50px;
    left: 0;
    background-image: url('images/common/bg-wave-partner.png');
    background-position: top center;
    background-repeat: repeat-x;
    background-size: 637px 50px;
}

@media (min-width: 640px) {
    #partner_wave {
        height: 113px;
        background-size: 1440px 113px;
        top: -113px;
    }
}

.partner_wrap {
    background: #fff;
    color: #000;
}

.partner_wrap_inner {
    padding: 50px 0;
    max-width: 1200px;
}

@media (max-width: 640px) {
    .partner_wrap_inner {
        padding: 20px 0 10px;
    }
}

@media (min-width: 1025px) {
    .partner_wrap_inner {
        padding: 115px 0 10px;
        max-width: 1200px;
    }
}

.partner_wrap_inner .credit {
    margin-top: 100px;
    text-align: center;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 2.0;
}

.partner-sec {
    width: 100%;
    height: auto;
    margin: 30px auto 50px;
    color: #282828;
    max-width: 1200px;
}

.partner-sec.betu {
    margin: 20px auto 5px;
}

.partner-sec h4,
.partner-sec h5,
.partner-sec h6 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    text-decoration: none;
}

.partner-sec .attention-text {
    margin: 0 auto 0;
    width: 100%;
    text-align: right;
    padding-right: 10px;
    font-size: 10px;
    letter-spacing: 0.1em;
}

.partner-sec ul {
    width: 100%;
    height: auto;
    margin: 0;
}

.partner-sec ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 6px;
}

@media (min-width: 640px) {
    .partner-sec {
        width: 100%;
        height: auto;
        margin: 0 auto 56px;
        color: #282828;
        max-width: 1200px;
    }
    .partner-sec ul li {
        display: inline-block;
        vertical-align: middle;
        padding: 12px 12px;
    }
}

@media (min-width: 770px) {
    .partner-sec ul li {
        display: inline-block;
        vertical-align: middle;
        padding: 24px 12px;
    }
}

.partner-sec ul li a, .partner-sec ul li span {
    display: block;
    transition: all 0.4s;
}

.partner-sec ul li a img,
.partner-sec ul li span img {
    display: block;
    width: auto;
    height: 40px;
}

.partner-sec.small ul li a img,
.partner-sec.small ul li span img {
    height: 30px;
}

.partner-sec ul li.platinum a img,
.partner-sec ul li.platinum span img {
    height: 80px;
}

@media (min-width: 770px) {
    .partner-sec ul li a img,
    .partner-sec ul li span img {
        height: 50px;
    }
    .partner-sec.small ul li a img,
    .partner-sec.small ul li span img {
        height: 40px;
    }
    .partner-sec ul.cosponser li a img,
    .partner-sec ul.cosponser li span img {
        height: 40px;
    }
    .partner-sec ul li.platinum a img,
    .partner-sec ul li.platinum span img {
        height: 100px;
    }
}

.partner-sec ul li a:hover {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.img-parthner-zozo {
    height: 30px !important;
}

.img-parthner-fb {
    /*height: 33px !important;*/
    height: 20px !important;
    /*height: 30px !important;*/
    /*margin-bottom: 7px;*/
}

.img-parthner-instagram {
    /*height: 45px !important;*/
    height: 36px !important;
    margin-top: 4px;
}

.img-parthner-line {
    height: 36px !important;
}

.img-parthner-twitter {
    height: 32px !important;
}

.img-parthner-youtube {
    height: 24px !important;
}

@media screen and (max-width: 640px) {
    .img-parthner-zozo {
        height: 20px !important;
    }
    .img-parthner-fb {
        /*height: 20px !important;
        margin-bottom: 5px;*/
        height: 16px !important;
        margin-bottom: 0px;
    }
    .img-parthner-instagram {
        height: 30px !important;
    }
    .img-parthner-line {
        height: 20px !important;
    }
    .img-parthner-twitter {
        height: 20px !important;
    }
    .img-parthner-youtube {
        height: 20px !important;
    }
}
.bg_slide_circle {
    width: 201px;
    height: 201px;
    overflow: hidden;
    position: absolute;
    top: -32px;
    left: -50px;
    z-index: -10;
}

@media screen and (max-width: 600px) {
    .bg_slide_circle {
        width: 100px;
        height: 100px;
        top: -16px;
        left: -20px;
    }
}

.slick-prev, .slick-next {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    line-height: 40px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-transition: .6s;
    transition: .6s;
    filter: alpha(opacity=0);
    opacity: 0.0;
}

@media screen and (min-width: 640px) {
    .slick-prev, .slick-next {
        display: block;
	    top: 40%;
    }
}
@media screen and (min-width: 800px) {
    .slick-prev, .slick-next {
        display: block;
	    top: 41.5%;
    }
}
@media screen and (min-width: 900px) {
    .slick-prev, .slick-next {
        display: block;
	    top: 42%;
    }
}
@media screen and (min-width: 1000px) {
    .slick-prev, .slick-next {
        display: block;
	    top: 42.5%;
    }
}

@media screen and (min-width: 1200px) {
	.slick-prev, .slick-next {
		top: 43%;
	}
}
@media screen and (min-width: 1400px) {
	.slick-prev, .slick-next {
		top: 43.5%;
	}
}
@media screen and (min-width: 1600px) {
	.slick-prev, .slick-next {
		top: 44%;
	}
}




.slider_button_active:hover .slick-prev,
.slider_button_active:hover .slick-next {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.slick-prev:before, .slick-next:before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: '';
    margin: auto;
    width: 16px;
    height: 16px;
    -webkit-transition: .3s;
    transition: .3s;
}

button.slick-prev::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-top: 2px solid #191919;
    border-right: 2px solid #191919;
    right: 0;
    left: 2px;
}

button.slick-next::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #191919;
    border-right: 2px solid #191919;
    right: 2px;
    left: 0;
}

button.slick-prev:hover::before {
    right: 5px;
}

button.slick-next:hover::before {
    left: 5px;
}

button.slick-prev, button.slick-next {
/*     z-index: 2; */
    z-index: 1000;
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev{left:-20px; /* 任意の値 */}
.slick-next{right:-20px; /* 任意の値 */}
.slick-arrow{z-index:10;/* 値は適当に */}

.arrows_button3 .slick-arrow {
	top: calc(50% - 8px);
}

.arrows_button3.white .slick-arrow::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

/*-----------------------------------------------
media
-----------------------------------------------*/
/* Larger than mobile */
@media (min-width: 400px) {
}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 600px) {
}

@media (min-width: 770px) {

}
@media (min-width: 800px) {
}

/*-----------------------------------------------
下層
-----------------------------------------------*/
#container {
    margin: 0 auto;
    height: 100%;
    position: relative;
}

#main-content {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: auto;
}

#main-image {
    width: 100%;
/*     height: 210px; */
    /* height: 180px; */
    /* height: 220px; */
    height: 200px;
    /* position: relative;
    overflow: hidden; */

    /* background-image: url(images/common/kasou-title-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; */
    position: relative;
    overflow: hidden;
}

@media (max-width: 640px) {
	#main-image {
	  /* height: 114px; */
    height: 110px;
	}
	#main-image.main-image-news-archives {
	    /* height: 154px; */
      height: 144px;
	}
}


#main-image .inner {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;
    position: relative;
}

#main-image #head-topic-path {
    width: 100%;
    height: auto;
    padding: 0 10px;
}

#main-image #head-topic-path p {
    /* color: #fff; */
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 30px;
    font-weight: bold;
    /* text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 0px 0px 0px #fff, -1px 0px 0px #fff, 0px 0px 0px #fff, 0px 0px 0px #fff; */
}

#main-image #head-topic-path p a {
    padding-bottom: 2px;
    border-bottom: solid 1px #000;
    /* color: #fff; */
    font-size: 11px;
    font-size: 1.1rem;
    transition: all 0.4s;
    line-height: 30px;
    font-weight: bold;
    /* text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 0px 0px 0px #fff, -1px 0px 0px #fff, 0px 0px 0px #fff, 0px 0px 0px #fff; */
}

#main-image #head-topic-path p a:hover {
    transition: all 0.4s;
    /* border-bottom: solid 1px #DBDBDB;
    color: #DBDBDB; */
    opacity: 0.6;
}

#main-image #head-topic-path p a,
#main-image #head-topic-path p a:hover {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

#main-image #h2title_ks_outer {
    margin-top: 0px;
}

#main-image h2 {
    color: #ffffff;
    font-size: 40px;
    font-size: 4.0rem;
    /*line-height: 1.0;*/
    /*font-weight: 800;*/
    text-align: center;
    letter-spacing: 0.16em;
/*     margin-top: 33px; */
    margin-top: 13px;
    padding: 10px 0;
}

#main-image h5 {
    color: #ffffff;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 0.3em;
    font-weight: bold;
    margin-bottom: 20px;
}

@media (min-width: 640px) {
    #main-image h2 {
        /*margin-top: 20px;*/
        margin: 15px auto 2px;
        font-size: 54px;
        font-size: 5.4rem;
    }
    #main-image h2 span {
        font-size: 21px;
        font-size: 2.1rem;
    }
    #main-image #h2title_ks_outer {
        margin-top: 30px;
    }
}

#page-content {
    width: 100%;
    /* color: #191919; */
    /* color: #ffffff; */
    height: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 0px;
    background-color: #ffffff;
    /* background-color: rgba(255,255,255,0.8); */
}

#page-content .title-block {
    width: 100%;
    max-width: 1200px;
    height: auto;
    /*background: #c5c5c5;*/
    margin-left: auto;
    margin-right: auto;
}

.title-block>.inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding: 0 !important;
    text-align: center;
}

#page-content .title-block.margin_bt {
    margin-bottom: 60px;
}

#page-content .title-block h3,
#page-content .title-block h4 {
    padding: 10px;
    text-decoration: none;
    letter-spacing: 0.5rem;
    color: #191919;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 800;
}

/*-----------------------------------------------
ticket
-----------------------------------------------*/
.ticket #page-content {
    padding-bottom: 0px;
    /* background-color: rgba(255, 255, 255, .9); */
}

.ticket #page-content .content_wrap_inner.banner_wrap_pb {
    /* margin: 50px auto 30px; */
    /* margin: 30px auto; */
    padding: 0;
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: relative;
    text-align: center;
}

.banner_wrap_top {
	opacity: 0;
}

.banner_wrap_top.fadeinb {
    filter: alpha(opacity=1) !important;
    opacity: 1 !important;
    -webkit-animation: fadeinb 1s cubic-bezier(.55, 0, .1, 1) both;
    animation: fadeinb 1s cubic-bezier(.55, 0, .1, 1) both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes fadeinb {
	0% {
		opacity :0;
	}
	100% {
		opacity:1 !important;
	}
}

@keyframes fadeinb {
	0% {
		opacity :0;
	}
	100% {
		opacity:1 !important;
	}
}


@media (min-width: 640px) {
    .ticket #page-content .content_wrap_inner.banner_wrap_pb {
        padding: 35px 0px;
        /* margin: 80px auto 35px; */
        /* margin: 35px auto; */
    }
}

.about_li_linefadd a img {
    display: inline-block;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
    background-color: #fff;
}

.about_li_linefadd a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
}

.ticket #page-content .ticket-type .h2_title {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 100;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 10px 0px 5px;
    /* color: #F869DE; */
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
    padding-top: 17.5px;
    max-width: 1180px;
    padding-top: 30px;
}

.ticket #page-content .ticket-type .h2_title img,
.ticket #page-content .ticket_title_sche img {
    height: 35px;
}

.ticket #page-content .ticket_title_sche {
  margin: 0 auto;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 100;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 30px auto 0px;
  padding: 0 16px;
  color: #000;
  line-height: normal;
}

.ticket .bg_white {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* background-color: rgba(255, 255, 255, .6); */
    background-color: #fff;
}

.ticket-bnr {
    padding: 30px 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    /* background-color: rgba(255, 255, 255, .8); */
}

@media screen and (min-width: 640px) {
    .ticket #page-content .ticket-type .h2_title img,
    .ticket #page-content .ticket_title_sche img {
        height: 70px;
    }
    .ticket #page-content .ticket-type .h2_title {
        padding: 35px auto 35px;
        font-size: 80px;
        font-size: 8.0rem;
        margin: 40px 0px 0px;
    }
}

@media (min-width: 770px) {
    .ticket-bnr {
        padding: 40px 0;
        /* width: 732px; */
    }
    .ticket #page-content .ticket-type .h2_title {
        margin: 40px auto 5px;
    }
}

.ticket-bnr-inner {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    padding: 0 10px;
    font-size: 0;
}

.ticket-bnr-inner dt {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    display: inline-block;
    color: #28b4c5;
}

.ticket-bnr-inner dd {
    font-size: 18px;
    font-size: 1.8rem;
    color: #28b4c5;
    font-weight: 700;
    display: inline-block;
}

@media (min-width: 770px) {
    .ticket-bnr-inner {
        width: 100%;
        max-width: 910px;
    }
}

.img-area-p {
    width: 18px;
    height: 18px;
    display: inline;
    vertical-align: middle;
    margin-right: 5px;
}

.map-attention img {
    width: 30px;
    height: auto;
    margin-top: -4px;
}

.img-ticket-circle {
    width: 55px;
    height: 55px;
    display: inline;
    vertical-align: middle;
    margin-right: 5px;
}

.type-list {
    width: 100%;
    height: auto;
}

.type-list li {
    position: relative;
    width: 100%;
    height: auto;
    border-top: dashed 1px #000;
}

.type-list li:first-child {
    border-top: none;
}

@media screen and (min-width:770px) {
    .type-list li {
        position: relative;
        width: 100%;
        height: 151px;
        border-top: dashed 1px #000;
    }
    .type-list li:first-child {
        border-top: none;
        height: 150px;
    }
}

.type-list .type-img {
    position: static;
    width: 100%;
    height: auto;
}

.type-list .type-img img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: static;
}

.type-list li .left-color,
.type-list li .right-color {
    display: none;
}

@media screen and (min-width:770px) {
	.type-list li .type-img {
        position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    min-width: 1200px;
	    height: 100%;
	    text-align: center;
	    z-index: 2;
    }
	.type-list li .type-img img {
        margin: 0 auto;
        width: 1200px;
        height: 150px;
    }
	.type-list li .left-color{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 50%;
	    height: 100%;
	    background: #f5f4f2;
	    z-index: 1;
	    display: block;
	}
	.type-list li .right-color {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 50%;
	    height: 100%;
	    background: #fff;
	    z-index: 1;
	    display: block;
	}
	.type-list li .right-color.soldout{
	    background: #a8a8a8;
	}
}

.ticket #page-content article .map,
.ticket #page-content section .map {
    width: 760px;
    height: auto;
    margin: 60px auto 30px;
    /* padding-top: 50px; */
}

@media screen and (max-width:800px) {
    .ticket #page-content article .map,
    .ticket #page-content section .map {
        width: 90%;
    }
}

@media screen and (max-width:640px) {
    .ticket #page-content article .map,
    .ticket #page-content section .map {
        height: auto;
        margin: 25px auto 30px;
        /* padding-top: 25px; */
    }
}

.map-attention {
    width: 600px;
    height: auto;
    margin: 0 auto;
    padding-left: 16px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 2px auto;
}

.map-attention.top {
	margin: 0 auto 16px;
}

.map-attention.bottom {
    margin: 0 auto 25px;
}

@media screen and (max-width:640px) {
    .map-attention {
        width: 90%;
        height: auto;
    }
	.map-attention.top {
    	margin: 0 auto 8px;
	}
    .map-attention.bottom {
        margin: 0 auto 25px;
    }
}

.map-attention-k:before {
    content: '※';
}

.attention-article {
    width: 100%;
/*     max-width: 1024px; */
    max-width: 1200px;
    height: auto;
    text-align: left;
    margin: 0 auto;
    padding: 0px 10px 20px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
}

.attention-article>.inner {
    width: 100%;
    max-width: 1220px;
    height: auto;
    padding: 20px 10px 20px;
    margin: 0 auto;
    font-size: 13px;
    font-size: 1.3rem;
/*     color: #535353; */
}

@media screen and (max-width:640px) {
    .attention-article>.inner {
        padding: 20px 0px 20px;
    }
}

.attention-article h4 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.attention-article h4::before {
    content: '■'
}

.attention-article hr {
    border-color: #c5c5c5;
}

.attention-article .inner .head-attention {
    line-height: 2.15;
}

.attention-article .inner .head-attention a {
	/* color: #282828; */
    border-bottom: solid 1px #6c2b2f;
}

.attention-article .inner .head-attention a:hover {
	color: #DBDBDB;
    transition: all 0.4s;
    border-bottom: solid 1px #DBDBDB;
}

.attention-article .inner ul {
    width: 100%;
    line-height: 2.15;
}

.attention-article .inner ul li {
    width: 100%;
}

.attention-article .inner ul li p a {
    text-decoration: underline;
}

.attention-article .inner ul li p:before {
    /* content: '※'; */
    content: '・';
}

.contact-block{
	width: 100%;
	/*max-width: 1024px;*/
    max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
    text-align: left;
/*     color: #535353; */
}
.contact-block-inner{
	width: 100%;
	padding: 20px 30px;
	/*background-color: rgba(255,255,255,.8);*/
}
.contact-block-inner p{
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 2.15;
}
@media (max-width: 640px){
  .contact-block-inner{
  	padding: 20px 10px;
  }
}

.ticket_type_title {
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: left;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.05em;
    color: #191919;
}

.ticket_type_title::before{
	content: '●'
}

.ticket_type_txt {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
}

.ticket_type_txt a {
    text-decoration: underline !important;
}

.ticket_type_txt span {
	color: #e20b1d;
}

.ticket_type_set {
    margin-top: 50px;
}

.ticket_type_price {
    font-size: 22px !important;
    font-size: 2.2rem !important;;
}

@media screen and (max-width: 640px) {
    .ticket_type_title {
        font-size: 15px;
        font-size: 1.5rem;
    }
    .ticket_type_txt {
        font-size: 10px;
        font-size: 1.0rem;
    }
    .ticket_type_set {
        margin-top: 25px;
    }
    .ticket_type_price {
        font-size: 10px !important;
        font-size: 1.0rem !important;;
    }
}

/*----------------*/
/*チケット価格表*/
/*----------------*/
.ticket_slider_wrap{
	position: relative;
	width: 100%;
  max-width: 1200px;
  margin:auto auto;
}
.ticket_slider{
	width: 100%;
	padding: 0 5px;
}
.ticket_slider li{
	width: 100%;
	float: left;
	display: block;
	overflow: hidden;
	opacity: 1.0;
}
@media (min-width: 640px){
	.ticket_slider li{
		width: 50%;
		float: left;
		display: block;
		overflow: hidden;
	}
}
.ticket_slider li a{
	width: 100%;
	padding: 5px;
	display: block;
	float: left;
}
.ticket_item{
  text-align: left;
  position: relative;
  overflow: hidden;
  border: 1px solid #e8e8e8;
}
.ticket_item_cap1{
  position:absolute;
  top: 10%;
  left: 0;
  right: 0;
  /*bottom: 0;*/
  margin: auto;
  width:90%;
  height: 100px;
  font-size: 28px;
  font-size:2.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color:#191919;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
}

.ticket-item_cap1_sub1{
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #191919;
}
.ticket_item_cap1_price{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  width:80%;
  height: 100px;
  font-size: 24px;
  font-size:2.4rem;
  color: #4f4f4f;
  letter-spacing: 0.5em;
  text-align: center;
  z-index: 10;
}
.ticket-price{
  font-size: 56px;
  font-size: 5.6rem;
  color: #82732f;
  letter-spacing: 0;
}
.ticket-price-zei{
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
.ticket_item_cap2{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto -45px;
  width:80%;
  height: 100px;
  font-size: 14px;
  font-size:1.4rem;
  letter-spacing: 0.075em;
  color:#191919;
  text-align: center;
  z-index: 10;
}
@media (min-width: 640px) and (max-width: 1200px){
  .ticket_item_cap1{
    font-size: 20px;
    font-size:2.0rem;
  }
  .ticket_item_cap2{
    font-size:11px;
    font-size:1.1rem;
    margin: auto auto -65px;
  }
  .ticket-price{
    font-size: 36px;
    font-size: 3.6rem;
  }
  .ticket-price-zei{
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media (max-width: 640px){
  .ticket_item_cap1{
    font-size: 14px;
    font-size:1.4rem;
  }
  .ticket_item_cap2{
    font-size: 13px;
    font-size:1.3rem;
  }
}
@media (max-width: 550px){
  .ticket_item_cap2{
    font-size: 7px;
    font-size:0.7rem;
  }
  .ticket-price{
    font-size: 30px;
    font-size: 3.6rem;
  }
  .ticket-price-zei{
    font-size: 7px;
    font-size: 0.7rem;
  }
}

.ticket_item{
	display: inline-block;
	-webkit-transform: all .4s;
  -moz-transform: all .4s;
  transition: all .4s;
  background-color: #fff;
  vertical-align:bottom;
}
.ticket_item:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	zoom:1;
}

.ticket_item::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 80%;
  margin: 58% -20% 0;
  background: rgb(233,233,233);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  z-index: 1;
}
.ticket_item::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 80%;
  margin: 58% -20% 0;
  background: rgb(233,233,233);
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  z-index: 2;
}

.ticket_item::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 80%;
  margin: 58% -20% 0;
  background: rgb(233,233,233);
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  z-index: 2;
}

.lead_link {
  text-decoration: underline !important;
}

.lead_link:hover .lead {
  opacity: 0.6;
}

.lead_link .lead {
  margin: 80px auto;
}

.lead {
	width: 100%;
	font-size: 41px;
	font-size: 4.1rem;
	font-weight: bold;
    letter-spacing: 0.05em;
    color: #ff0d00;
    /* margin:10px auto 45px; */
    margin:45px auto;
    text-align: center;
}

.lead.black {
  color: #000000;
}

.lead.underline {
  text-decoration: underline;
}

@media screen and (max-width: 1150px) {
	.lead {
		font-size: 35px;
		font-size: 3.2rem;
	}
}

@media screen and (max-width: 769px) {
	.lead {
		font-size: 31px;
		font-size: 2.7rem;
	}
	.lead {
		/* margin:0px auto 30px; */
    margin:30px auto;
	}
}

@media screen and (max-width: 640px) {
	.lead {
		font-size: 20px;
		font-size: 2.0rem;
	}
  .lead_link .lead {
    margin: 40px auto;
  }
	/* .lead {
		margin:0px auto 30px;
	} */
}

@media screen and (max-width: 500px) {
	.lead {
		font-size: 16px;
		font-size: 1.6rem;
	}

	/* .lead {
		margin:0px auto 30px;
	} */
}

/* ticket 価格表(中身) */
.ticket .ticket_price_wrap{
	width: 100%;
	/*max-width: 1024px;*/
    max-width: 1200px;
	position: relative;
	overflow: hidden;
	margin: 60px auto 80px;
	overflow: hidden;
}
	.ticket .ticket_price_wrap .ticket_price_wrap_li{
		width: 50%;
		float: left;
		overflow: hidden;
		padding: 0 10px 10px;
	}
		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner{
			width: 100%;
			overflow: hidden;
		    /* -webkit-border-radius: 10px;
		    border-radius: 10px; */
        border: 2px solid #D5D5D5 !important;
		}
		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner.type01{
		    border: 2px solid #F869DE;
            background-color: #fff;
		}
		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner.type02{
		    /* border: 2px solid #e6e6e6; */
            background-color: #fff;
		}
		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner.type03{
		    /* border: 2px solid #e6e6e6; */
            background-color: #fff;
		}
		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner.type04{
		    border: 2px solid #5B5FD9;
            background-color: #fff;
		}
        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner.type05{
		    border: 2px solid #FF850B;
            background-color: #fff;
		}
    .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner.type06{
        border: 2px solid #8D8D8D;
        background-color: #fff;
    }
			.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top{
/* 				background-color: #ffffff; */
				width: 100%;
				padding: 50px 10px 10px;
				overflow: hidden;
				text-align: center;
        /* border: 1px solid; */
			}
				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title{
					width: 100%;
					max-width: 430px;
					display: inline-block;
					margin: 0 auto 17px;
					text-align: center;
					font-size: 0;
					padding: 0 0 33px;
				}
				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title.type01{
					border-bottom: 1px solid #f8f4f4;
				}
				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title.type02{
					border-bottom: 1px solid #f8f4f4;
				}
				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title.type03{
					border-bottom: 1px solid #f8f4f4;
				}
 				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title.type04{
					border-bottom: 1px solid #f8f4f4;
				}
                .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title.type05{
					border-bottom: 1px solid #f8f4f4;
				}
					.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt{
						display: inline-block;
						width: 56px;
						height: 56px;
						border-radius: 100%;
						margin-right: 18px;
            vertical-align: middle;
					}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt.price01{
							background-color: #F869DE;
						}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt.price02{
							background-color: #fff100;
						}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt.price03{
							background-color: #D15D9E;
						}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt.price04{
							background-color: #5B5FD9;
						}
                        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt.price05{
							background-color: #FF850B;
						}
                        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt.price06{
							background-color: #0BD4FF;
						}

					.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd{
						display: inline-block;
						text-align: left;
            vertical-align: middle;
					}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_01{
							display: block;
							font-size: 28px;
							font-size: 2.8rem;
							font-weight: bold;
							letter-spacing: 0.1em;
						}
                        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_01.sunset{
							font-size: 25px;
							font-size: 2.5rem;
						}
                        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_01.black{
                            color: #191919;
                        }
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_02{
							display: block;
							font-size: 12px;
							font-size: 1.2rem;
							letter-spacing: 0.1em;
						}
                        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_02.black{
                            color: #191919;
                        }

				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price{
					width: 100%;
					margin: 0 auto 25px;
					text-align: center;

				}
				/* 	追加	 */
				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price.soldout{
					background-color: rgba(0,0,0,.5)

				}
				/* 	追加	 */

				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price.ticket_price_price_single{
					display: -webkit-flex;
					display: flex;
					-webkit-justify-content: center;
					justify-content: center;
					-webkit-align-items: center;
					align-items: center;
/* 					追加 */
					overflow: hidden;
/* 					追加 */
				}
					.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item{
						display: block;
						margin: 0 auto;
					}
          .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item.soldout{
            position: relative;
						background: #a8a8a8;
            background-color: rgba(0,0,0,.5);
					}
          .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item.soldout span{
            color: #4f4f4f;
					}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_jp{
							font-size: 24px;
							font-size: 2.4rem;
							letter-spacing: 0.05em;
/* 							color: #4f4f4f; */
							font-weight: 900;
						}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price.soldout .ticket_price_item .price_jp{
							color: #4f4f4f;
						}

						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_num{
							font-size: 54px;
							font-size: 5.4rem;
							letter-spacing: 0;
                            font-weight: 900;
                            letter-spacing: 0.05em;
                            /* color: #F869DE; */
                            font-family: 'Helvetica Neue';
                            margin-left: 12px;
						}
						/* 	追加	 */
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price.soldout .ticket_price_item .price_num{
							color: #4f4f4f;
						}
						/* 	追加	 */
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_zei{
							font-size: 14px;
							font-size: 1.4rem;
							letter-spacing: 0.05em;
/* 							color: #4f4f4f; */
							font-weight: 700;
						}
						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price.soldout .ticket_price_item .price_zei{
							color: #4f4f4f;
						}

/* 					追加	 */
					.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price  .sold_wrap{
						position: relative;
						overflow: hidden;
						width: 100%;
					}

						.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price  .sold_wrap .ticket_soldout{
							position: absolute;
							width: 100%;
							height: 100%;
							top:0;
							left: 0;
						}
							.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price  .sold_wrap .ticket_soldout span{
								position: absolute;
								top: 50%;
								left: 0;
								-webkit-transform: translateY(-50%);
								transform: translateY(-50%);

								width: 100%;
								text-align: center;

								font-size: 45px;
								font-size: 4.5rem;
								letter-spacing: 0.05em;

								color:#fff;
								font-weight: bold;
							}
							@media screen and (max-width: 768px) {
								.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price  .sold_wrap .ticket_soldout span{
									font-size: 20px;
									font-size: 2.0rem;
								}
							}

/* 					追加	 */


			.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom{
				position: relative;
				z-index: 2;
				display: block;
				width: 100%;
				min-height: 100px;
				padding: 0 10px;
			}
			.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom.type01{
				background-color: #F869DE;
			}
			.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom.type02{
				background-color: #fff100;
			}
			.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom.type03{
				background-color: #D15D9E;
			}
			.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom.type04{
				background-color: #f7f4b2;
			}
            .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom.type05{
				background-color: #AD9FCC;
			}
            .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom.type06{
				background-color: #EF8C48;
			}

/*
                    .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom::before{
                    content: '';
                    display: block;
                    z-index: -1;
                    width: 120%;
                    height: 200px;
                    position: absolute;
                    left: 50%;
                    margin-left: -60%;
                    top:0;
                    background-color: rgba(232,232,232,.8);
                    -webkit-transform-origin: center top;
                    -ms-transform-origin: center top;
                    transform-origin: center top;
                    -webkit-transform: rotate(6deg);
                    -ms-transform: rotate(6deg);
                    transform: rotate(6deg);
                }
                    .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom::after{
                    content: '';
                    display: block;
                    z-index: -1;
                    width: 120%;
                    height: 200px;
                    position: absolute;
                    left: 50%;
                    margin-left: -60%;
                    top:0;
                    background-color: rgba(232,232,232,.8);
                    -webkit-transform-origin: center top;
                    -ms-transform-origin: center top;
                    transform-origin: center top;
                    -webkit-transform: rotate(-6deg);
                    -ms-transform: rotate(-6deg);
                    transform: rotate(-6deg);

                }
 */
				.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom p{
					margin: 0 auto;
					max-width: 385px;
					text-align: center;
					font-size: 14px;
					font-size: 1.4rem;
					letter-spacing: 0.075;
					line-height: 1.5;
					padding-top: 30px;
				}
                .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom p.color_white {
                    color: #fff;
                }


@media screen and (max-width: 1150px) {
	.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dt{
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}
		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_01{
			font-size: 19px;
			font-size: 1.9rem;
		}
        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_01.sunset{
			font-size: 18px;
			font-size: 1.8rem;
		}

		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_02{
			font-size: 10px;
			font-size: 1.0rem;
		}

        .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_jp{
            font-size: 24px;
            font-size: 2.4rem;
            letter-spacing: 0.05em;
/*             color: #4f4f4f; */
            font-weight: 900;
        }
}

@media screen and (max-width: 768px) {
    .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_01.sunset{
        font-size: 16px;
        font-size: 1.6rem;
    }
	.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_jp{
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		font-weight: 900;
	}
	.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_num{
		font-size: 28px;
		font-size: 2.8rem;
		letter-spacing: 0;
		font-weight: 600;
	}
	.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_zei{
		font-size: 10px;
		font-size: 1.0rem;
		letter-spacing: 0.05em;
		font-weight: 700;
	}

	.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom{
		position: relative;
		z-index: 2;
		display: block;
		width: 100%;
		min-height: 60px;
		padding: 0 10px;
	}
		.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_bottom p{
			margin: 0 auto;
			max-width: 385px;
			text-align: center;
			font-size: 10px;
			font-size: 1.0rem;
			letter-spacing: 0.075;
			line-height: 1.5;
			padding-top: 15px;
		}
}

@media screen and (max-width: 650px) {
    .ticket .ticket_price_wrap{
    	margin: 0 auto 20px;
    }
	.ticket .ticket_price_wrap .ticket_price_wrap_li{
		width: 100%;
		float: left;
		overflow: hidden;
		padding: 0 10px 10px;
	}
  .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top{
    padding: 15px 10px 0;
  }
  .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title{
    padding: 0 0 15px;
  }
	.ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_title dd .ticket_price_title_01{
		font-size: 16px;
		font-size: 1.6rem;
	}

  .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item{
    display: inline-block;
  }
  .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_jp{
    font-size: 10px;
    font-size: 1.0rem;
  }
  .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_jp .blank {
      display: none;
  }
  .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_num{
    font-size: 18px;
    font-size: 1.8rem;
    margin-left: 0px;
  }
  .ticket .ticket_price_wrap .ticket_price_wrap_li .ticket_price_wrap_li_inner .ticket_price_top .ticket_price_price .ticket_price_item .price_zei{
    font-size: 8px;
    font-size: 0.8rem;
  }
}

.schedule-article {
    width: 100%;
/*     max-width: 1024px; */
    max-width: 1200px;
    height: auto;
    margin: 0 auto 42px;
    overflow: hidden;
    padding-top: 20px;
}
.schedule-article.tmp {
  margin-bottom: 30px;
}

.ticket #page-content .h2_title{
    /* font-size: 40px;
    font-size: 4.0rem;
    font-weight: 100;
    letter-spacing: 0.05em;
    text-align: center; */
    /* color: #F869DE; */
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
    max-width: 1180px;
    margin: 0 auto 5px;
}
.ticket #page-content .h2_title_schedule {
    margin-top: 0px;
    margin: 0px 0px 5px;
}
@media (min-width:640px){
    .schedule-article {
        margin-top: 40px;
    }
    .schedule-article.tmp {
      margin-bottom: 60px;
    }
    .ticket #page-content .h2_title{
        /* font-size: 80px;
        font-size: 8.0rem; */
    	  padding-top: 3px;
    }
    .ticket #page-content .h2_title_schedule {
        font-size: 26px;
        font-size: 3.6rem;
        margin: 103px auto 15px;
    }
}
.ticket #page-content h5{
	font-size: 11px;
	font-size: 1.1rem;
  letter-spacing: 0.3em;
  margin-bottom: 40px;
}
.schedule-article h4{
	margin-bottom: 10px;
	padding: 0 10px;
  text-align: left;
  font-size: 20px;
  font-size: 2.0rem;
  letter-spacing: 0.05em;
/*   color: #191919; */
}
.schedule-article h4::before{
	/* content: '■' */
}
.schedule-article h4 span{
	margin-bottom: 10px;
	padding: 0 10px;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
/*   color: #191919; */
}

.schedule-half-list{
	width: 100%;
	height: auto;
  text-align: left;
}
.schedule-half-list li{
	width: 50%;
	height: auto;
	overflow: hidden;
	padding: 5px 5px 5px;
  /*margin:2.5px;*/
	float: left;
  display: inline-block;
/*   background: #fff; */
}
.schedule-half-list a{
	text-decoration: underline !important;
	/* color: #191919; */
}
.schedule-half-list a:hover{
	color: #DBDBDB;
}
@media (max-width: 640px){
  .schedule-half-list{
    text-align: center;
  }
  .schedule-article h4{
    font-size: 15px;
    font-size: 1.5rem;
  }
	.schedule-half-list li{
		width: 100%;
	}
}
.schedule-half-list li .schedule-list-inner{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	padding: 14px 0;
	position: relative;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  /*vertical-align: middle;*/
  background-color: #ffffff;
}
.schedule-half-list li .type-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 5%;
    background-color: #f9f9f9;
}
@media (max-width: 640px){
	.schedule-half-list li .type-img{
		position: static;
	    width: 40%;
	    height: 130px;
	    float: left;
	    display: inline-block;
	    margin: 0 auto 5px;
	    background-color: #fff;
	    background-size: 70%;
	}
}
.schedule-half-list li.kyodo .type-img {
    background-image: url('images/ticket/bg-sche-kyodo.png');
}
.schedule-half-list li.kyodo_h .type-img {
    background-image: url('images/ticket/bg-sche-kyodohokuriku.jpg');
}
.schedule-half-list li.tb .type-img {
  background-image: url('images/ticket/bg-sche-tb.png');
}
.schedule-list li.bea .type-img {
    background-image: url('images/ticket/bg-sche-bea.png');
}
.schedule-half-list li.pia .type-img {
  background-image: url('images/ticket/bg-sche-pia.png');
}
.schedule-half-list li.eplus .type-img {
  background-image: url('images/ticket/bg-sche-eplus.png');
}
.schedule-half-list li.pg .type-img {
  background-image: url('images/ticket/bg-sche-pg.png');
}
.schedule-half-list li.yahoo .type-img {
  background-image: url('images/ticket/bg-sche-yahoo.gif');
}
.schedule-half-list li.lawson .type-img {
  background-image: url('images/ticket/bg-sche-lawson.png');
}
.schedule-half-list li.lawson_hmv .type-img {
  background-image: url('images/ticket/bg-sche-lawson-hmv.png');
}
.schedule-half-list li.rakuten .type-img {
  /*background-image: url('images/ticket/bg-sche-rakuten.png');*/
  background-image: url('images/ticket/bg-sche-rakuten.jpg');
}
.schedule-half-list li.cp .type-img {
  /*background-image: url('images/ticket/bg-sche-cp.png');*/
  background-image: url('images/ticket/bg-sche-cp.jpg');
}
.schedule-half-list li.hokuchike .type-img {
  background-image: url('images/ticket/bg-sche-hokuchike.png');
}
.schedule-half-list li.srp .type-img {
  background-image: url('images/ticket/bg-sche-srp.png');
}
.schedule-half-list li.lineticket .type-img {
  background-image: url('images/ticket/bg-sche-line.png');
}

.schedule-half-list li .type-article {
    position: relative;
    width: 45%;
    /*height: 80px;*/
    height: 150px;
    float: right;
    display: inline-block;
/*     margin: 20px 5% 0 0; */
	margin: 0 5% 0 0;
    overflow: hidden;
    font-size: 13px;
    font-size: 1.3rem;
}

@media (max-width: 640px){
	.schedule-half-list li .type-article{
		width: 60%;
	    height: auto;
	    margin: 0;
	    text-align: left;
	    padding-top: 40px;
	    word-wrap:break-word;
	}
	.schedule-half-list li .type-article *{
		font-size: 13px !important;
		font-size: 1.3rem !important;
	}
}

@media (max-width: 374px){
	.schedule-half-list li .type-article *{
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}
}

.schedule-half-list li .type-article .title{
	/*font-weight: bold;*/
	margin-bottom: 5px;
/*   font-size: 21px; */
/*   font-size: 1.1rem; */
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  /* color: #000000; */
}

/* @media (max-width: 800px){
	.schedule-half-list li .type-article .title{
		font-size: 15px;
  		font-size: 1.5rem;
	}
} */

.schedule-half-list li .type-article .target{
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  /* color: #4f4f4f; */
}
.schedule-half-list li .type-article .target span{
	font-size: 14px;
  font-size: 1.4rem;
}

.schedule-half-list li .type-article .target span.srp{
	font-size: 10px;
  font-size: 1.0rem;
}

.schedule-half-list li .type-article .target.soldout{
	color: #A03741;
}

/*20170202 追加*/
.schedule-half-list li .type-article .title.soldout{
	font-weight: bold;
	margin-bottom: 5px;
	color: #CCC;
}
.schedule-half-list li .type-article .target.soldout a{
	color: #CCC;
}
.schedule-half-list li .type-article .soldout_01{
	color: #CCC;
}
.schedule-half-list li .type-article .soldout_02{
	color: #A03741;
  margin-top: 5px;
}

.schedule-list{
	width: 100%;
	height: auto;
	padding: 0 10px;
  text-align: left;
}
/*.schedule-list a{
	text-decoration: underline !important;
}*/
.schedule-list li{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    padding: 42px 0;
    background: #fff;
  border: 1px solid #e8e8e8;
}
.schedule-list li .type-article {
    position: relative;
    width: 100%;
    height: auto;
    float: right;
    display: inline-block;
    margin: 0;
    margin-left: -240px;
    padding-left: 290px;
}
@media (max-width: 640px){
  .schedule-list{
    text-align: center;
  }
	.schedule-list li .type-article{
		width: 90%;
	    height: auto;
	    margin: 0 12px auto 0;
	    padding-left: 0;
	}
  .schedule-list li{
    /*padding:15px auto 15px 0px;*/
    padding-top: 15px;
    padding-bottom:15px;
    /*padding:15px auto 15px;*/
  }
}
.schedule-list li .title {
    /*color: #454545;*/
    /* color: #191919; */
    margin-bottom: 6px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.025em;
}

.schedule-list li .type-article .date {
    /* color: #4f4f4f; */
    margin-bottom: 6px;
    font-size: 21px;
    font-size: 2.1rem;
    letter-spacing: 0.05em;
    font-weight: 700;
    /*font-weight: 700;*/
}

@media (max-width: 640px){
  .schedule-list li .title {
      font-size: 14px;
      font-size: 1.4rem;
  }
	.schedule-list li .type-article .date {
		/* font-size: 	12px;
		font-size: 1.2rem; */
        font-size: 	14px;
		font-size: 1.4rem;
	}
}
@media (max-width: 374px){
	.schedule-list li .type-article .date {
    font-size: 	12px;
		font-size: 1.2rem;
	}
}
@media (min-width: 640px) and (max-width:770px){
	.schedule-list li .type-article .date{
		font-size: 	16px;
		font-size: 1.6rem;
	}
}

.schedule-list li .title.soldout,
.schedule-list li .type-article .date.soldout  {
    color: #CCC;
}

.schedule-list li .type-article .target{
    font-size: 13px;
    font-size: 1.3rem;
    /* color: #191919; */
}
.schedule-list li .type-article .target.soldout {
    color: #A03741;
}

.schedule-list li .type-article .link {
    position: absolute;
    right: 20px;
    bottom: -20px;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.15em;
}
@media (max-width: 640px){
	.schedule-list li .type-article .link{
		position: static;
	    right: 10px;
	    bottom: 0;
	    margin-top: 20px;
	}
}
.schedule-list li .type-article .link a{
	/* color: #191919; */
	text-decoration: none;
  border-bottom: 1px solid #6c2b2f;
  padding-bottom: 3px;
  -webkit-transform: all .4s;
  -moz-transform: all .4s;
  transition: all .4s;
}
.schedule-list li .type-article .link a::before{

}
.schedule-list li .type-article .link a:hover{
	/*text-decoration: underline;*/
	/* color: #D8D8D8; */
}
.schedule-list li .tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.schedule-list li .type-img.noimg {
    background-image: unset !important;
}
.schedule-list li.gold .type-img {
    background-image: url('images/ticket/bg-sche-premium.svg');
    background-size: 60%;
}
.schedule-list li.gold .tag {
    background-image: url('images/ticket/tag-gold.png');
}
.schedule-list li.normal .type-img {
    background-image: url('images/ticket/bg-sche-premium.svg');
    background-size: 60%;
}
.schedule-list li.normal .tag {
    background-image: url('images/ticket/tag-normal.png');
}
.schedule-list li.mail .type-img {
    background-image: url('images/ticket/bg-sche-tgc.svg');
    background-size: 60%;
}
.schedule-list li.mail .tag {
    background-image: url('images/ticket/tag-mail.png');
}
.schedule-list li.line .type-img {
    background-image: url('images/ticket/bg-sche-tgc.svg');
    background-size: 60%;
}
.schedule-list li.line .tag {
    background-image: url('images/ticket/tag-line.png');
}
.schedule-list li.au .type-img {
    background-image: url('images/ticket/bg-sche-tgc.svg');
    background-size: 60%;
}
.schedule-list li.au .tag {
    background-image: url('images/ticket/tag-au.png');
}
.schedule-list li.lineticket .type-img {
    background-image: url('images/ticket/bg-sche-line.png');
}

/* covid_ver */
.schedule-list.covid {
	margin: 60px auto;
  padding: 0 40px;
  overflow: hidden;
  background-color: #F5F5F5;
}

.schedule-list.covid li {
  margin-bottom: 0;
  border: none;
  background: none;
	background-color: #F5F5F5;
}
.schedule-list.covid li.cocoa {
    border-top: 1px solid #e8e8e8;
}

.schedule-list.covid li .type-img {
  background-size: 145px;
  background-color: unset;
}
.schedule-list.covid li.girlswalker .type-img {
  background-image: url('images/guideline/img-logo-girlswalker.png');
}
.schedule-list.covid li.cocoa .type-img {
  background-image: url('images/guideline/img-logo-cocoa.png');
}

.schedule-list.covid li .type-article .article_title {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.005em;
}

.schedule-list.covid li .type-article .description {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.005em;
  color: #322E34;
  line-height: 1.6;
}

.guideline #page-content .inner article {
  overflow: hidden;
}
.guideline #page-content .inner .step-list {
  display: flex;
  margin: 25px auto;
}
.guideline #page-content .inner .step-list li {
  width: 100%;
  border: 2px solid #F869DE;
  border-radius: 20px;
  list-style: none;
  overflow: hidden;
}
.guideline #page-content .inner .step-list li:nth-child(3n-1) {
  margin: 0 30px;
}
.guideline #page-content .inner .step-list li .img-step-wrap {
  height: 235px;
  padding: 20px;
}
.guideline #page-content .inner .step-list li img {
  margin: auto;
}
.guideline #page-content .inner .step-list li img.img-step1 {
  max-width: 175px;
}
.guideline #page-content .inner .step-list li img.img-step2 {
  max-width: 290px;
}
.guideline #page-content .inner .step-list li img.img-step3 {
  max-width: 150px;
}
.guideline #page-content .inner .step-list li p {
  height: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  padding: 30px;
  background-color: rgba(248, 105, 222, 0.1);
}

@media screen and (max-width: 640px) {
  .schedule-list.covid {
  	margin: 30px auto;
    padding: 0 10px;
  }
  .schedule-list.covid li {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .schedule-list.covid li.girlswalker .type-img,
  .schedule-list.covid li.cocoa .type-img {
      background-size: 80px;
  }
}


@media (max-width: 640px) {
	.schedule-list li.gold .type-img,
	.schedule-list li.normal .type-img {
	    background-size: 35%;
	}
	.schedule-list li.mail .type-img,
	.schedule-list li.line .type-img,
	.schedule-list li.au .type-img {
	    background-size: 23%;
	}
}

@media (max-width: 500px) {
	.schedule-list li.mail .type-img,
	.schedule-list li.line .type-img,
	.schedule-list li.au .type-img {
	    background-size: 30%;
	}
}

@media (max-width: 414px) {
	.schedule-list li.gold .type-img {
	    background-size: 40%;
	}
	.schedule-list li.normal .type-img {
	    background-size: 40%;
	}
	.schedule-list li.mail .type-img {
	    background-size: 35%;
	}
	.schedule-list li.line .type-img {
	    background-size: 35%;
	}
	.schedule-list li.au .type-img {
	    background-size: 35%;
	}
}

.schedule-list li .type-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
/*     width: 25%; */
    margin-right: 5%;
    height: 100%;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #f9f9f9;
}
@media (max-width: 640px){
	.schedule-list li .type-img {
		 background-color: #fff;
	}
	.schedule-list li .type-img{
		position: static;
	    width: 100%;
	    height: 100px;
	    float: right;
	    display: inline-block;
	    margin: 0 auto 10px;
	}
}
.schedule-list li.kyodo .type-img {
    background-image: url('images/ticket/bg-sche-kyodo.png');
}
.schedule-list li.tb .type-img {
    background-image: url('images/ticket/bg-sche-tb.png');
}
.schedule-list li.pia .type-img {
    background-image: url('images/ticket/bg-sche-pia.png');
}
.schedule-list li.eplus .type-img {
    background-image: url('images/ticket/bg-sche-eplus.png');
}
.schedule-list li.lawson .type-img {
    background-image: url('images/ticket/bg-sche-lawson.png');
}
.schedule-list li.lawson_hmv .type-img {
    background-image: url('images/ticket/bg-sche-lawson-hmv.png');
}
.schedule-list li.seven .type-img {
    background-image: url('images/ticket/bg-sche-seven.png');
}
.schedule-list li.pg .type-img {
    background-image: url('images/ticket/bg-sche-pg.png');
}
.schedule-list li.yahoo .type-img {
    background-image: url('images/ticket/bg-sche-yahoo.gif');
}
.schedule-list li.rakuten .type-img {
  /*background-image: url('images/ticket/bg-sche-rakuten.png');*/
  background-image: url('images/ticket/bg-sche-rakuten.jpg');
}
.schedule-list li.cp .type-img {
  /*background-image: url('images/ticket/bg-sche-cp.png');*/
  background-image: url('images/ticket/bg-sche-cp.jpg');
}
.schedule-list li.hokuchike .type-img {
  background-image: url('images/ticket/bg-sche-hokuchike.png');
}


/*-----------------------------------------------
access
-----------------------------------------------*/
.access #page-content {
    padding-top: 50px;
    padding-bottom: 50px;
}
.access #page-content .inner {
    width: 100%;
    max-width: 1220px;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

@media (max-width: 640px) {
    .access #page-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .access #page-content .inner {
        padding: 10px 0 3px;
    }
}

.access #page-content .access_left {
    width: 100%;
    display: inline-block;
    padding: 0 10px;
    overflow: hidden;
}

.access #page-content #map {
    width: 100%;
    height: 250px;
    /* border: 4px solid #FFF; */
    border: 4px solid #f3efef;
    float: left;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: #FFF;
    -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .05);
}

.access #page-content #map iframe {
    width: 100%;
    height: 100%;
}

.access #page-content .text-block {
    width: 100%;
    height: auto;
    margin-top: 16px;
    float: right;
    display: inline-block;
    padding: 0 10px;
}

.access #page-content .text-block .small{
    font-size: 1.0rem;
}

@media (min-width: 770px) {
    .access #page-content .access_left {
        width: 55%;
    }
    .access #page-content #map {
        width: 100%;
        height: 450px;
        border: 10px solid #f3efef;
        /* border: 10px solid #FFF; */
    }
    .access #page-content .text-block {
        width: 45%;
        height: auto;
        margin-top: 80px;
    }
}

#page-content .text-block dt {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
}

#page-content .text-block dt span {
    margin-bottom: 15px;
    color: #F869DE;
    display: block;
    font-weight: 700;
    position: relative;
    border-left: 2px solid #F869DE;
    padding-left: 10px;
    line-height: 1.3;
}

.access #page-content .text-block dd {
    margin-bottom: 30px;
    padding-left: 2px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
}

/*-----------------------------------------------
ATTENTION
-----------------------------------------------*/
.attention #page-content {
    padding-bottom: 0;
    background-color: #fff;
}

.attention #page-content .inner {
    width: 100%;
    max-width: 1220px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

.attention #page-content .h2_title{
    padding-top: 20px;
    font-weight: 900;
    line-height: 1.06666667;
    /* letter-spacing: 0.2em; */
    margin: 30px auto 0px;
    /* color: #d0e6da; */
	/* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

@media screen and (min-width: 640px) {
    .attention #page-content .h2_title {
        padding-top: 30px;
        margin: 30px auto 5px;
    }
}

.attention #page-content .text-list {
    width: 100%;
    height: auto;
    margin: 48px auto 70px;
    padding: 0 15px 0;
}

.attention #page-content .text-list li {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
}

.attention #page-content .text-list li:before {
    content: '・';
    width: 12px;
    height: 12px;
    float: left;
    display: inline-block;
}

.attention #page-content article .text-list li a {
    text-decoration: underline !important;
}

/* .attention #page-content article .text-list li p {
    padding-left: 16px;
} */

@media screen and (max-width: 640px) {
    .attention #page-content .text-list {
        margin: 20px auto 60px
    }
}

/*-----------------------------------------------
SUPPORT
-----------------------------------------------*/
.support #page-content {
    padding-bottom: 0;
    background-color: #fff;
}

.support #page-content .inner {
    width: 100%;
    max-width: 1220px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

.support #page-content .h2_title {
    padding-top: 20px;
    font-weight: 900;
    /* line-height: 1.06666667; */
    line-height: 1.3;
    /* letter-spacing: 0.2em; */
    margin: 30px auto 0px;
    /* color: #d0e6da;
	text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

@media screen and (min-width: 640px) {
    .support #page-content .h2_title {
        padding-top: 30px;
        margin: 30px auto 5px;
    }
}

.support #page-content .question,
.support #page-content .contact {
    width: 100%;
    max-width: 1220px;
    height: auto;
    margin: 40px auto 20px;
}

.support #page-content .question {
    padding: 0 20px 0;
}
.support #page-content .contact {
    padding: 0 20px 30px;
}

.support #page-content .question a,
.support #page-content .contact a {
    text-decoration: underline !important;
}

.support #page-content .question a:hover,
.support #page-content .contact a:hover {
/*     color: #D8D8D8; */
}

.support #page-content .question dt,
.support #page-content .contact dt {
    margin-bottom: 12px;
/*     color: #191919; */
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
}

.support #page-content .question dt:before {
    content: 'Q.';
}

.support #page-content .question dd:before {
    content: 'A.';
}

.support #page-content .contact dt:before {
    content: '・';
}

.support #page-content .question dd, .support #page-content .contact dd {
    margin-bottom: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    /* letter-spacing: 0.05em; */
    line-height: 2;
    padding: 0;
}

.support #page-content .contact dt#iwaibana-target {
    margin-top: -70px;
    padding-top: 70px;
}

/*-----------------------------------------------
GUIDELINE
-----------------------------------------------*/
.guideline #page-content .caption {
  padding: 80px 10px;
  text-align: center;
  background-color: #F5F5F5;
}

.guideline #page-content .caption p.title {
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: bold;
}

.guideline #page-content .caption p.main {
  max-width: 1220px;
  margin: 15px auto 5px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
  text-align: left;
}

.guideline #page-content .caption p.sub {
  max-width: 1220px;
  margin: auto;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  color: #999999;
  text-align: left;
}

.guideline #page-content .inner {
  max-width: 1220px;
  margin: auto auto 130px;
  padding: 0 10px;
}

.guideline #page-content .inner .guideline_about_wrap {
  max-width: 800px;
  margin: 30px auto;
  padding: 30px 0 50px;
  background-color: #FFF4FD;
}

.guideline #page-content .inner .guideline_about_wrap.nostyle {
  margin: auto;
  padding: 0;
  background-color: unset;
}

.guideline #page-content .inner .guideline_about_wrap .title {
  margin: 0px auto 45px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  color: #F869DE;
  text-align: center;
}



.guideline #page-content .inner .guideline_about_wrap .title.nomargin {
  margin: 90px auto 0px;
}

.guideline #page-content .inner .guideline-illustration {
  max-width: 510px;
  margin: auto;
}
.guideline #page-content .inner .guideline-illustration-sp {
  display: none;
}

.guideline #page-content .inner .sub_title {
  width: 100%;
  margin: 40px auto 25px;
  padding-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #1A1A1A;
  border-bottom: 1px solid #D5D5D5;
}

.guideline #page-content .inner .text-list {
  width: 100%;
  height: auto;
  margin: 35px auto;
  padding: 0 15px 0;
}

.guideline #page-content .inner .text-list li {
  margin-bottom: 10px;
}

.guideline #page-content .inner .text-list li p {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  /* line-height: 2; */
}

.guideline #page-content .inner .text-list li p img.guideline-seat {
  width: 100%;
  max-width: 800px;
  margin: auto auto 35px;
}

@media screen and (max-width: 768px) {
  .guideline #page-content .inner .step-list {
    display: block;
  }
  .guideline #page-content .inner .step-list li:nth-child(3n-1) {
    margin: 20px auto;
  }
}

@media screen and (max-width: 640px) {
  .guideline #page-content .inner .guideline_about_wrap {
    padding: 30px 20px 50px;
  }
  .guideline #page-content .caption {
    padding: 40px 10px;
  }
  .guideline #page-content .caption p.title {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .guideline #page-content .caption p.main {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .guideline #page-content .inner .guideline_about_wrap .title {
    margin: 45px auto 35px;
    font-size: 27px;
    font-size: 2.7rem;
  }
  .guideline #page-content .inner .guideline-illustration {
    display: none;
  }
  .guideline #page-content .inner .guideline-illustration-sp {
    display: block;
    width: 100%;
  }
  .guideline #page-content .inner .text-list {
    margin: 35px auto 0;
    padding: 0;
  }
}

@media screen and (max-width: 350px) {
  .guideline #page-content .caption p.title {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
  }

  .guideline #page-content .caption p.main {
    max-width: 1220px;
    margin: 15px auto 5px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2;
    text-align: left;
  }
}

/*-----------------------------------------------
MODEL
-----------------------------------------------*/
/* .model #page-content {
    padding-bottom: 30px;
} */

.model #page-content .h2_title{
    padding-top: 20px;
    font-weight: 900;
    line-height: 1.06666667;
    /* letter-spacing: 0.2em; */
    margin: 30px auto 0px;
    /* color: #d0e6da;
    text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

@media screen and (min-width: 640px) {
    .model #page-content {
        padding-bottom: 50px;
    }

    .model #page-content .h2_title{
        padding-top: 25px;
        margin: 30px auto 8px;
    }
}

.model #page-content article {
    width: 100%;
    height: auto;
    margin-bottom: 55px;
}

.model #page-content article.bottom_wrap {
    margin-bottom: 0;
}

.model #page-content .inner {
    width: 100%;
    max-width: 1220px;
    height: auto;
    padding: 0 5px;
    margin: 20px auto 0;
}

.model_bottom {
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin: 20px auto;
}

.model_bottom li {
    width: 33.3333333%;
    float: left;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    /* .model #page-content .inner {
        margin: 50px auto 0;
    } */
    .model_bottom li {
        width: 33.3333333%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

@media (min-width: 770px) {
    .model_bottom li {
        width: 25%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

@media (min-width: 1025px) {
    .model_bottom li {
        width: 20%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

.model_bottom li a {
    width: 100%;
    padding: 5px;
    display: block;
    float: left;
}

.model #page-content .attention-text {
    margin-top: 24px;
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.7;
    padding-right: 10px;
}

/*-----------------------------------------------
GUEST & MC
-----------------------------------------------*/
/* .guest_mc #page-content {
    padding-bottom: 30px;
} */

.guest_mc #page-content .h2_title{
    padding-top: 20px;
    font-weight: 900;
    line-height: 1.06666667;
    /* letter-spacing: 0.2em; */
    margin: 30px auto 0px;
    /* color: #d0e6da;
	text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

@media screen and (min-width: 640px) {
    .guest_mc #page-content {
        padding-bottom: 50px;
    }
    .guest_mc #page-content .h2_title{
        padding-top: 25px;
        margin: 30px auto 8px;
    }
}

.guest_mc #page-content article {
    width: 100%;
    height: auto;
    margin-bottom: 55px;
}

.guest_mc #page-content article.bottom_wrap {
    margin-bottom: 0;
}

.guest_mc #page-content .inner {
    width: 100%;
    max-width: 1240px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

.guest_mc_bottom {
    width: 100%;
    padding: 0 5px;
    overflow: hidden;
    margin: 20px auto;
}

.guest_mc_bottom li {
    width: 33.3333333%;
    float: left;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    .guest_mc_bottom li {
        width: 33.3333333%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

@media (min-width: 770px) {
    .guest_mc_bottom li {
        width: 25%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

@media (min-width: 1025px) {
    .guest_mc_bottom li {
        width: 20%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

.guest_mc_bottom li a {
    width: 100%;
    padding: 5px;
    display: block;
    float: left;
}

.guest_mc #page-content .attention-text {
    margin: 24px 0 20px;
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    padding-right: 10px;
}

/*-----------------------------------------------
ARTIST
-----------------------------------------------*/
/* .artist #page-content {
    padding-bottom: 50px;
} */

.artist #page-content article {
    width: 100%;
    height: auto;
    margin-bottom: 55px;
}

.artist #page-content article.bottom_wrap {
    margin-bottom: 0;
}

.artist #page-content .inner {
    width: 100%;
    max-width: 1240px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

.artist .h2_title {
    padding-top: 20px;
    /* letter-spacing: 0.3em; */
    margin: 30px auto -5px;
}

.artist .bottom_h2_title_artist {
    /* letter-spacing: 0.2em; */
    color: #d0e6da;
	text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250;
    margin: 30px auto 0px;
}

.artist_bottom {
    width: 100%;
    padding: 0 5px;
    overflow: hidden;
    margin: 20px auto;
}

.artist_bottom li {
    width: 60%;
    /*float: left;*/
    display: block;
    overflow: hidden;
    /*margin-bottom: 10px;*/
    margin:auto;
}
.artist_bottom li.float_left{
	width: 50%;
	float: left;
	margin: 0 0 10px;
}

.artist_bottom li.float_left.main{
    width: 100%;
}

@media (min-width: 640px){
    .artist .h2_title {
        padding-top: 35px;
        margin: 30px auto 35px;
    }
    .artist .bottom_h2_title_artist {
        margin: 30px auto 13px;
    }
	.artist_bottom li{
		/*width: 50%;*/
        margin:auto;

        /* アーティスト数が増えた場合、コメントを戻す(再調整)*/
        width: 33.3333333%;
		/*float: left;*/
		display: block;
		overflow: hidden;
	}
	.artist_bottom li.float_left{
		width: 50%;
		float: left;
		margin: 0 0 10px;
	}
    .artist_bottom li.float_left.main{
        width: 100%;
    }
}
@media (min-width: 770px){
	.artist_bottom li{
		 /*width: 50%;*/
         margin:auto;

        /* アーティスト数が増えた場合、コメントを戻す(再調整)*/
		width: 33.3333333%;
		/*float: left;*/
		display: block;
		overflow: hidden;
	}
	.artist_bottom li.float_left{
		width: 33.3333333%;
		float: left;
		margin: 0 0 10px;
	}
    .artist_bottom li.float_left.main{
        width: 50%;
    }
}
@media (min-width: 1025px){
	.artist_bottom li{
        /*width: 50%;*/
        margin:auto;

        /* アーティスト数が増えた場合、コメントを戻す(再調整)*/
        width: 33.3333333%;
		/*float: left;*/
		display: block;
		overflow: hidden;
	}
	.artist_bottom li.float_left{
		width: 33.3333333%;
		float: left;
		margin: 0 0 10px;
	}
    .artist_bottom li.float_left.main{
        width: 50%;
    }
}
.artist_bottom li a{
	width: 100%;
	padding: 5px;
	display: block;
	float: left;
}

.artist #page-content .h2_title{
    padding-top: 20px;
    font-weight: 900;
    line-height: 1.06666667;
    /* letter-spacing: 0.2em; */
    margin: 30px auto 0px;
    /* color: #d0e6da;
    text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

.artist #page-content .attention-text {
    margin: 0;
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    padding-right: 10px;
}

/* .artist .artist_bottom li a figure {
    padding-bottom: 30px;
}

@media (min-width: 640px) {
    .artist .artist_bottom li a figure {
        padding-bottom: 40px;
    }
} */

/*-----------------------------------------------
SPECIAL
-----------------------------------------------*/
.special #page-content {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (max-width: 640px) {
    .special #page-content {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

.special #page-content .inner {
    width: 100%;
    max-width: 1220px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

.special_bottom {
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}

.special_bottom_slide li {
  padding: 0 10px;
}

.special_bottom li {
    width: calc(50% - 10px);
    margin: 5px;
}

/* @media (min-width: 640px) {
    .special_bottom li {
    }
} */

@media (min-width: 770px) {
    .special_bottom li {
        width: calc(25% - 20px);
        margin: 10px;
    }
}

@media (max-width: 640px) {
  .special_bottom_slide li {
    padding: 0 5px;
  }
  .special_bottom {
      margin: 0 auto;
  }
}

.special_bottom li a {
    width: 100%;
    padding: 0;
    display: block;
    float: left;
}

.special_bottom li a img {
    background-color: #fff;
}

.special_bottom li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
}

.special_bottom li a p {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: normal;
    padding: 10px 0px;
    background-color: #fff;
}

@media (min-width: 640px) {
    .special_bottom li a p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 10px;
    }
}

/*-----------------------------------------------
NEWS
-----------------------------------------------*/
.news #main-image h2.h2_title_ks_news_archives {
    margin: 50px 0px 43px;
}

@media (max-width: 640px) {
/*
    .news #main-image {
        height: 195px;
    }
 */
    .news #main-image h2.h2_title_ks_news_archives {
        margin: 90px auto 16px;
    }
}

.content_wrap.news_wrap_bg {
/*     background-color: #171c61; */
	/* margin: 15px auto 50px; */
    /* background-color: rgba(255,255,255,0.7); */
}

.content_wrap.news_wrap_bg .news_wrap{
    /* background-color: rgba(255,255,255,0); */
}

.news_wrap_bottom {
    padding: 30px 5px 50px;
}

@media (max-width:640px) {
    .news_wrap_bottom {
        padding: 1px 5px 50px;
    }
}

.news_wrap_single {
/*     margin-top: 60px; */
	padding-top: 60px;
/* 	color: #ffffff; */
}
@media (max-width:640px) {
	.news_wrap_single {
		padding-top: 20px;
	}
}

.news_wrap_single_bread{
/* 	position: absolute; */
	top:0;
	left: 0;
}
.news_wrap_single_title{
	margin-top: 50px !important;
}
@media (max-width:640px) {
	.news_wrap_single_title{
		margin-top: 63px !important;
	}
}

.news_wrap_single #news-single {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 0 10px;
}

.news_wrap_single #news-single p.date {
    text-align: left;
    margin-bottom: 20px;
}

.news_wrap_single #news-single h3 {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px;
}

/* @media (max-width:640px) {
	.news_wrap_single #news-single h3 {
		font-size: 22px;
		font-size: 2.2rem;
	}
} */

.news_wrap_single #news-single .eyecatch {
    margin-bottom: 36px;
}

.news_wrap_single #news-single .eyecatch img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1;
}

.news_wrap_single #news-single .content {
    text-align: left;
    word-break: break-all;
    margin-bottom: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
}

.news_wrap_single #news-single .content a {
    text-decoration: underline;
}

.news_wrap_single #news-single .content a:hover {
    color: #28b4c5;
}

#news-single .content img {
    width: auto;
    display: inline-block;
    margin: 0 0 1% 0;
}

#news-single .more_button.button {
    position: relative !important;
    margin: 0 auto 50px;
    right: 0;
    padding-left: 3px;
    text-align: center;
}

#news-single .more_button.button::after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 15px;
    right: 0;
}

/*-----------------------------------------------
WHATS(english-link)
-----------------------------------------------*/
#main-image .inner .english-link{
	position: absolute;
	right: 10px;
	top:0;
}
#main-image .inner .english-link a{
	font-size: 11px;
    font-size: 1.1rem;
    line-height: 30px;
    font-weight: 900;
    position: relative;
    /* color: #fff; */
    /* text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 0px 0px 0px #fff, -1px 0px 0px #fff, 0px 0px 0px #fff, 0px 0px 0px #fff; */
}
#main-image .inner .english-link :hover{
    /* color: #179dc9; */
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter:alpha(opacity=60);
    opacity: 0.6;
}


/*-----------------------------------------------
ABOUT
-----------------------------------------------*/
.about #page-content {
    background-color: unset;
}
.about #page-content .top-article-wrap {
    background-color: #fff;
}

.about #page-content .top-article {
    position: relative;
    width: 100%;
    max-width: 1220px;
    height: auto;
    margin: 0px auto 80px;
    text-align: left;
    padding: 65px 5px 60px;
}

@media (min-width: 1200px) {
    .about #page-content .top-article {
        padding: 65px 0px 60px;
    }
}

@media (max-width: 770px) {
    .about #page-content .top-article {
        margin: 0px auto 60px;
        padding: 0 0 60px;
    }
}

@media (max-width: 640px) {
    .about #page-content .top-article {
        margin: 0px auto 50px;
    }
}

.about #page-content .middle-article {
    position: relative;
    width: 100%;
    max-width: 1220px;
    height: auto;
    margin: 0 auto 90px;
    text-align: center;
}

@media (max-width: 640px) {
    .about #page-content .middle-article {
        margin: 0 auto 70px;
    }
}

.about #page-content .top-article .key-visual {
    position: static;
    width: 90%;
    max-width: 480px;
    margin: 0px auto 40px;
    padding-top: 45px;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about #page-content .top-article h3 {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    padding: 0 15px;
    text-align: left;
    color: #F869DE;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
}

.about #page-content .top-article p.theme-title {
    width: 100%;
    height: auto;
    margin: 37px 0 10px;
    color: #F869DE;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
}

.about #page-content .top-article p.covid {
    font-weight: 700;
}

.about #page-content .top-article p {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-size: 1.4rem;
    /* color: #231815; */
    padding: 0 15px;
}

.about #page-content .top-article .link_watch_movie {
    text-decoration: underline;
}

@media (min-width: 770px) {
    .about #page-content .top-article .key-visual {
        position: absolute;
        top: 0;
        right: 15px;
        width: 40%;
        margin: 0;
        padding-top: 65px;
    }
    .about #page-content .top-article h3 {
/*         width: 50%; */
        width: 58%;
        line-height: 2;
    }
    .about #page-content .top-article p.theme-title,
    .about #page-content .top-article p {
        width: 57%;
        line-height: 2;
    }
}

.about #page-content .top-article p.bottom-text {
    width: 100%;
    padding: 0 10px;
    height: auto;
    line-height: 2;
}

.about #page-content .middle-article .h2_title {
    font-size: 80px;
    font-size: 8.0rem;
    font-weight: 100;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 30px auto 0px;
    color: #fff;
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

.about #page-content .middle-article .h2_title img {
    height: 70px;
}

@media screen and (max-width: 640px) {
    .about #page-content .middle-article .h2_title {
        font-size: 40px;
        font-size: 4.0rem;
    }
    .about #page-content .middle-article .h2_title img {
        height: 35px;
    }
}

/*
@media screen and (max-width: 380px) {
    .about #page-content .middle-article .h2_title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
 */

/*---------------*/
/*enjoy tgc*/
/*---------------*/
.about .h2title_enjoy {
    font-size: 29px;
    font-size: 2.9rem;
}

@media screen and (max-width: 640px) {
    .about .h2title_kitakyushu {
        font-size: 23px;
        font-size: 2.3rem;
    }
}

.about .about_enjoy {
	width: 100%;
	max-width: 1220px;
	margin: 60px auto 50px;
	overflow: hidden;
	padding: 0 5px;
}
	.about .about_enjoy .about_enjoy_li {
		width: 33.333333%;
		width : -webkit-calc(100% / 3);
		width : calc(100% / 3);
		padding: 0 5px 10px;
		float: left;
	}
		.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner {
			display: block;
			width: 100%;
			overflow: hidden;
		}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner figure {
				display: block;
				position: relative;
				width: 100%;
			}
				.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner figure img {
					-webkit-transform: scale(1);
					transform: scale(1);
					-webkit-transform: all .4s;
					transition: all .4s;
					background-color: #fff;
				}
				.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner:hover figure img {
					-webkit-transform: scale(1.2);
					transform: scale(1.2);
				}
				.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner figure figcaption {
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					top:0;
					left: 0;
				}
					.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner figure figcaption .about_enjoy_title {
						display: block;
						width: 100%;
						margin: 0 auto;
						font-size: 24px;
						font-size: 2.4rem;
            font-weight: 700;
						line-height: 1.0;
						letter-spacing: 0.1em;
						color: #ffffff;
						position: absolute;
						top: 40%;
						left: 0;
						-webkit-transform: translateY(-40%);
						transform: translateY(-40%);
						text-align: center;
						z-index: 2;
					}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt {
				display: block;
				position: relative;
				width: 100%;
				height: 77px;
				z-index: 2;
				margin-top: -77px;
			}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt.type01 {
                background-color: #1A1A1A;
			}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt.type02 {
                background-color: #1A1A1A;
			}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt.type03 {
                background-color: #1A1A1A;
			}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt.type04 {
                background-color: #1A1A1A;
			}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt.type05 {
                background-color: #1A1A1A;
			}
			.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt.type06 {
                background-color: #1A1A1A;
			}
            .about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt .about_enjoy_wave{
                position: absolute;
                width: 100%;
                height: 47px;
                z-index: -1;
                margin-top: -22px;
			}
				.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt::after {
					content: '';
					width: 120%;
					height: 100px;
					display: block;
					position: absolute;
					top:25px;
					left: 50%;
					margin-left: -60%;
					z-index: -1;
					/*background-color: rgba(0,140,200,.9);
					-webkit-transform-origin: center top;
					-ms-transform-origin: center top;
					transform-origin: center top;
					-webkit-transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					transform: rotate(0deg);*/
				}
				.about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt p {
					text-align: center;
					font-size: 14px;
					font-size: 1.4rem;
                    font-weight: 600;
					letter-spacing: 0.075em;
					color: #fff;
					padding: 20px 0 0;
				}

@media screen and (max-width: 768px) {
	.about .about_enjoy .about_enjoy_li {
		width: 50%;
	}
}

@media screen and (max-width: 640px) {
    .about .about_enjoy {
    	margin: 20px auto 50px;
    }
    .about .about_enjoy .about_enjoy_li .about_enjoy_li_inner figure figcaption .about_enjoy_title {
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
    }
    .about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt {
        height: 50px;
        margin-top: -50px;
    }
    .about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt p {
        text-align: center;
        font-size: 10px;
        font-size: 1.0rem;
        letter-spacing: 0.05em;
        padding: 10px 0 0;
    }
    .about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt p br {
        display: none;
    }

    .about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt .about_enjoy_wave{
        height: 24px;
        margin-top: -14px;
    }
    .about .about_enjoy .about_enjoy_li .about_enjoy_li_inner .about_enjoy_txt::after {
        top:10px;
    }
}

@media screen and (max-width: 330px) {
	.about .about_enjoy .about_enjoy_li {
		padding: 0 2px 5px;
	}
}

.about #page-content .middle-article .sns-follow-get {
	width: 100%;
	padding: 0 10px;
	margin: 0 auto 34px;
  /* overflow: hidden; */
}
	.about #page-content .middle-article .sns-follow-get p {
		width: 100%;
		height: 60px;
		max-width: 430px;
		/* border: 2px solid #000; */
    background-color: #fff;
		padding: 0 10px;
		/* color: #ffffff; */
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 0.075em;
    /* font-weight: bold; */
		text-align: center;
		margin: 0 auto;
		border-radius: 60px;
		line-height: 60px;
		position: relative;
	}
		.about #page-content .middle-article .sns-follow-get p::after {
      content: '';
      display: block;
      position: absolute;
      margin-left: -6px;
      left: 50%;
      bottom: -20px;
      width: 0;
      height: 0;
      border-top: 12px solid #fff;
      border-right: 6px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 6px solid transparent;
		}
		.about #page-content .middle-article .sns-follow-get p::before {
      content: '';
      display: block;
      position: absolute;
      margin-left: -6px;
      left: 50%;
      bottom: -24px;
      width: 0;
      height: 0;
      border-top: 12px solid #fff;
      border-right: 6px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 6px solid transparent;
		}

@media screen and (max-width: 640px) {
	.about #page-content .middle-article .sns-follow-get p {
		width: 100%;
		height: 50px;
		max-width: 664px;
		/* border: 2px solid #000; */
		padding: 0 10px;
		/* color: #ffffff; */
		font-size: 11px;
		font-size: 1.1rem;
		letter-spacing: 0.075em;
		text-align: center;
		margin: 0 auto;
		border-radius: 60px;
		line-height: 50px;
		position: relative;
	}
}

.about #page-content .middle-article .youtube {
    position: relative;
    width: 54%;
    display: block;
    margin: 0 auto;
    z-index: 1;
}

@media screen and (max-width: 768px) {
	.about #page-content .middle-article .youtube {
	    position: relative;
	    width: 90%;
	    display: block;
	    margin: 0 auto;
	}
}

.about #page-content .middle-article .youtube>.youtube_inner {
	position: relative;
	width:  100%;
	margin: 0 auto;
	padding-top: 56.25%;
}

.about #page-content .middle-article .youtube>.youtube_inner>iframe,
.about #page-content .middle-article .youtube>.youtube_inner>img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.youtube {
    position: relative;
    width: 54%;
    display: block;
    margin: 0 auto;
    z-index: 1;
}

/* REPORTのSHOPPING MOVIE - START*/
.youtube_repo {
    width: 100%;
    padding: 0 10px;
}
@media screen and (max-width: 768px) {
.youtube_repo {
	    position: relative;
	    display: block;
	    margin: 0 auto;
	}
}

.youtube_repo>.youtube_inner {
	position: relative;
	width:  100%;
	margin: 0 auto;
	padding-top: 56.25%;
}

.youtube_repo>.youtube_inner>iframe,
.youtube_repo>.youtube_inner>img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

/* REPORTのSHOPPING MOVIE - END*/

.about #page-content .bottom-article {
    width: 100%;
    height: auto;
    padding: 15px 0 45px;
    background-color: #fff;
}

.about #page-content .bottom-article>.inner {
    width: 100%;
    /* max-width: 680px; */
    /* max-width: 800px; */
    max-width: 840px;
    margin: 30px auto 0;
    padding: 4px 10px 0;
    text-align: left;
}

@media screen and (min-width: 640px) {
    .about #page-content .bottom-article>.inner {
        padding: 0 0 0;
        padding: 50px 10px 0;
    }
    .about #page-content .bottom-article {
        padding: 60px 0 90px;
    }
}

.about #page-content .bottom-article .h2_title {
    /* font-size: 80px;
    font-size: 8.0rem; */
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 100;
    letter-spacing: 0.05em;
    text-align: center;
    margin:30px auto 0px;
    padding: 0 16px;
    color: #000;
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
    max-width: 1210px;
}

.about #page-content .bottom-article .h2_title img {
    height: 60px;
}

@media screen and (max-width: 640px) {
    .about #page-content {
        padding-bottom: 50px;
    }
    .about #page-content .bottom-article .h2_title {
        /* font-size: 40px;
        font-size: 4.0rem; */
        font-size: 12px;
        font-size: 1.2rem;
    }
    .about #page-content .bottom-article .h2_title img {
        height: 30px;
    }
}

.about #page-content .bottom-article h5 {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.3em;
    margin-bottom: 40px;
}

.about #page-content .bottom-article dl {
    width: 100%;
    height: auto;
    font-size: 15px;
    font-size: 1.5rem;
    overflow: hidden;
    letter-spacing: 0.05em;
}

.about #page-content .bottom-article dl dt {
    width: 20%;
    height: auto;
    float: left;
    display: inline-block;
    padding: 1.2% 0;
    text-align: right;
/*     color: #000; */
    font-weight: 700;
}

.about #page-content .bottom-article dl dt.first {
    padding: 0 0 1.2%;
}

.about #page-content .bottom-article dl dt.first {
    padding: 1.2% 0 0;
}

.about #page-content .bottom-article dl dt span {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    color: #F869DE;
    margin-left: 0px;
}

@media screen and (max-width: 640px) {
    .about #page-content .bottom-article dl dt br {
        display: none;
    }
    .about #page-content .bottom-article dl dt span {
        margin-left: 10px;
    }
}

.about #page-content .bottom-article dl dd {
    /*width: 74.5%;*/
    width: 77.5%;
    height: auto;
    float: right;
    display: inline-block;
    padding: 1.2% 0 1.2% 6%;
    border-left: solid 1px #e6e6e6;
/*     color: #000; */
}

.about #page-content .bottom-article dl dd a {
    /* color: #ffffff; */
/*     border-bottom: solid 1px #ffffff; */
  text-decoration: underline;
}

.about #page-content .bottom-article dl dd a:hover {
    /* color: #28b4c5; */
/*     border-bottom: solid 1px #28b4c5; */
    opacity: 0.6;
}

.about #page-content .bottom-article dl dd span {
    font-size: 12px;
    font-size: 1.2rem;
/*     color: #535353; */
}

.about #page-content .bottom-article dl dd.dm {
    padding: 20px auto;
}

.about #page-content .bottom-article dl dt.last {
    padding: 1.2% 0 0;
}

.about #page-content .bottom-article dl dd.last {
    padding: 1.2% 0 1.2% 6%;
}

@media screen and (max-width: 640px) {
    .about #page-content .bottom-article dl dt {
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 6px;
        border-right: 0;
        text-align: left;
        font-weight: 700;
    }
    .about #page-content .bottom-article dl dd {
        width: 100%;
        height: auto;
        padding: 0 0 6px;
        margin-bottom: 12px;
        border-left: 0;
        border-bottom: solid 1px #CCC;
    }
    .about #page-content .bottom-article dl dd.last {
        padding: 0 0 6px 4px;
    }
    .about #page-content .bottom-article dl dd.dm {
        display: none;
    }
}

/*404/about_enで利用*/
.about_en {
    margin-top: 50px !important;
}

.more_button.button.about_button {
    position: relative;
    margin: 0 auto 0;
    display: block;
    width: 80%;
    max-width: 450px;
    background-color: #F869DE;
    border: 1px solid #F869DE;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    height: 45px;
    line-height: 43px;
}

.more_button.button.about_button.page404 {
    text-align: center;
    padding-left: 0px;
    max-width: 250px;
}

.more_button.button.about_button::after {
    width: 8px;
    height: 8px;
    margin-top: 1px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.more_button.button.about_button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
}

/*-----------------------------------------------
press
-----------------------------------------------*/

.press #page-content .inner-content {
    width: 100%;
    max-width: 800px;
    height: auto;
    padding: 0 10px;
    margin: 50px auto 0;

}

.press #page-content .inner {
    width: 100%;
    max-width: 1020px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

.press #page-content .title-block h3 span{
    font-size: 17px;
    font-size: 1.7rem;
    vertical-align: middle;
}

.press #page-content .inner-content .form-wrap {
    width: 100%;
    height: auto;
}

.press .form-wrap p.notice, .press .form-wrap span.notice {
    color: #C00;
    text-align: left;
    display: block;
}

.press .form-wrap .notice, .press .form-wrap span.star {
    color: #C00;
}

.press .form-wrap p.notice {
    padding: 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5em;
}

.press .form-wrap table {
    width: 100%;
    height: auto;
    margin: 15px auto 20px;
    font-size: 14px;
    font-size: 1.4rem;
}

.press .form-wrap td, .press .form-wrap th, .press .form-wrap tr {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.press .form-wrap th {
    text-align: left;
    padding: 10px;
    width: 180px;
    font-weight: 400;
    vertical-align: middle;
}

.press .form-wrap td {
    padding: 10px;
}
.comfirm-wrap.form-wrap td{
	font-weight: bold;
}
.comfirm-wrap.form-wrap tr{
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 640px){
	.press .form-wrap th {
	    text-align: left;
	    padding: 10px;
	    width: 100%;
	    font-weight: 400;
	    vertical-align: middle;

	    display: block;
	}

	.press .form-wrap td {
	    padding: 10px;
	    width: 100%;
	    display: block;
	}
}

.press .form-wrap input.w30, .press .form-wrap input.w380, .press .form-wrap input.w45, .press .form-wrap input.w60 {
    height: 24px;
    line-height: 24px;
    background-color: #fff !important;
    border: 1px solid #DDD;
}

.press .form-wrap input.w380 {
	width: 100%;
    /* width: 620px; */
}
.press .form-wrap input.w60 {
    width: 60px;
}
.press .form-wrap input.w45 {
    width: 45px;
}
.press .form-wrap input.w30 {
    width: 30px;
}

.press .form-wrap textarea {
    resize: none;
}
.press .form-wrap textarea.w380h80 {
    width: 100%;
    height: 80px;
    border: 1px solid #DDD;
    background-color: #fff !important;
}
.press .form-wrap textarea.w380h50 {
    width: 100%;
    height: 50px;
    border: 1px solid #DDD;
    background-color: #fff !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1200px white inset;
}

.press .form-wrap .more_button{
	position: relative;
}
.press .send-block{
	width: 100%;
	max-width: 800px;
	overflow: hidden;
	margin: 0 auto;
}
.press .reset-btn,
.press .submit-btn{
	width: 50%;
	margin-top: 70px;
	float: left;
	text-align: center;
}
@media screen and (max-width: 640px){
	.press .reset-btn,
	.press .submit-btn{
		width: 100%;
		margin-top: 35px;
	}
}
.press .reset-btn .more_button.button,
.press .submit-btn .more_button.button{
	width: 200px;
	cursor: pointer;
    text-align: center;
    padding: 0;
}
.press .reset-btn .more_button.button{
	color: #6f6f6f;
	border: 1px solid #ccc;
}
.press .reset-btn .more_button.button:hover{
	background-color: #ccc;
}
.press .reset-btn .more_button.button::after{
	border-top: 1px solid #6f6f6f;
    border-right: 1px solid #6f6f6f;
}
/*@media screen and (max-width: 640px){
  .more_button.button{
  	width: 44%;
  }
}*/


.press .submit-btn span{
	position: relative;

}

.press .form-wrap #send {
    border: 1px solid #DDD;
    padding: 30px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.press .form-wrap #send p.lead {
    color: #191919;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    margin: 0 0 20px;
}

.press .form-wrap #send p {
    margin: 0 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5em;
}

/*-----------------------------------------------
BRAND
-----------------------------------------------*/
.brand #page-content {
    padding-bottom: 0px;
}

.brand #page-content .h2_title{
    padding-top: 20px;
    font-weight: 900;
    line-height: 1.06666667;
    margin: 30px auto 0px;
}

@media screen and (min-width: 640px) {
    .brand #page-content .h2_title{
        padding-top: 25px;
        margin: 30px auto 8px;
    }
}

.brand #page-content article {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}

.brand #page-content article.top {
    margin-bottom: 0;
}

.brand #page-content article.bottom {
    margin-bottom: 100px;
}

.brand #page-content .inner {
    width: 100%;
    max-width: 1020px;
    height: auto;
    padding: 0 10px 55px;
    margin: 0 auto;
}

.brand #page-content .inner.bottom {
    margin-top: -15px;
}

.brand_bottom {
    width: 100%;
    padding: 0 5px;
    overflow: hidden;
    margin: 20px auto 0px;
}

.brand_bottom>li {
    width: 100%;
    float: left;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    .brand_bottom>li {
        width: 100%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

@media (min-width: 770px) {
    .brand_bottom>li {
        width: 50%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

@media (min-width: 1025px) {
    .brand_bottom>li {
        width: 50%;
        float: left;
        display: block;
        overflow: hidden;
    }
}

.brand_bottom>li article {
    width: 100%;
    padding: 5px;
    display: block;
    float: left;
}

.brand .brand_bottom li article figure {
    width: 40%;
    display: block;
    float: left;
    border: 1px solid #eeeeee;
}

.brand .brand_bottom li article .txt-area {
    width: 60%;
    display: block;
    float: left;
    padding-left: 20px;
    padding-right: 10px;
}

@media (max-width: 640px) {
    .brand .brand_bottom li article figure {
        width: 60%;
        float: none;
        margin: 0 auto;
    }
    .brand .brand_bottom li article .txt-area {
        width: 100%;
        float: none;
        padding: 20px 0 0;
    }
}

.brand .brand_bottom li article .txt-area .title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 2%;
}

.brand .brand_bottom li article .txt-area .url {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 5%;
}

.brand .brand_bottom li article .txt-area .description {
    font-size: 12px;
    font-size: 1.2rem;
}

.brand .brand_bottom li article .txt-area .link-btn {
    width: 100%;
    height: auto;
    float: right;
    display: inline-block;
    position: static;
    margin: 12px 0 0;
}

.brand .brand_bottom li article .txt-area .link-btn li {
    width: 35px;
    height: 35px;
    float: right;
    display: inline-block;
    margin-left: 6px;
    text-align: center;
}

.brand .brand_bottom li article .txt-area .link-btn li a {
    width: 35px;
    height: 35px;
    /*text-indent: -119988px;*/
    text-align: center;
    /*text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    overflow: hidden;
    -moz-background-size: 35px, 35px;
    -o-background-size: 35px, 35px;
    -webkit-background-size: 35px, 35px;
    background-size: 35px, 35px;*/
    display: inline-block;
}

.brand-link-btn-sns {
    width: 35px;
    height: 35px;
    font-size: 20px;
    color: white;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    transition: .3s;
    background: #F869DE;
    line-height: 33px;
}

.brand-link-btn-sns a {
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

@media screen and (max-width: 640px) {
    .brand .brand_bottom li article .txt-area .link-btn li {
        /*width: 30px;
        height: 30px;*/
        margin-left: 6px;
    }
    .brand .brand_bottom li article .txt-area .link-btn li a {
        /*width: 30px;
        height: 30px;*/
        /*-moz-background-size: 30px, 30px;
        -o-background-size: 30px, 30px;
        -webkit-background-size: 30px, 30px;
        background-size: 30px, 30px;*/
    }
    .brand-link-btn-sns {
        /*width: 30px;
        height: 30px;*/
    }
}

/*.brand .brand_bottom li article .txt-area .link-btn li.insta a {
    background-image: url(images/brand/instagram.png);
}

.brand .brand_bottom li article .txt-area .link-btn li.fb a {
    background-image: url(images/brand/facebook.png);
}

.brand .brand_bottom li article .txt-area .link-btn li.tw a {
    background-image: url(images/brand/twitter.png);
}

.brand .brand_bottom li article .txt-area .link-btn li.blog a {
    background-image: url(images/brand/blog.png);
}*/

.brand .brand_bottom li article .txt-area .link-btn li a:hover {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.brand #page-content .attention-text {
    /* margin: 24px 0 0; */
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    padding-right: 10px;
}

/*-----------------------------------------------
REPORT
-----------------------------------------------*/
.report #report-nav {
    width: 90%;
    max-width: 918px;
    height: auto;
    padding: 50px 10px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}

.report #report-nav li {
    /* width: 20%; booth ver*/
    width: 25%;
    height: auto;
    float: left;
    display: block;
    text-align: center;
    border-right: solid 1px #CCC;
}

.report #report-nav li:first-child {
    border-left: solid 1px #CCC;
}

.report #report-nav li a {
    display: block;
    padding: 15px 0;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.05em;
}

.report #report-nav li span {
    display: block;
    padding: 15px 0;
    color: #a5a4a4;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.05em;
}

.report #report-nav-sp {
    display: none;
}
@media screen and (max-width: 640px) {
	.report #report-nav {
		display: none;
	}
	.report #report-nav-sp {
		width: 90%;
		height: auto;
		padding: 20px 10px;
		margin: 20px auto;
		overflow: hidden;
		display: block;
        /* color: #ffffff; */
	}
		.report #report-nav-sp dt,
		.report #report-nav-sp dd {
			width: 100%;
			height: auto;
			float: left;
			display: block;
			text-align: center;
		}
		.report #report-nav-sp dt {
			border-top: solid 1px #CCC;
			border-bottom: solid 1px #CCC;
			position: relative;
			cursor: pointer;
		}
		.report #report-nav-sp dt::after {
			position: absolute;
			top: 50%;
			right: 20px;
			content: '';
			margin-top: -4px;
			border-left-color: #000;
			width: 6px;
			height: 6px;
            border-top: 1px solid #6c2b2f;
			border-right: 1px solid #6c2b2f;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			-webkit-transition: all .3s;
			-moz-transform: all .3s;
			transition: all .3s;
		}
		.report #report-nav-sp dt.active::after {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.report #report-nav-sp dd {
			display: none;
			-webkit-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
		}
			.report #report-nav-sp dd ul {
				width: 100%;
				height: auto;
				float: left;
				display: block;
				text-align: center;
			}
			.report #report-nav-sp dd ul li {
				width: 100%;
				height: auto;
				float: left;
				display: block;
				text-align: center;
				border-bottom: solid 1px #CCC;
			}
			.report #report-nav-sp dt,
			.report #report-nav-sp dd ul li a {
				display: block;
				padding: 15px 0;
				font-size: 15px;
				font-size: 1.5rem;
				letter-spacing: 0.05em;
			}
			.report #report-nav-sp dd ul li span {
				display: block;
				padding: 15px 0;
				color: #a5a4a4;
				font-size: 15px;
				font-size: 1.5rem;
				letter-spacing: 0.05em;
			}
}

.report #report-nav li a:hover {
    color: #F869DE;
}

.report #report-nav li a.active {
    color: #F869DE;
}

.report #report-nav li a.dline,
.report #report-nav li span.dline {
    line-height: normal;
    padding: 6px 0;
}

@media screen and (max-width: 640px) {
    .report #page-content {
        padding-bottom: 70px;
    }
}

.report #page-content>.report_inner {
    width: 100%;
    max-width: 1020px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (max-width: 640px) {
    .report #page-content>.report_inner {
        padding: 0;
    }
}

.report #page-content .title-block {
    width: 100%;
    height: auto;
    /*background: #fe7c95;*/
    margin: 0 auto 48px;
}

.report #page-content .h2_title{
    padding-top: 20px;
    font-weight: 900;
    line-height: 1.06666667;
    /* letter-spacing: 0.2em; */
    /* margin: 30px auto 0px; */
    margin: 0px auto;
    /* color: #d0e6da;
	text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

@media screen and (min-width: 640px) {
    .report #page-content .h2_title{
        padding-top: 25px;
        font-size: 3.6rem;
        /* margin: 30px auto 0px; */
    }
}

@media screen and (max-width: 640px) {
    .report #page-content .title-block.margin_bottom {
        margin: 0 auto 32px;
    }
    .report #page-content .title-block {
		margin: 24px auto 24px;
	}
}

/*-----------------------------------------------
REPORT STAGE
-----------------------------------------------*/
.stage-article {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 120px;
}

	.stage-article h4 {
		padding: 0 0 6px 80px;
		margin-bottom: 24px;
		text-align: left;
		border-bottom: dashed 1px #CCC;
		font-size: 18px;
		font-size: 1.8rem;
	}

	.stage-article .catch-text {
		width: 100%;
		height: auto;
		margin: 0 auto 12px;
		font-size: 16px;
		font-size: 1.6rem;
        color: #F869DE;
	}

	.stage-article .content {
		width: 100%;
		height: auto;
		margin: 0 auto 24px;
		padding:0 10px;
	}

	.stage-article .time {
		position: absolute;
		top: 0;
		left: 10px;
		font-size: 18px;
		font-size: 1.8rem;
        color: #F869DE;
	}
	.stage-article .twice-column {
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		overflow: hidden;
	}
		.stage-article .twice-column li {
			width: 50%;
			height: auto;
			float: left;
			display: inline-block;
			/* padding: 0 10px; */
      padding: 0 10px 10px;
		}
		.stage-article .twice-column li:first-child {
			margin-left: 0;
		}

	.stage-article .three-column {
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		overflow: hidden;
	}
		.stage-article .three-column li {
			width: 33.333333%;
			height: auto;
			float: left;
			display: inline-block;
			padding: 0 10px;
		}
		.stage-article .three-column li:first-child {
			margin-left: 0;
		}

		@media screen and (max-width: 640px){
			.stage-article .three-column,
			.stage-article .twice-column{
				margin: 0 auto 10px;
				padding: 0 5px;
			}
			.stage-article .twice-column li,
			.stage-article .three-column li {
        width: 100%;
				padding: 0 5px 10px;
			}

		}

/*-----------------------------------------------
REPORT BOOTH
-----------------------------------------------*/
#booth-thumb-list {
	width: 100%;
	height: auto;
	margin: 12px 0 60px;
	overflow: hidden;
}
	#booth-thumb-list li {
		width: 20%;
		height: auto;
		float: left;
		display: inline-block;
		margin: 0 0 20px;
		padding: 0 10px;
	}
	@media screen and (max-width: 768px) {
		#booth-thumb-list li {
			width: 25%;
			padding: 0 5px;
		}
	}
	@media screen and (max-width: 640px) {
		#booth-thumb-list{
			padding: 0 5px;
		}
		#booth-thumb-list li {
			width: 33.333333%;
			padding: 0 5px;
		}
	}
		#booth-thumb-list li a {
			display: block;
			width: 100%;
			height: auto;
		}
			#booth-thumb-list li a .eyecatch {
				width: 100%;
				height: auto;
				margin-bottom: 10px;
				border: 1px solid #dfdfdf;
				background: #fff;
			}
			#booth-thumb-list li a:hover .eyecatch img {
				-moz-transition: all 0.4s;
				-o-transition: all 0.4s;
				-webkit-transition: all 0.4s;
				transition: all 0.4s;
				filter: alpha(opacity=60);
				opacity: 0.6;
			}

			#booth-thumb-list li a .title {
				text-align: center;
				font-size: 10px;
				font-size: 1.0rem;
			}

.booth-article {
    position: relative;
    width: 100%;
    height: auto;
    margin: -100px auto 120px;
    padding-top: 100px;/* 打ち消し用のパディング */
}
@media screen and (max-width: 640px) {
	.booth-article {
		margin: -100px auto 60px;
	}
}
	.booth-article h4 {
		padding: 0 0 6px;
		margin-bottom: 24px;
		text-align: left;
		border-bottom: dashed 1px #CCC;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.booth-article .catch-text {
		width: 100%;
		height: auto;
		margin: 0 auto 12px;
		font-size: 16px;
		font-size: 1.6rem;
        color: #F869DE;
	}

	.booth-article .content {
		width: 100%;
		height: auto;
		margin: 0 auto 24px;
		padding:0 10px;
	}
	.booth-article .booth-thumb {
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		overflow: hidden;
	}
		.booth-article .booth-thumb li {
			width: 33.333333%;
			height: auto;
			float: left;
			display: inline-block;
			padding: 0 10px;
			margin-bottom: 10px;
		}
		@media screen and (max-width: 640px) {
			.booth-article .booth-thumb{
				padding: 0 5px;
			}
			.booth-article .booth-thumb li {
				width: 50%;
				padding: 0 5px;
			}
		}
			.booth-article .booth-thumb li span {
				display: block;
				width: 100%;
				padding: 2px;
				border: 1px solid #dfdfdf;
			}

	.booth-article .more_wrap {
		width: 100%;
		text-align: center;
	}

	.booth-article .more_wrap .more_booth {
	    position: relative;
	    margin: 30px auto 0;
	    width: 160px;
        font-size: 12px;
	    font-size: 1.2rem;
        text-align: center;
        padding-left: 0;
	}
	@media screen and (max-width: 640px) {
		.booth-article .more_wrap .more_booth {
			margin: 0 auto 0;
		}
	}

/*-----------------------------------------------
REPORT ITEMS
-----------------------------------------------*/
#items-thumb-list {
	width: 100%;
	height: auto;
	margin: 12px 0 60px;
	overflow: hidden;
}
	#items-thumb-list li {
		width: 20%;
		height: auto;
		float: left;
		display: inline-block;
		margin: 0 0 20px;
		padding: 0 10px;
	}
	@media screen and (max-width: 640px) {
		#items-thumb-list {
			padding: 0 5px;
		}
		#items-thumb-list li {
			width: 33.333333%;
			padding: 0 5px;
		}
	}
		#items-thumb-list li a {
			display: block;
			width: 100%;
			height: auto;
		}
			#items-thumb-list li a .eyecatch {
				width: 100%;
				height: auto;
				margin-bottom: 10px;
				border: 1px solid #dfdfdf;
				background: #fff;
			}
			#items-thumb-list li a .eyecatch img {
				background-color: #fff;
			}
			#items-thumb-list li a:hover .eyecatch img {
				-moz-transition: all 0.4s;
				-o-transition: all 0.4s;
				-webkit-transition: all 0.4s;
				transition: all 0.4s;
				filter: alpha(opacity=60);
				opacity: 0.6;
			}

			#items-thumb-list li a .title {
				text-align: center;
				font-size: 13px;
				font-size: 1.3rem;
			}

.items-article {
	position: relative;
	width: 100%;
	height: auto;
	margin: -100px auto 120px;
	padding-top: 100px; /* 打ち消し用のパディング */
}

.items-article.bottom_items {
	margin: -100px auto 0;
}

@media screen and (max-width: 768px) {
	.items-article {
		margin: -100px auto 60px;
	}
}
	.items-article .content {
		width: 100%;
		height: auto;
		margin: 0 auto 24px;
		padding:0 10px;
	}
	.items-article h4 {
		padding: 0 0 6px;
		margin-bottom: 24px;
		text-align: left;
		border-bottom: dashed 1px #CCC;
		font-size: 18px;
		font-size: 1.8rem;
	}

  @media screen and (max-width: 350px) {
    .items-article h4 {
  		font-size: 17px;
  		font-size: 1.7rem;
  	}
  }

	.items-article .items-thumb {
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		overflow: hidden;
	}
		.items-article .items-thumb li {
			width: 20%;
			height: auto;
			float: left;
			display: inline-block;
			margin: 0 0 20px;
			padding: 0 10px;
		}
		@media screen and (max-width: 768px) {
			.items-article .items-thumb li {
				width: 25%;
			}
		}
		@media screen and (max-width: 640px) {
			.items-article .items-thumb {
				padding: 0 5px;
			}
			.items-article .items-thumb li {
				width: 50%;
				padding: 0 5px;
			}
		}
			.items-article .items-thumb li a .eyecatch,
			.items-article .items-thumb li span .eyecatch {
				width: 100%;
				height: auto;
				margin-bottom: 10px;
				background: #fff;
			}
			.items-article .items-thumb li a .eyecatch img,
			.items-article .items-thumb li span .eyecatch img {
				background-color: #fff;
			}
			.items-article .items-thumb li a:hover .eyecatch img {
				-moz-transition: all 0.4s;
				-o-transition: all 0.4s;
				-webkit-transition: all 0.4s;
				transition: all 0.4s;
				filter: alpha(opacity=60);
				opacity: 0.6;
			}

			.items-article .items-thumb li a p,
			.items-article .items-thumb li span p {
				text-align: left;
				font-size: 12px;
				font-size: 1.2rem;
			}
			@media screen and (max-width: 640px) {
				.items-article .items-thumb li a p,
				.items-article .items-thumb li span p {
					font-size: 10px;
					font-size: 1.0rem;
				}
				.mfp-content {
					margin: 80px auto 0;
				}
			}

            /*-----------------------------------------------
            REPORT SHOW
            -----------------------------------------------*/
            #menu_model_brand_box {
            	width: 100%;
            	max-width: 1020px;
            	height: auto;
            	margin: 0 auto;
            	padding: 0 20px;
            	overflow: hidden;
            	display: block;
            }
                #menu_model_box,
            	#menu_brand_box {
            		width: 49%;
            		position: relative;
            		display: inline-block;
            		padding: 1.2em 4em;
            		font-weight: bold;
            		letter-spacing: 0.2em;
            		text-align: center;
            		text-decoration: none;
            		transition: all .3s;
            		cursor: pointer;
            	}
                    #menu_model_box {
                        float: left;
                		color: #FFF;
                        background-color: #1A1A1A;
                        border: 2px solid #1A1A1A;
                    }
                        #menu_model_box:hover,
                        #menu_model_box.active {
                            background-color: #fff;
                            color: #1A1A1A;
                        }
            		#menu_brand_box {
            			float: right;
                		color: #fff;
                        background-color: #5C5C5C;
            			border: 2px solid #5C5C5C;
            		}
            			#menu_brand_box:hover,
            			#menu_brand_box.active {
                    background-color: #fff;
            				color: #5C5C5C;
            			}
            		#menu_model_box::after,
            		#menu_brand_box::after {
            			position: absolute;
            			top: 50%;
            			right: 1em;
            			content: '';
            			margin-top: -5px;
            			border: 7px solid transparent;
            			border-left-width: 5px;
            			border-right-width: 5px;
            			border-top-color: #fff;
            			transition: all .3s;
            		}
                    #menu_model_box::after {
            			border-top-color: #fff;
            		}
                    #menu_brand_box::after {
            			border-top-color: #fff;
            		}

            			#menu_model_box:hover::after {
            				border-top-color: #1A1A1A;
            			}
            			#menu_brand_box:hover::after {
            				border-top-color: #5C5C5C;
            			}

            			#menu_model_box.active::after {
            				border-top-color: #1A1A1A;
            				margin-top: -10px;
            				-webkit-transform: rotate(180deg);
            				transform: rotate(180deg);
            			}
            			#menu_brand_box.active::after {
            				border-top-color: #5C5C5C;
            				margin-top: -10px;
            				-webkit-transform: rotate(180deg);
            				transform: rotate(180deg);
            			}

            #menu_model_brand_list {
            	width: 100%;
            	max-width: 1020px;
            	height: auto;
            	margin: 0 auto 20px;
            	padding: 0 20px;
            	overflow: hidden;
            	display: block;
            }
            	#menu_model_list,
            	#menu_brand_list {
            		width: 100%;
            		height: auto;
            		margin: 0 auto;
            		overflow: hidden;
            		padding: 1em 0;
            		display: none;
            		-webkit-transform: translate3d(0px, 0px, 0px);
            		transform: translate3d(0px, 0px, 0px);
            	}
            	    #menu_model_list {
                    background-color: #7D7D7D;
            	    }
            		#menu_brand_list {
            			background-color: #A6A6A6;
            		}

            	#menu_model_list li,
            	#menu_brand_list li {
            		height: auto;
            		overflow: hidden;
            		-moz-box-sizing: border-box;
            		-webkit-box-sizing: border-box;
            		box-sizing: border-box;
            		float: left;
            		padding: .3em 1em;
            	}
            		#menu_model_list li {
            			width: 25%;
            		}
            		#menu_brand_list li {
            			width: 33.333333%;
            		}
            			#menu_model_list li span,
            			#menu_brand_list li a {
            				cursor: pointer;
            				letter-spacing: 0.05em;
            				-webkit-transition: color 0.4s;
            				transition: color 0.4s;
            				font-size: 13px;
            				font-size: 1.3rem;
            				color: #fff;
            			}
            			#menu_model_list li span:hover,
            			#menu_brand_list li a:hover {
            				/* color: #8c8888; */
                            color: #b3b3b3;
            			}

            @media screen and (max-width: 768px) {
            	#menu_model_brand_box,
            	#menu_model_brand_list{
            		display: none;
            	}
            }

            #menu_model_brand_box_sp {
            	display: none;
            }

            @media screen and (max-width: 768px) {
            	#menu_model_brand_box_sp {
            		width: 100%;
            		height: auto;
            		margin: 0 auto;
            		padding: 0 20px;
            		overflow: hidden;
            		position: relative;
            		display: block;
            	}
                    #menu_model_box_sp_wrap,
            		#menu_brand_box_sp_wrap {
                        /*width: 49%;*/
                        width: 100%;
            			height: auto;
            			margin: 0 0 20px;
            			overflow: hidden;
            			position: relative;
            		}
                        #menu_model_box_sp_wrap {
                            float: left;
                        }
            			#menu_brand_box_sp_wrap {
            				float: right;
            			}
                    #menu_model_box_sp,
            		#menu_brand_box_sp {
            			width: 100%;
            			position: relative;
            			display: inline-block;
            			padding: 1.2em 0;
            			letter-spacing: 0.2em;
            			text-align: center;
            			text-decoration: none;
            			transition: all .3s;
            			-moz-box-sizing: border-box;
            			-webkit-box-sizing: border-box;
            			box-sizing: border-box;
            		}
                    #menu_model_box_sp {
            			color: #FFF;
            		}
            		#menu_brand_box_sp {
            			color: #fff;
            		}
                    #menu_model_box_sp::after,
            		#menu_brand_box_sp::after {
            			position: absolute;
            			top: 50%;
            			right: 1em;
            			content: '';
            			margin-top: -5px;
            			border: 7px solid transparent;
            			border-left-width: 5px;
            			border-right-width: 5px;
            			border-top-color: #fff;
            			transition: all .3s;
            		}
                    #menu_model_box_sp::after {
            			border-top-color: #fff;
            		}
            		#menu_brand_box_sp::after {
            			border-top-color: #fff;
            		}
                    #menu_model_box_sp {
            			background-color: #1A1A1A;
                        border: 2px solid #1A1A1A;
            		}
            		#menu_brand_box_sp {
            			background-color: #5C5C5C;
                        border: 2px solid #5C5C5C;
            		}
                    /*#menu_brand_box_sp::after {
            		    border-top-color: #282828;
            		}*/
            			#menu_model_brand_box_sp select {
            				position: absolute;
            				z-index: 2;
            				opacity: 0;
            				width: 100%;
            				-moz-appearance: none;
            				-webkit-appearance: none;
            				appearance: none;
            				border-radius: 0;
            				background: none transparent;
            				overflow: hidden;
            				border: 2px solid #5C5C5C;
            				padding: 1.2em 4em;
            				color: #5C5C5C;
            				letter-spacing: 0.2em;
            				text-decoration: none;
            			}
            }
            @media screen and (max-width: 640px) {
            	#menu_model_brand_box_sp{
            		padding: 0 10px;
            	}
            }

            #show-brand-thumbs-ul {
            	width: 100%;
            	height: auto;
            	margin: 12px 0 60px;
            	overflow: hidden;
            	opacity: 0;
            	animation: brandfadeIn 2s ease 1.5s forwards;
            	-webkit-animation: brandfadeIn 2s ease 1.5s forwards;
            }

            @keyframes brandfadeIn {
            	0% {opacity: 0}
            	100% {opacity: 1}
            }

            @-webkit-keyframes brandfadeIn {
            	0% {opacity: 0}
            	100% {opacity: 1}
            }
            	#show-brand-thumbs-ul li {
            		width: 25%;
            		height: auto;
            		float: left;
            		display: block;
            		margin: 0 0 20px;
            		padding: 0 10px;
            	}

            		#show-brand-thumbs-ul li a {
            			position: relative;
            			display: block;
            			width: 100%;
            			height: auto;
            		}
            			#show-brand-thumbs-ul li a .eyecatch {
            				width: 100%;
            				height: auto;
            				margin-bottom: 10px;
            			}
            				#show-brand-thumbs-ul li a .eyecatch img {
            					-webkit-transition: all 0.4s;
            					transition: all 0.4s;
            					background-color: #ffffff;
            				}
            				#show-brand-thumbs-ul li a:hover .eyecatch img {
            					filter: alpha(opacity=60);
            					opacity: 0.6;
            				}
            			#show-brand-thumbs-ul li a .name {
            				text-align: left;
            				font-size: 12px;
            				font-size: 1.2rem;
            			}

                        #show-brand-thumbs-ul li a .zoomS{
            				position: absolute;
            				top: 0;
            				left: 0;
            				width: 100%;
            				height: 100%;
            				background: url('images/report/show/zoom.png') 95% 3% no-repeat;
            			}
            			#show-brand-thumbs-ul li a .zoom{
            				position: absolute;
            				top: 0;
            				left: 0;
            				width: 100%;
            				height: 100%;
            				background: url('images/report/show/zoom.png') 95% 3% no-repeat;
            			}
            			.buy-icon {
            				position: absolute;
            				top: 0;
            				left: 0;
                            width: 50px;
            				height: 50px;
            				background: url(images/report/show/buy.png) center no-repeat;
            				-webkit-background-size: cover;
            				background-size: cover;
            				z-index: 999;
            			}
            		@media screen and (max-width: 768px) {
            			#show-brand-thumbs-ul li {
            				width: 33.333333%;
            			}
            		}
            		@media screen and (max-width: 640px) {
            			#show-brand-thumbs-ul{
            				padding: 0 5px;
            			}
            			#show-brand-thumbs-ul li {
            				padding: 0 5px;
            			}
            			#show-brand-thumbs-ul li a .name {
            				font-size: 8px;
            				font-size: .8rem;
            			}
            			#show-brand-thumbs-ul li a .zoom{
            				-webkit-background-size: 12px;
            				background-size: 12px;
            				background-position: 92% 5%;
            			}
            			.buy-icon {
            				width: 30px;
            				height: 30px;
            			}
            		}

.brand-img {
    width: 100%;
    max-width: 1040px;
    margin: 10px auto 30px;
    padding: 0 10px;
}

@media screen and (max-width: 640px) {
    .brand-img {
        padding: 0 10px;
    }
}

#show-content{
	height: 100%;
/* 	overflow: hidden; */
	margin: 0 auto;
	position: relative;
}

.show-content-inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
}
	.show-content-images {
	    -webkit-flex: 1;
	    flex: 1;
	    overflow: hidden;
	}
		.show-content-images p {
		    display: block;
		    text-align: center;
		    padding: 10px;
		    font-size: 12px;
		    font-size: 1.2rem;
		}
	.show-content-items {
	    width: 235px;
	    padding-left: 20px;
	}

	@media screen and (max-width: 640px) {
	    .show-content-inner {
	        -webkit-flex-direction: column;
	        flex-direction: column;
	    }
	    .show-content-items {
	        width: 100%;
	        padding-left: 0;
	        -webkit-flex: 1;
	        flex: 1;
	        overflow: hidden;
	    }
	    .show-content-images p {
	        font-size: 10px;
	        font-size: 1.0rem;
	    }
	}
		.show-content-items dt {
			width: 100%;
			overflow: hidden;
			margin-bottom: 10px;
		}
			.show-content-items dt img.pc-img {
				display: block;
			}
			.show-content-items dt img.sp-img {
				display: none;
			}
			@media screen and (max-width: 640px) {
				.show-content-items dt img.pc-img {
					display: none;
				}
				.show-content-items dt img.sp-img {
					display: block;
				}
			}
		.show-content-items dd,
		.show-content-items dd a,
		.show-content-items dd a figure,
		.show-content-items dd span,
		.show-content-items dd span figure {
			width: 100%;
			display: block;
			overflow: hidden;
		}

		.show-content-items dd {
			margin-bottom: 5px;
		}
			.show-content-items dd a figure img,
			.show-content-items dd span figure img {
				width: 30%;
				overflow: hidden;
				float: left;
				-webkit-transition: all 0.4s;
				transition: all 0.4s;
				background-color: #ffffff;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			.show-content-items dd a:hover figure img {
				filter: alpha(opacity=60);
				opacity: 0.6;
			}

			.show-content-items dd a figure figcaption,
			.show-content-items dd span figure figcaption {
				width: 70%;
				padding-left: 10px;
				overflow: hidden;
				float: left;
				text-align: left;
				font-size: 11px;
				font-size: 1.1rem;
                color: #6f6f6f;
			}

        	.show-content-items dd a:hover figure figcaption {
                color: #e3007f;
            }
            .show-content-items dd a:hover figure figcaption {
                color: #e3007f;
            }

				.show-content-items dd a figure figcaption span,
				.show-content-items dd span figure figcaption span {
					display: block;
				}

	.mfp-close-btn-in .mfp-close {
		color: #fff;
		right: -44px;
	}

/*-----------------------------------------------
404
-----------------------------------------------*/
.not-found #page-content {
    padding-bottom: 125px;
}

.not-found #page-content .inner {
    width: 100%;
    max-width: 1020px;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
}

.not-found #page-content .inner p.descrition {
    width: 100%;
    max-width: 780px;
    height: auto;
    padding: 60px 20px;
    margin: 60px auto 0;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .not-found #page-content {
        padding: 40px 0px 60px;
    }
    .not-found #page-content .inner p.descrition {
        padding: 20px 0;
        margin: 0 auto 0;
    }
}

.not-found #page-content .inner p.descrition span {
    font-weight: bold;
}

.not-found #page-content .inner a {
    color: #fff;
    display: block;
}

/*-----------------------------------------------
items_banner
-----------------------------------------------*/
.items_banner {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 0;
}

.report .items_banner {
    width: 80%;
    max-width: 850px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px 30px;
}

@media screen and (max-width: 640px) {
    .report .items_banner {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        padding: 0 10px 5px;
    }
}

.items_banner a {
    display: block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #ffffff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.items_banner a:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.items_banner a .items-pc {
    display: block;
}

.items_banner a .items-sp {
    display: none;
}

@media screen and (max-width: 640px) {
    .items_banner a .items-pc {
        display: none;
    }
    .items_banner a .items-sp {
        display: block;
    }
}

#ticket_banner {
    display: none;
}

@media screen and (min-width: 640px) {
	#ticket_banner {
    	display: none !important;
	}
}

@media screen and (max-width: 640px) {
    #ticket_banner.active {
        display: none;
        width: 280px;
        height: 90px;
        background-color: #fff;
        position: fixed;
        bottom: -150px;
        left: 50%;
        margin-left: -140px;
        padding: 0;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 100;
    }
    #ticket_banner.active:before {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 50%;
        margin-left: -12px;
        border: 12px solid transparent;
        border-top: 12px solid #fff;
    }
    #ticket_banner.active p {
        /* font-size: 16px;
        font-size: 1.6rem; */
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 40px;
        width: 100%;
        height: 40px;
        text-align: center;
    }
    #ticket_banner.active a {
        display: block;
        width: 260px;
        height: 37px;
        background-color: #F869DE;
        color: #ffffff;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 37px;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
        letter-spacing: 3px;
        position: relative;
/*         padding-left: 25px; */
    }

    #ticket_banner.active a::before {
        content: '';
/*         display: block; */
        display: none;
        width: 20px;
        height: 20px;
        background-image: url('images/common/icon-ticket-w.svg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        position: absolute;
        top: 8px;
        left: 85px;
    }
    #ticket_banner.active a.noicon::before {
        content: none;
    }

    #ticket_banner.active #ticket_banner_close {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        right: -16px;
        top: -16px;
        background-color: #191919;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        text-align: center;
        font-size: 0;
        /*line-height: 32px;*/
        cursor: pointer;
    }
    #ticket_banner.active #ticket_banner_close span {
        display: inline-block;
        width: 18px;
        height: 2px;
        background-color: #fff;
        position: relative;
        margin-top: 15px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #ticket_banner.active #ticket_banner_close span::before {
        content: '';
        display: inline-block;
        width: 2px;
        height: 18px;
        background-color: #fff;
        position: absolute;
        top: -8px;
        left: 8px;
    }
}

/* ex_wrap */
#ex_wrap {
    display: none;
    width: 100%;
    height: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    overflow: hidden;
}

#ex_wrap .img_pc {
    display: block !important;
}

#ex_wrap .img_sp {
    display: none !important;
}

@media screen and (max-width: 640px) {
    #ex_wrap .img_pc {
        display: none !important;
    }
    #ex_wrap .img_sp {
        display: block !important;
    }
}
	#ex_wrap #ex_wrap_close {
		display: block;
		width: 64px;
		height: 64px;
		position: absolute;
		top:60px;
		right: 60px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		cursor: pointer;
		z-index: 10;
	}
	#ex_wrap #ex_wrap_close::before {
		content: '';
		display: block;
		width: 2px;
		height: 64px;
		background-color: #fff;
		position: absolute;
		top:0px;
		left: 31px;
	}
	#ex_wrap #ex_wrap_close::after {
		content: '';
		display: block;
		width: 64px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top:31px;
		right: 0;
	}
	@media screen and (max-width: 640px) {
		#ex_wrap #ex_wrap_close{
			width: 30px;
			height: 30px;
			top:10px;
			right: 10px;
		}
		#ex_wrap #ex_wrap_close::before {
			height: 30px;
			left: 14px;
		}
		#ex_wrap #ex_wrap_close::after {
			width: 30px;
			top:14px;
		}
	}

	#ex_wrap .ex_wrap_inner {
		width: 100%;
		max-width: 974px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		overflow: hidden;
	}
		#ex_wrap .ex_wrap_inner .ex_wrap_inner_header {
			width: 100%;
		}
			#ex_wrap .ex_wrap_inner .ex_wrap_inner_header img {
				display: block;
				width: 100%;
				max-width: 460px;
				margin: 0 auto 30px;
			}
			#ex_wrap .ex_wrap_inner .ex_wrap_inner_header p {
				width: 100%;
				text-align: center;
				margin: 0 auto 45px;
				font-size: 20px;
				font-size: 2.0rem;
				font-weight: bold;
				letter-spacing: 0.1em;
				color: #fff;
			}
			@media screen and (max-width: 640px){
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_header img {
					max-width: 270px;
					margin: 0 auto 15px;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_header p {
					display: none;
				}
			}
		#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 {
			display: block;
			width: 50%;
			max-width: 442px;
			padding: 0 5px;
			float: left;
		}

			#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .date {
				width: 100%;
				margin: 0 auto 10px;
				text-align: center;
				line-height: 1.0;
				font-size: 42px;
				font-size: 4.2rem;
				font-weight: bold;
				letter-spacing: 0.05em;
				color: #e4007f;
			}
			#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .date_desc {
				width: 100%;
				margin: 0 auto 20px;
				text-align: center;
				line-height: 1.0;
				font-size: 18px;
				font-size: 1.8rem;
				font-weight: 600;
				letter-spacing: 0.2em;
				color: #e4007f;
			}

			@media screen and (max-width: 640px) {
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 {
					width: 100%;
					max-width: 335px;
					float: inherit;
					margin: 0 auto 15px;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .date {
					font-size: 20px;
					font-size: 2.0rem;
					margin: 0 auto 5px;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .date_desc {
					font-size: 9px;
					font-size: 0.9rem;
					margin: 0 auto 5px;
				}
			}

			#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner {
				display: block;
				width: 100%;
				background-color: #fff;
				padding-top: 39px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				overflow: hidden;
			}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner img {
					display: block;
					width: 192px;
					margin: 0 auto;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner p {
					font-size: 11px;
					font-size: 1.1rem;
					line-height: 1.8;
					padding: 20px 0;
					width: 100%;
					max-width: 370px;
					margin: 0 auto;
					letter-spacing: 0;
					text-align: center;
				}

				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner .go_to {
					display: block;
					width: 100%;
					height: 50px;
					background-color: #e4007f;
					color: #fff;
					font-size: 16px;
					font-size: 1.6rem;
					font-weight: 600;
					letter-spacing: 0.1em;
					line-height: 50px;
					text-align: center;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner .go_to .arrow{
					display: inline-block;
					width: 22px;
					height: 22px;
					background-color: #fff;
					border-radius: 50%;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					margin:0 0 0 10px;
					vertical-align: middle;
					position: relative;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner .go_to .arrow::after {
					content: '';
					width: 7px;
					height: 7px;
					display: block;
					border-right: 1px solid #e4007f;
					border-bottom: 1px solid #e4007f;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
					position: absolute;
					top:7px;
					left: 6px;
				}
				@media screen and (max-width: 640px){
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner {
						padding-top: 15px;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner img {
						width: 155px;
						margin: 0 auto 15px;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner p {
						display: none;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner .go_to {
						height: 25px;
						line-height: 25px;
						font-size: 10px;
						font-size: 1.0rem;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner .go_to .arrow {
						width: 11px;
						height: 11px;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_kk2017 .ex_wrap_inner_kk2017_inner .go_to .arrow::after {
						width: 4px;
						height: 4px;
						top:3px;
						left: 3px;
					}
				}

		#ex_wrap .ex_wrap_inner .ex_wrap_inner_music {
			display: block;
			width: 50%;
			max-width: 442px;
			float: right;
			padding: 0 5px;
		}
			#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .date {
				width: 100%;
				margin: 0 auto 10px;
				text-align: center;
				line-height: 1.0;
				font-size: 42px;
				font-size: 4.2rem;
				font-weight: bold;
				letter-spacing: 0.05em;
				color: #0086d1;
			}
			#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .date_desc {
				width: 100%;
				margin: 0 auto 20px;
				text-align: center;
				line-height: 1.0;
				font-size: 18px;
				font-size: 1.8rem;
				font-weight: 600;
				letter-spacing: 0.2em;
				color: #0086d1;
			}
			@media screen and (max-width: 640px) {
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_music {
					width: 100%;
					max-width: 335px;
					float: inherit;
					margin: 0 auto;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .date {
					font-size: 20px;
					font-size: 2.0rem;
					margin: 0 auto 5px;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .date_desc {
					font-size: 9px;
					font-size: 0.9rem;
					margin: 0 auto 5px;
				}
			}

			#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner {
				display: block;
				width: 100%;
				background-color: #fff;
				padding-top: 45px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				overflow: hidden;
			}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner img {
					display: block;
					width: 191px;
					margin: 0 auto 8px;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner p {
					font-size: 11px;
					font-size: 1.1rem;
					line-height: 1.8;
					padding: 20px 0;
					width: 100%;
					max-width: 370px;
					margin: 0 auto;
					letter-spacing: 0;
					text-align: center;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner:hover {
					color:#0086d1;
				}
				#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner .go_to {
					display: block;
					width: 100%;
					height: 50px;
					background-color: #0086d1;
					color: #fff;
					font-size: 16px;
					font-size: 1.6rem;
					font-weight: 600;
					letter-spacing: 0.1em;
					line-height: 50px;
					text-align: center;
				}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner .go_to .arrow {
						display: inline-block;
						width: 22px;
						height: 22px;
						background-color: #fff;
						border-radius: 50%;
						-webkit-border-radius: 50%;
						-moz-border-radius: 50%;
						margin:0 0 0 10px;
						vertical-align: middle;
						position: relative;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner .go_to .arrow::after {
						content: '';
						width: 7px;
						height: 7px;
						display: block;
						border-right: 1px solid #0086d1;
						border-bottom: 1px solid #0086d1;
						-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
						position: absolute;
						top:7px;
						left: 6px;
					}
				@media screen and (max-width: 640px) {
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner {
						padding-top: 22px;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner img {
						width: 155.5px;
						margin: 0 auto 20px;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner p {
						display: none;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner .go_to {
						height: 25px;
						line-height: 25px;
						font-size: 10px;
						font-size: 1.0rem;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner .go_to .arrow {
						width: 11px;
						height: 11px;
					}
					#ex_wrap .ex_wrap_inner .ex_wrap_inner_music .ex_wrap_inner_music_inner .go_to .arrow::after {
						width: 4px;
						height: 4px;
						top:3px;
						left: 3px;
					}
				}
/* ex_wrap */

/*-----------------------------------------------
charity
-----------------------------------------------*/
.charity #charity_hero {
	margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-image: url('images/top/img-blur.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
	.charity #charity_hero .charity_hero_inner {
		margin: 0 auto;
	    width: 100%;
	    max-width: 1240px;
	    height: auto;
	    position: relative;
	    overflow: hidden;
	}
		.charity #charity_hero .charity_hero_inner .charity_hero_inner_bg {
			margin: 0;
		    padding: 0 0 50.806452%;
		    width: 100%;
		    height: 0;
		    position: relative;
		    overflow: hidden;
		    background-image: url('images/charity/hero-charity.jpg');
		    background-position: center center;
		    background-repeat: no-repeat;
		    background-size: cover;
		}

@media screen and (max-width: 640px) {
	.charity #charity_hero .charity_hero_inner .charity_hero_inner_bg {
	    padding: 0 0 120%;
	    background-image: url('images/charity/hero-charity-sp.jpg');
	}
}
	.charity #charity_hero .charity_hero_inner .charity_hero_inner_bg h2 {
		overflow: hidden;
		position: absolute;
		height: 1px;
		width: 1px;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
		-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
		clip-path: inset(0px 0px 99.9% 99.9%);
		padding: 0;
		border: 0;
	}

.charity .charity_sec01 {
	margin: 0;
    padding: 60px 10px;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
	.charity .charity_sec01 .charity_sec01_inner {
		margin: 0 auto;
	    padding: 32px 40px 40px;
	    width: 100%;
	    max-width: 1200px;
	    height: auto;
	    position: relative;
	    background-color: #fff;
	    border: 1px solid #e40883;
	}
		.charity .charity_sec01 .charity_sec01_inner::after {
			content: '';
		    width: 270px;
		    height: 115px;
		    display: block;
		    position: absolute;
		    bottom: -39px;
		    left: 0;
		    background-image: url('images/common/bg-about-bottom.png');
		    background-position: left top;
		    background-repeat: no-repeat;
		    background-size: 270px 115px;
		    z-index: -10;
		}
		.charity .charity_sec01 .charity_sec01_inner  {
			font-size: 16px;
			font-size: 1.6rem;
			line-height: 2.0;
			letter-spacing: 0.025em;
			color: #000;
			margin-bottom: 30px;
		}
		.charity .charity_sec01 .charity_sec01_inner dl {
			margin: 0;
		    padding: 0 30px 10px;
		    width: 100%;
		    height: auto;
		    position: relative;
			overflow: hidden;
			background-color: #f0f0f0;
		}
			.charity .charity_sec01 .charity_sec01_inner dl dt {
				display: block;
				width: 100%;
				height: 69px;
				line-height: 68px;
				border-bottom: 1px solid #f5bad3;
				color: #e4007f;
				font-size: 19px;
				font-size: 1.9rem;
				text-align: center;
				margin-bottom: 25px;
			}
			.charity .charity_sec01 .charity_sec01_inner dl dd {
				margin: 0 auto;
			    padding: 0;
			    width: 100%;
			    max-width: 720px;
			    height: auto;
			    position: relative;
				overflow: hidden;
			}
				.charity .charity_sec01 .charity_sec01_inner dl dd ul {
					width: 50%;
				}
				.charity .charity_sec01 .charity_sec01_inner dl dd ul.left {
					float: left;
				}
				.charity .charity_sec01 .charity_sec01_inner dl dd ul.right {
					float: right;
				}
					.charity .charity_sec01 .charity_sec01_inner dl dd ul li {
						margin-bottom: 15px;
						font-size: 0;
					}
						.charity .charity_sec01 .charity_sec01_inner dl dd ul li .ttl_dan {
							display: inline-block;
							font-size: 14px;
							font-size: 1.4rem;
							color: #fff;
							line-height: 24px;
							background-color: #e4007f;
							padding: 0 13px;
							-webkit-border-radius: 24px;
							border-radius: 24px;
							letter-spacing: 0.1em;
							margin-right: 10px;
						}
						.charity .charity_sec01 .charity_sec01_inner dl dd ul li .day_dan {
							display: inline-block;
							font-size: 14px;
							font-size: 1.4rem;
						}

@media screen and (max-width: 640px) {
	.charity .charity_sec01{
		padding: 20px 10px;
	}
		.charity .charity_sec01 .charity_sec01_inner {
			padding: 20px 10px 20px;
		}
			.charity .charity_sec01 .charity_sec01_inner p {
				font-size: 14px;
				font-size: 1.4rem;
				margin-bottom: 15px;
			}

			.charity .charity_sec01 .charity_sec01_inner dl {
			    padding: 0 10px 10px;

			}
				.charity .charity_sec01 .charity_sec01_inner dl dt {
					display: block;
					width: 100%;
					height: 40px;
					line-height: 39px;
					border-bottom: 1px solid #f5bad3;
					color: #e4007f;
					font-size: 16px;
					font-size: 1.6rem;
					text-align: center;
					margin-bottom: 20px;
				}

				.charity .charity_sec01 .charity_sec01_inner dl dd ul {
					width: 100%;
				}
					.charity .charity_sec01 .charity_sec01_inner dl dd ul li .ttl_dan {
						display: inline-block;
						font-size: 14px;
						font-size: 1.4rem;
						color: #fff;
						line-height: 24px;
						background-color: #e4007f;
						padding: 0 13px;
						-webkit-border-radius: 24px;
						border-radius: 24px;
						letter-spacing: 0.1em;
						margin-right: 0;
						margin-bottom: 10px;
					}
					.charity .charity_sec01 .charity_sec01_inner dl dd ul li .day_dan {
						display: block;
						font-size: 14px;
						font-size: 1.4rem;
					}
}

.charity .title-block>.inner {
	text-align: center;
}

.charity .charity_list {
	margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    max-width: 1020px;
    height: auto;
    position: relative;
    overflow: hidden;
}
	.charity .charity_list .charity_button {
		display: block;
		width: 480px;
		height: 60px;
		border: 2px solid #e4007f;
		background-color: #e4007f;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 56px;
		text-align: center;
		margin: 0 auto 80px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		.charity .charity_list .charity_button:hover {
			background-color: #fff;
			color: #e4007f;
		}

	.charity .charity_list .charity_list_wrap {
		width: 100%;
	    height: auto;
	    position: relative;
	    overflow: hidden;
	    padding: 40px 0 0;
	}
		.charity .charity_list .charity_list_wrap li {
			width: 20%;
			float: left;
			padding: 0 5px;
			margin: 0 0 40px;
		}
			.charity .charity_list .charity_list_wrap li img {
				margin-bottom: 10px;
			}
			.charity .charity_list .charity_list_wrap li span {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 16px;
				font-size: 1.6rem;
				color: #000;
			}

@media screen and (max-width: 640px) {
    .charity .charity_list .charity_button {
        display: block;
        width: 100%;
        max-width: 480px;
        height: 60px;
        border: 2px solid #e4007f;
        background-color: #e4007f;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 56px;
        text-align: center;
        margin: 0 auto 80px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .charity .charity_list .charity_list_wrap li {
        width: 50%;
        float: left;
        padding: 0 5px;
        margin: 0 0 40px;
    }
    .charity .charity_list .charity_list_wrap li span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        color: #000;
    }
}

.charity .mercari_wrap {
	margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    max-width: 1020px;
    height: auto;
    position: relative;
    overflow: hidden;
}
	.charity .mercari_wrap .mercari_wrap_inner {
		margin: 0 auto;
	    padding: 30px 10px;
	    width: 100%;
	    height: auto;
	    position: relative;
	    overflow: hidden;
	    background-color: #fff;
	}
		.charity .mercari_wrap .mercari_wrap_inner h4 {
			display: block;
			width: 220px;
			margin: 0 auto 25px;
		}
			.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont {
				width: 100%;
				max-width: 860px;
				margin: 0 auto;
				overflow: hidden;
			}
				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left {
					float: left;
					width: 61.627907%;
				}
					.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl {
						width: 100%;
					}
						.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dt {
							display: block;
							width: 100%;
							color: #f8401c;
							font-weight: bold;
							border-bottom: 1px solid #f8401c;
							font-size: 20px;
							font-size: 2.0rem;
							margin-bottom: 10px;
						}
							.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dt span {
								color: #000;
								font-weight: bold;
							}

						.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd {
							display: block;
							width: 100%;
						}
							.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd p {
								font-size: 15px;
								font-size: 1.5rem;
								line-height: 1.8;
							}
							.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .link {
								font-size: 15px;
								font-size: 1.5rem;
								color: #5fc8f8;
								text-decoration: underline;
								display: inline-block;
								margin-bottom: 20px;
							}
								.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .link:hover {
									color: #f8401c;
								}
								.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .link i {
									font-size: 10px;
									font-size: 1.0rem;
									vertical-align: text-top;
								}


							.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .big {
								color: #f8401c;
								font-weight: bold;
								font-size: 22px;
								font-size: 2.2rem;
								display: block;
								margin-bottom: 13px;
							}
								.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .big br {
									display: none;
								}

							.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .apple {
								display: inline-block;
								width: 184px;
							}
							.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .google {
								display: inline-block;
								width: 184px;
								margin-left: 20px;
							}
								.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .apple:hover img,
								.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .google:hover img {
									opacity: 0.7;
									-webkit-transition: all 0.4s;
									transition: all 0.4s;
								}

				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .right {
					float: right;
					width: 38.372093%;
				}
					.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .right img {
						float: right;
						width: 90%;
					}

@media screen and (max-width: 640px) {
				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left {
					float: left;
					width: 100%;
					margin-bottom: 20px;
				}
				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .right {
					float: right;
					width: 100%;
				}
				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .big {
					color: #f8401c;
					font-weight: bold;
					font-size: 16px;
					font-size: 1.6rem;
					display: block;
					margin-bottom: 13px;
					text-align: center;
				}
					.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .big br {
						display: block;
					}
				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .apple {
					display: inline-block;
					width: 128px;
				}
				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .google {
					display: inline-block;
					width: 128px;
					margin-left: 10px;
				}
				.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .left dl dd .sp_link {
					text-align: center;
				}
					.charity .mercari_wrap .mercari_wrap_inner .mercari_wrap_inner_cont .right img {
						float: none;
						width: 80%;
						margin: 0 auto;
					}
}

/*-----------------------------------------------
snap
-----------------------------------------------*/
.snap #snap_txt {
    margin: 0;
    padding: 60px 10px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.snap #snap_txt .snap_txt_inner {
    margin: 0 auto;
    padding: 22px 30px;
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: relative;
    background-color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.025em;
    line-height: 2.0;
    color: #000;
}

.snap #snap_txt .snap_txt_inner::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('images/snap/img-tri03.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: -10px;
    left: -10px;
}

.snap #snap_txt .snap_txt_inner::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('images/snap/img-tri04.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: -10px;
    right: -10px;
}

@media screen and (max-width: 640px) {
    .snap #snap_txt {
        margin: 0;
        padding: 30px 10px;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .snap #snap_txt .snap_txt_inner {
        margin: 0 auto;
        padding: 12px 20px;
        height: auto;
        position: relative;
        background-color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: 0.025em;
        line-height: 2.0;
        color: #000;
    }
    .snap #snap_txt .snap_txt_inner::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background-image: url('images/snap/img-tri03.png');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -5px;
        left: -5px;
    }
    .snap #snap_txt .snap_txt_inner::after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background-image: url('images/snap/img-tri04.png');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        bottom: -5px;
        right: -5px;
    }
}

.snap #snap_list01 {
	margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
	.snap #snap_list01 ul {
		margin: 0 auto 20px;
	    padding: 0 2px;
	    width: 100%;
	    max-width: 1020px;
	    height: auto;
	    position: relative;
	    overflow: hidden;
	}
		.snap #snap_list01 ul li {
			width: 25%;
			padding: 0 8px;
			margin: 0 0 40px;
			overflow: hidden;
			float: left;
		}
			.snap #snap_list01 ul li figure {
				display: block;
				background-color: #fff;
			}
				.snap #snap_list01 ul li figure figcaption {
					display: block;
					padding: 40px 10px 25px;
					position: relative;
				}
					.snap #snap_list01 ul li figure figcaption h3 {
						display: block;
						width: 95%;
						max-width: 200px;
						height: 44px;
						background-color: #00aac3;
						color: #fff;
						position: absolute;
						top:-22px;
						left: 50%;
						-webkit-transform: translateX(-50%);
						transform: translateX(-50%);
						text-align: center;
					}
						.snap #snap_list01 ul li figure figcaption h3::before {
							content: '';
							display: block;
							width: 30px;
							height: 30px;
							background-image: url('images/snap/img-tri01.png');
							background-position: center top;
							background-repeat: no-repeat;
							background-size: 100% auto;
							position: absolute;
							top: -5px;
							left: -5px;
						}
						.snap #snap_list01 ul li figure figcaption h3::after {
							content: '';
							display: block;
							width: 30px;
							height: 30px;
							background-image: url('images/snap/img-tri02.png');
							background-position: center top;
							background-repeat: no-repeat;
							background-size: 100% auto;
							position: absolute;
							bottom: -5px;
							right: -5px;
						}
						.snap #snap_list01 ul li figure figcaption h3 .line01 {
							line-height: 44px;
							font-size: 13px;
							font-size: 1.3rem;
							font-weight: bold;
						}
						.snap #snap_list01 ul li figure figcaption h3 .line02 {
							display: block;
							height: 44px;
							padding: 4px 0;
							line-height: 18px;
							font-size: 13px;
							font-size: 1.3rem;
							font-weight: bold;
						}

					.snap #snap_list01 ul li figure figcaption .name {
						display: block;
						width: 100%;
						text-align: center;
						line-height: 1.0;
						font-size: 14px;
						font-size: 1.4rem;
						font-weight: bold;
						color: #000;
						margin: 0 0 10px;
					}
					.snap #snap_list01 ul li figure figcaption p {
						font-size: 14px;
						font-size: 1.4rem;
						letter-spacing: 0.025em;
						line-height: 1.6;
					}

@media screen and (max-width: 768px) {
    .snap #snap_list01 ul li {
        width: 33.3333333%;
        padding: 0 8px;
        margin: 0 0 40px;
        overflow: hidden;
        float: left;
    }
}

@media screen and (max-width: 640px) {
	.snap #snap_list01 ul li {
		width: 50%;
		padding: 0 8px;
		margin: 0 auto 40px;
		overflow: hidden;
		float: left;
	}
	.snap #snap_list01 ul li figure figcaption h3::before {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		background-image: url('images/snap/img-tri01.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: -3px;
		left: -3px;
	}
	.snap #snap_list01 ul li figure figcaption h3::after {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		background-image: url('images/snap/img-tri02.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: -3px;
		right: -3px;
	}
						.snap #snap_list01 ul li figure figcaption h3 .line01 {
							line-height: 44px;
							font-size: 10px;
							font-size: 1.0rem;
							font-weight: bold;
						}
						.snap #snap_list01 ul li figure figcaption h3 .line02 {
							display: block;
							height: 44px;
							padding: 4px 0;
							line-height: 18px;
							font-size: 10px;
							font-size: 1.0rem;
							font-weight: bold;
						}

					.snap #snap_list01 ul li figure figcaption .name {
						display: block;
						width: 100%;
						text-align: center;
						line-height: 1.0;
						font-size: 10px;
						font-size: 1.0rem;
						font-weight: bold;
						color: #000;
						margin: 0 0 10px;
					}
					.snap #snap_list01 ul li figure figcaption p {
						font-size: 10px;
						font-size: 1.0rem;
						letter-spacing: 0.025em;
						line-height: 1.6;

					}
}

.snap #snap_list02 {
	margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
	.snap #snap_list02 ul {
		margin: 0 auto 40px;
	    padding: 0 5px;
	    width: 100%;
	    max-width: 1020px;
	    height: auto;
	    position: relative;
	    overflow: hidden;
	}
		.snap #snap_list02 ul li {
			width: 20%;
			padding: 0 5px;
			overflow: hidden;
			float: left;
			margin-bottom: 20px;
		}
			.snap #snap_list02 ul li p {
				font-size: 14px;
				font-size: 1.4rem;
				letter-spacing: 0.025em;
				line-height: 1.6;
				display: block;
				text-align: center;
				padding: 10px 0;
				font-weight: bold;
			}

@media screen and (max-width: 768px) {
	.snap #snap_list02 ul li {
		width: 33.3333333%;
	}
		.snap #snap_list02 ul li p {
			font-size: 10px;
			font-size: 1.0rem;
			letter-spacing: 0.025em;
			line-height: 1.6;
			display: block;
			text-align: center;
			padding: 10px 0;
			font-weight: bold;
		}
}

.snap #snap_link {
    margin: 0;
    padding: 0 10px;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.snap #snap_link a {
    display: block;
    width: 655px;
    height: 60px;
    border: 2px solid #e4007f;
    background-color: #e4007f;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 56px;
    text-align: center;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.snap #snap_link a:hover {
    background-color: #fff;
    color: #e4007f;
}

@media screen and (max-width: 640px) {
    .snap #snap_link a {
        display: block;
        width: 100%;
        height: auto;
        border: 2px solid #e4007f;
        background-color: #e4007f;
        color: #fff;
        font-weight: bold;
        font-size: 10px;
        font-size: 1.0rem;
        line-height: 1.8;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
}

/*dev表示非表示flg*/
.mode-sp {display: block !important;}
.mode-pc {display: none !important;}
.mode-sp-inline {display: inline-block !important;}
.mode-pc-inline {display: none !important;}
@media (min-width:1025px) {
    .mode-sp {display: none !important;}
    .mode-pc {display: block !important;}
    .mode-sp-inline {display: none !important;}
    .mode-pc-inline {display: inline-block !important;}
}


/*!------------------------------------------------------------------------*\
    navigation(PC/SP)
\*!------------------------------------------------------------------------*/
/*!------------------------------------*\
    メニュー(共通)
\*!------------------------------------*/
.drawer-menu {
    margin: 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    /* border-top: 1px solid #ec6d88; */
}

@media (min-width: 1025px) {
    .drawer-menu {
        margin: 15px 0 0;
    }
}

.drawer-menu li {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    /* border-bottom: 1px solid #ec6d88; */
}

@media (min-width: 770px) and (max-height: 849px) {
    .drawer-menu li.header_bottom {
        display: none;
    }
}

@media (min-width: 770px) and (min-height: 850px) {
    .drawer-menu li.header_bottom {
        display: block;
    }
}

.drawer-menu li a, .drawer-menu li span {
    display: inline-block;
    width: 100%;
    padding: 12px 0 12px 27px;
    position: relative;
    color: #fff;
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

.drawer-menu li a::after {
    position: absolute;
    top: calc(50% - 3px);
    right: 30px;
    content: '';
    border-left-color: #fff;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: alpha(opacity=0);
    opacity: 0;
}

.drawer-menu li a:hover::after {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
    right: 20px;
}

.drawer-menu li span {
    color: #fff;
}

@media (min-width: 640px) {
    .drawer-menu li a, .drawer-menu li span {
        /*padding: 17px 0 17px 27px; nmr*/
        padding: 13px 0 13px 27px;
    }
}

/* .drawer-menu li a.about,
.drawer-menu li a.about span,
.sp-menu-right ul li a.about {color: #d52582;}

.drawer-menu li a.news,
.drawer-menu li a.news span,
.sp-menu-right ul li a.news {color: #35a6da;}

.drawer-menu li a.brand,
.drawer-menu li a.brand span,
.sp-menu-right ul li a.brand {color: #7b3b8e;}

.drawer-menu li a.model,
.drawer-menu li a.model span,
.sp-menu-right ul li a.model {color: #4eaa5b;}

.drawer-menu li a.guestmc,
.drawer-menu li a.guestmc span,
.sp-menu-right ul li a.guestmc {color: #e68d4a;}

.drawer-menu li a.artist,
.drawer-menu li a.artist span,
.sp-menu-right ul li a.artist {color: #d52582;}

.drawer-menu li a.special,
.drawer-menu li a.special span,
.sp-menu-right ul li a.special {color: #35a6da;}

.drawer-menu li a.access,
.drawer-menu li a.access span,
.sp-menu-right ul li a.access {color: #7b3b8e;}

.drawer-menu li a.about::after,
.sp-menu-right ul li a.about::after {
    border-left-color: #d52582;
    border-top: 2px solid #d52582;
    border-right: 2px solid #d52582;
}
.drawer-menu li a.news::after,
.sp-menu-right ul li a.news::after {
    border-left-color: #35a6da;
    border-top: 2px solid #35a6da;
    border-right: 2px solid #35a6da;
}
.drawer-menu li a.brand::after,
.sp-menu-right ul li a.brand::after {
    border-left-color: #7b3b8e;
    border-top: 2px solid #7b3b8e;
    border-right: 2px solid #7b3b8e;
}
.drawer-menu li a.model::after,
.sp-menu-right ul li a.model::after {
    border-left-color: #4eaa5b;
    border-top: 2px solid #4eaa5b;
    border-right: 2px solid #4eaa5b;
}
.drawer-menu li a.guestmc::after,
.sp-menu-right ul li a.guestmc::after {
    border-left-color: #e68d4a;
    border-top: 2px solid #e68d4a;
    border-right: 2px solid #e68d4a;
}
.drawer-menu li a.artist::after,
.sp-menu-right ul li a.artist::after {
    border-left-color: #d52582;
    border-top: 2px solid #d52582;
    border-right: 2px solid #d52582;
}
.drawer-menu li a.special::after,
.sp-menu-right ul li a.special::after {
    border-left-color: #35a6da;
    border-top: 2px solid #35a6da;
    border-right: 2px solid #35a6da;
}
.drawer-menu li a.access::after,
.sp-menu-right ul li a.access::after {
    border-left-color: #7b3b8e;
    border-top: 2px solid #7b3b8e;
    border-right: 2px solid #7b3b8e;
} */


.sp-menu-right ul li a.mark {
    /* text-shadow: 1px 1px 1px #231815, -1px 1px 1px #a8a8a8, 1px -1px 1px #a8a8a8, -1px -1px 1px #a8a8a8, 0px 0px 0px #a8a8a8, -1px 0px 0px #a8a8a8, 0px 0px 0px #a8a8a8, 0px 0px 0px #a8a8a8; */
}

.sp-menu-right ul li a.support,
.sp-menu-right ul li a.attention,
.sp-menu-right ul li a.sitepolicy,
.sp-menu-right ul li a.privacypolicy {
    text-shadow: none;
}

.sp-menu-right ul li a.support::after,
.sp-menu-right ul li a.attention::after,
.sp-menu-right ul li a.sitepolicy::after,
.sp-menu-right ul li a.privacypolicy::after {
    border-left-color: #ffffff;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    text-shadow: none;
}

/*!------------------------------------*\
    メニュー(Top)
\*!------------------------------------*/
.drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--top.drawer-open .drawer-nav {
    top: 0;
}

.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
    right: 0;
}


/*!------------------------------------*\
    メニュー(Left)
\*!------------------------------------*/
.drawer--left .drawer-nav {
    left: -221px;
    -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav {
    left: 0;
}

@media (min-width: 1025px) {
    .drawer--left .drawer-nav {
        left: 0;
        /* border-right: 1px solid #ec6d88; */
        box-shadow: -15px 0px 30px #000000;
    }
}


/*!------------------------------------*\
    メニュー(Right)
\*!------------------------------------*/
.drawer--right .drawer-nav {
    right: -260px;
    -webkit-transition: right .9s ease-in-out;
    transition: right .9s ease-in-out;
}

.drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
    /* right: 16.25rem; */
    right: 230px;
}


/*!------------------------------------*\
    SP固定ヘッダ
\*!------------------------------------*/
.header-sp {
    width: 100%;
    min-width: 320px;
    /* height: 71px; */
    height: 80px;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 10001;
    text-align: left;
    display: block;
    border-bottom: 1px solid #1A1A1A;
    /* box-shadow: 0px -5px 20px #000000; */
}

.drawer-ticket-header-sp {
    display: inline-block;
    width: 82px;
    height: 30px;
    margin: 25px auto 25px 10px;
    background-color: #F869DE;
    text-align: left;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    border: 1px solid #F869DE;
}

.drawer-ticket-header-sp span {
    display: block;
    width: 100%;
    height: 100%;
    /* background-color: #ffffff; */
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: left;
    line-height: 26px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #F869DE;
    padding-left: 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

.drawer-ticket-header-sp::before {
    display: block;
    position: absolute;
    top: calc(50% - 6px);
    left: 10px;
    content: '';
    width: 12px;
    height: 12px;
    background-image: url('images/common/icon-ticket-w.svg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.drawer-ticket-header-sp:hover span {
    border: 1px solid #fff;
}

.logo-header-sp {
    display: inline-block;
    position: absolute;
    left: calc(50% - 85px);
    top: calc(50% - 20px);
}

/* span.img-logo-sp-hd-2 {
    width: 100%;
    height: 70px;
    max-width: 430px;
    vertical-align: middle;
    margin-left: -120px;
    padding-left: 135px;
    padding-right: 60px;
    line-height: 70px;
    text-align: center;
    position: relative;
}

@media (max-width: 320px) {
    span.img-logo-sp-hd-2 {
        padding-left: 130px;
        padding-right: 30px;
    }
} */

.header-sp a>img {
    width: 100%;
    height: auto;
    max-width: 175px;
    display: inline-block;
    vertical-align: middle;
    /* margin: 0 auto; */
}

.header-sp a:hover img {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

@media (max-width:374px) {
    .logo-header-sp {
        left: calc(50% - 75px);
        top: calc(50% - 16px);
    }
    .header-sp a>img {
        max-width: 150px;
    }
}

@media (max-width:350px) {
    .logo-header-sp {
        left: calc(50% - 58px);
        top: calc(50% - 16px);
    }
    .header-sp a>img {
        max-width: 135px;
    }
}

@media (min-width: 1025px) {
    .header-sp {
        display: none;
    }
}

.drawer-nav h1 {
    display: none;
}

@media (min-width: 1025px) {
    .drawer-nav h1 {
        display: block !important;
        overflow: hidden;
        /* width: 145px; */
        width: 165px;
        margin: 10px auto;
    }
}

/*!------------------------------------*\
    メニュー(SP向け)
\*!------------------------------------*/
main {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.menuM {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    display: none;
    transition: opacity .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menuM ul {
    width: 100%;
    height: 100%;
    padding: 10px 20px 0;
    overflow-y: scroll;
    /*-webkit-overflow-scrolling:touch;*/
}

.menuM li {
    height: auto;
    line-height: 50px;
    margin: 0 auto;
    text-align: left;
    /* color: #171c61; */
    /* border-top: 1px solid #ec6d88; */
}

.menuM li.top {
    border-top: none;
}

.menuM li a {
    display: block;
/*
    font-size: 13px;
    font-size: 1.3rem;
 */
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #fff;
}

.menuM li a:hover {
    color: #e4e0e0;
}

.menuM li.li_width_max {
    margin: 0 -20px;
}

.menuM li.li_bordertop_none {
    border-top: none;
}

.menuM li.top .drawer-ticket {
  background-color: #fff;
}

.menuM li.top .drawer-ticket::before {
  background-image: url('images/common/icon-ticket-p.svg');
}

.menuM li.top .drawer-ticket span {
  color: #F869DE;
  border: 1px solid #fff;
}

.sp-menu-right {
    width: 500px;
    height: 100%;
    background-color: #1A1A1A;
    margin-left: auto;
}

@media (max-width:640px) {
    .sp-menu-right {
        width: 310px;
    }
}

.sp-menu-right ul li a {
    position: relative;
    display: block;
}

.sp-menu-right ul li a.mark::after {
    position: absolute;
    /*top: 50%;*/
    top: 48%;
    right: 10px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.title_jp {
    font-size: 9px;
    font-size: 0.9rem;
}

.open {
    opacity: 1;
    display: block;
}

.drawer-nav {
    position: fixed;
    z-index: 101;
    top: 0;
    overflow: hidden;
    width: 221px;
    height: 100%;
    background-color: #1A1A1A;
    padding: 60px 0 0;
}

.drawer-nav.scroll {
  /* padding-bottom: 70px; */
  padding-bottom: 140px;
  overflow-y: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}

.drawer-nav.scroll::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}

.drawer-nav .wrap-top {
    background-color: #fff;
    /* padding: 20px 0 13px; */
    /* padding: 5px 0 13px; */
    padding: 5px 0 1px;
}

@media (min-width: 1025px) {
    .drawer-nav {
        padding: 0;
    }
}


/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
    position: fixed;
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    z-index: 104;
    top: 0px;
    right: 0px;
    display: block;
    box-sizing: content-box;
    -webkit-transition: right .9s ease-in-out;
    transition: right .9s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
/*     background-color: transparent; */
    background-color: #1A1A1A;
    /* border-bottom: 1px solid #1A1A1A; */
}

@media (min-width: 1025px) {
    .drawer-hamburger {
        display: none;
    }
}

.hamburger-bg {
    background: #fff;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
}

.drawer-open .hamburger-bg {
    background: #fff;
}

.drawer-hamburger:hover {
    cursor: pointer;
/*     background-color: transparent; */
}

/*------------------*/
/* Hamburger Button */
/*------------------*/
.menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

.menu-trigger {
    display: block;
    width: 80px !important;
    height: 80px;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    /* border-bottom: 1px solid #282828; */
}

.menu-trigger span {
    display: table-cell;
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #fff;
    text-align: center;
    /* margin-left: 38%; */
    margin-left: 30%;
    margin-right: auto;
}

.menu-trigger span:nth-of-type(1) {
    top: 30px;
}

.menu-trigger span:nth-of-type(2) {
    top: 39px;
}

.menu-trigger span:nth-of-type(3) {
    top: 48px;
}

/* .menu-trigger::after {
    position: absolute;
    margin-left: 27%;
    bottom: 11px;
    content: 'MENU';
    display: block;
    width: 30px;
    color: #000;
    font-size: 10px;
    font-size: 1.0rem;
    letter-spacing: 0.2em;
    text-decoration: none;
    text-align: right;
    transition: all .4s;
}

.menu-trigger.active::after {
    content: 'CLOSE';
    bottom: 11px;
    margin-left: 21%;
    font-size: 10px;
    font-size: 1.0rem;
    letter-spacing: 0.2em;
} */

.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-49deg);
    transform: translateY(8px) rotate(-49deg);
}

.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(48deg);
    transform: translateY(-9px) rotate(48deg);
}


/*------------------*/
/* 開催日時(PC向け) */
/*------------------*/
.date-desc {
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    color: #000000;
    /* margin: 13px 13px; */
    margin: 5px 13px 13px;
    display: none;
}

.date-desc .date-desc-sp-none {
    display: none;
}

.date-desc span {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    /* letter-spacing: 0.1em; */
}

.date-desc span.date-desc-font {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.date-desc-bar {
    display: block;
    width: 10px;
    border-bottom: 1px solid #fff;
    margin: 10px auto;
}

@media (min-width: 1025px) {
    .date-desc {
        display: block;
    }
}

@media (min-height: 700px) {
    .date-desc .date-desc-sp-none {
        display: block;
    }
}


/*------------------*/
/* チケットボタン */
/*------------------*/
.drawer-ticket {
    display: block;
    width: 180px;
    height: 50px;
    margin: 20px auto;
    background-color: #F869DE;
    text-align: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #F869DE;
    padding: 2px;
}

.drawer-ticket span {
    display: block;
    width: 100%;
    height: 100%;
    /* background-color: #ffffff; */
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: left;
    /* line-height: 43px; */
    line-height: 44px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #F869DE;
    padding-left: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    /* text-shadow: 1px 1px 1px #5a5250, -1px 1px 1px #5a5250, 1px -1px 1px #5a5250, -1px -1px 1px #5a5250, 0px 0px 0px #5a5250, -1px 0px 0px #5a5250, 0px 0px 0px #5a5250, 0px 0px 0px #5a5250; */
}

.drawer-ticket::before {
    display: block;
    position: absolute;
    top: calc(50% - 11px);
    right: 15px;
    content: '';
    width: 22px;
    height: 22px;
    background-image: url('images/common/icon-ticket-w.svg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.drawer-ticket:hover span {
    border: 1px solid #fff;
}

@keyframes anim {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 100%;
    }
}


/*!------------------------------------*\
  premium(SP向け)
\*!------------------------------------*/
.sp-premium {
    width: 100%;
/*     border: 1px solid #8c8c8c; */
    margin: 0;
    padding: 5px;
    background-color: #191919;
    text-align: center;
    position: relative;
}

.sp-premium img {
    width: 225px;
    /* height: 98px; */
    height: auto;
    text-align: center;
    margin: 20px auto;
}

.sp-premium p {
    width: 80%;
    margin: 10px auto;
    text-align: center;
    color: #fff;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1.5em;
    letter-spacing: 0.2em;
}

@media (min-width:640px) {
    .sp-premium p {
        font-size: 12px;
        font-size: 1.2rem;
    }
}


/*------------------*/
/* premium入会ボタン */
/*------------------*/
.premium-sign-up {
    display: block;
    width: 180px;
    height: 40px;
    margin: 20px auto;
    background-color: #fff;
    text-align: left;
    line-height: 36px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #fff;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.premium-sign-up span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #000000;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.premium-sign-up:hover span {
    border: 2px solid #000000;
}

@media (min-width:320px) and (max-width: 1024px) {
    .drawer-ticket {
        width: 80%;
        max-width: 200px;
    }
    .drawer-ticket span {
        text-align: center;
        padding-left: 20px;
    }
    .drawer-ticket::before {
        /* left: 25%; */
        left: 20%;
    }
}

@media (min-width:640px) and (max-width: 1024px) {
    .drawer-ticket::before {
        /* left: 35%; */
    }
}

@media (min-width: 1025px) {
    .drawer-ticket {
        margin: 0 auto;
    }
}


/*!------------------------------------*\
    SNSアイコン(SP向け)
\*!------------------------------------*/
.sns_wrap_sp {
    height: auto;
    padding: 15px 0;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
}

.sns_wrap_sp ul {
    width: 100%;
    overflow: hidden;
    font-size: 0;
    font-weight: 600;
}

.sns_wrap_sp ul li {
    width: 30.625px;/*we_ver*/
    margin: 0 10px;
    display: inline-block;
    position: relative;
    border: none;
}

/*
.sns_wrap_sp ul li.follow {
    vertical-align: middle;
}
 */

@media (max-width:640px) {
    .sns_wrap_sp ul li {
        /*width: 21.875px;*/
        width: 29px;/*we_ver*/
        margin: 0 2px;/*we_ver*/
        display: inline-block;
        position: relative;
        border: none;
    }
}

.sns_wrap_sp ul li a {
    display: inline-block;
    margin: 0 auto;
    width: 25px;
    vertical-align: middle;
}

.sns_wrap_sp ul li a img {
    display: block;
    margin: 0 auto;
    width: 35px;
}

.sns_wrap_sp ul li a span {
    display: none;
}

@media (min-width: 640px) {
    .sns_wrap_sp ul li a span {
        display: block;
        margin: 0 auto;
        font-size: 11px;
        font-size: 1.1rem;
        color: #282828;
        line-height: 1.0;
        padding: 10px 0;
        font-weight: 600;
    }
}

.about_cont2_sp_menu {
    color: #fff;
    background-color: #535353;
    padding: 5px 5px 5px;
}

.about_cont2_sp_menu li {
    margin: 5px auto;
}

.about_cont2_sp_menu p {
    font-size: 3px;
    font-size: 0.3rem;
}

.sns_wrap_title_spmenu {
    width: 100%;
    margin: 0 auto -25px;
    /* color: #191919; */
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
}


/*!------------------------------------*\
    SNS(PC向け)
\*!------------------------------------*/
.drawer-sns {
    background-color: #1A1A1A;
    padding: 15px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    /* width: 100%; */
    display: none;
}

.drawer-sns.scroll {
  /* position: fixed; */
  padding: 0 0 15px;
  width: 221px;
}

@media (min-width: 769px) {
    .drawer-sns {
        display: block;
    }
}

.drawer-sns-wave {
    display: none;
}

@media (min-height: 700px) {
    .drawer-sns-wave {
        display: block;
        width: 100%;
        height: 25px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 200px 25px;
        position: absolute;
        left: 0;
        bottom: 54px;
    }
}

@media screen and (min-width: 1024px) {
  .drawer-sns.scroll {
    position: fixed;
  }
}

.drawer-sns ul {
    display: table;
    width: calc(100% - 60px);
    margin: 0 auto;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.6);
}

.drawer-sns ul li {
    display: inline-block;
    /* width: 55px; */
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    font-size: 0;
}

.drawer-sns ul li a {
    display: inline-block;
    font-size: 0;
}

.drawer-sns ul li a img {
    filter: alpha(opacity=100);
    opacity: 1;
}

.drawer-sns ul li a:hover img {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}



/*!------------------------------------*\
    LINE友達追加(SP向け)
\*!------------------------------------*/
.sp-menu-linefadd {
    color: #fff;
    background-color: #535353;
    position: relative;
    overflow: hidden;
}

.sp-linefadd {
    width: 100%;
    border: 1px solid #535353;
    margin: 0;
    padding: 5px;
    background-color: #535353;
    text-align: center;
    color: #fff;
}

.sp-linefadd p {
    width: 80%;
    margin: 0px auto 10px;
    text-align: center;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1.5em;
    letter-spacing: 0.2em;
}

.sp-linefadd a {
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sp-linefadd a img {
    display: inline-block;
    -webkit-transform: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
    vertical-align: middle;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sp-linefadd a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.small-logo-line {
    width: 25px;
    height: 25px;
    display: inline;
    vertical-align: middle;
    margin-right: 10px;
}


/*!------------------------------------*\
    言語選択(SP向け)
\*!------------------------------------*/
.sp-menu-lang {
    padding: 0 0 0;
}

.sp-menu-lang ul {
    width: 100%;
    text-align: center;
}

.sp-menu-lang ul li {
    width: 35px;
    display: inline-block;
    border: none;
    text-align: center;
    padding: 0 8px;
    /* color: #999999; */
    color: #fff;
    /* opacity: 0.6; */
}

.sp-menu-lang ul li a{
  vertical-align: middle;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  /* filter:alpha(opacity=60); */
  /* opacity: 0.6; */
  /* color: #999999; */
  color: #fff;
  opacity: 0.6;
}

.sp-menu-lang ul li a.active{
	color:#fff;
	opacity: 1;
}

.sp-menu-lang ul li a:hover{
  /* color: #fff; */
  opacity: 0.8;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}


/*!------------------------------------*\
    言語選択(PC向け)
\*!------------------------------------*/
.drawer-lang {
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    /* background-color: #F869DE; */
    padding: 15px 0 0;
}

@media (min-width: 769px) {
    .drawer-lang {
        bottom: 60px;
    }
}

/* @media (max-height: 770px) and (min-width: 1023px){
    .drawer-lang {
        display: none;
    }
}

@media (max-height: 568px) {
    .drawer-lang {
        display: none;
    }
} */

.drawer-lang p {
    padding: 10px 0;
    text-align: center;
    line-height: 1.0;
    margin: auto 30px;
    padding: 20px 0;
    color: #fff;
    /* color: #DDDDDD; */
    /* filter: alpha(opacity=60); */
    /* opacity: 0.6; */
    border-top: 1px solid rgba(255,255,255,0.6);
}

.drawer-lang p span.lang {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    padding-right: 18px;
}

.drawer-lang p span.slash {
    color: #DDDDDD;
    margin: auto 10px;
}

.drawer-lang p a {
    font-size: 13px;
    font-size: 1.3rem;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    /* filter: alpha(opacity=60); */
    opacity: 0.6;
    color: #fff;
}

.drawer-lang p a.active {
    color: #fff;
    opacity: 1;
}

.drawer-lang p a:hover {
    /* color: #fff; */
    opacity: 0.6;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.drawer-lang .drawer-banner {
    width: 100%;
    display: block;
}

@media (min-width: 640px) {
    .drawer-lang .drawer-banner {
        display: none;
    }
}

.drawer-lang .drawer-banner a:hover img {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

/* news pager */
.wp-pagenavi {
    margin-top: 50px;
}
.wp-pagenavi a:hover {
    color: #F869DE;
}

/*disable pallaxs(SP時はパララックスを無効にする)*/
@media screen and (max-width:640px) {
    .crane_s_news img,
    .crane_m_news img,
    .crane_ll_brand img,
    .crane_m2_brand img,
    .crane_l_guest img,
    .crane_m3_artist img,
    .crane_l2_artist img,
    .crane_ll_special img,
    .crane_s_interview img,
    .crane_m_interview img {
        transform:translate3d(0px, 0px, 0px) !important;
        -webkit-transform:translate3d(0px, 0px, 0px) !important;
    }
}

/*------------------*/
/* VIEW MOREボタン */
/*------------------*/
.drawer-viewmore {
    display: block;
    width: 360px;
    height: 50px;
    /* margin: 50px auto 85px; */
    margin: 30px auto 25px;
    /* background: linear-gradient(to left,#a3aaff, #4dc8f0); */
    text-align: center;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    position: relative;
    opacity: 1 !important;
    /* box-shadow: 0px 0px 15px #ffff00, 0px 0px 15px #ffff00 inset; */
    /* background-color: #fff; */
    /* border: 1px solid #1A1A1A; */
}

.drawer-viewmore.news {
    margin: 20px auto !important;
}

@media (min-width: 640px) {
  .drawer-viewmore.news {
      margin: 40px auto !important;
  }
}

.covid-wrap {
  overflow: hidden;
}

.drawer-viewmore.btn-border {
    margin: 30px 10px 15px !important;
}

@media (min-width: 770px) {
    .drawer-viewmore.btn-border {
        margin: 60px 40px 45px !important;
    }
}

@media (min-width: 1430px) {
    .drawer-viewmore.btn-border {
        margin: 60px 100px 45px !important;
    }
}

/* .drawer-viewmore.news span {
    color: #1A1A1A;
    border: 1px solid #1A1A1A;
} */
.drawer-viewmore span {
    color: #1A1A1A;
    border: 1px solid #1A1A1A;
}

.drawer-viewmore.news::after {
  background-image: url(images/common/icon-point-black.svg);
}

.drawer-viewmore.out::after {
  background-image: url(images/common/icon-point-out.svg) !important;
}

.drawer-viewmore.btn-border {
  width: initial;
  height: 70px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* background-image: -webkit-repeating-linear-gradient(-45deg, #FFF38B, #FFF38B 12px, #fff 10px, #fff 14px);
  background-image: repeating-linear-gradient(-45deg, #FFF38B, #FFF38B 12px, #fff 10px, #fff 14px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; */
  border-radius: 0px;
  background-color: #FFF38B;
  border: 1px solid #F4DF38;
}
.drawer-viewmore.btn-border:hover {
  opacity: 0.6;
  background-color: #FFF38B;
  border: 1px solid #F4DF38;
}
.drawer-viewmore.out:hover::after {
  background-image: url(images/common/icon-point-out-white.svg) !important;
}

.drawer-viewmore.btn-border span {
  border: none;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  line-height: 70px;
  padding: 0px 5px;
}

@media (min-width: 350px) {
  .drawer-viewmore.btn-border span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media (min-width: 375px) {
  .drawer-viewmore.btn-border span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 770px) {
  .drawer-viewmore.btn-border span {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.drawer-viewmore.btn-border:hover {
  opacity: 0.8;
}

.drawer-viewmore.btn-border::after {
    position: absolute;
    top: 50%;
    right: 25px;
    content: '';
    margin-top: -2.7px;
    border-left-color: #1A1A1A;
    width: 8px;
    height: 8px;
    border-top: 1px solid #1A1A1A;
    border-right: 1px solid #1A1A1A;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: alpha(opacity=1);
    opacity: 1;
    background-image: none !important;
}

@media (max-width: 450px) {
  .drawer-viewmore.btn-border::after {
    right: 15px;
  }
}

@media (max-width: 450px) {
  .drawer-viewmore.btn-border::after {
    display: none;
  }
}

Resources

@media screen and (min-width:640px) {
    .drawer-viewmore.news {
        margin: 35px auto !important;
    }

    .drawer-viewmore.news.small {
        margin: 0px auto !important;
    }
}

/* .drawer-viewmore.news:hover span {
    opacity: 0.6;
} */

.drawer-viewmore-special {
    margin: 35px auto 10px;
}

.drawer-viewmore span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #1A1A1A;
    text-align: left;
    padding-left: 30px;
    -webkit-border-radius: 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 50px;
    -webkit-border-radius: 30px;
    border-radius: 5px;
    /* border: 1px solid #1A1A1A; */
}

.drawer-viewmore::after {
    position: absolute;
    content: '';
    opacity: 1;
    width: 15px;
    height: 15px;
    top: calc(50% - 7.5px);
    right: 20px;
    /* background-image: url(images/common/icon-point-white.svg); */
    background-image: url(images/common/icon-point-black.svg);
    background-size: 15px 15px;
}

.drawer-viewmore:hover {
  background-color: #F869DE;
  /* border: 1px solid #F869DE; */

    /* background-color: #fff; */
/*     background: #fff; */
    /* background-color: rgba(255,240,0,0.7); */
}

.drawer-viewmore:hover::after {

    /* border-top: 2px solid #e95377;
    border-right: 2px solid #e95377; */

    /* border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff; */
    right: 20px;
    -webkit-transition: all .4s;
    -moz-transform: all .4s;
    transition: all .4s;
    background-image: url(images/common/icon-point-white.svg);
}

.drawer-viewmore:hover span {
    /* border: 1px solid #6c2b2f; */
    /* color: #000; */
    color: #fff;
    border: 1px solid #F869DE;
}

.drawer-viewmore.btn-border:hover span {
    color: #000;
    border: none;
    opacity: 0.6;
}

@media (max-width: 640px) {
    .drawer-viewmore {
        /* width: 150px;
        height: 28px;
        margin: 12.5px auto 68px; */
        width: 100%;
        margin: 20px auto 25px;
    }

    /* .drawer-viewmore-special {
        margin: 12.5px auto 10px;
    }

    .drawer-viewmore span {
        width: 100%;
        height: 100%;
        font-size: 10px;
        font-size: 1.1rem;
        line-height: 28px;
    }

    .drawer-viewmore::after {
        top: 49%;
        right: 12.5px;
        margin-top: -2px;
        width: 4.5px;
        height: 4.5px;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }

    .drawer-viewmore:hover::after {
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        right: 10px;
    } */
}

/*-----------------------------------------------
fade
-----------------------------------------------*/
.fadecont {
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
}

.fadeshow {
    opacity: 1.0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fademove {
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media all and (-ms-high-contrast:none) {
    .fademove {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }
}

.fademoveleft {
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
    -o-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media all and (-ms-high-contrast:none) {
    .fademoveleft {
        -webkit-transform: translate(-20px, 0);
        transform: translate(-20px, 0);
    }
}

.fademoveright {
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    -o-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media all and (-ms-high-contrast:none) {
    .fademoveright {
        -webkit-transform: translate(20px, 0);
        transform: translate(20px, 0);
    }
}

.fademove_show {
    opacity: 1.0;
    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}

@media all and (-ms-high-contrast:none) {
    .fademove_show {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.innerFlower {
	position: absolute;
	top: 0;
	width: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 100000;
}
.innerFlower div {
	z-index: 100000;
	position: absolute;
	left: -200px;
	top: -200px;
	width: 48px;
	height: 48px;
	background-size: 100% auto;
	background: url('images/common/feather3.png') no-repeat;
	-webkit-animation: fuwa 1s ease-in-out infinite alternate;
	animation: fuwa 1s ease-in-out infinite alternate;
	opacity: 0.9;
}

.innerFlower div.flower3,
.innerFlower div.flower5,
.innerFlower div.flower7,
.innerFlower div.flower9{
	-webkit-animation: kuru 3.5s linear infinite alternate;
	animation: kuru 3.5s linear infinite alternate;
}


/*
li {
    display: inline-block;
    margin: 20px;
}

li:nth-child(odd) {
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
}
li:nth-child(even) {
    -webkit-animation: horizontal2 1s ease-in-out infinite alternate;
}

a {
    text-decoration: none;
    display: block;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    background: #666;
    color: #fff;
    -webkit-animation: vertical 1s ease-in-out infinite alternate;
}

li:nth-child(1) a {
    -webkit-animation-duration: 1.1s;
}
li:nth-child(2) a {
    -webkit-animation-duration: 1.3s;
}
li:nth-child(3) a {
    -webkit-animation-duration: 1.5s;
}
*/

@keyframes fuwa {
    0% { transform:translate( -10px, -10px); }
  100% { transform:translate(  0px , 0); }
}

@-webkit-keyframes fuwa {
    0% { -webkit-transform:translate( -10px, -10px); }
  100% { -webkit-transform:translate(  0px , 0); }
}

@keyframes kuru {
    0% { transform:rotateY(0deg); }
  33% { transform:rotateY(20deg); }
  66% { transform:rotateY(-20deg); }
  100% { transform:rotateY(0deg); }
}

@-webkit-keyframes kuru {
    0% { -webkit-transform:rotateY(0deg); }
  33% { -webkit-transform:rotateY(20deg); }
  66% { -webkit-transform:rotateY(-20deg); }
  100% { -webkit-transform:rotateY(0deg); }
}
/*
@keyframes kuru {
    0% { transform:rotateY(0deg); }
  100% { transform:rotateY(360deg); }
}

@-webkit-keyframes kuru {
    0% { -webkit-transform:rotateY(0deg); }
  100% { -webkit-transform:rotateY(360deg); }
}
*/

/*
@-webkit-keyframes horizontal2 {
    0% { -webkit-transform:translateX(  3px); }
  100% { -webkit-transform:translateX(  0px); }
}

@-webkit-keyframes vertical {
    0% { -webkit-transform:translateY(-10px); }
  100% { -webkit-transform:translateY(  0px); }
}
*/

.btn_entoryform {
	margin-top: 60px !important;
    text-align: center !important;
    padding-left: 0px !important;
}

.h2_title_press_entry {
	margin: 60px auto 10px;
}

.content_press_entry {
	padding-bottom: 100px !important;
}

@media screen and (max-width:640px) {
	.btn_entoryform {
		margin-top: 30px !important;
	}
	.h2_title_press_entry {
		margin: 30px auto 5px;
	}
	.content_press_entry {
		padding-bottom: 50px !important;
	}
}

/* print img none */
@media print{
    img {
        display: none !important;
    }
}

.fb-like span {
  width: 79px !important;
  height: 20px !important;
}

.fb-like span iframe {
  width: 79px !important;
}