@charset "utf-8";
/* CSS Document */

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * goudy-old-style:
 *   - http://typekit.com/eulas/0000000000000000000179a7
 *   - http://typekit.com/eulas/0000000000000000000179a8
 *   - http://typekit.com/eulas/0000000000000000000179aa
 *
 * c 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-03-11 12:37:44 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=nni6hxo&ht=tk&f=25769.25770.25772&a=683690&app=typekit&e=css");

@font-face {
font-family:"goudy-old-style";
src:url("https://use.typekit.net/af/cd9965/0000000000000000000179a7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/cd9965/0000000000000000000179a7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/cd9965/0000000000000000000179a7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"goudy-old-style";
src:url("https://use.typekit.net/af/6afdd3/0000000000000000000179a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6afdd3/0000000000000000000179a8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6afdd3/0000000000000000000179a8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"goudy-old-style";
src:url("https://use.typekit.net/af/aadb84/0000000000000000000179aa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/aadb84/0000000000000000000179aa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/aadb84/0000000000000000000179aa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

.tk-goudy-old-style { font-family: "goudy-old-style",serif; }

/* fonts */

@font-face {
  font-family: 'JK';
  src: url('../fonts/JK.woff') format('woff');
}

@font-face {
  font-family: "mplusBlack";
  src: url("../fonts/rounded-x-mplus-2p-black.woff") format('woff');
}
@font-face {
  font-family: "mplusBold";
  src: url("../fonts/rounded-x-mplus-2p-bold.woff") format('woff');
}
@font-face {
  font-family: "mplusHeavy";
  src: url("../fonts/rounded-x-mplus-2p-heavy.woff") format('woff');
}
@font-face {
  font-family: "mplusLight";
  src: url("../fonts/rounded-x-mplus-2p-light.woff") format('woff');
}
@font-face {
  font-family: "mplusMedium";
  src: url("../fonts/rounded-x-mplus-2p-medium.woff") format('woff');
}
@font-face {
  font-family: "mplusRegular";
  src: url("../fonts/rounded-x-mplus-2p-regular.woff") format('woff');
}

@font-face {
  font-family: 'Chango';
  font-style: normal;
  font-weight: 400;
  src: local('Chango Regular'), local('Chango-Regular'), url(https://fonts.gstatic.com/s/chango/v7/2V0cKI0OB5U7WaJCyHe5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/comfortaa/v19/1Ptsg8LJRfWJmhDAuUs4TYFq.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@-webkit-keyframes bodyFadeIn {
  from{
    opacity: 0.0;  /*←始点では透明*/
  }

  to{
    opacity: 1.0;  /*←終点では不透明*/
  }
}
body {
    font-size: 16px;
    color: #231815;
    line-height: 1.5em;
    font-family: 'mplusRegular', 'serif';
    vertical-align: middle;
	-webkit-animation-name: bodyFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	text-shadow: none;
	background: url(../img/checkBG.png) repeat center top, rgba(255,255,255,1); 
	background-size: 100px auto;
      }

.clearfix:after {
	content: ".";  /* 新しい要素を笹・E*/
	display: block;  /* ブ・礎ク・E戰・彖任迷*/
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: 0px;
	visibility:hidden;
	}
/* fix  ff bugs */
div:after, ol:after, form:after, dl:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
a {
	color: rgba(250,10,210,1);
	text-decoration: none;
}
a:hover {
	color: rgba(250,10,210,0.5);
}
img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
}
.topTtl {
	background:#222;
	font-size:0.8em;
	color:#fff;
	text-shadow:none;
	text-align:right;
	margin:0;
	padding:0;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top:30px;
	height: 0;
	overflow: hidden;
	margin: 0.5rem;
}
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fontRed {
	color: #ff2d28;
}
.fontYll {
	color: #faf587;
}
.fontBlu {
	color: #55a5eb;

}
.font1 {
	font-size: 1rem !important;
}
.font1-2 {
	font-size: 1.2rem !important;
}
.font1-5 {
	font-size: 1.5rem !important;
}
.font2 {
	font-size: 2rem !important;
}
.font2.5 {
	font-size: 2.5rem !important;
}
.font3 {
	font-size: 3rem !important;
}
.font0-8 {
	font-size: 0.8rem !important;
}
.font0-6 {
	font-size: 0.6rem !important;
}
.font1-2em {
	font-size: 1.2em !important;
}
.font1-5em {
	font-size: 1.5em !important;
}
.font2em {
	font-size: 2em !important;
}
.font0-8em {
	font-size: 0.8em !important;
}
.font0-6em {
	font-size: 0.6em !important;
}
.fontCenter {
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0.5rem;
}
.fontRight {
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0.5rem;
}
.fontBlock {
	display: block;
	line-height: normal;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.lineHeight1-5 {
	line-height: 1.5em;
}
.lineHeight2 {
	line-height: 2em;
}
.lineHeight2-5 {
	line-height: 2.5em;
}
.letterSpacing1 {
	letter-spacing: 1em;
}
.letterSpacing0-5 {
	letter-spacing: 0.5em;
}
.letterSpacingNomal {
    letter-spacing: normal;
}

.strike {
	text-decoration: line-through;
}
.under {
	text-decoration: underline;
}
.fontWidth {
	width: 75%;
	margin: 0 auto;
}
.notes{
	font-size: 0.8em;
	padding-left: 1em;
	color: #666;
	line-height: 1.5em;
}
 
.notes:before{
	content: "※";
}
 
.notes:first-letter{
	margin-left: -1.3em;
}
.center-outer {
	display: table;
	width: 99%;
	text-align: center;
	position: absolute;
	z-index: 999;
	bottom: 5%;
	margin: 0px;
	padding: 0px;
}
.imgCenter {
	display: block;
	text-align: center;
}
.imgLeft {
	margin: 5px;
	padding: 0px;
	float: left;
}
.imgRight {
	margin: 5px;
	padding: 0px;
	float: right;
}

.width20 {
	width: 20%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.marginB1rem {
	margin-bottom: 1rem !important;
}
.marginB05rem {
	margin-bottom: 0.5rem !important;
}
.marginB2rem {
	margin-bottom: 2rem !important;
}
.marginB3rem {
	margin-bottom: 3rem !important;
}
.marginB5rem {
	margin-bottom: 5rem !important;
}
.marginAuto {
	margin: 0 auto;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}

iframe {
	border: none;
}

/* #################HEADER##################### */
#header{
	margin: 0px;
	padding: 0px;
	clear: both;
	border: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background: rgba(252,251,227,0.8);
	text-shadow: none;
}
#header .logo{
	/*height: 56px;*/
	text-align: center;
}
.header-brand {
	padding: 8px;
	margin: 0 auto;
	display: inline-block;
	text-align:center;
	width: auto;
	height: 64px;
}
.header-brand img {
	width: auto;
	height: 48px;
}
#header h1{
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	text-align: right;
	background: rgba(0,0,0,1);
	font-size: 0.8em;
	color: #fff;
}
#header .navbar-brand img {
	height: 40px;
	width: auto;
}
#header .menu{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 9999;
	background: url(../img/menuIco.png) no-repeat center center,rgba(0,0,0,0.5);
	background-size: 48px;
	text-indent: -9999px;
	height: 48px;
	width: 48px;
}
#header .menu:hover{
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5) inset;
}
#header .shopDeta {
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 5px;
	top: 8px;
	background: url(../img/phoneIco.png) no-repeat center center,rgba(250,250,220,0.7);
	background-size: 32px;
	text-indent: -9999px;
	height: 48px;
	width: 48px;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	color: #fa82c8;
	border-radius: 0.2rem;
}
#header .shopDeta:hover{
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5) inset;
}
#header .shopDeta .add {
	display: none;
}
#header .subtitle {
	position: absolute;
	bottom: 0;
	font-size: 0.8em;
	display: block;
	width:100%;
	text-align: center;
	color: #fff;
}
a.hCall{
	background: rgba(200,0,0,0.8);
}
a.hLine{
	background: rgba(90,230,40,0.8);
}
#header .navbar-nav li a {
    border-bottom: 1px dotted rgba(51,51,51,0.8);
	background: rgba(117,92,59,0.7);
}
#header .navbar-nav li:last-child a {
	border: none;
}
#header .navbar-nav li a:first-letter {
	color: #cdbb99;
}
#header .navbar-nav li a > span {
	display: inline-block;
	float: right;
	font-size: 0.8em;
}
#header .drawer-menu li a {
    border-bottom: 1px dotted rgba(250,250,220,0.5);
    font-family: 'Comfortaa';
    color: #0a3c96;
	margon: 0;
	padding: 0.2rem;
	line-height: 2rem;
	display: block;
	text-align: left;
	text-decoration: none;
}
#header .drawer-menu li:last-child a {
	border: none;
}
#header .drawer-menu li a:first-letter {
	color: #0a3c96;
}
#header .drawer-menu li a > span {
	display: inline-block;
	font-family: "mplusLight";
	float: right;
	font-size: 0.8em;
}
.navHeader {
	height: 60px;
	width: auto;
	display: block;
}
.navHeader img {
	height: 60px;
	width: auto;
}
/* #################MAIN##################### */
#main {
	display: block;
	margin-top: 64px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding: 0em;
	overflow: hidden;
	background: rgba(255,255,255,0.9);
}
#mainIndex {
	display: block;
	margin: 0rem;
	padding: 0rem;
	overflow: hidden;
}
#main section {
    padding: 0rem;
    /*clear: both;*/
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 2rem;
    position: relative;
}
#mainIndex section {
	margin: 0 !important;
}
#main section h1 {
	margin-top: 0rem;
	margin-right: 0px;
	margin-bottom: 0.5rem;
	margin-left: 0px;
	font-size: 1.2rem;
	font-family: 'Comfortaa';
	line-height: 32px;
	text-align: center;
	text-shadow: rgba(0,0,0,0.18) 0 5px 11px, rgba(0,0,0,0.15) 0 4px 15px;
	padding-top: 1rem;
	display: block;
	color: #0a3c96;
}
#main section h1 > div {
	display: inline-block;
	background: url(../img/h1BG_left.png) no-repeat left bottom, url(../img/h1BG_right.png) no-repeat right bottom;
	background-size: 60px auto;
	padding: 0 30px;
}
#main section h1 > div > span {
	font-size: 0.8rem;
	font-family: "mplusRegular";
	line-height: 1.5rem;
	text-shadow: none;
	display: block;
}
/*#main section h2, #mainIndex section h2 {
	padding: 0em;
	margin-top: 0px;
	margin-right: 0.5rem;
	margin-bottom: 0rem;
	margin-left: 0.5rem;
	text-shadow: rgba(0,0,0,0.18) 0 5px 11px, rgba(0,0,0,0.15) 0 4px 15px;
	line-height: normal;
	clear: both;
	color: rgba(0,10,117,1);
	background: rgba(252,251,227,0.8);
	text-align: center;
	border: 1px solid rgba(252,251,227,1);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}*/
