@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Oswald');
/*リセット*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, object, embed {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}
dl, dt, dd, ol, ul, li {
	list-style: none;
}
img {
	border: 0;
}
li {
	list-style: none;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
select::-ms-expand {
    display: none;
}
b {
	font-weight: bold
}
.sponly {
	display: none
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/***************************************
 * Global
 ***************************************/

* {
	padding: 0;
	margin: 0;
}
html {
	height: 100%;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
	font-size: 14px;
  /* for IE6/7 */
  *font-size:small;
  /* for IE Quirks Mode */
  *font:x-small;
	line-height: 1.5;
	color: #333;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
/***************************************
 * Common
 ***************************************/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px; /*¥*//*/ height: auto; overflow: hidden;/**/
}
a {
	color: #223f99;
	text-decoration: none;
}
img {
	vertical-align: bottom;
}
a:hover {
	text-decoration: none;
	opacity: 0.7
}
input, select, textarea {
	font-size: 100%;
}
button {
	padding: 5px 40px;
	border-radius: 5px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;
}
.element2 {
	display: block;
}
.gray {
	background-color: #eeeeee;
}
.fl_left {
	float: left
}
.fl_right {
	float: right
}
.clear {
	clear: both
}
.small {
	font-size: 80%
}
/***************************************
 * Layout
 ***************************************/
 
#container {
	width: 100%;
	margin: 0;
	overflow-x: hidden;
}
/*==================
 * Header
 */
.sp_only_320, .sp_only {
	display: none
}
header {
	width: 100%;
	background: url(../images/mainImg.jpg) no-repeat center bottom;
	background-size: cover;
	-webkit-background-size: cover;
	height: 768px;
	z-index: 0;
	position: relative;
}
header div.wrap {
	max-width: 1100px;
	padding: 0;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
}
header div.wrap .title {
	width: 846px;
	height: 351px;
	background: url(../images/title.png) no-repeat center bottom;
	background-size: 100%;
	text-indent: -10000px;
	z-index: 50;
	position: absolute;
	top:18%;
	left: 50%;
	transform: translateX(-50%);
}
header div.wrap .title div.now{
	width:125px;
	height: 124px;
	background: url(../images/now.png) no-repeat center top;
	background-size: 100%;
	text-indent: -10000px;
	z-index: 70;
	position: absolute;
	top:40px;
	right: 0px;
}

p.logo {
	position: absolute;
	top: 65%;
	width: 100%;
	text-align: center;
}
img.chara1 {
	position: absolute;
	top: 20%;
	left:-8%;
	z-index: 1000;
}
img.chara2 {
	position: absolute;
	top:15%;
	right: -5%;
	z-index: 1000;
}
img.chara3 {
	position: absolute;
	top:10px;
	left: 50%;
	transform: translateX(-50%);
}


header img.fukidashi1{
	position: absolute;
	right: 5%;
	top: 20px;
	width: 140px;
}
header img.fukidashi2{
	position: absolute;
	left: 5%;
	top: 10px;
	width: 140px;
}

ul.flex.copy{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	position: absolute;
	max-width: 1100px;
	width: 100%;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
ul.flex.copy li{
	width: 32%;
	text-align: center;
	background: white;
	position: relative;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 20px 0px rgba(233,112,155,0.2);
	color: #4954e6;
}

ul.flex.copy li:before{
	content: "";
	display: block;
	border: 1px solid #4954e6;
	position: absolute;
	border-radius: 5px;
	width: 95%;
	height: 86%;
	left:2%;
	top: 5%;
	z-index: 1;
}
ul.flex.copy li:after{
	content: "";
	display: block;
	border: 1px solid #4954e6;
	position: absolute;
	border-radius: 5px;
	width: 95%;
	height: 86%;
	left:3%;
	top: 8%;
	z-index: 1;
}

ul.flex.copy li p{
	padding: 30px 10px;
	font-size: 24px;
	box-sizing: border-box;
}

ul.flex.copy li p:before {
	content: "";
	background: url(../images/h2_f_center.png) no-repeat;
	background-size: 100%;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: -30px;
	margin-left: -30px;
	z-index: 100;
}

#date {
	background: url(../images/check2.png) no-repeat right bottom 0px/50% auto;
	position: absolute;
	top: 768px;
	width: 100%;
	height: 320px;
	z-index: 10;
}
#date:before {
	content: '';
	position: absolute;
	top: 0;
	left: -10%;
	width: 140%;
	height: 122%;
	background: #223f99;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
	z-index: 10;
}
#date div.dateBox {
	position: absolute;
	z-index: 100;
	text-align: center;
	font-size: 30px;
	width: 1000px;
	margin-left: -500px;
	left: 50%;
	top: -80px;
	color: white;
	line-height: 1.6em
}
#date p.date {
	text-align: center;
	font-size: 30px;
	width: 100%;
	text-shadow: rgb(34, 63, 153) 5px 0px 0px, rgb(34, 63, 153) 4.90033px 0.993347px 0px, rgb(34, 63, 153) 4.60531px 1.94709px 0px, rgb(34, 63, 153) 4.12668px 2.82321px 0px, rgb(34, 63, 153) 3.48353px 3.58678px 0px, rgb(34, 63, 153) 2.70151px 4.20736px 0px, rgb(34, 63, 153) 1.81179px 4.6602px 0px, rgb(34, 63, 153) 0.849836px 4.92725px 0px, rgb(34, 63, 153) -0.145998px 4.99787px 0px, rgb(34, 63, 153) -1.13601px 4.86924px 0px, rgb(34, 63, 153) -2.08073px 4.54649px 0px, rgb(34, 63, 153) -2.94251px 4.04248px 0px, rgb(34, 63, 153) -3.68697px 3.37732px 0px, rgb(34, 63, 153) -4.28444px 2.57751px 0px, rgb(34, 63, 153) -4.71111px 1.67494px 0px, rgb(34, 63, 153) -4.94996px 0.7056px 0px, rgb(34, 63, 153) -4.99147px -0.291871px 0px, rgb(34, 63, 153) -4.83399px -1.27771px 0px, rgb(34, 63, 153) -4.48379px -2.2126px 0px, rgb(34, 63, 153) -3.95484px -3.05929px 0px, rgb(34, 63, 153) -3.26822px -3.78401px 0px, rgb(34, 63, 153) -2.4513px -4.35788px 0px, rgb(34, 63, 153) -1.53666px -4.75801px 0px, rgb(34, 63, 153) -0.560763px -4.96845px 0px, rgb(34, 63, 153) 0.437495px -4.98082px 0px, rgb(34, 63, 153) 1.41831px -4.79462px 0px, rgb(34, 63, 153) 2.34258px -4.41727px 0px, rgb(34, 63, 153) 3.17346px -3.86382px 0px, rgb(34, 63, 153) 3.87783px -3.15633px 0px, rgb(34, 63, 153) 4.4276px -2.32301px 0px, rgb(34, 63, 153) 4.80085px -1.39708px 0px, rgb(34, 63, 153) 4.98271px -0.415447px 0px;
}
#date p strong {
	font-family: 'Oswald', sans-serif;
	font-size: 60px;
}
#date p.place {
}
#date p.free {
	background: url(../images/label.svg) no-repeat center center;
	color: #223f99;
	font-size: 24px;
	padding: 10px 20px 20px 20px;
	font-weight: bold
}
#date .fukidashi1 {
	background: url(../images/fukidashi1.svg) no-repeat center top;
	width: 188px;
	height: 140px;
	font-size: 20px;
	color: #223f99;
	font-weight: bold;
	position: absolute;
	top: 72px;
	left: 120px;
	line-height: 1.6em;
}
#date .fukidashi1 p{padding: 50px 0 0 0;}
#date .fukidashi2 {
	background: url(../images/fukidashi2.svg) no-repeat center top;
	width: 188px;
	height: 140px;
	font-size: 20px;
	color: #223f99;
	font-weight: bold;
	position: absolute;
	top: 106px;
	right: 120px;
	line-height: 1.6em;
}
#date .fukidashi2 p{padding: 52px 0 0 0;}
#date .fukidashi1 span, #date .fukidashi2 span {
	font-size: 28px;
	background: linear-gradient(transparent 50%, yellow 50%);
}
/*==================
 * コンテンツ基本
 */
