@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);
@import url(/css/swiper.css);
@import url(/css/tools.css);
@import url(/js/modal/style.css);
@import url(/css/cast.css);
/* DEFAULT
====================*/


* {
	margin : 0;
	padding : 0;
	box-sizing: border-box;
	list-style-type:none;
	font-style : normal;
}
body {
	padding : 0 3vw;
	font-family: "Rounded Mplus 1c";
}
h1 {
	height : 20vw;
}
nav {
	margin-bottom : 4vw;
}
a {
	color : #ff9b93;
	text-decoration : none;
}
nav.PC {
	display : none;
}
h3 {
	background : #17b63f;
	color :#fff;
	padding : 0.25em 0.5em;
	margin-bottom : 0.3em;
}
img:not(img.logo) {
	width : 100%;
}
h4 {
	background :#eee;
	color : #666;
	margin-bottom : 4vw;
}
img.logo {
	position : absolute;
	left : 2vw;
	top : 2vw;
	width : 30vw;
}
video {
	width : 100%;
}
article {
	padding-bottom : 1.5em;
	width : 100%;
	overflow : hidden;
}
/* TOP PAGE
====================*/

#index header {
	text-align : center;
	position : relative;
	margin-bottom : 0;
	margin : 0 -3vw 0.5em;
}
#index header h1 {
	background : url(/img/header-index.jpg) no-repeat;
	background-size :cover;
	padding-left : 100vw;
	width : 100%;
	overflow : hidden;
}
#index header h2 {
	background : #17b63f;
	color :#fff;
}
#index header p {
	position : absolute;
	top : 49vw;
	width : 100%;
	color : #fff;
}
#index img.logo {
	position : absolute;
	left : 2vw;
	top : 2vw;
	width : 40vw;
}
/* LAYOUT
====================*/



	
header {
	text-align : center;
	position : relative;
	margin-bottom : 1em;
}
header h1 {
	padding-top : 12vw;
	text-align : left;
	padding-left : 35vw;
}
header h2 {
	padding-bottom :1.5em;
}
header p {
	position : absolute;
	top :25vw;
	width : 100%;
	color : #fff;
}
main {
	padding-bottom : 2em;
}
footer {
	clear : both;
	color : #fff;
	background :#17b63f;
	text-align : center;
	padding : 0.25em;
	margin : 0 -3vw 0;
}
aside {
	padding : 2vw 0 10vw;
}
aside address {
	margin-bottom : 5vw;
}
main address {
	margin-bottom : 2em;
}
.c-courseA main {
	background : url(/img/header-courseA.jpg) no-repeat;
	background-size :100%;
	padding-top : 40vw;
}
.c-courseB main {
	background : url(/img/header-courseB.jpg) no-repeat;
	background-size :100%;
	padding-top : 40vw;
}
.c-courseC main {
	background : url(/img/header-courseC.jpg) no-repeat;
	background-size :100%;
	padding-top : 40vw;
}
.c-HowToPlay main {
	background : url(/img/header-howto.jpg) no-repeat;
	background-size :100%;
	padding-top : 40vw;
}
h2 {
	background : #17b63f;
	color :#fff;
}
nav#gNav {
	font-size : 0px;
}
nav#gNav ul {
	font-size : 0px;
}
nav#gNav ul li {
	text-align : center;
	display : inline-block;
	overflow : hidden;
	width :16.2% !important;
}
nav#gNav ul li a {
	background-size :75%;
	background-position : center 1vw;
	background-repeat : no-repeat;
}
 @media screen and (min-width: 769px) {
nav#gNav ul li a {
	background-position : center 0.5em;
}
}
/* H navi */

button#NavOpen {
	border-radius : 1vw;
	width : 10vw;
	height :10vw;
	padding : 0;
	border : none;
}
button#NavOpen {
	position : absolute;
	top : 5vw;
	right: 5vw;
}
button#NavClose {
	display : block;
	margin : auto;
	border-radius : 1vw;
	width : 10vw;
	height :10vw;
	padding : 0;
	border : none;
	margin-bottom : 5vw;
}
#gNavS {
	border-bottom : 1px solid #17b63f;
}
#gNavS li {
	margin-bottom : 0.0800em;
	border-top : 1px solid #17b63f;
}
#gNavS li a {
	display : block;
	padding : 0.3em;
	background : #fff;
	color : #17b63f;
}
#gNavS li span {
	display : block;
	padding : 0.3em;
	background : #fff;
	color : #17b63f;
}
/* G navi */