#main section h2 {
	color: #0a3c96;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
	display: block;/*おまじない*/
	line-height: 1.3;/*行高*/
	background: #fffad2;/*背景色*/
	vertical-align: middle;
	width: calc(100% - 0.5rem);
	text-shadow: rgba(0,0,0,0.18) 0 5px 11px, rgba(0,0,0,0.15) 0 4px 15px;
}
/*#main section h2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f004";
	color: #fa82c8;
	margin-right: 8px;
	text-shadow: none;
}*/
#main section p, #mainIndex section p {
	margin: 0px;
	padding: 0;
	line-height: none;
}

#main section .callBtn, #mainIndex section .callBtn {
	display: block;
	line-height: 1.2em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgba(251,55,94,1)), color-stop(0.00, rgba(251,55,94,0.5)));
	background: -moz-linear-gradient(top, rgba(251,55,94,0.5) 0%, rgba(251,55,94,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,55,94,0.5) 0%, rgba(251,55,94,1) 100%);
	background: linear-gradient(to bottom, rgba(251,55,94,0.5) 0%, rgba(251,55,94,1) 100%);
	text-align: center;
	color: #fff;
	border: solid 1px #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	max-width: 75%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	border-radius: 0.5em;
}
#main section .callBtn:hover, #mainIndex section .callBtn:hover {
	box-shadow: none;
}
#main section .callBtn span, #mainIndex section .callBtn span {
	display: block;
	font-size: 0.8em;
	line-height: 1.5em;
}
.contentBtn {
	margin: 0px;
	padding: 0.5em;
	list-style-type: none;
}
.contentBtn li {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
}
.contentBtn li a.contCall {
	background: rgba(200,0,0,0.8);
}
.contentBtn li a.contLine {
	background: rgba(90,230,40,0.8);
}
.Btn {
	margin: 0.5rem;
	padding: 0.5rem;
	text-align: center;
}

.Btn a.btnCenter {
	background: url(../img/contactBtn.png) no-repeat center center;
	background-size: 240px auto;
	width: 240px;
	height: 60px;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
}
.Btn a.topBtnCenter {
	background: url(../img/topBtn.png) no-repeat center center;
	background-size: 360px auto;
	width: 360px;
	height: 90px;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
}
/* ********************** Global Navi */
.global {
	margin: 0px;
	padding: 1rem;
	display: none !important;
}
.global ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.global ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 33.33%;
}
.global ul li a {
	text-align: center;
	display: block;
	color: #0a3c96;
	font-family: 'Comfortaa';
	text-shadow: none;
	background: 
		linear-gradient(
		0deg,
		rgba(251,215,150,1) 10%,
		rgba(251,215,150,0.2) 100%
		) repeat left top !important;
    background-size: 100vw 100%;
	margin: 0.1em;
	border: 1px solid rgba(252,251,227,1);
	padding: 0.2em;
	font-size: 0.8rem;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
}
.global ul li:nth-child(2n) a {
	background: 
		linear-gradient(
		0deg,
		rgba(220,250,135,1) 10%,
		rgba(220,250,135,0.2) 100%
		) repeat left top !important;
}

.global ul li a > span {
	display: block;
	font-size: 0.8em;
	line-height: 1em;
	font-family: "mplusLight";
	color: #969b9b;
}
.global ul li a:hover {
	color: rgba(252,251,227,1);
	box-shadow: none;
}
/* #################INDEX##################### */
.topIndex {
	width: 100%;
	/*height: 100vh;*/
	height: calc(100vh - 64px);
	overflow: hidden;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
	-webkit-scroll-snap-type: mandatory;
	scroll-snap-type: mandatory;
	-webkit-scroll-snap-points-y: repeat(100%);
	scroll-snap-points-y: repeat(100%);
	position: relative;
	margin: 0px;
	padding: 0px !important;
}
.topImage {
	width: 100%;
	/*height: 100vh;*/
	height: 100vh;
	overflow: auto;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
	-webkit-scroll-snap-type: mandatory;
	scroll-snap-type: mandatory;
	-webkit-scroll-snap-points-y: repeat(100%);
	scroll-snap-points-y: repeat(100%);
	position: relative;
	margin: 0px;
	padding: 0px !important;
}
.topImageContents {
	width: 100%;
	/*height: 100vh;*/
	height: 50vh;
	overflow: auto;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
	-webkit-scroll-snap-type: mandatory;
	scroll-snap-type: mandatory;
	-webkit-scroll-snap-points-y: repeat(100%);
	scroll-snap-points-y: repeat(100%);
	position: relative;
	margin: 0px;
	padding: 0px !important;
}
.topImg {
	width: 100%;
	/*height: 100vh;*/
	height: 75vh;
	overflow: auto;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
	-webkit-scroll-snap-type: mandatory;
	scroll-snap-type: mandatory;
	-webkit-scroll-snap-points-y: repeat(100%);
	scroll-snap-points-y: repeat(100%);
	position: relative;
	margin: 0px;
	padding: 0px !important;
}
.topImage div, .topImageContents div {
	position: absolute;
	top: 55%;
	left: 0;
	width: 100%;
	text-align: center;
}
.topImg .topShopName {
	position: absolute;
	bottom: 2%;
	left: 0;
	width: 100%;
	text-align: center;
}
.topImg .topcomme {
	position: absolute;
	top: 30%;
	left: 2%;
	width: calc(100% - 2%);
}
.topImage div p, .topImg .topShopName p, .topImageContents div p {
	margin: 0 auto !important;
	border: solid 3px rgba(250,250,220,1);
	display: inline-block;
	padding: 0 1em !important;
}
.topImage div p.pTEST {
	margin: 0 auto !important;
	display: inline-block;
	padding: 0 1em !important;
	border: none;
}
.image01 {
	background: url(../img/indexBG.jpg) no-repeat left top !important;
	background-size: cover !important;
}
.image02 {
	background: url(../img/topImageBG.jpg) no-repeat right -100px top, rgba(0,0,0,1) !important;
	background-size: cover !important;
}
.image03 {
	background: url(../img/indexBG_MB.png) no-repeat top center !important;
	background-size: 100% auto !important;
}
/* ************************ INDEXボタン */
.indexMAIN {
	padding-top: 0px !important;
}
.indexBox {
	position: absolute;
	left: 0px;
	bottom: 1em;
	width: 100%;
}
.indexBox ul {
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
	width: 75%;
}
.indexBox ul li {
	margin: 1%;
	padding: 0px;
	float: left;
	width: 48%;
}
.indexBox ul li a {
	text-align: center;
	display: block;
	color: #fcfbe3;
	background: 
		linear-gradient(
		0deg,
		rgba(250,130,200,1) 10%,
		rgba(250,130,200,0.2) 100%
		) repeat left top !important;
	margin: 0.1em;
	font-family: 'Comfortaa';
	border: 1px solid #fcfbe3;
	padding: 0.2em;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
	text-shadow: none;
}
.indexBox ul li a:hover {
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px inset;
	color: rgba(255,255,255,0.5);
}
.indexBox > p {
	margin: 0px;
	padding: 0.2em;
	text-align: center;
}
.indexLink{
	text-align: center;
	padding: 0.5em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	list-style: none;
}
.indexLink li{
	float:left;
	margin: 1px;
}
.indexLink li a{
	display: block;
	width: auto;
}
.indexLink li a img{
	height: 40px;
	width: auto;
}
.indexTime {
	text-align: center;
	padding: 0.2em;
}