.contents {
	width: 100%;
	background: white;
	z-index: 5;
	position: relative;
	padding: 10px 0
}
/*900px BOX*/
.contents div.box {
	max-width: 1000px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 40px 0px 80px 0px;
	z-index: 5;
	position: relative
}
.contents div.box p {
	padding: 0 0px 20px 0px;
	line-height: 1.7em;
	font-size: 16px;
}

.contents div.box p#member_names {
    font-size: 14px;
}
/*装飾基本*/
.big {
	font-size: 18px;
	font-weight: bold;
}
.ubig {
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	text-align: center
}
.noppading {
	padding: 0!important
}
.ubig span {
	font-size: 30px
}
.mid {
	font-size: 16px;
}
/*見出し基本*/
.contents h2 {
	width: 100%;
	background: white;
	margin: 40px auto 50px auto;
	position: relative;
	text-align: center;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 20px 0px rgba(233,112,155,0.2);
	color: #4954e6;
}
.contents h2:before{
	content: "";
	display: block;
	border: 1px solid #4954e6;
	position: absolute;
	border-radius: 5px;
	width: 98.5%;
	height: 86%;
	left:0.5%;
	top: 5%;
	z-index: 1;
}
.contents h2:after{
	content: "";
	display: block;
	border: 1px solid #4954e6;
	position: absolute;
	border-radius: 5px;
	width: 98.5%;
	height: 86%;
	left:0.8%;
	top: 8%;
	z-index: 1;
}

.contents h2 p{
	padding: 30px 20px 20px!important;
	font-size: 28px!important;
	box-sizing: border-box;
}

.contents h2 p:before {
	content: "";
	background: url(../images/h2_f_center.png) no-repeat;
	background-size: 100%;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: -30px;
	margin-left: -30px;
	z-index: 100;
}


.contents h3 {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#what.contents, #entry.contents {
	background: url(../images/cont_back.jpg) no-repeat left top/cover;
}


.contents div.box .small {
	font-size: 90%
}
.contents p strong.yellow,
span.yellow  {
	background: #fff600;
	font-weight: bold;
}
div.box div.ph {
	float: right;
	width: 370px;
	margin-left: 30px;
}
div.box div.ph img {
	width: 100%;
	position: relative;
	display: block
}

div.box div.ph2 {
	text-align: center;
	padding: 20px 0;
}


/*プロローグ*/
#prologue {
	position: relative;
}
#prologue.contents h2 {
	margin-top: 50px;
}
#prologue.contents h3{
	text-align: center;
	margin-top: -20px;
	z-index: 100;
	position: relative;
}



#prologue.contents p.strong{
	font-size:18px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 40px 0;
	background: #f3f3f3 url(../images/daigaku.png) no-repeat right bottom /50%;
	border-radius: 10px;
	line-height: 2em;
}
#prologue.contents p.strong img.human1{
	position: absolute;
	top: -30px;
	right: -50px;
	width: 120px;
}
#prologue.contents p.strong img.human2{
	position: absolute;
	bottom: -50px;
	left: -50px;
	width: 120px;
}

#prologue.contents .program{
	padding: 10px;
	background: #f3f3f3;
}
#prologue.contents .program h4{
	font-size: 30px;
	text-align: center;
	margin : 20px 0;
}

#prologue.contents .program h4 span:before,
#prologue.contents .program h4 span:after {
	content: "";
	display: block;
	border-top: solid 1px #333;
	width: 40px;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: -50px;
}
#prologue.contents .program h4 span:after {
    left: auto;
    right: -50px;
}
#prologue.contents .program h4 span {
	padding: 0 10px;
	position: relative;
	z-index: 5;
}
#prologue.contents .program div.one{
	padding: 0 20px 60px 20px;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}

.contents .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#prologue.contents .program .flex{
	align-items:stretch;
}
#prologue.contents .program .flex > div{
	width: 50%;
	text-align: center;
	padding: 0 20px 60px 20px;
	box-sizing: border-box;
	position: relative;
}
#prologue.contents .program h5{
	display: block;
	font-size:18px;
	background: #4954e6;
	color:white;
	padding: 10px;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}
#prologue.contents .program h5:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #4954e6;
	border-width: 8px;
	margin-left: -8px;
}

#prologue.contents .program h5.camp{
	background: #00bae0;
}
#prologue.contents .program h5.camp:after {
	border-top-color: #00bae0;
}

#prologue.contents .program h5 span.now{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ff66a3;
	color: white;
	left: 10px;
	top: -10px;
	padding: 18px 0 0 0;
	box-sizing: border-box;
	transform: rotate(-5deg);
}

#prologue.contents div.box .program p.date{
	font-size: 18px;
	line-height: 1.8em;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#prologue.contents div.box .program p.date strong{
	font-size: 24px;
}

#prologue.contents .program div.one h5{
	font-size: 24px;
}
#prologue.contents .program div.one h5 span.now{
	width: 80px;
	height: 80px;
	padding-top: 24px;
	font-size: 18px;
}
#prologue.contents .program div.one p.date{
	font-size: 24px;
	padding: 20px 0;
	margin-bottom: 30px;
}
#prologue.contents .program div.one p.date strong{
	font-size: 36px;
}

#prologue.contents .program h6{
	font-size: 18px;
	margin-bottom: 10px;
}
#prologue.contents div.box .program ul.guest li{ width: 40%;}
#prologue.contents div.box .program ul.guest li:last-child{ width:58%;}
#prologue.contents div.box .program ul.guest li p{ line-height: 1.4em;}
#prologue.contents div.box .program ul.guest li img{ width: 70%; margin-bottom: 10px;}
#prologue.contents div.box .program ul.guest li:last-child img{ width: 100%;}
#prologue.contents div.box .program p.big{
	padding: 20px 0;
	font-size: 30px;
	font-weight: bold;
}
#prologue.contents div.box .program ul.guest.campus2{
	display: flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
}

#prologue.contents div.box .program ul.guest.campus2 li{
	width:24%;
	text-align: center;
	margin: 20px 1%;
}
#prologue.contents div.box .program ul.guest.campus2 li.txt{
	width: 76%;
	position: relative;
}
#prologue.contents div.box .program ul.guest.campus2 li img{
	width: 90%;
}
#prologue.contents div.box .program ul.guest.campus2 li.txt h3{
	position: absolute;
	left: -10px;
	top: 0px;
}
#prologue.contents h3 span{
	display: inline-block;
	font-size: 20px;
	background: #ff66a3;
	color: white;
	padding: 5px 10px;
	transform: rotate(-2deg);
}

#prologue.contents div.box .program ul.guest.campus2 li p.theme{
	font-size: 18px;
	font-weight: bold;
	padding: 30px;
	text-align: center;
	background: #fff;
	margin-bottom: 30px;
	position: relative;
	box-sizing: border-box;
}
#prologue.contents div.box .program ul.guest.campus2 li p.theme:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

#prologue.contents div.box .program a.link{
	display: block;
	padding: 10px;
	text-align: center;
	background-color: #4954e6;
	color: white;
	font-size: 16px;
	border-radius: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	position: absolute;
	bottom: 0px;
	width: 95%;
	box-sizing: border-box;
}
#prologue.contents div.box .program a.link::after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
	margin-left: 10px;
}
#prologue.contents div.box .program a.link.camp{
	background: #00bae0;
}


#prologue.contents div.box .program ul.guest.campus2 li a.link{
	position: relative;
	width: 100%;
	font-size: 22px;
}

#what.contents h2 span{
	position: absolute;
	top: -20px;
	left: 20px;
	background: #dd2626;
	color: white;
	font-size: 20px;
	 padding: 10px;
	 display: inline-block;
	 transform: rotate(-5deg);
	 z-index: 10;
}


#program div.ph2 img{
	width: 60%;
}

#program ul.flex{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 40px;
}
#program ul.flex li{
	width: 32%;
	border: 1px solid #ccc;
	padding: 5px;
	box-sizing: border-box;
}
#program ul.flex li p{
	padding: 0px 15px 10px;
	text-align: justify;
}
#prologue.contents div.box .program .flex > div > ul.camp{
	justify-content: center;
}
#prologue.contents div.box .program .flex > div > ul.camp li,
#prologue.contents div.box .program .flex > div > ul.camp li:last-child{
	width: 22%;
	margin: 0 1%;
}
#prologue.contents div.box .program .flex > div > ul.camp li img{
	width: 100%;
}
#prologue.contents div.box .program .flex > div > ul.camp li p{
	font-size: 14px;
}

