@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: #333;
    line-height: 1.5em;
    font-family: 'mplusRegular', 'serif';
    /*font-family: 'a-otf-futo-min-a101-pr6n', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ヒラギノ角ゴ Pro W3', "HGS明朝E", "游明朝", "YuMincho", "serif";*/
    vertical-align: middle;
	-webkit-animation-name: bodyFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	text-shadow: none;
	background:
		url(../img/BG01.png) repeat center center,
          linear-gradient(
            135deg,
            rgba(241,247,8,1) 10%,
            rgba(245,195,10,1) 100%
          ) repeat left top !important;
        background-size: 200px auto, 100vw 100% !important;
        background-attachment: scroll, scroll !important;
      }

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

.borderPnk {
	border: 3px solid #fa0ad2 !important;
}

/* #################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(245,195,10,0.5);
	text-shadow: none;
}
#header .logo{
	/*height: 56px;*/
	text-align: right;
}
.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: #fcfbe3;
	border-radius: 25px;
}
#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);
	color: #333;
	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: rgb(250,10,210);
}
#header .drawer-menu li a > span {
	display: inline-block;
	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;
}
#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 {
	position: relative;
	border-top: solid 2px rgba(250,10,210,1);
	border-bottom: solid 2px rgba(250,10,210,1);
	background: #fcfbe3;
	line-height: 1.4;
	padding: 0.4em 0.5em;
	margin: 2em 0 0.5em;
	font-family: "mplusBold";
}
#main section h1:after {
	position: absolute;
	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
	font-weight: 900;
	content: '\f0a7 CHECK!';
	background: rgba(250,10,210,1);
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 0.05em;
}
#main section h1 .Pname {
	color: #fa0ad2;
	font-family: 'JK';
	font-size: 1.2rem;
}
/*#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: #fcfbe3;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
	display: block;/*おまじない*/
	line-height: 1.3;/*行高*/
	background: #fa0ad2;/*背景色*/
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	width: calc(100% - 0.5rem);
}
#main section h2:before {
	content: '●';
	color: #fafab4;
	margin-right: 8px;
}
#main section h3 {
	background: rgba(255,220,110,1);
	padding: 0.2rem;
	margin: 0.5rem;
}
#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: #fafadc;
	text-shadow: none;
	background: 
		linear-gradient(
		0deg,
		rgba(250,10,210,1) 10%,
		rgba(250,10,210,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 a:first-letter {
	color: #333;
}
.global ul li a > span {
	display: block;
	font-size: 0.8em;
	line-height: 1em;
	color: #fafadc;
}
.global ul li a:hover {
	color: rgba(250,210,250,1);
	box-shadow: none;
}
/* #################INDEX##################### */
.topIndex {
	width: 100%;
	/*height: 100vh;*/
	height: 90vh;
	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;
}


.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/logoIndex_mobile.png) no-repeat center 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: rgba(250,10,210,0.8);
	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##################### */
.kokuchi {
	margin: 0;
	margin-bottom: 10px;
	padding: 0.2em;
}
.kokuchi li {
	margin: 0;
	margin-bottom: 5px;
	paddi: 0;
}
.topCont {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topCont li {
	margin: 0;
	padding: 0;
}

.topContents {
	margin: 0.5rem;
	padding: 0rem;
}
.topImasugu {
	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);
	background: rgba(252,251,227,0.8);
}
.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;
}


.topSlide > li:nth-child(1) {
}
.topSlide > li:nth-child(2) {
	/*background: -webkit-repeating-linear-gradient(-45deg, #f5c30a, #f5c30a 3px,#fcfbe3 3px, #fcfbe3 7px);
	background: repeating-linear-gradient(-45deg, #f5c30a, #f5c30a 3px,#fcfbe3 3px, #fcfbe3 7px);*/
    background-size: 100% 100%;
	padding: 1rem 0;
}