/* #################TOPCONTENTS##################### */
.topCont {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topCont li {
	margin: 0;
	padding: 0;
}

.topContents {
	margin: 0.5rem;
	padding: 0rem;
}
.topContents h3 {
	background: rgba(205,187,153,0.5);
	border: solid 1px rgba(252,251,227,1);
	text-align: center;
	margin: 0.5rem;
}
.topContents a:hover {
	text-decoration: none;
}
.topContents .linkBtn {
	display: block;
	text-align: center;
	margin: 0.2rem;
	background: rgba(235,85,145,0.5);
	border: solid 1px rgba(252,251,227,1);
	border-radius: 0.2rem;
	color: #fcfbe3 !important;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
}
.topContents .linkBtn:hover {
	box-shadow: none;
}

.topBBS {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topBBS li {
	margin: 0;
	padding: 0.5%;
}

.topSlide > li:nth-child(1) {
}
.topSlide > li:nth-child(2) {
	padding: 1rem 0;
}
.topPhoto {
	margin: 0.5rem;
	padding: 0rem;
}
/* ************************ 更新情報 */
.topNews {
	margin: 0.5rem;
	padding: 0rem;
	clear: both;
	list-style-type: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	height: 20rem;
	overflow: auto;
}
.topNews li {
	float: none;
	margin: 0rem;
	padding: 0rem;
	border-bottom: 1px solid rgba(252,251,227,1);
	width: 100% !important;
}
.topNews li:last-child {
	border-bottom: none;
}
.topNews li a {
	display: block;
	margin: 0px;
	padding: 0.2rem;
	background: rgba(252,251,227,0.8);
}
.topNews li:nth-child(2n) a {
	background: rgba(252,251,227,0.5);
}

.topNews li a dl {
	padding: 0;
	margin: 0;
	position: relative;
	color: #0a3c96;	
}
.topNews li a dt{
	overflow: hidden;
	width: 80px;/* トリミングしたい枠の幅 */
	height: 80px;/* トリミングしたい枠の高さ */
	position: relative;
	background: rgba(252,251,227,0.5);
	margin: 0;
	padding: 0em;
	border: 1px solid rgba(252,251,227,1);
	float: left;
}
.topNews li a dt img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	height: auto;
}
.topNews li a dd {
	margin-left: 82px;
}
.topNews li a dd.topNewsTtl {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: rgba(252,251,227,0.8);
	padding: 0.25em 0.5em;
	padding-left: 2rem;
}
.topNews li a dd.topNewsTtl:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1ea";
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: 900;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	text-align: center;
	background: rgba(205,187,153,1);
	line-height: 2rem;
}
.topNews li a dd.newsTime {
	position: absolute;
	background: rgba(252,251,227,1);
	padding: 0.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	font-size: 0.6rem;
	line-height: normal;
	bottom: 0;
	right: 0; 
}
/* ニュース・イベントリスト */
.newsList {
	list-style: none;
	background: rgba(252,251,227,0.2);
	border: 1px solid rgba(252,251,227,1);
	margin: 0.5rem;
	padding: 0.2rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.newsList li {
	margin: 0;
	padding: 0;
}
.newsList li a {
	display: block;
	border-bottom: 1px dotted rgba(205,187,153,0.5);
	padding: 0.2rem;
}
.newsList li:last-child a {
	border: none;
}
.newsList li a dl {
	margin: 0;
	padding: 0;
	color: #0a3c96;
	position: relative;
}
.newsList li a dl dt{
	overflow: hidden;
	width: 80px;/* トリミングしたい枠の幅 */
	height: 80px;/* トリミングしたい枠の高さ */
	position: relative;
	background: rgba(252,251,227,0.5);
	margin: 0;
	padding: 0em;
	border: 1px solid rgba(252,251,227,1);
	float: left;
}
.newsList li a dl dt img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	height: auto;
}
.newsList li a dl dd {
	margin-left: 82px;
}
.newsList li a dl dd.newsTtl{
	white-space: nowrap;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: rgba(252,251,227,0.8);
	padding: 0.25em 0.5em;
	padding-left: 2rem;
	color: #0a3c96;
}
.newsList li a dl dd.newsTtl:before{
	font-family: "Font Awesome 5 Free";
	content: "\f1ea";
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: 900;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	text-align: center;
	background: rgba(205,187,153,1);
	line-height: 2rem;
}
.newsList li a dl dd.newsDate{
	text-align: left;
	font-size: 0.6rem;
	position: absolute;
	background: rgba(252,251,227,0.5);
	right: 0;
	bottom: -0.8rem;
	border: 1px solid rgba(252,251,227,1);
	line-height: normal;
	z-index: 99;
}
.newsContDate {
	display: inline-block;
	margin: 0.5rem;
	padding: 0.2rem;
	background: rgba(251,207,207,0.5);
	border: 1px solid rgba(252,251,227,1);
	font-size: 0.6rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	line-height: normal;
}
.newsContents {
	margin: 0.5rem;
	padding: 0.5rem;
	clear: both;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.5);
}
.newsContents .newsContTtl{
	color: #eb5591;
	background: rgba(251,207,207,0.5);
	border: 1px solid rgba(252,251,227,1);
	border-radius: 0.2rem;
	margin: 0.2rem;
}
.newsContents time {
	display: block;
	text-align: right;
	font-size: 0.6rem;
}
.newsContents .newsImage{
	display: block;
	margin: 0 auto;
}

.newsContents dl {
	margin: 0;
	padding: 0;
}
.newsContents dt {
	width: 30%;
	margin:0;
	float: left;
}
.newsContents dd {
	margin: 0;
	margin-left: 32%;
	padding: 0.2rem;
}
.newsContents dd > div {
	line-height: 1.5rem;
}