nav#gNav ul li {
	position : relative;
padding
}
nav#gNav ul li i {
	position : absolute;
	display : block;
	width : 100%;
	text-align :center;
	bottom : 1vw;
	z-index : 10;
}
nav#gNav ul li:last-child {
	margin-right :0;
}
nav#gNav ul li:nth-child(1) a {
	background-image : url(/img/n_top.png);
}
nav#gNav ul li:nth-child(2) a {
	background-image : url(/img/n_news.png);
}
nav#gNav ul li:nth-child(3) a {
	background-image : url(/img/n_howto.png);
}
nav#gNav ul li:nth-child(4) a {
	background-image : url(/img/n_schedule.png);
}
nav#gNav ul li:nth-child(5) a {
	background-image : url(/img/n_cast.png);
}
nav#gNav ul li:nth-child(6) a {
	background-image : url(/img/n_cource.png);
}
/* course navi */

nav#gNav ul li a {
	display : block;
	height : 0;
	padding-top:18vw;
	border : 1px solid #17b63f;
	border-radius : 0.3em;
	color : #035115;
	background-color :linear-gradient(to top, #eaf5e7, navy);
}
nav#course {
	font-size : 0px;
	margin-bottom : 5vw;
}
nav#course dl {
	width : 50%;
	display : inline-block;
	border : 1px solid #919191;
}
nav#course dl dt {
	text-align : center;
	height : 18vw;
	overflow : hidden;
}
nav#course dl dt a {
	padding-top : 18vw;
	display : block;
	background-position:top;
	background-repeat : no-repeat;
	background-size : 100% auto;
}
nav#course dl:nth-child(1) dt a {
	background-image : url(/img/nav_courceA.jpg);
}
nav#course dl:nth-child(2) dt a {
	background-image : url(/img/nav_courceB.jpg);
}
nav#course dl:nth-child(3) dt a {
	background-image : url(/img/nav_courceC.jpg);
}
nav#course dl:nth-child(4) dt a {
	background-image : url(/img/nav_howto.jpg);
}
nav#course dl dd {
	padding : 0.5em;
	display : block;
	text-align : justify;
	line-height : 1.3;
}
/* Now navi */


nav#nowWorking {
	font-size : 0px;
}
nav#nowWorking dl {
	width : 50%;
	display : inline-block;
	border : 1px solid #919191;
}
nav#nowWorking dl dt {
	text-align : center;
	height : 18vw;
	overflow : hidden;
}
nav#nowWorking dl dt a {
	padding-top : 18vw;
	display : block;
	background-position:top;
	background-repeat : no-repeat;
	background-size : 100% auto;
}
nav#nowWorking dl:nth-child(1) dt a {
	background-image : url(/img/nav_schedule.jpg);
}
nav#nowWorking dl:nth-child(2) dt a {
	background-image : url(/img/nav_cast.jpg);
}
nav#nowWorking dl dd {
	padding : 0.5em;
	display : block;
	text-align : justify;
	line-height : 1.3;
}
/* contact */


address {
	text-align : center;
}
address a {
	display : block;
	margin : auto;
}
address a button {
line-height :;
	background : #17b63f;
	color : #fff;
	border : none;
	border-radius :1em;
	padding : 0.5em;
}
/* twitter */

section#twitter a.twitter-timeline {
	data-width :50%;
	data-height : 600;
}
#twitter h4 {
	background : #3798f9;
	color: #fff;
	padding : 0.25em 0.5em;
}
/* コース　*/

#cat h4 {
	padding : 0.25em 0.5em;
	background :#d7f3de;
	color:#17b63f;
	border-bottom : 1px solid #17b63f;
	margin-bottom : 1em;
}
#cat article i {
	color : #ff1d94;
	font-style : normal;
}
#cat article em {
	color : red;
	font-style : normal;
	display : block;
	text-align :center;
}
article table {
	border-collapse:collapse;
	margin-bottom : 1.5em;
}
article table caption {
	border : 1px solid #777;
	padding : 0.5em;
	border-bottom : none;
}
article table th {
	padding : 0.3em;
	border : 1px solid #777;
	background : #eefaef;
	text-align : left;
}
article table td {
	padding : 0.3em;
	border : 1px solid #777;
	text-align : right;
}
.tableWrap1 {
	width : 42%;
	float : left;
}
.tableWrap2 {
	width : 56%;
	float : right;
}
/* A */