/* ************************ 更新情報 */
.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);
}
.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.5rem;
	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;	
}
.topNews li a dt{
	overflow: hidden;
	width: 60px;/* トリミングしたい枠の幅 */
	height: 60px;/* トリミングしたい枠の高さ */
	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: 62px;
}
.topNews li a dd.topNewsTtl {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #f1f8ff;
	padding: 0.25em 0.5em;
	padding-left: 2rem;
	color: #333;
}
.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(250,10,210,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;
	background: rgba(255,255,255,0.8);
}
.newsList li:last-child a {
	border: none;
}
.newsList li a dl {
	margin: 0;
	padding: 0;
	color: #755c3b;
	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;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #eb5591;
	background: rgba(251,207,207,0.5);
	border: 1px solid rgba(252,251,227,1);
	border-radius: 0.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);
	height: 30em;
	overflow: auto;
}
.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 .newsContTtl a{
	display: block;
	background: rgba(255,255,255,0.8);
}
.newsContents .newsContTtl a dl{
	margin: 0;
	padding: 0;
}
.newsContents .newsContTtl a dl dt{
	float: left;
}
.newsContents .newsContTtl a dl dt img{
	width: 60px;
	height: auto;
}
.newsContents time {
	display: block;
	text-align: right;
	font-size: 0.6rem;
}
.newsContents .newsImage{
	display: block;
	margin: 0 auto;
}