.pickUp {
	display: block;
	margin: 0.5rem;
	padding: 0;
}
.pickUp dl {
	margin: 0;
	padding: 0.5rem;
	background: 
		linear-gradient(
		-10deg,
		rgba(220,250,135,0.5) 10%,
		rgba(220,250,135,0.2) 100%
		) repeat left top !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #0a3c96;
}
.pickUp dt {
	margin: 0;
	padding: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	float: left;
	width: 30%;
	position: relative;
}
.pickUp dd {
	margin-left: 32%;
	margin-bottom: 0.2rem;
	padding: 0.3em 0.5em;
	display: block;
}
.pickUp dd.pickUpName {
	font-size: 1.2rem;
	font-family: 'JK';
	height: 2rem;
	background: rgba(252,251,227,0.8);
	text-align: center;
}
.pickUp dd.pickUpSize {
	height: 1.5rem;
	text-align: center;
}
.pickUp dd.pickUpName span {
	font-size: 0.8rem;
}
.pickUp dd.pickUpMesse {
	background: rgba(252,251,227,0.8);
	padding: 0.2rem;
}

.pickUp dt .newFace {
	font-family: "Comfortaa";
	position: absolute;
	line-height: 15px;
	width: 30px;
	border-radius: 10px;
	right: 0.1rem;
	top: 0.1rem;
	text-align: center;
	background: url(../img/newIco.png) center center;
	background-size: 30px auto;
	color: #fcfbe3;
	display: block;
	z-index: 999;
	font-size: 0.8rem;
	text-indent: -9999px;
}
.pickUp dt .tainyu {
	position: absolute;
	background: url(../img/tainyuIco.png) no-repeat center center;
	background-size: 48px auto;
	top: 1rem;
	left: 1rem;
	z-index: 999;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #333;
	text-indent: -9999px;
	width: 48px;
	height: 48px;
}
.pickUp dt .premier {
	position: absolute;
	background: url(../img/premierIco.png) no-repeat center center;
	background-size: 48px auto;
	top: 1rem;
	left: 1rem;
	z-index: 999;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #333;
	text-indent: -9999px;
	width: 48px;
	height: 48px;
}
.pickUp dt .rare {
	position: absolute;
	background: url(../img/rareIco.png) no-repeat center center;
	background-size: 48px auto;
	top: 1rem;
	left: 1rem;
	z-index: 999;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #333;
	text-indent: -9999px;
	width: 48px;
	height: 48px;
}