#program ul.flex li h3{
	display: block;
	font-size:18px;
	background: #4954e6 url(../images/ic_campus.png) no-repeat center 10px/30px;
	color:white;
	padding: 50px 10px 10px;
	margin-bottom: 20px;
	position: relative;
	line-height: 1.4em;
}
#program ul.flex li h3 strong{
	font-size: 30px;
}
#program ul.flex li h3:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #4954e6;
	border-width: 8px;
	margin-left: -8px;
}

#program ul.flex li h3.camp{
	background: #00bae0 url(../images/ic_camp.png) no-repeat center 12px/45px;
}
#program ul.flex li h3.camp:after {
	border-top-color: #00bae0;
}

#program ul.flex li h3.community{
	background: #10ca98 url(../images/ic_com.png) no-repeat center 12px/45px;
}
#program ul.flex li h3.community:after {
	border-top-color: #10ca98;
}


#program div.promise {
	background: white;
	border: 2px solid #ccc;
	padding: 30px;
	text-align: center
}
#program div.promise h3 span {
	background: linear-gradient(transparent 50%, #fff600 50%);
	font-size: 30px;
	position: relative
}
#program div.promise h3 span:before {
	content: "";
	background: url(../images/h2_f_center.png) no-repeat;
	background-size: 100%;
	width: 59px;
	height: 59px;
	position: absolute;
	left: -65px;
	top: -10px
}
#program div.promise p{
	text-align: left;
	padding: 10px 0;
}
#program div.promise>ul li {
	font-size: 20px;
	font-weight: bold
}
#program div.promise>ul li:before {
	font-size: 40px;
	color: #db608e;
	font-family: 'Oswald', sans-serif;
	font-style: italic;
	padding-right: 5px
}
#program div.promise>ul li:nth-child(1):before {
	content: "1.";
}
#program div.promise>ul li:nth-child(2):before {
	content: "2.";
}
#program div.promise>ul li:nth-child(3):before {
	content: "3.";
}
#program div.promise>ul li:nth-child(4):before {
	content: "4.";
}

#guest.contents p.photo{ text-align: center}
#guest.contents p.photo img{ width: 200px}


div .photo {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

div .photo img {
    width: 100%;
    max-width: 240px;
}

div .photo>div {
    text-align: center;
    margin: 0;
    /*width: 550px;*/
}

div .photo>div>p {
    font-size: 18px!important;
    padding-bottom: 6px!important;
}

div .photo>div:nth-of-type(2) img {
    width: 153px;
}

div .photo>div:first-child {
    /*width: 400px;*/
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

div .photo>div:first-child>p {
    width: 100%;
}

div .photo>div:first-child>div {
    margin: 1px 13px;
}

div .photo>div:first-child>div img {
    margin-bottom: 14px;
    width: 153px;
}
#guest p.small{ text-align: center; font-size: 12px;}


div .photo ul {
    display: flex;
    text-align: center;
    margin-bottom: 0px;
    justify-content: center;
}

div .photo ul img {
    margin: 0 13px 14px;
}

div .photo ul img {
    max-width: 160px;
}

div .photo ul p {
    font-size: 14px!important;
}

#guest> div>ul {
	display: flex;
	flex-flow: wrap;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#guest> div>ul li {
	width: 9.5%;
	padding-right: 0.5%;
	padding-bottom: 0.5%;
}
#guest> div>ul li img {
	width: 100%
}
#guest> div>ul li p {
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 10px;
	display: none;
}

#guest> div>ul li p span {
    font-size: 90%;
}
#entry.contents {
    background: url(../images/cont_back_p.jpg) no-repeat left top/cover;
}
#entry.contents h2{
	position: relative;
}
#entry.contents h2 img.chara1{
	position: absolute;
	left: 5%;
	top: -40px;
	width: 100px;
}
#entry.contents h2 img.chara2{
	position: absolute;
	right: 5%;
	top: -40px;
	width: 120px;
}
#entry.contents p.exp{
	padding-top: 30px;
}

#entry h3.big{
	font-size: 34px;
	background: #4954e6;
	color: white;
	padding: 15px;
	position: relative;
}
#entry h3.big:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #4954e6;
	border-width: 8px;
	margin-left: -8px;
}

#entry div.theme{
	padding: 20px;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
}
#entry div.theme h5{
	font-size: 20px;
	margin-bottom: 20px;
}
#entry div.theme p{
	padding: 0;
}
#entry div.theme p span{
	display: inline-block;
	padding: 3px 10px;
	background: #4954e6;
	color: white;
	margin: 0 5px 10px 5px;
	border-radius: 5px;
}

#entry p.date {
	font-size: 20px;
}
#entry p.place img {
	vertical-align: middle
}
#entry p.address {
	padding-left: 100px
}
#entry p.date span, #entry p.place span, #entry p.price span {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 80px;
	color: #4954e6;
	vertical-align: middle;
	margin-right: 20px;
	position: relative;
	top: -10px;
	font-weight: bold;
}
#entry p.date span:after, #entry p.place span:after, #entry p.price span:after {
	left: 99%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(34, 63, 153, 0);
	border-left-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}
#entry p strong {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
}

#entry p strong.place {
    font-size: 30px;
}
#entry div.box p.price {
	padding-bottom: 0;
	line-height: 1em
}
#entry div.list{
	padding-top: 40px;
}
#entry div.list.short{
	width:100%;
	margin:  0 auto;
}

#entry div#entry2{
	padding: 60px 0 0 0;
}

.contents div.box .entry-past p.coming{
	font-size: 24px;
	background: #ff66a3;
	color: white;
	padding: 10px 20px;
	transform: rotate(-2deg);
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
	width: 60%;
	margin: 10px auto 40px auto;
}

.entry-past dl{
	margin-bottom: 30px;
}
.entry-past dl dt,
.entry-past dl dd{
	margin-bottom: 10px;
}
.entry-past dl dt:last-of-type,
.entry-past dl dd:last-of-type{
	margin-bottom: 0px;
}
.entry-past dl dd strong{
	font-size: 24px;
}

.entry-past dl dt{
	display: flex;
	align-items: center;
	justify-content: center;
}

.entry-past div.flex.vol1{
	justify-content: center;
}
.entry-past div.flex div.data{
	width: 50%;
}
.entry-past div.flex div.guest{
	width: 40%;
	text-align: center;
}
.entry-past div.flex div.guest img{
	width: 50%;
}
.entry-past div.flex.img{
	padding: 20px 0;
}
.entry-past div.flex.img.past img{
	width: 18%;
}
.entry-past div.flex.img.phs img{
	width: 31%;
}

.entry-past p.date span,.entry-past p.place span,.entry-past p.price span {
	width: 60px;
	height: 60px;
	font-size: 14px;
	line-height: 60px;
}
.entry-past div.flex.img {
	padding-bottom: 20px;
}
.entry-past div.flex.img img{
	width: 49%;
}
.entry-past div.flex.owner{
	margin-bottom: 10px;
}
.entry-past div.flex.owner img{
	width: 10%;
}


#entry div.list h3 {
	display: block;
	padding: 0 50px;
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 24px;
}
#entry div.list h3 span:before,#entry div.list h3 span:after {
	content: "";
	display: block;
	border-top: solid 1px #333;
	width: 40px;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: -50px;
}
#entry div.list p.chosei{
	text-align: center;
	font-size: 20px;
}

#entry .flex.dl{
	padding-bottom: 30px;
}
#entry .flex.dl>div{
	width: 48%;
}
#entry h4{
	text-align: center;
	font-size: 22px;
	margin-bottom: 20px;
	background: #00bae0;
	color: white;
}
#entry dl{
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items:stretch;
	justify-content: space-between;
}
#entry dl dt,
#entry dl dd{
	box-sizing: border-box;
}
#entry dl dd{
	padding: 10px;
	position: relative;
	width: 68%;
	text-align: left;
	background:rgba(255,255,255,0.8);
	margin-bottom: 10px;
	text-align: center;
}
#entry dl dd span.att{
	position: absolute;
	right: 10px;
	top: -15px;
	background-color: #db608e;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	color: white;
	padding-top: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
}
/*#entry dl dd:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #616161 transparent transparent transparent;
	position: absolute;
	left: 0%;
	bottom: -15px;
	transform: translateX(-50%);
}*/
#entry dl dd:after{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
#entry dl dd.last,
#entry dl dd.room,
#entry dl dt.last{
	margin-bottom: 0;
}
#entry dl dd.room:after,
#entry dl dd.last:after{
	display: none;
}

