@charset "utf-8";
@media screen and (min-width: 931px) {
/* HEADER */
.head{ border-top: 10px solid #a462a2; }
.head_cont{ width:1000px; margin: auto; }
.h1_name01{
background-color: #6b0067;
color: #FFF;
padding: 0 10px;
}
/* TIME TABLE */
.time01:before {
content: '';
background-image: url(../img/time_0930.png);
display: inline-block;
width: 120px;
height: 120px;
background-size: contain;
}
.time02:before {
content: '';
background-image: url(../img/time_1000.png);
display: inline-block;
width: 120px;
height: 120px;
background-size: contain;
}
.time03:before {
content: '';
background-image: url(../img/time_1300.png);
display: inline-block;
width: 120px;
height: 120px;
background-size: contain;
}
.time04:before {
content: '';
background-image: url(../img/time_1500.png);
display: inline-block;
width: 120px;
height: 120px;
background-size: contain;
}
.time05:before {
content: '';
background-image: url(../img/time_1800.png);
display: inline-block;
width: 120px;
height: 120px;
background-size: contain;
}
.time06:before {
content: '';
background-image: url(../img/time_1830.png);
display: inline-block;
width: 120px;
height: 120px;
background-size: contain;
}
/*ARROW*/
.time:after {
content: '';
background-image: url(../img/arrow.png);
display: block;
width: 21px;
height: 29px;
background-size: contain;
margin-left: 50px;
margin-top: 5px;
margin-bottom: 10px;
}
/* MERIT */
.merit01:before {
content: '';
background-image: url(../img/merit_icon_01.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}
.merit02:before {
content: '';
background-image: url(../img/merit_icon_02.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}
.merit03:before {
content: '';
background-image: url(../img/merit_icon_03.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}
.merit04:before {
content: '';
background-image: url(../img/merit_icon_04.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}

/* BORDER */
.bdStpYel {
position: relative;
padding: -0.5em;
}
.bdStpYel:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 25px;
background: repeating-linear-gradient(-45deg, #FFFF9A, #FFFF9A 10px, #FFFFFF 10px, #FFFFFF 20px);
z-index: -1;
}
.bdPpl {
background: linear-gradient( transparent 50%,#EAE1EF 0);
display: inline-block;
font-size: 30px;
line-height: 1.2;
padding: 0 0.25em;
margin: 0 0.2em
}
/* ENTRY */
.ent01 {
background-image: url(../img/bg_stripe.png);
height: 150px;
}
.cv01{
width: 700px;
padding: 10px;
margin: auto;
border-radius: 10px;
background-color: #670062;
}
.cv01:hover{
background-image: url(../img/bg_stripe02.png);
}
a.cv01 {
color: #FFF;
font-size: 18px;
font-weight: bold;
}
.ent02 {
height: 60px;
}
.cv02{
width: 700px;
padding: 10px;
margin: auto;
border-radius: 10px;
background-color: #670062;
}
.cv02:hover{
background-image: url(../img/bg_stripe02.png);
}
a.cv02 {
color: #FFF;
font-size: 18px;
font-weight: bold;
}
.ent03 {
height: 130px;
}
.cv03{
width: 700px;
padding: 10px;
margin: auto;
border-radius: 10px;
background-color: #670062;
}
.cv03:hover{
background-image: url(../img/bg_stripe02.png);
}
a.cv03 {
color: #FFF;
font-size: 18px;
font-weight: bold;
}
/* PAGETOP */
.pagetop{
width: 70px;
height: 70px;
background-color: #6b0067;
font-weight: bold;
text-align: center;
margin-left: auto;
}
.pagetop a{
color: #FFF;
}
/* SEARCH */
.btn_search{
border: 0px;
width:100px;
height:50px;
background: url(../img/btn_search.png) left top no-repeat;
}
.btn_search:hover{
	cursor: pointer;
	opacity:0.5;
}
/* FLOTING FIXED */
.fix-menu {
position: fixed;
bottom: 0;
height: auto;
z-index: 999;
width: 100%;
background: rgba(234,225,239,0.8);
}
.is-fixed {
display: none!important;
}
}
/*-----------------------------------*/
/* SP */
/*-----------------------------------*/
@media screen and (max-width: 930px) {
/* HEADER */
.head{ border-top: 20px solid #a462a2; }
.head_cont{ width:100%; margin: auto; }

.h1_name01{
background-color: #6b0067;
color: #FFF;
padding: 2px 10px;
}
/* UA WIDTH */
.sp-w900{ width: 900px; }
.sp-w500{ width: 500px; }
.sp-w90per{ width: 90%; }
.sp-w230{ width: 230px; }
.sp-w200{ width: 200px; }

/* TIME TABLE */
.time01:before {
content: '';
background-image: url(../img/time_0930.png);
display: block;
width: 120px;
height: 120px;
background-size: contain;
margin: 0 auto 10px;
}
.time02:before {
content: '';
background-image: url(../img/time_1000.png);
display: block;
width: 120px;
height: 120px;
background-size: contain;
margin: 0 auto 10px;
}
.time03:before {
content: '';
background-image: url(../img/time_1300.png);
display: block;
width: 120px;
height: 120px;
background-size: contain;
margin: 0 auto 10px;
}
.time04:before {
content: '';
background-image: url(../img/time_1500.png);
display: block;
width: 120px;
height: 120px;
background-size: contain;
margin: 0 auto 10px;
}
.time05:before {
content: '';
background-image: url(../img/time_1800.png);
display: block;
width: 120px;
height: 120px;
background-size: contain;
margin: 0 auto 10px;
}
.time06:before {
content: '';
background-image: url(../img/time_1830.png);
display: block;
width: 120px;
height: 120px;
background-size: contain;
margin: 0 auto 10px;
}
/*ARROW*/
.sp-time:after {
content: '';
background-image: url(../img/arrow.png);
display: block;
width: 21px;
height: 29px;
background-size: contain;
margin:5px auto 10px;
}
/* MERIT */
.merit01:before {
content: '';
background-image: url(../img/merit_icon_01.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}
.merit02:before {
content: '';
background-image: url(../img/merit_icon_02.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}
.merit03:before {
content: '';
background-image: url(../img/merit_icon_03.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}
.merit04:before {
content: '';
background-image: url(../img/merit_icon_04.png);
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
}
/* BORDER */
.bdPpl {
background: linear-gradient( transparent 50%,#EAE1EF 0);
display: inline-block;
font-size: 30px;
line-height: 1.2;
padding: 0 0.25em;
margin: 0 0.2em
}
/* ENTRY */
.ent01 {
background-image: url(../img/bg_stripe.png);
height: 150px;
}
.cv01{
width: 700px;
padding: 10px;
margin: auto;
border-radius: 10px;
background-color: #670062;
}
.cv01:hover{
background-image: url(../img/bg_stripe02.png);
}
a.cv01 {
color: #FFF;
font-size: 18px;
font-weight: bold;
}
.ent02 {
height: 60px;
}
.cv02{
width: 700px;
padding: 10px;
margin: auto;
border-radius: 10px;
background-color: #670062;
}
.cv02:hover{
background-image: url(../img/bg_stripe02.png);
}
a.cv02 {
color: #FFF;
font-size: 18px;
font-weight: bold;
}
.ent03 {
height: 80px;
}
.cv03{
width: 700px;
padding: 10px;
margin: auto;
border-radius: 10px;
background-color: #670062;
}
.cv03:hover{
background-image: url(../img/bg_stripe02.png);
}
a.cv03 {
color: #FFF;
font-size: 18px;
font-weight: bold;
}
/* PAGETOP */
.pagetop{
width: 70px;
height: 70px;
background-color: #6b0067;
font-weight: bold;
text-align: center;
margin-left: auto;
}
.btn_search{
border: 0px;
width:100px;
height:50px;
background: url(../img/btn_search.png) left top no-repeat;
}
.btn_search:hover{
	cursor: pointer;
	opacity:0.5;
}
.pagetop a{
color: #FFF;
}
/* FLOTING FIXED */
.fix-menu {
position: fixed;
bottom: 0;
height: auto;
z-index: 999;
width: 100%;
background: rgba(234,225,239,0.8);
}
.is-fixed {
display: none!important;
}
}