.topEvent {
	margin: 0.5rem;
	padding: 0.5rem;
	display: block;
	color: #333;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.topEvent dl {
	margin: 0;
	padding: 0.2rem;
	background: rgba(252,251,227,0.5);
}
.topEvent dt {
	text-align: center;
}
.topEvent dd {
	padding: 0.2rem;
}
.topEvent dd.eventTitle {
	color: #010079;
	text-align: center;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #fad2fa, #fad2fa 3px,#faa0be 3px, #faa0be 7px);
	background: repeating-linear-gradient(-45deg, #fad2fa, #fad2fa 3px,#faa0be 3px, #faa0be 7px);
}

/* コンテンツ説明 */


.explanation {
	margin: 0.5rem !important;
	padding: 0.5rem !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
}

.explanationCampaign {
	margin: 0.5rem ;
	padding: 0.5rem !important;
	background: rgba(20,150,200,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
}


.imgBox {
	margin: 0.5rem;
	text-align: center;
}
.imgBoxC {
	margin: 0.5rem;
	text-align: center;
}

.imgBox img.imageShadow {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* TOP NEWFACE */
.topNewFace {
	margin: 0.5rem;
	padding: 0;
	list-style: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.topNewFace li {
	margin: 0;
	padding: 0.2rem;
	border-bottom: 1px dotted #fcfbe3;
	background: rgba(251,215,150,0.2);
}
.topNewFace li:nth-child(2n) {
	background: rgba(251,215,150,0.5)
}
.topNewFace li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #0a3c96;
}
.topNewFace li a dl {
	margin: 0;
	padding: 0;
}
.topNewFace li a dt{
	overflow: hidden;
	width: 120px;/* トリミングしたい枠の幅 */
	height: 120px;/* トリミングしたい枠の高さ */
	position: relative;
	background: rgba(252,251,227,0.5);
	margin: 0;
	padding: 0em;
	border: 1px solid rgba(252,251,227,1);
	float: left;
}
.topNewFace li a dt img {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 200%;
	height: 200%;
}
.topNewFace li a dd{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 122px;
	line-height: 2em;
	font-size: 1.5em;
}
.topNewFace li a dd.size{
	font-size: 1em;
}
.topNewFace li a dd.newfaceDT{
	text-align: right;
	font-size: 0.8em;
}
.topNewFace li a dd.newfaceDT time{
	display: inline-block;
	padding: 0rem;
	background: rgba(250,210,250,0.8);
	text-align: center;
	border: 1px solid rgba(252,251,227,1);
}

/* その他 */
.topBox {
	margin: 0.5rem;
	padding: 0.5rem;
	background: rgba(20,150,200,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.topBox dt {
	width: 30%;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0;
	margin-left: 0;
	padding:0.1rem;
	box-sizing: border-box;
}
.topBox dt img {
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
}

.topBox dd {
	width: calc(100% - 32%);
	margin: 0;
	padding: 0.1rem;
	box-sizing: border-box;
	min-width: 0;
}
.topBox dd:first-letter {
	float: left;
	font-size: 1.5rem;
	margin: 0.2rem;
	padding: 0.2rem;
	background: rgba(252,251,227,1);
	color: rgba(20,150,200,1);
	border-radius: 0.2rem;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
}

.topImage {
	margin: 0.5rem;
	padding: 0rem;
	background: rgba(20,150,200,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
}

/* #################CONTENTS##################### */
.castList {
	margin: 0px;
	padding: 0 0.5em;
	list-style-type: none;
}
.castList li {
	margin: 0px;
	padding: 0;
	float: left;
	width: calc(100% / 2);
}
.castList li a {
	display: block;
	margin: 1px;
	padding: 0.2em;
	color: #755c3b;
	position: relative;
	text-shadow: none;
	background: rgba(252,251,227,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.castList li a:hover {
	text-decoration: none;
}
.castList li a .newFace {
	font-family: "Comfortaa";
	position: absolute;
	line-height: 20px;
	width: 40px;
	border-radius: 10px;
	right: 0.3rem;
	top: 0.3rem;
	text-align: center;
	background: url(../img/newIco.png) center center;
	background-size: 40px auto;
	color: #fcfbe3;
	display: block;
	z-index: 999;
	font-size: 0.8rem;
	text-indent: -9999px;
}
.castList li a .diaryIco {
	position: absolute;
	background: url(../img/diaryIco.png) no-repeat center center;
	background-size: 24px auto;
	bottom: 2rem;
	right: 0rem;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	z-index: 999;
}
.castList li a .tainyu {
	position: absolute;
	/*background: linear-gradient(90deg,rgba(220,250,135,1) 0%,rgba(220,250,135,1) 50%,rgba(250,245,135,1) 50%,rgba(250,245,135,1) 100%) !important;*/
	background: url(../img/tainyuIco.png) no-repeat left center;
	background-size: 100px 25px;
	bottom: 110px;
	left: 0;
	z-index: 999;
	font-size: 1rem;
	line-height: 1rem;
	text-indent: -9999px;
	width: 100%;
	height: 25px;
}
.castList li a .tekoki {
	position: absolute;
	background: rgba(250,125,230,0.8) !important;
	top: 36px;
	left: 0;
	z-index: 999;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #fcfbe3;
}
.castList li a .premier {
	position: absolute;
	background: url(../img/rankId_1.png) no-repeat center center;
	background-size: 180px 45px;
	top: 50%;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
	width: 100%;
	height: 45px;
}
.castList li a .rare {
	position: absolute;
	background: url(../img/rankId_2.png) no-repeat center center;
	background-size: 180px 45px;
	top: 50%;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
	width: 100%;
	height: 45px;
}
.castList li a .rankUe {
	position: absolute;
	background: url(../img/rankId_3.png) no-repeat center center;
	background-size: 180px 45px;
	top: 50%;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
	width: 100%;
	height: 45px;
}
.castList li a .mikeiken {
	position: absolute;
	background: url(../img/mikeikenIco.png) no-repeat center center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	top: 0;
	right: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 2rem;
	text-indent: -9999px;
}
.castList li a .newfaceDate {
	position: absolute;
	text-align: center;
	font-size: 0.7rem;
	background: rgba(250,125,230,0.8);
	border: 1px solid rgba(252,251,227,1);
	color: #fcfbe3;
	top: -5px;
	right: -0.1rem;
	z-index: 999;
	
}
.castList li a .castImage img {
	display: block;
}
.castImage {
	position: relative;
}
.castList li a dl {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0;
	text-align: center;
}
.castList li a dt .osusume {
position: absolute;
	background: url(../img/osusumeIco.png) no-repeat center center;
	background-size: 64px auto;
	width: 64px;
	height: 56px;
	top: -52px;
	right: -5px;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
	
}
.castList li a dt {
	margin: 0;
	padding: 0;
	background: rgba(251,215,150,1);
	line-height: 2rem;
	position: relative;
	font-weight: normal;
	/*font-family: 'JK';*/
	color: #0a3c96;
}
.castList li a dt span {
	font-size: 0.6rem;
}
.castList li a dd {
	margin: 0;
	padding: 0;
	line-height: normal;
	overflow: hidden;
}
.castList li a dd.schData {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	background: rgba(252,251,227,0.8);
	font-family: 'Comfortaa';
	color: #0a3c96;
	height: 1.5rem;
}
.castList li a dd.schData > span {
	text-align:center;
	line-height: 1.5rem;
	font-family: 'Comfortaa';
	font-size: 1.2rem;
	display: block;
}
.castList li a dd.schOff {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 5%;
	position: absolute;
	width: 90%;
	top: 5px;
	left: 0;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-size: 0.8em;
}
.castList li a .schYotei {
	position: absolute;
	bottom: 2rem;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.castList li a .schYotei > li {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 1.5rem;
	line-height: 0.8rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-size: 0.6rem;
	margin: 1px;
	padding: 0;
	border-radius: 0.2rem;
}
.castList li a .schYotei .schCast {
	background: rgba(252,251,227,0.8);
}
.castList li a .schYotei .schTomorrow {
	background: rgba(163,126,88,0.8);
	color: #fcfbe3;
}
.castList li a dd.size {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5rem;
	background: rgba(51,51,51,0.8);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #fff;
	font-family: 'Comfortaa';
	font-size: 0.8rem;
}
.castList li a dd .telop {
	margin:0; 
	padding-left:300px; 
	display:inline-block; 
	white-space:nowrap;
	animation-name:marquee; 
	animation-timing-function:linear;
	animation-duration:10s; 
	animation-iteration-count:infinite;
	text-align: left !important;
}
@keyframes marquee {
	from   { transform: translate(0%);} 
	99%,to { transform: translate(-100%);}
}
.newFaceList li a {
	background: linear-gradient(90deg,rgba(220,250,135,1) 0%,rgba(220,250,135,1) 50%,rgba(250,245,135,1) 50%,rgba(250,245,135,1) 100%) !important;
}
.newFaceList li a dt {
	background: none !important;
}
.newFaceList li a .newfaceData {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	top: 0.2rem;
	right: 0rem;
	background: rgba(220,250,135,0.8);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-size: 0.8em;
	color: #00aa37;
	line-height: normal;
	border-radius: 0.2rem;
}
.schDay {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	max-width: 750px;
}
.schDay li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: calc(100% / 7);
	text-align: center;
	font-size: 0.8em;
}
.schDay li a {
	text-align: center;
	display: block;
	padding: 0px;
	line-height: 32px;
	height: 32px;
	width: 32px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
	background: rgba(252,251,227,0.8) ;
	border-radius: 16px;
	font-family: 'Comfortaa';
	font-size: 1.2em;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
}
.schDay li a.today {
	background: rgba(235,85,145,1) ;
	color: #fcfbe3;
}

/* プロフィール */
.prfHeader{
	display: block;
	position: relative;
	padding-top: calc(60px - 0.5rem); 
}
.prfHeader .prfNew {
	font-family: "Comfortaa";
	position: absolute;
	line-height: 20px;
	width: 40px;
	right: calc(50% - 60px);
	top: 0;
	text-align: center;
	background: url(../img/newIco.png) center center;
	background-size: 40px auto;
	color: #fcfbe3;
	display: block;
	z-index: 1000;
	font-size: 0.8rem;
	text-indent: -9999px;
}
.prfDate {
	position: absolute;
	line-height: 1.5rem;
	border-radius: 5px;
	width: 10em;
	right: calc(50% - 5em);
	top: 80px;
	text-align: center;
	background: rgba(250,130,200,0.8);
	color: #fcfbe3;
	border: 1px solid rgba(252,251,227,1) !important;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	display: block;
	z-index: 1000;
	font-size: 0.8rem;
}
.prfHeader .prfThmb{
	width: 120px;
	height: 120px;
	/*object-fit: cover;*/ /* この一行を追加するだけ！ */
	object-fit: cover;
	object-position: 0px 0px;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	border: 2px solid rgba(252,251,227,1);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: calc(50% - 60px);
	z-index: 999;
}
.prfName {
    margin: 0.5em;
    padding-top: 65px;
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0em;
	background: url(../img/prfHeader.png) repeat-x, linear-gradient(180deg,rgba(251,215,150,0.8) 0%,rgba(251,215,150,0.5) 60px,rgba(252,251,227,0.5) 60px,rgba(252,251,227,0.5) 100%);
	background-size: 60px auto, auto;
    border: solid 1px rgba(252,251,227,1);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-align: center;
	border-radius: 1rem 1rem 0 0; 
}
.prfName > dt {
	margin: 0rem;
	font-size: 2rem;
	/*font-family: "JK";*/
}
.prfName > dt > span {
	font-size: 1.2rem;
	-webkit-text-stroke: 0px;
}
.prfName > dd {
	margin: 0;
	padding: 0.2rem;
}
.prfName > dd.shortComment {
	background: rgba(252,251,227,1);
	border: 1px solid rgba(205,187,153,1);
	padding: 0.2rem;
	display: inline-block;
	margin: 0.5rem auto;
	font-size: 0.8rem;
	border-radius: 0.5rem;
}
.prfName > dd .prfType {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	margin: 0;
}
.prfName >dd .prfType > li {
	text-align: center;
	margin: 0.2em !important;
	padding: 0 0.2em;
	font-size: 0.8rem;
	border-radius: 0.2rem;
	background: rgba(250,160,190,0.5);
	border: 1px solid rgba(252,251,227,1);
	display: inline-flex;
	line-height: 1.5em;
}
.prfPhoto {
	display: block;
	margin: 0.5rem;
	padding: 0.5rem;
	background: rgba(252,251,227,0.2);
	border: solid 1px rgba(252,251,227,1);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.prfMessage {
	margin: 0.5rem;
	padding: 0.5rem;
	/*font-family: "JK";*/
	border: solid 1px rgba(251,215,150,1);
	background: rgba(252,251,227,0.8);
	font-size: 1.2rem;
}
.prfCont {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prfCont li {
	margin: 0;
	padding: 0;
}
.prfData {
	margin: 0.5rem;
	padding: 0rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.5);
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.prfData dt {
	width: 12em;
	background: rgba(251,215,150,0.5);
	margin-top: 0;
	margin-right: 0rem;
	margin-bottom: 0;
	margin-left: 0;
	padding:0.1rem;
	box-sizing: border-box;
	border-bottom: 1px solid #fcfbe3;
	color: #0a3c96;
}
.prfData dd {
	width: calc(100% - 12.4em);
	margin: 0;
	padding: 0.1rem;
	border-bottom: 1px solid #fcfbe3;
	box-sizing: border-box;
	min-width: 0;
	/*font-family: 'JK';*/
}
.prfData dd:last-child, .prfData dt:last-of-type {
	border: none;
}
.prfOption {
	margin: 0.5rem;
	padding: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	overflow: hidden;
	background: rgba(252,251,227,0.5);
}
.prfOption > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prfOption > ul > li {
	width: auto;
	margin: 1px;
	padding: 0.2rem;
	font-size: 0.8rem;
	line-height: 1rem;
	float: left;
	border-radius: 0.2rem;
	background: rgba(250,160,190,0.5);
	border: 1px solid rgba(252,251,227,1);
	width: auto !important;
	color: #0a3c96;
}
.prfOption > ul > li span {
	font-size: 1.5rem;
}

/* PRF SCHEDULE */
.prfSchedule {
	margin: 0.5rem;
	padding: 0rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	overflow: hidden;
	background: rgba(252,251,227,0.5);
}
ul.prfSch {
	float: left;
	list-style: none;
	width: 30%;
	clear: none;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
}
ul.prfSch:nth-child(2) {
	width:70%;
}
ul.prfSch > li {
	float: none;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}
ul.prfSch li span {
	display: block;
	background: rgba(251,215,150,0.5);
	margin: 1px;
	padding: 0;
	text-shadow: none;
	width: calc(100% - 2px);
}
ul.prfSch li span.schTime {
	background: none;
}
.chart-container {
	border: 1px solid rgba(252,251,227,1);
	margin: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background: rgba(252,251,227,0.5);
	position: relative;
}
.chart-container .points {
	position: absolute;
	font-size: 2rem;
	font-family: 'Chango';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 3rem;
	z-index: 999;
	text-align: center;
}
.videoWrap {
	padding: 0.2rem;
	margin: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background: rgba(252,251,227,0.5);
}
/* プロフの写メ日記 */
.prfShame {
	margin: 0.5rem;
	padding: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	overflow: hidden;
	background: rgba(252,251,227,0.2);
}
.prfShame .gplWrap {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prfShame .gplWrap li {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2rem;
	margin-left: 0;
	overflow: hidden;
}
.prfShame .gplWrap li .gplMainImage {
	width: 100%;
	margin: 0.2rem;
	display:block;
}
.prfShame .gplWrap li .gplMainImage img {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
}
.prfShame .gplWrap li .gplDetail {
	font-family: 'JK';
}
.prfShame .gplWrap li .gplDetail h3 {
	color: #fa73a0;
	font-size: 1.2rem;
	background: rgba(252,251,227,0.5);
	margin: 0.5rem;
}
.prfShame .gplWrap li .gplDetail h3 span {
	font-size: 0.6rem;
	color: #755c3b;
	display: block;
}
.prfShame .gplWrap li .gplDetail .emojione {
	width: 1rem;
	height: auto;
}

/* スタッフコメント */
.staffCome {
	margin: 0.5rem;
	padding: 0.2rem;
}
/* balloon-1 right */
#balloon-1-right {
	position: relative;
	display: block;
	padding: 0.5rem;
	width: auto;
	min-width: 115px;
	height: auto;
	background: rgba(252,251,227,0.5);
	border: 1px solid rgb(252,251,227);
	z-index: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.contentBox {
	margin: 0.5rem;
	padding: 0.5rem;
	background: rgba(252,251,227,0.5);
	border: 1px solid rgb(252,251,227);
	z-index: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* 地図 */
.access {
	margin: 0px;
	padding: 0em;
	clear: both;
	list-style:none;
}
.access dt {
	float: left;
	width: 5em;
	border: none;
}
.access dd {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000222;
	padding: 0.2rem;
}
.access dd:before {
	content: "："
}
.access dd:last-child {
	border:none;
}
.mapLink {
	background: rgba(250,130,200,0.5);
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	color: rgba(250,250,220,1);
	text-shadow: none;
	border: 1px solid rgba(250,250,220,1);
	margin: 0.5em auto;
	text-align: center;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	display: block;
	line-height: 2em;
	border-radius: 0.2rem;
	max-width: 320px;
}
.mapLink:hover {
	box-shadow: none;
}
.gMapLink {
	background: #fbaab9;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	color: #000222;
	border: 1px solid #fff;
	margin: 0.5em;
	text-align: center;
	padding: 0.5em;
	display: block;
	clear: both;
}
#map {
	height: 300px;
	width: auto;
}

/* 料金表 */
.admission {
	margin: 0.5rem;
	padding: 0rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.2);
	font-size: 1.2rem;
}
.admission dt {
	margin-top: 0;
	margin-right: 0.2rem;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	width: 8rem;
	float: left;
	line-height: 2.5rem;
}
.admission dd {
	margin: 0;
	padding: 0;
	line-height: 2.5rem;
	border-bottom: 1px solid #fcfbe3;
	position: relative;
	padding-left: 8.2rem;
}
.admission dd:last-child {
	border: none;
}
.admission dd .cap {
	position: absolute;
	left: 8.2rem;
	bottom: 0rem;
}
.price {
	margin: 0.5rem;
	padding: 0rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.2);
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
	font-size: 1.5rem;
	text-align: center;
}
.price dt {
	width: calc(100% / 3);
	background: rgba(250,130,200,0.5);
	margin: 0;
	padding:0rem;
	box-sizing: border-box;
	border-bottom: 1px solid #fcfbe3;
	line-height: normal;
}
.price dd {
	width: calc(100% / 3);
	margin: 0;
	padding: 0rem;
	border-bottom: 1px solid #fcfbe3;
	box-sizing: border-box;
	min-width: 0;
	line-height: normal;
}
.price dd:last-child {
	border: none;
}
.basic {
	margin: 0.5rem;
	padding: 0.5rem;
	list-style: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.2);
}
.basic li {
	float: left;
	padding: 0 0.2rem;
	text-align: center;
	margin: 1px;
	background: rgba(235,85,145,0.5);
	border: 1px solid rgba(252,251,227,1);
	color: #fcfbe3;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-size: 1.2rem;
}
.option {
	margin: 0.5rem;
	padding: 0rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.2);
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
	font-size: 1.2rem;
}
.option dt {
	width: 12rem;
	background: rgba(250,130,200,0.5);
	margin-top: 0;
	margin-right: 0.2rem;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0rem;
	box-sizing: border-box;
	border-bottom: 1px solid #fcfbe3;
	line-height: normal;
	color: #fcfbe3;
	text-align: center;
}
.option dd {
	width: calc(100% - 12.2rem);
	margin: 0rem;
	padding: 0rem;
	border-bottom: 1px solid #fcfbe3;
	box-sizing: border-box;
	min-width: 0;
	line-height: normal;
}
.option dd:last-child {
	border: none;
}
.option dd > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.option dd > ul > li {
	margin: 0;
	padding: 0;
	line-height: normal;
}
/* コスプレ */
.cosplay {
	margin: 0.5rem;
	padding: 0rem;
	list-style: none;
}
.cosplay li {
	margin: 0rem;
	padding: 0rem;
	width: calc( 100% / 2 );
	float: left;
}
.cosplay li dl {
	display: block;
	margin: 0rem;
	padding: 0.2rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	background: rgba(250,160,190,0.2);
	position: relative;
}
.cosplay li dt {
	text-align: center;
}
.cosplay li dd {
	text-align: center;
	background: rgba(252,251,227,0.5);
	margin: 0.1rem;
	border: 1px solid rgba(252,251,227,1);
}

/* 求人 */
.recBox {
	margin: 0.5rem;
	padding: 0.5rem;
	background: rgba(252,251,227,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.recBox dl {
	margin: 0rem;
	padding: 0rem;
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.5);
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.recBox dt {
	width: 8em;
	background: rgba(250,125,230,0.5);
	margin-top: 0;
	margin-right: 0rem;
	margin-bottom: 0;
	margin-left: 0;
	padding:0.1rem;
	box-sizing: border-box;
	border-bottom: 1px solid #fcfbe3;
	color: #0a3c96;
}
.recBox dd {
	width: calc(100% - 8.4em);
	margin: 0;
	padding: 0.1rem;
	border-bottom: 1px solid #fcfbe3;
	box-sizing: border-box;
	min-width: 0;
}
.recBox dd:last-child, .prfData dt:last-of-type {
	border: none;
}
.lineLINK {
	margin: 0.5rem;
	padding: 0.2rem;
	background: rgba(0,170,55,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
	display:block;
	flex-wrap: wrap;
	overflow: hidden;
	color: #fcfbe3;
}
.lineLINK:hover {
	color: #fcfbe3;
	box-shadow: none;
}
.lineLINK img {
	float: left;
	width: 80px;
	height: auto;
	margin: 5px;
}

/* メルマガ */
.mailBtn {
	margin: 0.5rem auto;
	padding: 0.2rem;
	background: rgba(250,160,190,0.8);
	border: 1px solid rgba(252,251,227,1);
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #fcfbe3;
	display: block;
	max-width: 75%;
	line-height: 2rem;
}
.mailBtn:hover {
	box-shadow: none;
}

/* 店舗情報 */
.shopInfo {
	margin: 0 auto;
	padding: 0.5rem;
	border: 1px solid rgba(252,251,227,1);
	background: rgba(252,251,227,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	width: 95%;
}
.shopInfo dt {
	margin: 0px;
	padding: 0.2em;
	float: left;
	width: 8rem;
	font-weight: normal !important;
}
.shopInfo dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(252,251,227,1);
	margin: 0px;
	padding-top: 0.2rem;
	padding-right: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 6rem;
}
.shopInfo dd span {
	display: block;
	font-size: 0.8rem;
}
.shopInfo dd:last-child {
	border: none;
}


/* SNS LINK */

.snsLink {
	margin: 0.5rem auto;
	padding: 0;
	list-style: none;
	width: 256px;
}
.snsLink li {
	margin: 0px;
	padding: 0rem;
	float: left;
	width: calc(100% / 3);
	display: inline-block;
}
.snsLink li a {
	display: inline-block;
	margin: 0 auto;
	padding: 0em;
	text-align: center;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	width: 64px;
	height: 64px;
	text-decoration: none;
	position: relative;/*相対配置*/
	border-radius: 1rem;
}
.snsLink li a:hover {
	box-shadow: none;
}
.snsLink li a.twtLink {
	background: rgba(29,161,242,0.5);
}
.snsLink li a.fbLink {
	background: rgba(59,89,152,0.5);
}
.snsLink li a.instaLink {
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;
}
.snsLink li a.instaLink:before {
	content: '';
	position: absolute;/*絶対配置*/
	top: 23px;
	left: -18px;
	width: 60px;
	height: 60px;
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}
.snsLink li a i {
	/*display: table-cell;
	vertical-align: middle;*/
	color: #FFF;/*白に*/
	position: relative;/*z-indexを使うため*/
	z-index: 2;/*グラデーションより前に*/
	line-height: 64px;/*高さと合わせる*/
}

.shopMes{
	position: relative;
	width: auto;
	z-index: 0;
	padding: 0;
	margin: 0 0.5rem;
}

.shopMes.onhidden{
	height:15em;
	/*overflow-y:hidden;*/
	overflow:hidden;
}
.shopMes .readmore{
	position:absolute;
	bottom:0;
	width:100%;
	padding:30px 0;
	text-align:center;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) repeat scroll 0 0;
	font-weight:bold;
	cursor:pointer;
	z-index:999;
}
.shopMes .readmore span{
	border-radius:0.2em;
	padding:5px 30px;
	background: rgba(20,150,200,0.7);
	border: 1px solid #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.intCap {
	padding: 0rem;
	margin: 0 0.5rem;
	color: #000;
}
.intCap > ul {
	margin: 0;
	padding: 0.5rem;
	list-style: none;
}
.intCap > ul > li {
	float: left;
	width: 32.33%;
	margin: 0.5%;
	padding: 0;
	text-align: center;
}
.intCap .comme {
	margin: 0;
	padding: 0.5rem;
}

/* ランキング　*/
.rankingComment {
	background: rgba(252,251,227,0.5);
	border: 1px solid rgba(252,251,227,1);
	text-align: center;
	margin: 0.5rem;
	padding: 0.2rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 2em;
}
.rankingGirl {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	margin: 0;
}
.rankingGirl li {
	width: calc(100% / 2);
	text-align: center;
	margin: 0em !important;
	padding-top: 60px;
	font-size: 0.8rem;
	line-height: 1.5em;
	float: left;
	position:relative;
}
/*.rankingGirl li:nth-child(1) {
	width: 100%;
	padding-top: 90px;
}*/

.rankingGirl li .rankingThmb{
	overflow: hidden;
	width: 120px;/* トリミングしたい枠の幅 */
	height: 120px;/* トリミングしたい枠の高さ */
	position: absolute;
	background: rgba(252,251,227,0.5);
	padding: 0px;
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	border-radius: 50%;
	top: 0;
	left: calc( 50% - 60px );
	background:linear-gradient(left, #f00, #00f);
	display:block;
}
.rankingGirl li:nth-child(1) .rankingThmb:before{
	content: "";
	background: url(../img/rank1.png) no-repeat center, center;
	/*background-size: 180px auto;*/
	background-size: 120px auto;
	position: absolute;
	z-index: 105;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
}
.rankingGirl li:nth-child(2) .rankingThmb:before{
	content: "";
	background: url(../img/rank2.png) no-repeat center, center;
	background-size: 120px auto;
	position: absolute;
	z-index: 105;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
}
.rankingGirl li:nth-child(3) .rankingThmb:before{
	content: "";
	background: url(../img/rank3.png) no-repeat center, center;
	background-size: 120px auto;
	position: absolute;
	z-index: 105;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
}
.rankingGirl li:nth-child(4) .rankingThmb:before{
	content: "";
	background: url(../img/rank4.png) no-repeat center, center;
	background-size: 120px auto;
	position: absolute;
	z-index: 105;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
}
.rankingGirl li:nth-child(5) .rankingThmb:before{
	content: "";
	background: url(../img/rank5.png) no-repeat center, center;
	background-size: 120px auto;
	position: absolute;
	z-index: 105;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
}
.rankingGirl li .rankingThmb img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	height: auto;
}
/*.rankingGirl li:nth-child(1) .rankingThmb{
	width: 180px;
	height: 180px;
	left: calc( 50% - 90px );
}*/
.rankingGirl li .rankingData {
	margin: 0.5em;
    padding-top: calc(60px + 0.2rem);
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0em;
	background: linear-gradient(180deg,rgba(250,10,210,0.5) 0%,rgba(250,10,210,0.5) 60px,rgba(252,251,227,0.5) 60px,rgba(252,251,227,0.5) 100%);
	background-size: 60px auto, auto, auto, auto, auto;
    border: solid 1px rgba(252,251,227,1);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-align: center;
	border-radius: 1rem 1rem 0 0;
}
/*.rankingGirl li:nth-child(1) .rankingData {
	padding-top: calc(90px + 0.2rem);
	background: linear-gradient(180deg,rgba(250,10,210,0.5) 0%,rgba(250,10,210,0.5) 90px,rgba(251,207,207,0.5) 90px,rgba(251,207,207,0.5) 100%);
	background-size: 90px auto, auto, auto, auto, auto;
}*/
.rankingGirl li .rankingData dt {
	font-family: 'JK';
}
.rankingGirl li .rankingData dt {
	font-size: 1.2rem;
}
.rankingGirl li .rankingData dt span {
	font-size: 0.8em;
}
/*.rankingGirl li:nth-child(1) .rankingData dt {
	font-size: 1.5rem;
}*/
.rankingGirl li:nth-child(1) .rankingData dt span {
	font-size: 1rem;
}

/* #################FORM##################### */
.form {
margin: 0;
padding: 0;
}
.form .formBox{
	margin: 0px;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	
}
.form dl, .contQuestion{
	margin: 0.5rem;
	padding: 0.5rem;
	background: rgba(252,251,227,0.5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(252,251,227,1);
}
.form dt{
	margin: 0px;
	padding: 0.2em;
	font-size: 1.2em;
	display: block;
}
.form dd{
	padding: 0.2em;
	margin: 0px;
}
.form dd span{
	display:block;
}
.form .caption {
	font-size: 0.8em;
}
.submit {
	padding: 0px;
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
}
input, textarea, select {
	padding: 0em;
	border: solid 1px rgba(252,251,227,1);
	outline: 0;
	background: rgba(252,251,227,0.8);
	width: 70%;
	line-height: 2em;
	font-size: 1.2em;
	color: #000;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    }
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/selectIco.png) no-repeat center right, rgba(250,160,190,0.5);
	background-size: 24px, auto;
}
 input[disabled="disabled"], textarea[disabled="disabled"] {
	background-color: #CCC;
 }
 
input:hover, textarea:hover,
input:focus, textarea:focus {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) inset;
	background: rgba(255,255,255,0.8);
    }
 
label {
    margin-left: 10px;
    }

input[type="radio"] {
	min-width: inherit;
	display: none;
}
input[type="checkbox"] {
	min-width: inherit;
	display: none;
}
input[type="radio"] + label {
	background: rgba(252,251,227,0.5);
	display: inline-block;
	margin: 0.2rem;
	padding: 0.2em;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
	border: 1px solid #fcfbe3;
	float: left;
	font-size: 0.8rem;
	color: #000;
}
input[type="radio"]:checked + label{
	background-color: rgba(252,251,227,1);
	background-image: none;
}
input[type="checkbox"] + label {
	background: rgba(252,251,227,0.5);
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
	display: inline-block;
	margin: 0.2rem;
	padding: 0.2rem;
	border: 1px solid #fcfbe3;
	float:left;
	font-size: 0.8rem;
	color: #000;
}
input[type="checkbox"]:checked + label {
    background: rgba(252,251,227,1);
}
input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"], button[type="reset"] {
	background: rgba(252,251,227,0.5);
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
	margin: 0.2rem;
	padding: 0em;
	border: 1px solid #fff;
	font-family: 'mplusRegular', 'serif';
    }
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
	background: rgba(250,160,190,1);
}
.formDay {
	width: 7em;
}
/* #################PAGE TOP##################### */
#page-top {
	position: fixed;
	bottom: 48px;
	right: 0px;
	font-size: 0.6em;
	z-index: 9999;
}
#page-top a {
	background: url(../img/topIco.png) no-repeat center center, rgba(250,225,250,0.5);
	background-size: 36px;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 0.5em 0 0 0.5em;
	padding: 0em;
	color: #fff;
	text-shadow: none;
	text-indent: -9999px;
	height: 48px;
	width: 48px;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
}
#page-top a:hover {
    background: url(../img/topIco.png) no-repeat center center, rgba(250,225,250,0.7);
	background-size: 36px;
}

/* #################FOOTER##################### */
#footer{
	margin: 0px;
	padding: 0px;
	clear:both;
}
#footer p{
	background: rgba(0,0,0,1);
	text-align: center;
	display: block;
	font-size: 0.6em;
	text-shadow: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	line-height: 18px;
	color: #fff;
}
.footerLogo {
	display: none;
	background: url(../img/logoFooter.png) no-repeat center center;
	background-size: auto 120px;
	text-indent: -9999px;
	width: 100%;
	height: 120px;
}
#footerCall {
	position: fixed;
	bottom: 8px;
	left: 8px;
	font-size: 2em;
	z-index: 99;
	background: rgba(250,250,220,0.7);
	margin: 0;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
	border: solid 1px rgba(250,250,220,1);
	color: #0a3c96;
	text-shadow: none;
	border-radius: 0.2rem;
}
#footerCall:hover {
	box-shadow: none;
}
#footerContact {
	position: fixed;
	bottom: 8px;
	left: 74px;
	font-size: 2em;
	z-index: 99;
	background: rgba(250,225,250,0.7);
	background-size: 64px auto,auto;
	margin: 0;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
	border: solid 1px rgba(250,225,250,1);
	color: #333;
	text-shadow: none;
	border-radius: 0.2rem;
}
#footerContact:hover {
	box-shadow: none;
}
#footerContact span {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 0.8rem !important;
	width:100%;
	text-align: center;
	display: block;
}
#footerLine {
	position: fixed;
	bottom: 8px;
	left: 74px;
	font-size: 2em;
	z-index: 99;
	background: url(../img/lineIco_footer.png) no-repeat center center, rgba(90,230,40,0.7);
	background-size: 64px auto,auto;
	margin: 0;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-indent: -9999px;
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
	border: solid 1px #5ae628;
	color: #452c0a;
	text-shadow: none;
	border-radius: 0.2rem;
}
#footerLine:hover {
	box-shadow: none;
}
/* responsive 35em以上 */
@media screen and (min-width:35em){

.topCont > li:nth-child(1) {
	width: 100%;
}
.topCont > li:nth-child(2) {
	width: 100%;
}

}
/* responsive 35em以上おわり */