#entry dl dt{ 
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	text-align: center;
	width: 30%;
	background:#00bae0;
	color:white;
}
/*#entry dl dd::before{
	content: "";
	display: block;
	border-left: 1px dashed #ccc;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}**/
#entry dl dd{ 
	font-size: 18px;
}

#entry dl dd:last-child{
	margin-bottom: 0;
}

#entry dl dt.room,
#entry dl dd.room{
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}
#entry dl dt.last{
	padding-top: 30px;
	box-sizing: border-box;
}

/*#entry dl dt:after {
	content: "";
	display: block;
	border-top: dotted 1px #616161;
	width: 80px;
	height: 1px;
	position: absolute;
	bottom: -2px;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
}*/

#entry p.comingsoon{
	font-size: 30px;
	color: #db608e;
	text-align: center;
}
#entry div.list h3 span:after {
    left: auto;
    right: -50px;
}
#entry div.list h3 span {
	padding: 0 10px;
	position: relative;
	z-index: 5;
	display: inline-block;
}
#entry div.list p.big{
	font-size: 22px;
	background: white;
	color: #ff66a3;
	text-align: center;
	padding: 10px;
}
#entry div.list p strong{
	font-size: 30px;
}
#entry div.list p strong.mid{
	font-size: 20px;
}

#entry ul.flex.guest{
	padding-bottom: 30px;
	justify-content: center;
}
#entry ul.flex.guest li{
	width: 25%;
	text-align: center;
}
#entry ul.flex.guest li img{
	width: 200px;
	padding-bottom: 10px;
}
#entry ul.flex.guest li.img2{
	width: 50%;
}

#entry ul.flex.owner{
	margin-bottom: 30px;
}
#entry ul.flex.owner li{
	width: 22%;
	text-align: center;
	font-size: 14px;
}
#entry ul.flex.owner li p{
	font-size: 14px;
	padding-bottom: 5px;
}
#entry ul.flex li img{
	width: 100%;
	padding-bottom: 10px;
}
#entry ul.flex.owner li span{
	display:block;
	border: 1px solid #333;
	padding: 2px 5px;
	margin-right: 5px;
}
#entry ul.flex li  p strong{
	font-size: 14px;
}

#entry .coodinator-box{
	padding: 30px 0;
}

#entry ul.flex.coodinator li{
	width: 18%;
	text-align: center;
}
#entry ul.coodinator{
	padding-bottom: 10px;
}
#entry ul.coodinator li{
	display: flex;
	justify-content: space-between;
	background: white;
	align-items: center;
}
#entry ul.coodinator li img{
	width: 40%;
}
#entry ul.coodinator li div{
	width: 58%;
	text-align: left;
	padding-right: 30px;
	box-sizing: border-box;
}
#entry ul.coodinator li p.line{
	line-height: 1.2em;
}
#entry ul.coodinator li p strong{
	font-size: 24px;
}
#entry ul.coodinator li p strong small{
	font-size: 14px;
}
#entry ul.coodinator li p span{
	display: inline-block;
	background-color:#4954e6;
	color: white;
	padding: 2px 5px;
	margin-top: 10px;
}

#entry ul.thumb{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

#entry ul.thumb li img{
	width: 100%;
}

#entry ul.thumb li.slick-slide{
	width: 125px!important;
}

#entry .entry-past#entry3{
	border-top: 3px dotted #fff;
	margin-top: 50px;
}
#entry .entry-past ul.flex.guest{
	width: 48%;
}
#entry .entry-past ul.flex.guest li{
	width: 25%;
}
#entry .entry-past ul.flex.guest li img{
	width: 90%;
}

#entry div.giin{
	 padding: 30px 0;
}
#entry div.giin ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-bottom: 10px;
}
#entry div.giin ul li{
	width: 9.5%;
	padding-bottom: 5px;
	padding-right: 0.5%;
}
#entry div.giin ul li img{
	width: 100%;
}
/*#entry div.giin ul::after{
	content: "";
	display: block;
	width: 8.8%;
}*/


/*#entry ul.flex.owner:after{
	content: "";
	width: 39%;
	height: 100%;
	display: inline-block;
}*/

div.hoshikai{
	padding: 30px 0;
}
div.link{
	text-align: center;
	padding: 20px 0;}

div.link a{
	display: inline-block;
	padding: 10px 20px;
	background: white;
	border-radius: 40px;
	font-size: 16px;
}


#entry .entryBox {
	text-align: center;
	position: relative;
	border: 1px solid #223f99;
	margin-top: 40px;
	background: #fff;
	color: #333;
	padding-bottom: 30px;
}

#entry .entryBox h3 {
	background: #db608e;
	display: block;
	width: 200px;
	margin: -30px auto 20px auto;
	padding: 20px 0;
	border-radius: 60%;
	position: relative;
	color: white
}
#entry .entryBox h3:after {
	left: 50%;
	bottom: -7px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(34, 63, 153, 0);
	border-top-color: #db608e;
	border-width: 8px;
	margin-bottom: -8px;
	margin-left: -4px;
}
#entry .entryBox img {
	margin-bottom: 20px
}
#entry .entryBox a.line img {
	width: 250px;
	margin-bottom: 20px
}
#form h4, #schedule h4, #inq h4 {
	font-size: 24px;
	font-weight: bold;
	text-align: left
}

#entry .entryBox p.theme{
	line-height: 2em;
}
#entry .entryBox p.theme span{
	display: inline-block;
	background: #cff6ff;
	padding: 4px 8px;
	margin: 0 5px 10px 5px;
	font-weight: bold;
}
#entry div.member{
	position: relative;
}
#entry div.member img{
	width:16%;
	margin-bottom: 10px;
}


#entry .entryBox.forms{
	padding: 0 30px 30px 30px;
	margin-top: 60px;
}
#entry .entryBox.forms p.txt{
	text-align: left;
}
#entry .entryBox.forms p strong{font-size: 24px; }
#entry .entryBox.forms a.button{
	display: block;
	width: 50%;
	margin: 10px auto;
	background:#4954e6;
	color: white;
	padding: 15px;
	font-size: 20px;
	border-radius: 5px;
}


#entry a.button{
	display: block;
	width: 50%;
	background: #db608e;
	border-radius: 30px;
	font-size: 20px;
	color: white;
	text-align: center;
	margin: 20px auto;
	padding: 15px 0;
	font-weight: bold;
}

#form div.box {
}
#form div.box p.lead {
	font-size: 18px;
}
/*#form div.expBox{ font-size:18px; padding:10px 10px 0 10px; border:1px solid #fff;width:890px; box-sizing:border-box; margin:0 auto; background:rgba(255,255,255,0.3)}
#form div.expBox h3{ padding-left:20px; border-bottom:1px solid #fff; margin-bottom:10px}*/
#form div.expBox {
	padding: 10px;
}
#form div.expBox h3 {
	float: left;
	width: 100px;
	height: 100px;
	background: #ad0706;
	text-align: center;
	color: white;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	padding-top: 35px;
	box-sizing: border-box;
	margin-right: 20px
}
#form div.expBox p {
	padding-top: 20px;
	font-size: 18px;
}
#form div.whiteBox {
	padding: 20px;
	background: white;
	width: 890px;
	box-sizing: border-box;
	margin: 30px auto
}
#form div.whiteBox h3 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 24px
}
form.exp, form.inq {
	margin: 10px 20px;
	font-size: 16px
}
form.exp p, form.inq p {
	padding: 10px 0
}
form.exp table {
	width: 100%;
	text-align: left
}
form.exp table th {
	padding: 10px 30px 10px 10px;
	text-align: right;
	white-space: nowrap;
}

tr#photo_permission input {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    width: 20px;
    height: 20px;
}

tr#photo_permission label {
    margin-right: 30px;
    font-size: 17px;
    padding-left: 10px;
}
form.exp table th span, form.inq table th span {
	background: #ad0706;
	display: inline-block;
	padding: 2px 5px;
	color: white;
	font-size: 12px;
	margin-left: 10px;
	display: none
}
form.exp table td {
	padding: 10px
}
p.center{
	text-align: center;
}

tr#photo_permission td {
    display: flex;
    align-items: center;
}


.checkbox {
    position: relative;
    display: inline-block;
    padding-left: 20px;
	padding-right:10px;
	margin:5px 0;
	
}