.pickUp {
	display: block;
	margin: 0.5rem auto;
	padding: 5px;
	position: relative;
	width: 310px;
	height: auto;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.pickUp dl {
	margin: 0;
	padding: 0.5rem;
}
.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);
}
.pickUp dd {
	position: absolute;
}
.pickUp dd.pickUpName {
	bottom: 0rem;
	left: 0.5rem;
	width: calc(100% - 1rem);
	background: 
		linear-gradient(
		-10deg,
		rgba(250,10,210,1) 10%,
		rgba(250,10,210,0.5) 100%
		) repeat left top !important;
    background-size: 100vw 100%;
	text-align: center;
	color: #fcfbe3;
	font-size: 1.2rem;
	line-height: 2em;
	font-family: 'JK';
}
.pickUp dd.pickUpName span {
	font-size: 0.8rem;
}
.pickUp dd.pickUpTTL {
	background: url(../img/pickUpTTL.png) no-repeat center center;
	background-size: 250px auto;
	position: absolute;
	text-indent: -9999px;
	bottom: 3rem;
	left: 0.5rem;
	width: calc(100% - 1rem);
	height: 2rem;
}
.pickUp dt .newFace {
	font-family: "Comfortaa";
	position: absolute;
	line-height: 60px;
	width: 60px;
	border-radius: 18px;
	right: 1rem;
	top: 1rem;
	text-align: center;
	background: url(../img/newIco.png) center center;
	background-size: 60px 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;
}
.pickUp dt .imechen {
	position: absolute;
	background: url(../img/imechenIco.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 .shinjinkikan {
	position: absolute;
	background: url(../img/shinjinkikanIco.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 .osusume {
	position: absolute;
	background: url(../img/osusumeIco.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);
	background: rgba(252,251,227,0.8);
}

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

/* その他 */
.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;
}

/* 今すぐ */
.f-quickGirls {
	/*margin: 0.5rem;
	padding: 0rem;
	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);*/
	list-style-type: none;
}
.f-quickGirls li {
	margin: 0;
	padding: 0;
	float: left;
	/*width: calc( 100% / 3 );*/
}
.f-quickGirls li a {
	display: block;
	margin: 0.2em;
	padding: 0em;
}
/*.p-centeringPhotoWrap {
	padding: 0px;
	width: 140px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	text-align: center;
}*/
.f-quickGirls > li > a > .p-centeringPhotoWrap {
	overflow: hidden;
	width: 100px;/* トリミングしたい枠の幅 */
	height: 133px;/* トリミングしたい枠の高さ */
	position: relative;
	background: rgba(251,207,207,0.5);
	border: 1px solid rgba(252,251,227,1);
	margin: 0 auto;
}
.p-centeringPhotoWrap > 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;
}
.p-centeringPhotoWrap .qgIcon {
	position: absolute;
	height: 32px;
	width: 30px;
	top: 1px;
	right: 1px;
	z-index: 10;
}
.qgStandby {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: rgba(235,85,145,0.7);
	color: #fcfbe3;
	text-shadow: none;
	margin: 0px;
	padding: 0rem !important;
	font-size: 0.8rem;
	line-height: normal;
	text-align: center;
}
.f-quickGirls li a dl {
	margin: 0px;
	padding: 0px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f-quickGirls li a dl dt {
	margin: 0px;
	padding: 0rem;
	font-size: 0.8rem;
	line-height: 1rem;
}
.f-quickGirls li a dl dd {
	margin: 0px;
	padding: 0rem;
	font-size: 0.6rem;
	line-height: 0.8rem;
}


/* #################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(245,195,10,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: 48px;
	width: 48px;
	right: -2%;
	top: -2%;
	text-align: center;
	background: url(../img/newIco.png) center center;
	background-size: 48px auto;
	color: #fcfbe3;
	display: block;
	z-index: 999;
	font-size: 0.8rem;
	text-indent: -9999px;
}
.castList li a .smokeOK {
	position: absolute;
	background: url(../img/tabaco_ok.png) no-repeat center center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	bottom: 0;
	right: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .smokeNG {
	position: absolute;
	background: url(../img/tabaco_ng.png) no-repeat center center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	bottom: 0;
	right: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .mikeiken {
	position: absolute;
	background: url(../img/mikeikenIco.png) no-repeat center center;
	background-size: 48px auto;
	width: 48px;
	height: 48px;
	top: -50px;
	right: 2px;
	z-index: 999;
	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 .movieIco {
	position: absolute;
	background: url(../img/movieIco.png) no-repeat center center;
	background-size: 32px auto;
	bottom: 0;
	left: 0.2rem;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	z-index: 999;
}
.castList li a .tainyu {
	position: absolute;
	background: url(../img/tainyuIco.png) no-repeat center center;
	background-size: 42px auto;
	width: 42px;
	height: 42px;
	top: 0;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .premier {
	position: absolute;
	background: url(../img/premierIco.png) no-repeat center center;
	background-size: 42px auto;
	width: 42px;
	height: 42px;
	top: 0;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .rare {
	position: absolute;
	background: url(../img/rareIco.png) no-repeat center center;
	background-size: 42px auto;
	width: 42px;
	height: 42px;
	top: 0;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .imechen {
	position: absolute;
	background: url(../img/imechenIco.png) no-repeat center center;
	background-size: 42px auto;
	width: 42px;
	height: 42px;
	top: 0;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .shinjinkikan {
	position: absolute;
	background: url(../img/shinjinkikanIco.png) no-repeat center center;
	background-size: 42px auto;
	width: 42px;
	height: 42px;
	top: 0;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .osusume {
	position: absolute;
	background: url(../img/osusumeIco.png) no-repeat center center;
	background-size: 42px auto;
	width: 42px;
	height: 42px;
	top: 0;
	left: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.castList li a .ranking_1 {
	position: absolute;
	background: url(../img/rank1_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	bottom: -5px;
	right: calc( 50% - 30px );
	z-index: 1000;
	text-indent: -9999px;
}
.castList li a .ranking_2 {
	position: absolute;
	background: url(../img/rank2_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	bottom: -5px;
	right: calc( 50% - 30px );
	z-index: 1000;
	text-indent: -9999px;
}
.castList li a .ranking_3 {
	position: absolute;
	background: url(../img/rank3_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	bottom: -5px;
	right: calc( 50% - 30px );
	z-index: 1000;
	text-indent: -9999px;
}
.castList li a .ranking_4 {
	position: absolute;
	background: url(../img/rank4_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	bottom: -5px;
	right: calc( 50% - 30px );
	z-index: 1000;
	text-indent: -9999px;
}
.castList li a .ranking_5 {
	position: absolute;
	background: url(../img/rank5_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	bottom: -5px;
	right: calc( 50% - 30px );
	z-index: 1000;
	text-indent: -9999px;
}
.castList li a .ranking_6 {
	position: absolute;
	background: url(../img/rank_other_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	bottom: -5px;
	right: calc( 50% - 30px );
	z-index: 1000;
	text-indent: -9999px;
}
.castList li a .first {
	position: absolute;
	background: url(../img/firstIco.png) no-repeat center center;
	background-size: 72px auto;
	width: 72px;
	height: 22px;
	top: -8px;
	right: calc( 50% - 36px );
	z-index: 1000;
	text-indent: -9999px;
}
.castList li a .castImage{
	position: relative;
}
.castList li a .castImage img {
	display: block;
}

.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 {
	margin: 0;
	padding: 0;
	background: rgba(250,10,210,0.8);
	line-height: 2rem;
	position: relative;
	font-weight: normal;
	font-family: 'JK';
	color: #fff;
}
.castList li a dt span {
	font-size: 0.8rem;
}
.castList li a dd {
	margin: 0;
	padding: 0;
	line-height: normal;
}
.castList li a dd.schData {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	width: 48px;
	height: 48px;
	border-radius: 0.2rem;
	bottom: 50px;
	left: 4px;
	background: rgba(220,250,135,0.9);
	font-family: 'Comfortaa';
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #0a3c96;
	display: inline-block;
}
.castList li a dd.schData > span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width :48px;
	text-align:center;
	font-size: 0.8rem;
	line-height: 0.8rem;
}
.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.5);
	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;
	font-size: 0.6em;
	line-height: nomal;
	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
}

.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(250,10,210,1) ;
	color: #fcfbe3;
}

/* プロフィール */
.prfHeader{
	display: block;
	position: relative;
	padding-top: calc(60px - 0.5rem); 
}
.prfHeader .prfNew {
	position: absolute;
	line-height: 36px;
	width: 36px;
	right: calc(50% - 60px);
	top: 0;
	text-align: center;
	background: url(../img/newIco.png) center center;
	background-size: 36px auto;
	color: #fcfbe3;
	display: block;
	font-size: 0.8rem;
	z-index: 1000;
	text-indent: -9999px;
}
.prfHeader .prfThmb{
	width: 120px;
	height: 120px;
	object-fit: cover; /* この一行を追加するだけ！ */
	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(250,10,210,0.8) 0%,rgba(250,10,210,0.5) 60px,rgba(245,195,10,0.5) 60px,rgba(245,195,10,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-block;
	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);
}
/* ###########################prfPhoto オプション  */
.prfPhoto .newFace {
	font-family: "Comfortaa";
	position: absolute;
	line-height: 72px;
	width: 72px;
	right: -2%;
	top: -2%;
	text-align: center;
	background: url(../img/newIco.png) center center;
	background-size: 72px auto;
	color: #fcfbe3;
	display: block;
	z-index: 999;
	font-size: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .smokeOK {
	position: absolute;
	background: url(../img/tabaco_ok.png) no-repeat center center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	bottom: 0;
	right: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .smokeNG {
	position: absolute;
	background: url(../img/tabaco_ng.png) no-repeat center center;
	background-size: 36px auto;
	width: 36px;
	height: 36px;
	bottom: 0;
	right: 0;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .mikeiken {
	background: url(../img/mikeikenIco.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 999;
	text-indent: -9999px;
}
.prfPhoto .diaryIco {
	position: absolute;
	background: url(../img/diaryIco.png) no-repeat center center;
	background-size: 24px auto;
	bottom: 0;
	right: 0rem;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	z-index: 999;
}
.prfPhoto .tainyu {
	background: url(../img/tainyuIco.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .premier {
	background: url(../img/premierIco.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .rare {
	background: url(../img/rareIco.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .imechen {
	background: url(../img/imechenIco.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .shinjinkikan {
	background: url(../img/shinjinkikanIco.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .osusume {
	background: url(../img/osusumeIco.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 999;
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-indent: -9999px;
}
.prfPhoto .ranking_1 {
	background: url(../img/rank1_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 1000;
	text-indent: -9999px;
}
.prfPhoto .ranking_2 {
	background: url(../img/rank2_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 1000;
	text-indent: -9999px;
}
.prfPhoto .ranking_3 {
	background: url(../img/rank3_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 1000;
	text-indent: -9999px;
}
.prfPhoto .ranking_4 {
	background: url(../img/rank4_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 1000;
	text-indent: -9999px;
}
.prfPhoto .ranking_5 {
	background: url(../img/rank5_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 1000;
	text-indent: -9999px;
}
.prfPhoto .ranking_6 {
	background: url(../img/rank_other_Ico.png) no-repeat center center;
	background-size: 60px auto;
	width: 60px;
	height: 60px;
	z-index: 1000;
	text-indent: -9999px;
}
.prfPhoto .first {
	position: absolute;
	background: url(../img/firstIco.png) no-repeat center center;
	background-size: 200px auto;
	width: 200px;
	height: 60px;
	top: -20px;
	right: calc( 50% - 100px );
	z-index: 1000;
	text-indent: -9999px;
}
.prfKoumoku {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 999;
}
.prfKoumoku li {
	margin: 0;
	padding: 0;
	float: none !important;
	width: 60px !important;
	height: 60px;
}
.prfMessage {
	margin: 0.5rem;
	padding: 0.5rem;
	font-family: "JK";
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border: solid 1px rgba(245,195,10,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: 9em;
	background: rgba(250,10,210,0.8);
	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: #fcfbe3;
}
.prfData dd {
	width: calc(100% - 9.4em);
	margin: 0;
	padding: 0.1rem;
	border-bottom: 1px solid #fcfbe3;
	box-sizing: border-box;
	min-width: 0;
}
.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(205,187,153,0.5);
	border: 1px solid rgba(252,251,227,1);
	width: auto !important;
}
.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,207,207,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;
}
/* プロフの写メ日記 */
.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;
}
/* タブメニュー */
.nav-tabs .nav-item{
	border-color: 1px solid rgba(252,251,227,1);
	box-shadow: rgba(0, 0, 0, 0.18) 0 5px 11px 0px, rgba(0, 0, 0, 0.15) 0 4px 15px 0;
}
.nav-tabs .nav-link {
  color: #755c3b;
  background: rgba(252,251,227,0.5);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background: rgba(250,160,190,0.5);;
  border-color: #dee2e6 #dee2e6 #fff;
}
/* スタッフコメント */
.staffCome {
	margin: 0.5rem;
	padding: 0;
}
/* 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 #f5c30a;
	z-index: 0;
	border-radius: 0.5em;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#balloon-1-right:before {
	content: "";
	position: absolute;
	top: 50px; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent rgba(252,251,227,1);
	z-index: 0;
}
#balloon-1-right:after {
	content: "";
	position: absolute;
	top: 50px;
	right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	z-index: -1;
	border-top-width: 10px;
	border-right-width: 0;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #a37e58;
	visibility: visible;
}
/* ランキング　*/
.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);
}
.rankingGirl {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	margin: 0;
}
.rankingGirl li {
	width: 50%;
	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;
	position: absolute;
	z-index: 105;
	top: 0;
	left: 0;
	width: 180px;
	height: 180px;
}
.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;
}
/* 地図 */
.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(245,195,10,0.8);
	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,10,210,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;
	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;
}
.shopMesse {
	margin: 0;
	padding: 0;
}
.shopMesse dt {
	background: rgba(250,10,210,0.5);
	border: 1px solid #fcfbe3;
	padding: 0.2rem;
}
.road {
	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);
	background: rgba(252,251,227,0.2);
	list-style: none;
}
.road li {
	float: left;
	width: calc( 100% / 3 );
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.road li img {
	max-width: 100%;
	max-height: 100%;
}
.road li span {
	display: block;
	font-size: 0.8rem;
	text-align: left;
	line-height: normal;
}
/* 料金 */
.contentBox {
	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);
	background: rgba(252,251,227,0.5);
}
.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);
	display:flex;
	justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	font-size:1.5rem;
	text-align:center;
	line-height: 2rem;
	background: rgba(252,251,227,0.5);
}
.price dt {
	width: 7rem;
	background: rgba(250,10,210,0.5);
	margin-top: 0;
	margin-right: 0rem;
	margin-bottom: 0;
	margin-left: 0;
	padding:0.1rem;
	box-sizing: border-box;
	color: rgba(252,251,227,1);
	border-right: 1px solid rgba(252,251,227,1);
}
.price dd {
	width: calc(100% - 7rem);
	margin: 0;
	padding: 0.1rem;
	box-sizing: border-box;
	min-width: 0;
	color: rgba(0,10,117,1);
}
.price dt:nth-of-type(2n) {
	background: rgba(250,10,210,0.8);
}
/*.price dd:nth-of-type(2n) {
	background: rgba(252,251,227,0.8);
}*/
.price > dt,
    .price > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
.admission {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}
.admission dt {
	margin-top: 0;
	margin-right: 0.2rem;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	width: 12rem;
	float: left;
	border-right: 1px solid #fafadc;
	line-height: 2.5rem;
}
.admission dd {
	margin: 0;
	padding: 0;
	line-height: 2.5rem;
	border-bottom: 1px solid #fafadc;
	position: relative;
}
.admission dd:last-child {
	border: none;
}
.admission dd .cap {
	position: absolute;
	left: 12.2rem;
	bottom: 0rem;
}

.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(250,10,210,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: 8rem;
	background: rgba(250,10,210,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;
}
.option dd {
	width: calc(100% - 8.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 dd {
	text-align: center;
	background: rgba(252,251,227,0.5);
	margin: 0.1rem;
	border: 1px solid rgba(252,251,227,1);
}

/* #############写メ日記風俗じゃぱんコンテンツ################ */
.sdlWrapCont {
	list-style: none;
	background: rgba(252,251,227,0.5);
	border: 1px solid rgba(252,251,227,1);
	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);
	font-size: 0.8rem;
}
.sdlWrapCont li {
	padding: 0;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(252,251,227,1);
}
sdlWrapCont li:last-child {
	border: none;
}
/*.sdlWrapCont li .sdlPostItem {
	float: left;
	width: 30%;
	margin:0;
	padding: 0;
}*/
.sdlWrapCont li .sdlPostItem {
	overflow: hidden;
	width: 75px;/* トリミングしたい枠の幅 */
	height: 100px;/* トリミングしたい枠の高さ */
	position: relative;
	float: left;
	background: rgba(250,160,190,0.5);
	border: 1px solid rgba(252,251,227,1);
}
.sdlWrapCont li .sdlPostItem a {
	display: block;
}
.sdlWrapCont li .sdlPostItem 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;
}
.sdlWrapCont li .sdlGirlData {
	margin-left: 0px;
	padding: 0;
	float:left;
	width: calc( 100% - 75px);
}
.sdlUpDate {
	font-size: 0.6em;
	display: block;
	line-height: 1.2em;
}
.sdlPostTit {
	display: block;
	background: rgba(250,160,190,0.5);
	margin: 0.2rem;
	border: 1px solid rgba(252,251,227,1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sdlGirlImage {
	position: absolute;
	z-index: 999;
	height: auto;
	width: 30px;
	right: 0px;
	top: 0.5em;
}
.sdlGirlName {
	display: block;
}
.sdlSpec {
	font-size: 0.8rem;
}
.sdlTypeList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sdlTypeList > li {
	float: left !important;
	font-size: 0.8em;
	margin: 1px;
	width: auto !important;
	text-align: center;
	padding: 0em !important;
	background: rgba(251,207,207,0.5);
}
.sdlScheduleToday,.sdlScheduleNow {
	margin: 0.2rem !important;
	padding: 0.2rem !important;
	background: rgba(205,187,153,0.5);
	border: 1px solid rgba(252,251,227,1);
	text-align: center;
	font-size: 0.8rem;
}

/* 店舗情報 */
.shopInfo {
	margin: 0.5rem;
	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);
}
.shopInfo dt {
	margin: 0px;
	padding: 0.2em;
	float: left;
	width: 6rem;
	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;/*高さと合わせる*/
}
/* 施術前施術後 */
.myself {
	margin: 0.5rem;
	padding: 0;
	list-style: none;
}
.myself ul {
	margin: 0.5%;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 49%;
	text-align: center;
	float: left;
}
.myself ul .mH1 {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0.5rem;
	margin-left: 0;
	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;
	font-size: 1.2rem !important;
	color: rgba(0,10,117,1) !important;
	background: rgba(252,251,227,0.8) !important;
	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);
}
.myself ul .mH2 {
	background: none !important;
	color: rgba(250,250,22,1);
	border: none !important;
	font-size: 1.2rem !important;
}
.myself ul.mLeft li {
	background: rgba(51,51,51,0.5);
	margin-bottom: 0.2rem;
	border: 1px solid rgba(252,251,227,1);
	font-size: 1rem;
	display: table;
	width: 100%;
}
.myself ul.mLeft li i {
	margin-right: 0.2rem;
	display: table-cell;
	vertical-align: middle;
	height: 3.5rem;
	width: 1rem;
}
.myself ul.mLeft li div {
	display: table-cell;
	vertical-align: middle;
	height: 2.5rem;
	width: 100%;
}
.myself ul.mRight li {
	background: rgba(250,250,220,0.8);
	margin-bottom: 0.2rem;
	border: 1px solid rgba(252,251,227,1);
	font-size: 1rem;
	display: table;
	width: 100%;
	color: rgb(0,10,117);
}
.myself ul.mRight li i {
	margin-left: 0.2rem;
	display: table-cell;
	vertical-align: middle;
	height: 3.5rem;
	width: 1rem;
}
.myself ul.mRight li div {
	display: table-cell;
	vertical-align: middle;
	height: 2.5rem;
	width: 100%;
}

/* FAQ形式（吹き出し） */
/* スタッフ側アイコン */
.intRightIco {
	background: url(../img/intStaff01.png) no-repeat right 10px top;
}
.intRightIco02 {
	background: url(../img/intStaff02.png) no-repeat right 10px top;
}
.intRightIco03 {
	background: url(../img/intStaff03.png) no-repeat right 10px top;
}
.intRightIco04 {
	background: url(../img/intStaff04.png) no-repeat right 10px top;
}
.intRightIco05 {
	background: url(../img/intStaff05.png) no-repeat right 10px top;
}
.intRightIco06 {
	background: url(../img/intStaff06.png) no-repeat right 10px top;
}
.intRightIco07 {
	background: url(../img/intStaff07.png) no-repeat right 10px top;
}
.intRightIco08 {
	background: url(../img/intStaff08.png) no-repeat right 10px top;
}
.intRightIco09 {
	background: url(../img/intStaff09.png) no-repeat right 10px top;
}
.intRightIco10 {
	background: url(../img/intStaff10.png) no-repeat right 10px top;
}
.interview {
    margin-top: 0;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    background-size: auto 80px;
    padding-top: 0.2em;
    padding-right: 115px;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    min-height: 90px;
    font-weight: normal;
    font-size: 1em;
    color: #ff0000;
}
/* 吹き出し本体 */
.balloon{
	position: relative;
	padding: 1.5rem;
	background-color: #fff3ad;
	display: inline-block;     /* 横幅を自動で変更 */
	border-radius: 0.5em;
	float: right;
}

/* beforeで三角を表現 */
.balloon::before{
  content: '';
  position: absolute;
  right: -20px;
  top: 30px;
  display: block;
  width: 0;
  height: 0;
  border-left: 25px solid #fff3ad;
  border-top: 2px solid transparent;
  border-bottom: 14px solid transparent;
  transform: rotate(-15deg);
}
/* ユーザー側アイコン */
.intLeftIco {
	background: url(../img/intUser01.png) no-repeat left 10px top;
}
.intLeftIco02 {
	background: url(../img/intUser02.png) no-repeat left 10px top;
}
.intLeftIco03 {
	background: url(../img/intUser03.png) no-repeat left 10px top;
}
.intLeftIco04 {
	background: url(../img/intUser04.png) no-repeat left 10px top;
}
.intLeftIco05 {
	background: url(../img/intUser05.png) no-repeat left 10px top;
}
.intLeftIco06 {
	background: url(../img/intUser06.png) no-repeat left 10px top;
}
.intLeftIco07 {
	background: url(../img/intUser07.png) no-repeat left 10px top;
}
.intLeftIco08 {
	background: url(../img/intUser08.png) no-repeat left 10px top;
}
.intLeftIco09 {
	background: url(../img/intUser09.png) no-repeat left 10px top;
}
.intLeftIco10 {
	background: url(../img/intUser10.png) no-repeat left 10px top;
}
.intLeftIco11 {
	background: url(../img/intUser11.png) no-repeat left 10px top;
}
.interviewLeft {
    margin-top: 0;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    background-size: auto 80px;
    padding-top: 0.2em;
    padding-left: 115px;
    padding-bottom: 0.2em;
    padding-right: 0.5em;
    min-height: 90px;
    font-weight: normal;
    font-size: 1em;
    color: #1496c8;
}

/* 吹き出し本体 */
.balloonLeft{
	position: relative;
	padding: 1.5rem;
	background-color: #fff;
	display: inline-block;     /* 横幅を自動で変更 */
	border-radius: 0.5em;
}

/* beforeで三角を表現 */
.balloonLeft::before{
  content: '';
  position: absolute;
  left: -20px;
  top: 30px;
  display: block;
  width: 0;
  height: 0;
  border-right: 25px solid #fff;
  border-top: 2px solid transparent;
  border-bottom: 14px solid transparent;
  transform: rotate(15deg);
}

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


/* #################YOUTUBE##################### */
.yImage {
	margin: 0;
	padding: 0.5em 1em;
}
.yImage a, .yLink {
	display: block;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #000), color-stop(0.00, #222));
	background: -webkit-linear-gradient(top, #222 0%, #000 100%);
	background: -moz-linear-gradient(top, #222 0%, #000 100%);
	background: -ms-linear-gradient(top, #222 0%, #000 100%);
	background: linear-gradient(to bottom, #222 0%, #000 100%);
	box-shadow: 1px 1px 3px #999;
	border: 1px solid #fff;
	text-shadow: none;
	line-height: 2em;
	width: 75%;
	margin-top: 0.2em;
	margin-right: auto;
	margin-bottom: 0.2em;
	margin-left: auto;
	color: #ffb1c0;
}
.yImage a:hover, .yLink:hover {
	color: #fff;
}
.yList {
	list-style: none;
	margin: 0;
	padding: 0.5em 1em;
}
.yList li {
	margin: 0.2em;
	padding: 0.2em;
}
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 0.2em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0.2em;;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.yList li dl  {
	margin: 0;
	padding: 0;
}
.yList li dt  {
	margin: 0;
	padding: 0.2em;
}
.yList li dd  {
	margin: 0;
	padding: 0.2em;
}
/* #################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(250,160,190,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.5);
	width: 70%;
	line-height: 2em;
	font-size: 1.2em;
	color: #000;
    }
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 200px;
	text-indent: -9999px;
	width: 100%;
	height: 200px;
}
#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: #333;
	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-size: 600px auto, 100vw 100% !important;
}
/* ################## HEADER ########################## */
#header {
	height: 300px;
	background: url(../img/headerPC.png) top center no-repeat,rgba(245,195,10,0.5);
}
#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;
}
.drawer-hamburger {
	display: none;
}
.header-brand {
	display: none;
}
/* ################## MAIN ########################## */
#main {
	margin-right: auto;
	margin-bottom: 0rem;
	margin-left: auto;
	margin-top: 1rem;
	max-width: 1200px;
}
#main section {
	width: 100%;
}
.topIndex {
	width: 100%;
	/*height: 100vh;*/
	height: 1024px;
}
.image03 {
	background: url(../img/logoIndex.png) no-repeat center center !important;
}
.topImage {
	height: calc(100vh - 18px);
}
.topImageContents {
	width: 100%;
	/*height: 100vh;*/
	height: 100vh;
	font-size: 1.5em;
}
.image02 {
	background-size: auto 120% !important;
}
.kokuchi li {
	float: left;
	width: calc(100% / 2);
}
.topCont > li {
	float: left;
	width: 50% !important;
	margin: 0 !important;
}
.topSlide > li:nth-child(1) {
	width: 75% !important;
}
.topSlide > li:nth-child(2) {
	width: 25% !important;
	background: rgba(255,255,255,0.8);
}

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

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

.castList li {
	width: calc(100% / 6);
}
.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 );
}
.newsList li a dl {
	font-size: 1rem;
}
.newsList li a dl dt{
	width: 80px;/* トリミングしたい枠の幅 */
	height: 80px;/* トリミングしたい枠の高さ */
}
.newsList li a dl dd {
	margin-left: 90px;
}
.newsContents .newsImage{
	display: inline-block;
	float: left;
	width: 20%;
	margin: 0.2rem;
}

.sdlWrapCont li {
	margin: 0;
	padding: 0.5%;
	float: left;
	width: 49%;
	border: none !important;
}
.sdlWrapCont li .sdlPostItem {
	width: 120px;/* トリミングしたい枠の幅 */
	height: 162px;/* トリミングしたい枠の高さ */
}
.sdlWrapCont li .sdlGirlData {
	width: calc( 100% - 120px);
}
.diaryArea {
	margin: 0;
	padding: 0.5%;
	float: left;
	width: 49%;
	border: none !important;
}

.cosplay li {
	width: calc( 100% / 4 );
}
}
/* responsive 50em以上おわり */
.sr, .sr-seq { visibility: hidden; }


/* トップ写メ日記 */
.photoBbsTOP {
	list-style-type: none;
	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);
}
.photoBbsTOP li {
	float: none;
	margin-bottom: 0.5em;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(252,251,227,1);
}
.photoBbsTOP li:last-child {
	border: none;
}
.pdPhoto {
	overflow: hidden;
	width: 100px;/* トリミングしたい枠の幅 */
	height: 100px;/* トリミングしたい枠の高さ */
	position: relative;
	float: left;
	background: rgba(251,207,207,0.5);
	border: 1px solid rgba(252,251,227,1);
}
.pdPhoto 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;
}
.pdRightCol {
	margin-left: 115px;
	padding: 0;
	position: relative;
}
@media screen and (min-width:55em){
.photoBbsTOP li {
	float: left;
	width: 49%;
	margin: 0.5%;
}
.pdPhoto {
	width: 120px;
	height: 120px;
}
.pdRightCol {
	margin-left: 130px;
}
}
.pdInfo {
	display: inline-block;
}
.pdInfo > a > p {
	margin: 0px !important;
	padding: 0px;
	background: none !important;
	line-height: normal !important;
}
.pdDate {
	display: block;
	font-size: 0.8em;
}
.pdName {
	display: block;
}
.pdCasatImage {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 99;
	width: 30px;
	height: auto;
}
.pdTit {
	background: rgba(250,160,190,0.5);
	text-shadow: none;
	border-left: 5px solid rgba(250,160,190,1);
	padding-left: 0.5em;
}
.pdText {
	font-size: 0.8em;
}
.pdMore {
	margin: 0 0.5rem !important;
	padding: 0px;
	background: none !important;
	line-height: normal !important;
}
.pdMore > a {
	display: block;
	text-align: center;
	line-height: 36px;
	background: rgba(235,85,145,0.8);
	border: 1px solid rgba(252,251,227,1);
	box-shadow: rgba(0,0,0,0.18) 0 5px 11px 0px, rgba(0,0,0,0.15) 0 4px 15px 0;
	color: #fcfbe3;
}
.pdMore > a:hover {
	box-shadow: none;
}