/* responsive 50em以上 */
@media screen and (min-width:50em){

body {
	background: (255,255,255,1);
	background-attachment: fixed; 
      }
/* ################## HEADER ########################## */
/*#header {
	height: 150px;
	background: url(../img/headerPC.png) top center no-repeat,rgba(252,251,227,0.8);
	background-size: auto 150px;
}*/
#header .menu{
	display: none;
}
#header .shopDeta {
	margin: 0;
	text-align: right;
	font-size: 1rem;
	width: auto;
	height: auto;
	top: 0;
	padding: 0;
	text-indent: inherit;
	background: none;
	border: none;
	box-shadow: none;
}
#header .shopDeta:hover {
	box-shadow: none;
}
#header .shopDeta  span.tel{
	font-size: 1.5rem;
	line-height: 0.8em;
	display: inline-block !important;
}
#header .shopDeta > .add {
	display: block;
	text-align: right;
	font-size: 0.8rem;
}
#header .shopDeta  span{
	display:block !important;
	font-size: 1.2rem;
}
#header .subtitle {
	font-size: 1.2em;
	text-align: left;
	bottom: -20px;
	left: 40px;
	max-width: 1200px;
}
.global {
	display: block !important;
	margin-bottom: 0.5rem;
}
.global ul li {
	width: 20%;
}
.global ul li a {
font-size: 1rem;
}
/* ################## MAIN ########################## */
#main {
	margin-right: auto;
	margin-bottom: 0rem;
	margin-left: auto;
	/*margin-top: calc( 64px + 1rem );*/
	margin-top: 64px;
	max-width: 1200px;
}
#main section {
	width: 100%;
}
.topIndex {
	height: 100vh;
}
.topImage {
	height: 100vh;
}
.image03 {
	background: url(../img/indexBG_PC.png) no-repeat top center !important;
	background-size: 100% auto !important;
}
.topImageContents {
	width: 100%;
	/*height: 100vh;*/
	height: 100vh;
	font-size: 1.5em;
}
.image02 {
	background-size: auto 120% !important;
}
.topCont > li {
	float: left;
	width: 50% !important;
	margin: 0 !important;
}
.topBBS > li {
	float: left;
	width: 49% !important;
	margin: 0 !important;
	overflow: auto;
}
.topSlide > li:nth-child(1) {
	width: 75% !important;
}
.topSlide > li:nth-child(2) {
	width: 25% !important;
	padding-top: 0 !important;
}
.topNews {
	height: 600px;
	overflow: auto;
	margin: 0 auto;
}