.checkbox:after {
    position: absolute;
    top: 3px;
    left: 1px;
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #ccc;
    content: '';
    box-sizing: border-box;
}
.checkbox:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 3px;
    left: 5px;
    display: block;
    width: 5px;
    height: 9px;
    border-right: 3px solid #4954e6;
    border-bottom: 3px solid #4954e6;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100
}
input[type=checkbox]:checked + .checkbox:before,input[type=radio]:checked + .checkbox:before {
    opacity: 1;
}
input[type=checkbox]:checked + .checkbox:after, input[type=radio]:checked + .checkbox:after {
    background: #fff;
}


form.exp input.txt {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	margin-right: 10px;
	width: 500px;
	background: #e9e9e9;
	box-sizing: border-box;
}
form.exp td select {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: #e9e9e9;
	padding: 10px 30px 10px 10px;
	color: #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;

	width: 500px;
	line-height: 1.3em
}
form.exp td .selectBox select {
	padding: 10px 40px 10px 10px;
	margin-left: 0;
	background: #e9e9e9
}
form.exp td .selectBox {
	position: relative;
	width: 500px
}
form.exp td .selectBox:after {
	position: absolute;
	right: 10px;
	top: 16px;
	width: 5px;
	height: 5px;
	border-right: 3px solid #223f99;
	border-bottom: 3px solid #223f99;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
form.exp input.short {
	width: 100px;
	width: 500px;
}
form.exp textarea {

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	width: 500px;
	height: 120px;
	background: #e9e9e9
}
form.exp textarea.keireki {
	width: 500px;
	height: 70px
}
form.exp input.send, form.inq input.send {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #4954e6;
	color: white;
	text-align: center;
	display: block;
	font-size: 20px;
	padding: 20px 10px 18px 10px;
	width: 77px;
	margin: 10px auto;
	width: 250px;
	cursor: pointer;
	-webkit-appearance: none;
}
form.exp input.send:hover {
	opacity: 0.7
}
form.exp input.back, form.inq input.back {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
	color: black;
	text-align: center;
	display: block;
	font-size: 18px;
	padding: 7px 10px 5px 10px;
	width: 77px;
	margin: 5px auto;
	border: 1px solid #bbb;
	width: 200px;
	cursor: pointer
}
form.inq table {
	width: 100%;
	margin: 0 auto
}
form.inq table th {
	padding: 10px 10px 10px 10px;
	text-align: right;
	font-weight: normal
}
form.inq table td {
	padding: 10px
}
form.inq input.txt {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #e9e9e9;
	box-sizing: border-box;
	padding: 10px;
	margin-right: 10px;
	width: 500px
}
form.inq textarea {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #e9e9e9;
	box-sizing: border-box;
	padding: 10px;
	width: 500px;
	height: 100px;
	border: none
}
p.checboxtext {
	text-align: center
}
#inq div.box p {
	text-align: center
}
#inq div.box h4 {
	text-align: center
}
#inq div.box p.att {
	font-size: 80%;
	padding-top: 20px
}
#inq div.box p a img {
	width: 100px;
	display: inline-block;
	padding: 0 10px
}
#banner div.banbox {
	width: 50%;
	float: left;
	padding: 20px 0;
	text-align: center
}
#banner div.banbox.kyoryoku {
	width: 64%;
	border-right: 1px dotted #ccc;
}
#banner div.banbox.shusai {
	width: 35%
}
#banner div.banbox h4 {
	background: none;
}
footer {
	padding: 20px 10px 20px 10px;
	text-align: center;
	color: white;
	position: relative;
	z-index: 10;
	background: #223f99
}
footer p {
	width: 1000px;
	text-align: center;
	margin: 10px auto;
}
footer a{
	color: white;
}

.notice {color: #ad0706;
	font-weight: bold
}
#snsBox {
	position: fixed;
	right: 0;
	top: 60%;
	padding: 20px;
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	background-color: rgba(255,255,255,0.9);
	z-index: 1000;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
.twitter, .fb-share-button {
	padding-bottom: 10px
}
#privacy h2 {
	font-size: 30px;
	font-weight: bold;
	padding: 30px 0;
	text-indent: inherit;
	width: auto;
	height: auto
}
#privacy h4 {
	text-align: left;
	padding-bottom: 10px
}
#privacy h5 {
	padding-left: 20px;
	font-size: 16px
}
#privacy ol {
	margin-left: 50px
}
#privacy ol li {
	list-style-type: decimal;
	margin-bottom: 10px
}
.fb_iframe_widget iframe {
	right: 0
}
.contents div.box p.stop {
	font-size: 22px;
	color: white;
	text-align: center;
	background: #ad0706;
	line-height: 1em;
	padding: 20px 0;
	margin-bottom: 20px
}
#member {
    position: absolute;
    top: 800px;
    left: 50%;
    z-index: 11;
    transform: translateX(-50%);
    width: 1000px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

#member>div {
    width: 190px;
}

#member>div>div p {
    color: #223f99;
    text-shadow: none;
    font-size: 12px;
    width: 100%;
    line-height: 1.4em;
}

/*#member>div>div {
    width: 340px;
}*/

#member>div {
    display: flex;
    width: 960px;
    justify-content: center;
    align-items: flex-start;
}

#member>div:nth-of-type(2) {
    width: 600px;
    flex-wrap: wrap;
}

#member>div.image_guest {
    max-width: 780px;
    width: 100%;
    margin-bottom: 30px;
}

#member>div.image_guest>div {
    width: 150px!important;
}

#member>div.image_guest>div>p {
    color: #223f99;
    text-shadow: none;
    font-size: 12px;
    width: 100%;
    line-height: 1.4em;
}

#member>div.image_guest img {
}

#member>div.image_guest p {
    width: 100%;
}

#member>div:nth-of-type(2) p {
    margin-bottom: 11px;
    font-size: 17px;
}

#member>div>p {}

#member>div>div>div {
    width: 160px;
    text-align: center;
}

#member>div>div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3px;
    margin-right: 10px;
    justify-content: center;
    align-items: flex-start;
}

/*#member>div>div:nth-of-type(2) {
    width: 550px;
}*/

#member>div>div:nth-of-type(2)>div {
    width: 160px;
}

#member>div>div:nth-of-type(2)>div img {
    width: 140px;
}

#member>div>div>p {
    width: 100%;
    text-shadow: rgb(34, 63, 153) 5px 0px 0px, rgb(34, 63, 153) 4.90033px 0.993347px 0px, rgb(34, 63, 153) 4.60531px 1.94709px 0px, rgb(34, 63, 153) 4.12668px 2.82321px 0px, rgb(34, 63, 153) 3.48353px 3.58678px 0px, rgb(34, 63, 153) 2.70151px 4.20736px 0px, rgb(34, 63, 153) 1.81179px 4.6602px 0px, rgb(34, 63, 153) 0.849836px 4.92725px 0px, rgb(34, 63, 153) -0.145998px 4.99787px 0px, rgb(34, 63, 153) -1.13601px 4.86924px 0px, rgb(34, 63, 153) -2.08073px 4.54649px 0px, rgb(34, 63, 153) -2.94251px 4.04248px 0px, rgb(34, 63, 153) -3.68697px 3.37732px 0px, rgb(34, 63, 153) -4.28444px 2.57751px 0px, rgb(34, 63, 153) -4.71111px 1.67494px 0px, rgb(34, 63, 153) -4.94996px 0.7056px 0px, rgb(34, 63, 153) -4.99147px -0.291871px 0px, rgb(34, 63, 153) -4.83399px -1.27771px 0px, rgb(34, 63, 153) -4.48379px -2.2126px 0px, rgb(34, 63, 153) -3.95484px -3.05929px 0px, rgb(34, 63, 153) -3.26822px -3.78401px 0px, rgb(34, 63, 153) -2.4513px -4.35788px 0px, rgb(34, 63, 153) -1.53666px -4.75801px 0px, rgb(34, 63, 153) -0.560763px -4.96845px 0px, rgb(34, 63, 153) 0.437495px -4.98082px 0px, rgb(34, 63, 153) 1.41831px -4.79462px 0px, rgb(34, 63, 153) 2.34258px -4.41727px 0px, rgb(34, 63, 153) 3.17346px -3.86382px 0px, rgb(34, 63, 153) 3.87783px -3.15633px 0px, rgb(34, 63, 153) 4.4276px -2.32301px 0px, rgb(34, 63, 153) 4.80085px -1.39708px 0px, rgb(34, 63, 153) 4.98271px -0.415447px 0px;
    color: #fff;
    font-size: 17px;
    margin-bottom: 8px;
    display: block;
    height: 20px;
    line-height: 20px;
}