article table.a1 {
	width : 100%;
}
article table.a1 th {
	width : 4.5em;
}
article table.a2 {
	width : 100%;
}
article table.a3 {
	width : 100%;
	clear : both;
}
article h5 {
	text-align : center;
	margin-bottom : 1em;
}
#twitter {
	width:100%;
	border : 2px solid #3798f9;
	margin-bottom : 1.5em;
	padding-bottom : 0;
	height : 120vw;
	overflow : scroll;
}
 @media screen and (min-width: 769px) {
#twitter {
	height : 50vw
}
}
/* new blog list*/

.blogList h4 {
	clear : both;
}
time {
	font-size : 0.8em;
}



.blogList .detail {
	font-weight : normal;
	text-align : right;
	position : absolute;
	right : 0;
	bottom : 1.5em;
}
.blogList article img {
	width :30vw !important;
	height : 30vw;
	object-fit : cover;
	float : left !important;
	border-radius : 0.5em;
	margin-right : 3vw;
}
.blogList article {
	position :relative;
	overflow : hidden;
}
/* ｈｏｗｔｏ */
.c-HowToPlay article img {
	margin : 1em 0;
}
i.c {
	background : #ff1111;
	color :#fff!important;
	font-weight : bold;
	padding : 0.2em 0.5em;
	border-radius : 0.3em;
}
i.a {
	background : #33dd44;
	color :#fff!important;
	font-weight : bold;
	padding : 0.2em 0.5em;
	border-radius : 0.3em;
}
/* gotop */
.goTop {
	background : url(/img/gotop.png) no-repeat;
	background-size :15vw auto;
	height : 15vw;
	width :15vw;
	padding-left : 15vw;
	overflow : hidden;
	right : 5vw !important;
	bottom : 10vw !important;
}
.goTop a {
	display : block;
	width : 15vw;
	overflow : hidden;
	font-size :1;
}



/* SP★ONLY
================================================================================*/
 @media screen and (max-width: 768px) {
.PC {
	display : none;
}
nav#gNav ul li {
	margin-right :0.5vw;
	width : 18.2vw;
	height : 19vw;
}
#index header h1 {
	height : 45vw !important;
}
/*font-size*/

body {
	font-size:4.5vw; /*　デフォルト　*/
}
h4 {
	font-size:4vw;/* S */
}
footer, nav#course dl dd, nav#nowWorking dl dd {
	font-size:3.5vw;/* SS*/
}
h1, h2, #index header p, header p, nav#gNav ul li a, nav#course dl dt a, nav#nowWorking dl dt a {
	font-size:3vw; /* SSS */
}
address a, address a button strong {
	line-height : 8vw;
	font-size:8vw;/* L*/
}
}