.topNewFace {
	font-size: 1em;
}
.topNewFace li a dt{
	overflow: hidden;
	width: 120px;/* トリミングしたい枠の幅 */
	height: 120px;/* トリミングしたい枠の高さ */
}

.topNewFace li a dd{
	margin-left: 142px;
}


.pickUp {
	width: auto;
	height: auto;
}

.topEvent dt {
	float: left;
	width: 40%;
}
.topEvent dd {
	margin-left: 42%;
	line-height: 3em;
}

.topNewFace {
	overflow: auto;
	width: 100%;
	height: 32rem;
}

.castList li {
	width: calc(100% / 5);
}
.castList li a .diaryIco {
	background-size: 36px auto;
	bottom: 2rem;
	right: 0rem;
	width: 36px;
	height: 36px;
}

.prfCont li {
	float: left;
	margin: 0;
	padding: 0%;
}
.prfCont li:nth-child(1) {
	width: 40%;
}
.prfCont li:nth-child(2) {
	width: 60%;
}
.prfData {
	font-size: 1.5rem;
}

ul.prfSch {
	width: 100%;
	clear: none;
}
ul.prfSch:nth-child(2) {
	width:100%;
}
ul.prfSch > li {
	float: left;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	width: calc( 100% / 7 );
}
.cosplay li {
	width: calc( 100% / 5 );
}
.shopInfo {
	width: 75%;
}
.rankingGirl li {
	width: calc(100% / 5);
}
}
/* responsive 50em以上おわり */
.sr, .sr-seq { visibility: hidden; }