#member>div img {
    width: 140px;
    margin-bottom: 6px;
}

#member p {
    width: auto;
    /*color: #fff;
    text-shadow: rgb(34, 63, 153) 5px 0px 0px, rgb(34, 63, 153) 4.90033px 0.993347px 0px, rgb(34, 63, 153) 4.60531px 1.94709px 0px, rgb(34, 63, 153) 4.12668px 2.82321px 0px, rgb(34, 63, 153) 3.48353px 3.58678px 0px, rgb(34, 63, 153) 2.70151px 4.20736px 0px, rgb(34, 63, 153) 1.81179px 4.6602px 0px, rgb(34, 63, 153) 0.849836px 4.92725px 0px, rgb(34, 63, 153) -0.145998px 4.99787px 0px, rgb(34, 63, 153) -1.13601px 4.86924px 0px, rgb(34, 63, 153) -2.08073px 4.54649px 0px, rgb(34, 63, 153) -2.94251px 4.04248px 0px, rgb(34, 63, 153) -3.68697px 3.37732px 0px, rgb(34, 63, 153) -4.28444px 2.57751px 0px, rgb(34, 63, 153) -4.71111px 1.67494px 0px, rgb(34, 63, 153) -4.94996px 0.7056px 0px, rgb(34, 63, 153) -4.99147px -0.291871px 0px, rgb(34, 63, 153) -4.83399px -1.27771px 0px, rgb(34, 63, 153) -4.48379px -2.2126px 0px, rgb(34, 63, 153) -3.95484px -3.05929px 0px, rgb(34, 63, 153) -3.26822px -3.78401px 0px, rgb(34, 63, 153) -2.4513px -4.35788px 0px, rgb(34, 63, 153) -1.53666px -4.75801px 0px, rgb(34, 63, 153) -0.560763px -4.96845px 0px, rgb(34, 63, 153) 0.437495px -4.98082px 0px, rgb(34, 63, 153) 1.41831px -4.79462px 0px, rgb(34, 63, 153) 2.34258px -4.41727px 0px, rgb(34, 63, 153) 3.17346px -3.86382px 0px, rgb(34, 63, 153) 3.87783px -3.15633px 0px, rgb(34, 63, 153) 4.4276px -2.32301px 0px, rgb(34, 63, 153) 4.80085px -1.39708px 0px, rgb(34, 63, 153) 4.98271px -0.415447px 0px;
    font-size: 23px;*/
	font-weight: bold;
    text-align: center;
}
#member p.photo{ width: 155px; margin-right: 10px;}
#member p.small{font-size:12px; font-weight: normal;}
/*#member p.photo img{ width: 100%} */

#member ul {
    display: flex;
    flex-wrap: wrap;
    width: 600px;
}

#member ul li {
    width: 20%;
    padding-right: 0;
}


#member ul li img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1000px){
	p.lead{ font-size: 20px;}
	p.lead span{ font-size: 24px;}
	img.girl{ width: 400px;}
	img.boy{ width: 380px; bottom: 50px;}
}

@media screen and (max-width: 900px){
	.contents div.box{
		padding: 20px 15px;
	}
	header div.wrap .title {
		width: 92%;
		height: 28vh;
		top:15vh;
	}

	img.chara3{
		width: 80%;
	}

	img.chara1 {
		width: 20vw;
		left: -20px;
		top: 25%;
	}

	img.chara2 {
		width: 20vw;
		right: -7vw;
		top: 30%;
	}

	header img.fukidashi1{
		right: 33%;
		top: 3vh;
		width:120px;
	}
	header img.fukidashi2{
		left: 28%;
		top: 3vh;
		width:120px;
	}
	header div.wrap .title div.now{
		width: 100px;
	}
	ul.flex.copy li p{
		font-size: 18px;
	}

	.pconly{ display:none!important}
.sponly,
	.sp_only{ display:block!important}
	img{ max-width: 100%;}
	#entry ul.thumb li.slick-slide{
		width: 92px!important;
	}

	#entry ul.coodinator li{
		display: block;
	}
	#entry ul.coodinator li img{
		display: block;
		margin: auto;
	}
	#entry ul.coodinator li div{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 480px){

	img.logo {
    top: 2vw;
    width: 23vw;
    left: 2vw;
}

header {
    height: 165vw;
    background-position: center bottom;
}

header div.wrap .title {
	width: 92%;
	height: 260px;
	background: url(../images/title_sp.png) no-repeat center bottom/100%;
	top:8vh;
}
img.chara3{
	width: 80%;
}

img.chara1 {
	width: 30vw;
	left: -40px;
	top: 25%;
}

img.chara2 {
    width: 30vw;
	right: -7vw;
	top: 30%;
}
p.logo{
	top: 46%;
}
p.logo img{
	width: 50%;
}

header div.wrap .title div.now{
	width: 60px;
	height: 60px;
	top: 100px;
	right: -10px;
}
header img.fukidashi1{
	right: 33%;
    top: 3vh;
    width: 70px;
}
header img.fukidashi2{
	left: 28%;
    top: 3vh;
    width: 70px;
}

ul.flex.copy{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
ul.flex.copy li{
	width: 86%;
	margin: 0 auto;
}

ul.flex.copy li:before{
	content: "";
	display: block;
	border: 1px solid #4954e6;
	position: absolute;
	border-radius: 5px;
	width: 95%;
	height: 86%;
	left:2%;
	top: 5%;
	z-index: 1;
}
ul.flex.copy li:after{
	content: "";
	display: block;
	border: 1px solid #4954e6;
	position: absolute;
	border-radius: 5px;
	width: 95%;
	height: 86%;
	left:3%;
	top: 8%;
	z-index: 1;
}

ul.flex.copy li p{
	padding: 15px 10px;
	font-size: 16px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

ul.flex.copy li p:before {
	width: 30px;
	height: 30px;
	top: -10px;
	margin-left: -15px;
}
	
img.edanon.sp_only {
	display: block;
    width: 30vw;
	top:54%;
	left:50%;
	margin-left: -12vw;
	z-index: 1000
}

header div.wrap h1 {
    top: -1vw;
    width: 71vw;
    height: 53vw;
}

p.lead {
    text-align: left;
    display: block;
    font-size: 3.7vw;
    bottom: 11vw;
    left: 3vw;
    z-index: 101;
	line-height: 4.9vw;
	text-shadow: rgb(255,255,255) 5px 0px 0px, rgb(255,255,255) 4.90033px 0.993347px 0px, rgb(255,255,255) 4.60531px 1.94709px 0px, rgb(255,255,255) 4.12668px 2.82321px 0px, rgb(255,255,255) 3.48353px 3.58678px 0px, rgb(255,255,255) 2.70151px 4.20736px 0px, rgb(255,255,255) 1.81179px 4.6602px 0px, rgb(255,255,255) 0.849836px 4.92725px 0px, rgb(255,255,255) -0.145998px 4.99787px 0px, rgb(255,255,255) -1.13601px 4.86924px 0px, rgb(255,255,255) -2.08073px 4.54649px 0px, rgb(255,255,255) -2.94251px 4.04248px 0px, rgb(255,255,255) -3.68697px 3.37732px 0px, rgb(255,255,255) -4.28444px 2.57751px 0px, rgb(255,255,255) -4.71111px 1.67494px 0px, rgb(255,255,255) -4.94996px 0.7056px 0px, rgb(255,255,255) -4.99147px -0.291871px 0px, rgb(255,255,255) -4.83399px -1.27771px 0px, rgb(255,255,255) -4.48379px -2.2126px 0px, rgb(255,255,255) -3.95484px -3.05929px 0px, rgb(255,255,255) -3.26822px -3.78401px 0px, rgb(255,255,255) -2.4513px -4.35788px 0px, rgb(255,255,255) -1.53666px -4.75801px 0px, rgb(255,255,255) -0.560763px -4.96845px 0px, rgb(255,255,255) 0.437495px -4.98082px 0px, rgb(255,255,255) 1.41831px -4.79462px 0px, rgb(255,255,255) 2.34258px -4.41727px 0px, rgb(255,255,255) 3.17346px -3.86382px 0px, rgb(255,255,255) 3.87783px -3.15633px 0px, rgb(255,255,255) 4.4276px -2.32301px 0px, rgb(255,255,255) 4.80085px -1.39708px 0px, rgb(255,255,255) 4.98271px -0.415447px 0px;

}

p.lead span {
    font-size: 3.9vw;
}

#date {
    top: 112vw;
    height: 50vw;
    background-size: 100vw;
    overflow: hidden;
}

#date div.dateBox {
    width: 100%;
    left: 0;
    margin: 0;
    top: 0;
}