/* PC★ONLY
================================================================================*/
@media screen and (min-width: 769px) {
.SP {
	display : none;
}
html {
	font-size : 0.625em;
}
body {
	font-size:1.4em; /*　デフォルト　*/
	width : 1100px;
	margin : auto;
	position : relative;
}
header {
	height : 200px !important;
}
header h2 {
	position : absolute;
	top :150px;
	width: 100%;
	text-align : left;
	padding-bottom :1.5em;
	background : #2dbe60;
	font-size : 20px;
	line-height : 50px;
	padding-left : 20px;
}
header p {
	position : absolute;
	top :150px;
	text-align : right;
	width : 100%;
	color : #fff;
	line-height : 50px;
	padding-right : 20px;
}
#index header {
	height :500px !important;
}
#index header h1 {
	background : url(/img/header-index.jpg) no-repeat;
	background-size :100%;
	padding-left :0;
	width : 100%;
	overflow : hidden;
}
#index header h2 {
	position : absolute;
	top :435px;
	width: 100%;
	text-align : left;
	background : #2dbe60;
	font-size : 20px;
	padding-left : 20px;
	padding-bottom : 0;
}
#index header p {
	position : absolute;
	top :435px;
	text-align : right;
	width : 100%;
	color : #fff;
	padding-right : 20px;
}
main {
	width : 800px;
	float : right; position :  ;
	margin-bottom : 3em;
}
aside {
	width : 250px;
	float : left;
	font-size : 1.4em;
}
h4 {
	font-size:1.5em;/* S */
}
nav {
	margin-bottom :1em;
}
main {
	font-size : 1.4em;
}
#index h1 {
	height : 500px;
	background : url(/img/header-index.jpg) no-repeat;
	background-size :1100px;
}
header img.logo {
	width : 200px !important;
}
footer, nav#course dl dd, nav#nowWorking dl dd {
	font-size:0.9em;/* SS*/
}
h1, h2, #index header p, header p, nav#gNav ul li a, nav#course dl dt a, nav#nowWorking dl dt a {
	font-size:0.9em; /* SSS */
}
address a, address a button strong {
	font-size:3em;/* L*/
}
.SP {
	display : none !important;
}
.PC {
	display : block;
}
nav.PC {
	display : block;
	float : left;
	width : 200px;
	font-size : 1.2em;
}
nav.PC li a {
	display : block;
	background : #17b63f;
	color : #fff;
	font-weight :bold;
	padding: 0.25em 1em;
}
#index header {
	text-align : center;
	position : relative;
	margin-bottom : 0;
	margin : 0 0 0.5em;
}
header {
	overflow : hidden;
}
header img {
	width :300px;
	margin : auto;
}
#gNavS {
	display : none !important;
}
#gNavL li {
	margin-bottom :1px;
}
#NavOpen {
	display : none;
}
nav#gNav ul {
	margin-bottom : 20px;
	position : relative;
}
nav#gNav li {
	width : 150px;
	height : 152px;
	margin-right :4px;
}
nav#gNav ul li i {
 position :;
	display : block;
	width : 100%;
	text-align :center;
	bottom : 0.25em;
	z-index : 100;
	font-size :20px;
}
nav#gNav ul li a {
	padding-top:150px;
	border-radius :10px;
}




address.telHead p:nth-child(1) {
	border-bottom : 1px solid #fff;
}
.ladyGllery {
	width : 40%;
	float : left;
	clear : both;
}
.gallery-top {
	height :400px;
	border : 5px solid #d7f3de;
	margin-bottom : 1em!important;
}
.gallery-top img {
	object-fit : cover;
}
.gallery-thumbs {
	width : 100%;
}
.gallery-thumbs img {
	object-position: 0 0;
	object-fit: cover;
	width :80px!important;
	height :80px;
}
nav#course dl dd {
	font-size : 16px;
}
nav#course dl dt a {
	padding-top :150px;
}
nav#course dl dt {
	height :150px;
}
#castProfile {
	width :58%;
	float : right;
	font-size : 14px;
}
#castProfile h4 {
	font-size : 16px;
}
#castTable {
	clear : right!important;
}
#castTable h4 {
	clear : both;
	font-size : 16px;
}
ul.today {
	overflow : hidden;
}
ul.casts li {
	font-size : 16px !important;
	height :350px;
}
ul.casts li {
	padding : 0 0 1.5em !important;
	display : inline-block;
	width: 200px;
	margin :0 !important;
	text-align : center;
}
ul.casts li img {
	object-fit : cover;
	width : 180px;
	height : 250px;
	margin :3px;
	border : 1px solid #ccc;
	border-radius : 1em;
	-bottom : 1em;
}
i.castNew {
	overflow : hidden;
	height :7vw;
	display :block;
	float : left;
	width :7vw;
	position : absolute;
	right :5%;
	top :30vw;
}
i.castNew a {
	background : url(/img/wakaba.png) no-repeat;
	background-size :7vw;
	padding-top :7vw;
	display : block;
}
.goTop {
	background-size :100px auto;
	height : 100px;
	width :100px;
	padding-left : 100px;
	overflow : hidden;
	right :50px !important;
	bottom :50px!important;
}
.goTop a {
	width :  100px;
}

.c-system img { width : 100% ;}
#headtel { position : absolute ; right : 50px ; top :30px ; }
}



.attmgr_guide_weekly{ display : none ; } 
h1.entry-title {display : none ; }


main { height : 1500px ; }