#date div.dateBox p {
    padding-bottom: 0vw;
}

#date p.date {
    font-size: 4vw;
    letter-spacing: 0.4vw;
    padding-top: 6vw;
    margin-bottom: -1vw;
    line-height: 8vw;
}

#date p strong {
    font-size: 6vw;
}

#date .fukidashi2 {
    width: 30vw;
    height: 19vw;
    box-sizing: border-box;
    font-size: 3vw;
    line-height: 4.5vw;
    top: 28.1vw;
    right: 1vw;
}
#date .fukidashi2 p{padding-top: 6vw;}

#date .fukidashi1 span, #date .fukidashi2 span {
    font-size: 3.5vw;
}

#date .fukidashi1 {
    left: 2px;
    width: 25vw;
    height: 21vw;
    box-sizing: border-box;
    top: 23.1vw;
	line-height: 4.4vw;
	font-size: 16px;
}
#date .fukidashi1 p{padding-top: 4.2vw;}

#date p.place {
    font-size: 4.3vw;
    line-height: 6.7vw;
}

#date p.free {
    font-size: 3.2vw;
    padding-top: 0vw;
    padding-bottom: 1.8vw!important;
    line-height: 6.3vw;
}

img.parts2 {
    bottom: 63vw;
    width: 63vw;
    left: 36vw;
}

img.parts1 {
	display: none;
    top: 81vw;
    width: 43vw;
    left: 51vw;
}
#date:before {
    height: 30vw;
    width: 120vw;
    position: relative;
    display: block;
    left: auto;
    top: auto;
    margin-left: -10vw;
    margin-top: 13.6vw;
}

.contents div.box {
    width: 100%;
    padding: 20px 20px 30px;
}

.contents#guest div.box {
    padding-bottom: 20px;
}
	
	#guest.contents p.photo img{ width: 100px}


div .photo>div{width:100%!important;justify-content: space-between!important;}

div .photo>div:first-child>div {
    width: 47%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
}
#entry div.member:after{
	content: "";
	width:16%;
	height: 100%;
	display: inline-block;
}


div .photo>div:nth-of-type(2) img {
    width: 90%;
}

div .photo {
    flex-wrap: wrap;
}

div .photo>div:first-child>div img {
    width: 100%;
}



.contents h2 {
    padding: 0;
    width: 100%!important;
    margin-bottom: 30px;
}
.contents h2 p{
	font-size: 18px!important;
}
#what.contents h2 span{
	padding: 5px;
	font-size: 16px;
}
.contents h2:before,
.contents h2:after {
	width: 97%;
}
.contents h2:after{
	left: 1.5%;
}

.contents h2 p:before {
    width: 11vw!important;
    height: 11vw!important;
	margin-left: -4vw;
	top:-16px
}

#prologue.contents h3{
	font-size: 18px;
}



#prologue {
}
	div.box div.ph {
    float: none;
    width: 100%;
    margin: 0 0 20px;
}

div.box div.ph2 img{
	width: 100%;
}

#prologue.contents p, #what.contents p, #program.contents p {
    width: 100%;
}

#program div.promise {
    padding: 30px 9vw;
}

#prologue.contents .program div.one{
	padding: 0 0 30px 0;
	margin-bottom: 10px;
}

#prologue.contents .program h5 span.now{
	left: 0;
}
#prologue.contents .program div.one h5 span.now{
	width: 60px;
	height: 60px;
	padding-top: 18px;
}

#prologue.contents .program h4{
	margin: 0px;
	padding: 10px;
}
#prologue.contents .program .flex{
	display: block;
}
#prologue.contents .program .flex > div{
	width: 100%;
	padding: 10px 0 50px 0;
}
#prologue.contents div.box .program .flex > div a.link{
	width: 100%;
}

#prologue.contents .program .flex > div ul.flex{
	display: flex;
}
#prologue.contents p.strong{
	font-size: 16px;
	padding:20px 20px 40px 20px;
	text-align: left;
	box-sizing: border-box;
}
#prologue.contents div.box .program ul.guest.campus2{
	align-items: flex-start;
	justify-content: space-between;
}
#prologue.contents div.box .program ul.guest.campus2 li{
	width:50%;
	text-align: center;
	margin: 0;
}
#prologue.contents div.box .program ul.guest.campus2 li.txt{
	width: 100%;
	margin-top: 20px;
}
#prologue.contents div.box .program ul.guest.campus2 li.txt h3{
	position: relative;
	left: auto;
	top: auto;
	margin: 10px 0;
}

#prologue.contents div.box .program ul.guest.campus2 li img{
	width: 90%;
}

#prologue.contents p.strong img.human1{
	width: 60px;
	right: -20px;
}
#prologue.contents p.strong img.human2{
	width: 60px;
	left: -20px;
}

#prologue.contents p.strong br{display: none;}
#prologue.contents h3 span{
	font-size: 18px;
}
#prologue.contents .program h4{
	font-size: 18px;
}
#prologue.contents .program h4 span:before,
#prologue.contents .program h4 span:after{
	display: none;
}

#program div.ph2 img{
	width: 100%;
}
#program ul.flex{
	display: block;
}
#program ul.flex li{
	width: 100%;
	box-sizing: border-box;
	margin-bottom:10px;
}
#program ul.flex li p{
	width: auto;
}

#program div.promise h3 span {
    font-size: 4.5vw;
}

#program div.promise h3 span:before {
    width: 8vw;
    left: -10vw;
    height: 10vw;
    top: -2vw;
}

#program div.promise>ul li {
    font-size: 3.3vw;
}

#prologue.contents .program div.one h5{
	font-size: 18px;
}
#prologue.contents .program div.one h5 span.now{
	font-size: 16px;
}
#prologue.contents .program div.one p.date{
	font-size: 18px;
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
}
#prologue.contents .program div.one p.date strong{
	font-size: 28px;
}



#guest> div>ul li {
    width: 19.3%;
    /* padding-right: 3%; */
}

#guest> div>ul li:nth-of-type(3n) {
    padding-right: 0;
}

#guest> div>ul {
}
	#what div.promise>ul li:before {
    font-size: 6vw;
}

.contents div.box p {
    font-size: 14px;
}

div .photo ul li {
    width: 50%;
}

div .photo ul li p {
    font-size: 12px!important;
    line-height: 1.5em!important;
}

.contents div.box p#member_names {}
	.contents div.box p small{ font-size: 80%}
	#entry p.date span, #entry p.place span {
    font-size: 3.2vw;
    width: 10vw;
    height: 10vw;
    box-sizing: border-box;
    line-height: 0.5vw;
    padding-top: 5.3vw;
    margin-right: 2vw;
}
#entry p.date small{
	font-size: 11px;
}

#entry.contents h2 img.chara1{
	width: 60px;
	left: -1%;
	top: -30px;
}

#entry.contents h2 img.chara2{
	width:70px;
	right: -1%;
	top: -0px;
}

#entry h3.big{
	font-size: 24px;
}
#entry p.date {
    font-size: 3.6vw;
}

#entry p strong {
    font-size: 5.2vw!important;
}
#entry p strong.sub{font-size: 80%!important;;}

	#entry div.box .grid {
    width: 50%;
    margin: 10px auto 20px;
}

#entry p.date span:after, #entry p.place span:after {
    left: 9vw;
    border-width: 2.4vw;
    margin-top: 0;
    transform: translateY(-50%);
	z-index: 0;
}


#entry .flex.dl{
	display: block;
}
#entry .flex.dl>div{
	width: 100%;
}
#entry dl dt{
	font-size: 16px;
}
#entry dl dd{
	font-size: 16px;
}

#entry dl dd span.att{
	right: -10px;
	top: -20px;
	background-color: #db608e;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: white;
	padding-top: 5px;
	box-sizing: border-box;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;
}

#entry p.address {
    padding-left: 0;
}

#entry div.list h3 {
	padding: 0 25px;
	font-size: 20px;
}

#entry div.list h3 span:before, #entry div.list h3 span:after{
	width: 20px;
	left:-25px
}
#entry div.list h3 span:after{
	left: auto;
	right: -25px;
}

#entry ul.flex.guest li{
	width: 50%;
	text-align: center;
}
#entry ul.flex.guest li img{
	width: 94%;
	padding-bottom: 10px;
}
#entry ul.flex.guest li.img2{
	width: 100%;
}
#entry ul.flex.guest li.img2 img{
	width: 47%;
}

#entry ul.flex.owner li{
	width: 49%;
	text-align: center;
	padding-bottom: 20px;
}
#entry ul.flex.owner li p{
	font-size: 12px!important;
	line-height: 1.6em;
}
#entry ul.flex.owner li p.sch{
	height: 7em;
}

#entry ul.flex.owner li img{
	width: 100%;
	padding-bottom: 10px;
}

#entry ul.flex.coodinator li{
	width: 32%;
}

#entry ul.flex.coodinator:after{
	content: "";
	display:block;
	width: 32%;
}
#entry ul.coodinator{
	margin-bottom: 10px;
	background: white;
	padding-bottom: 0;
}
#entry ul.coodinator li{
	display: block;
}
#entry ul.coodinator li img{
	width: 50%;
	display: block;
	margin: 10px auto;
}
#entry ul.coodinator li div{
	padding:0 20px;
	width: 100%;
	box-sizing: border-box;
}

#entry div.list p strong {
    font-size: 14px!important;
}
#entry div.list p strong.mid {
    font-size: 13px!important;
}
#entry ul.flex li p strong{
	font-size: 12px!important;
}
#entry ul.flex.owner li p.sch strong{
	font-size: 14px!important;
}

#entry div.list p strong.sub{
	font-size: 13px!important;
}
#entry div.list p.big{
	font-size: 16px;
}
#entry ul.thumb li.slick-slide{
	width: 42px!important;
}

.contents h3 {
    font-size: 22px;
}

#entry .entryBox h3{
	font-size: 16px;
}
#entry .entryBox p{
	text-align: left;
}
#entry .entryBox p.midashi{
	text-align: center;
}
#entry ul.flex.owner:after{
	content: "";
	width: 30%;
	height: 100%;
	display: inline-block;
}

p.sweet {
    position: relative;
}

#entry div.list p.sweet:before,#entry div.list p.sweet:after {
    position: absolute;
    top: -7vw;
    width: 11vw;
    background-size: contain;
    height: 14vw;
}

#entry div.list p.sweet:before {
    left: 1vw;
}

#entry div.list p.sweet:after {
    right: 1vw;
    width: 14vw;
}

#entry .entryBox {
    padding: 0px 10px 20px 10px;
}


#entry div.list.short{
	width: 100%;
}
#entry div#entry2{
	padding: 30px 0 0 0;
}

div.list img{
	width: 100%;
}

.contents div.box .entry-past p.coming{
	width: auto;
}
#entry .entry-past dl dd{
	font-size: 14px;
}
#entry .entry-past dl dd.lefts{
	text-align: left;
}
#entry .entry-past dl dd.lefts br{
	display: none;
}
.entry-past dl dd strong{
	font-size: 18px;
}
.entry-past div.flex.vol1{
	display: block
}
.entry-past div.flex div.data{
	width: 100%;
}

.entry-past div.flex div.guest{
	width: 100%;
}

.entry-past div.flex.img{
	padding: 10px 0;
}
.entry-past div.flex.img img{
	display: block;
	margin-bottom: 10px;
}
.entry-past div.flex.img.past img{
	width: 31%;
}

.entry-past div.flex.img.past::after{
	content: "";
	width: 31%;
}

.entry-past div.flex.img.phs img{
	width: 49%;
}

.entry-past div.flex.img.phs::after{
	content: "";
	width: 49%;
}

#entry div.giin{
	padding: 20px 0;
}

#entry div.giin ul li{
   width: 13.4%;
}
 

#entry .entryBox.forms a.button{
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
}

form.exp table th, form.exp table td, form.exp table tr,form.exp td .selectBox {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

form.exp table th, form.exp table tr {
    padding-bottom: 20px;
}

form.exp table th,form.exp table td {
    text-align: left;
    padding: 0 0 10px;
}


form.exp table {
    margin: 0;
    display: block;
}

form.exp table tbody {
    width: 100%;
    display: block;
}

form.exp input.txt {
    width: 100%;
}

form.exp td .selectBox select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    width: 100%;
}

tbody {
}

form.inq table td,form.inq table th {
    width: 100%;
    display: block;
    text-align: left;
    padding: 0 0 10px;
}

form.inq table tr {
    padding-bottom: 20px;
    display: block;
}


form.inq textarea, form.inq .txt {
    width: 100%!important;
}

#entry .entry-past ul.flex.guest{
	width: 100%;
}
#entry a.button{
	width: 100%;
}


footer p {
    width: 100%;
}
	#snsBox {
    position: relative;
    border: none;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
	align-items: center;
	padding: 10px;
}

#snsBox>div {
    display: flex!important;
	align-items: center;
	width: 25%;
}
#snsBox>div.fb-like{width: 50%;}
.fb_iframe_widget_fluid span{width: 100%!important;}
.fb_iframe_widget iframe{width: 100%!important; right:auto; left: 0;}

.fb_iframe_widget_fluid span{ height: 20px!important;}

#snsBox>div.lineBt>span {
    display: flex;
    align-items: center;
}

#snsBox .twitter {
    padding: 0;
}
	.contents.sns {
    border: none!important;
}

#prologue:before {
    background: none;
}
	#entry .entryBox a.line img {
    width: 60%;
		display: block;
		margin: 0 auto 20px auto;
}
	form.exp, form.inq {
    margin: 10px 0;
}
	#member {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    top: 178vw;
    flex-wrap: wrap;
}

#member p {
    /* width: 20%; */
    /* text-shadow: none; */
    /* background: url(../images/text01.png)no-repeat center left/contain; */
    /* text-indent: -9999px; */
    /* height: 12vw; */
    /* margin-right: 5px; */
    margin-bottom: 1vw;
    font-size: 6vw;
}

#member>div>div p {
    font-size: 10px;
}
#member p.photo{ background: none; width: 14%; margin-right: 5px; text-indent: 0; height: 9vh}
#member p.photo img{ width: 100%; vertical-align: top} 

#member ul {
    width: 92%;
}

#member ul li {
    width: 14.2%;
}
	#member>div {
    width: 100%;
    flex-wrap: wrap;
}

#member>div>div>p {
    font-size: 5vw;
    margin-bottom: 3vw;
}

#member>div>div {
    margin-bottom: 6vw;
    margin-right: 0;
    width: 100%;
    justify-content: center;
}

#member>div img {
    width: 90%;
}

#member>div>div:nth-of-type(2)>div img {
    width: 90%;
}

#member>div>div>div {
    width: 50%;
}

#member>div>div:nth-of-type(2)>div {
    width: 50%;
}
	header div.wrap::before {
    left: auto;
    right: 1vw;
    transform: none;
    width: 14vw;
    height: 13vw;
    top: 9vw;
}
#member>div.image_guest>div {
    width: 32%!important;
}

#member>div.image_guest {
    margin-bottom: 0px;
}

#member>div.image_guest>div>p {
    font-size: 10px;
}
}

.pc-line{
	text-align: center;
	background:#e0f9ff;
	border-top: 5px solid #ff66a3;
}
.pc-line.contents .box{
	padding: 30px 0 30px 0;
}

.pc-line.contents .box a.line{
	background-color: #06c755;
	color: white;
	display: inline-block;
	position: relative;
	padding: 20px 50px 20px 90px;
	margin: 0 auto;
	border-radius: 10px;
	font-size: 24px;
	box-shadow:
    0 1.9px 2.5px rgba(0, 0, 0, 0.057),
    0 5px 6.1px rgba(0, 0, 0, 0.076),
    0 10.1px 11.4px rgba(0, 0, 0, 0.086),
    0 19.2px 19.8px rgba(0, 0, 0, 0.092)
}

.pc-line.contents .box a.line:hover{
	cursor: pointer;
}

.pc-line.contents .box a.line:before{
	content: "";
	display: inline-block;
	background:url(../images/line_icon.svg) no-repeat center center/100%;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width: 768px){
	.pc-line.contents .box{
		padding: 20px 15px;
	}
	.pc-line.contents .box a.line{
		padding: 15px 0;
		width: 100%;
		display: block;
	}
	.pc-line.contents .box a.line:before{
		left: 10%;
	}
}