@charset "utf-8";

/* 00.USUAL
--------------------------------------------------- */
div.w940 {
	width: 940px;
	margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
}
ul.attentionNote {
    font-size: 81% !important;
}

/* 01.MAINVISUAL
--------------------------------------------------- */
section#mv {
    background: #070404 url("../img/mv_bg.png") no-repeat right top 85% / 70% auto;
    text-align: center;
    padding-bottom: 4%;
    color: #fff;
}
section#mv div.mvInner {
    width: 80%;
    margin: 0 auto;    
}
section#mv div.clearfix {
    padding: 6% 0 1%;
}
section#mv h1 {
    float: left;
    width: 47%;
    margin: 0;
}
section#mv figure {
    float: right;
    width: 52%;
}
section#mv a {
    color: #fff;
    width: 400px;
    margin: 0 auto;
    display: block;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
    transition: all 0.5s ease;
}
section#mv a:hover {
    text-decoration: none;
}
section#mv div.btnShoplist {
    margin-bottom: 1em;
}
section#mv div.btnShoplist a {
    font-size: 131%;
    font-weight: 600;
    position: relative;
    z-index: 0;
    height: 55px;
    line-height: 55px;
    font-weight: 800;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
section#mv div.btnShoplist a::before,
section#mv div.btnShoplist a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    -moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
section#mv div.btnShoplist a::before {
    z-index: -1;
    transition: 0.5s;
    background: #0096b4;
    background: -moz-linear-gradient(-45deg,  #0096b4 0%, #00b8b5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #0096b4 0%,#00b8b5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #0096b4 0%,#00b8b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096b4', endColorstr='#00b8b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section#mv div.btnShoplist a::after {
    z-index: -2;
    background: #00b579;
    background: -moz-linear-gradient(-45deg,  #00b579 0%, #48c779 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #00b579 0%,#48c779 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #00b579 0%,#48c779 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b579', endColorstr='#48c779',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section#mv div.btnShoplist a:hover::before {
    opacity: 0;
}
section#mv div.exLink {
}
section#mv div.exLink a {
    border: 1px solid #fff;
    padding: 0.2em 0;
}
section#mv div.exLink a::before {
    content: "▲";
    transform: rotate(90deg);
    display: inline-block;
    font-size: 56%;
    vertical-align: 3px;
    margin-right: 0.7em;
}
section#mv div.exLink a:hover {
    background-color: #fff;
    color: #070404;
}
section#mv ul.attentionNote {
    text-align: left;
    margin-top: 2em;
}

/* 02.MIRUHACO
--------------------------------------------------- */
section#miruhaco {
    background: url("../img/miruhaco_bg.png") no-repeat center / cover;
    padding: 7% 0 5%;
}
section#miruhaco div.floL {
    float: left;
    width: 47%;
}
section#miruhaco div.floR {
    float: right;
    width: 50%;
}
section#miruhaco div.floL h2 {
    display: none;
}
section#miruhaco h2 {
    text-indent: 0.5em;
    margin: 0 0 0.5em -0.5em;
}
section#miruhaco h2 span {
    display: block;
    font-size: 75%;
}
section#miruhaco h2 img {
    max-width: 50%;
    padding: 0 0.4em;
}
section#miruhaco ul.ganre {
    list-style: none;
    margin-bottom: 2em;
    padding: 0;
}
section#miruhaco ul.ganre li {
    display: inline-block;
    width: 20%;
    box-sizing: border-box;
    padding: 0 0.5%;
}
section#miruhaco dl {
    margin-bottom: 2em;
}
section#miruhaco dl dt {
    color: #e4007f;
    font-size: 112%;
}
section#miruhaco dl dt::before {
    content: "▲";
    transform: rotate(90deg);
    display: inline-block;
    font-size: 62%;
    vertical-align: 2px;
    margin-right: 0.5em;
}
section#miruhaco dl dt img {
    height: 26px;
}
section#miruhaco dl dd {
    margin: 0.2em 0 0.8em 1em;
}

/* 03.FUNCTION
--------------------------------------------------- */
section#function {
    background: url("../img/fn_bg.png") no-repeat center / cover;
    color: #fff;
    padding: 6% 0;
}
section#function ul#point {
    list-style: none;
    margin: 0;
    padding: 0;
}
section#function ul#point li {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 2%;
}
section#function ul#point li figure {
    text-align: center;
    padding: 0 15%;
}
section#function ul#point li dl dt {
    text-align: center;
    font-size: 131%;
    margin: 1.2em 0 0.5em;
}
section#function ul#point li dl dt sup {
    font-size: 62%;
}
section#function ul#point li dl dd {
    margin: 0;
    line-height: 1.6;
}
section#function ul#point li ul.attentionNote {
    margin-top: 0.5em;
}
section#function ul#point li ul.attentionNote li {
    display: block;
    width: auto;
}

/* 04.SHOPLIST
--------------------------------------------------- */
section#shop_list {
    background: url("../img/shoplist_bg.png") no-repeat center top / 100% auto;
    padding: 7% 0;
}
section#shop_list h2 {
	color: #0096b4;
	font-size: 48px;
	text-align: center;
    margin: 0 0 0.5em;
}
section#shop_list h3 {
	font-weight: bold;
    text-align: center;
    margin: 1em 0 0.8em;
}
section#shop_list h3.fs25 {
    color: #0096b4;
}
section#shop_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
section#shop_list li {
}
section#shop_list li:last-child {
	border-bottom: none;
}
section#shop_list a {
	display: block;
	text-decoration: none;
}
section#shop_list .b3s_ai {
    background: -moz-linear-gradient(top, #fff 50%, #cdedf0 100%);
    background: -webkit-linear-gradient(top, #fff 50%, #cdedf0 100%);
    background: linear-gradient(to bottom, #fff 50%, #cdedf0 100%);
    border: 3px solid #0096b4;
    box-shadow: 0px 3px #0096b4;
    position: relative;
    transition: 0.3s;
}
section#shop_list .b3s_ai:hover {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    box-shadow: none;
}
section#shop_list .b3s_ai::after {
    content: "\f0a9";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    color: #0096b4;
}
.panel-group {
	margin-bottom: 0;
}
.panel-group .panel + .panel {
	margin-top: 0;
}
.panel-default > .panel-heading {
	color: #fff;
	background-color: #eb007e;
}
.panel-heading {
	cursor: pointer;
}
.panel-body {
	padding: 0 15px;
}
.accordion-toggle a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e113";
	float: right;
	color: inherit;
}
.accordion-toggle a.collapsed:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: inherit;
}


/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 959px) {
    section#mv div.mvInner { width:92%; }
    div.w940 { width:90%; }
    section#miruhaco div.floL,
    section#miruhaco div.floR { float:none; width:auto; }
    section#miruhaco div.floL h2 { display:block; text-align:center; font-size:5vw; }
    section#miruhaco div.floL figure img { margin:0 0 -6% -6%; }
    section#miruhaco h2 img { width:48%; }
    section#miruhaco div.floR h2 { display:none; }
    section#shop_list div.container { width:auto; }
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:559px) {
    section#mv { background-position:center bottom; background-size:140% auto; padding-bottom:8%; }
    section#mv div.mvInner { width:85%; }
    section#mv a { width:90%; }
    section#mv div.btnShoplist a { font-size:4vw; }
    section#mv div.exLink a { font-size:3vw; }
    section#mv h1,
    section#mv figure { width:auto; float:none; }
    section#mv figure { margin-bottom:5%; }
    section#function { padding:8% auto; }
    section#function ul#point li { display:block; width:auto; margin-bottom:1em; padding:0; }
    section#function ul#point li:last-child { margin-bottom:0; }
    section#function ul#point li figure { display:inline-block; width:30%; padding:0; vertical-align:top; }
    section#function ul#point li dl { display:inline-block; width:70%; padding-left:5%; }
    section#function ul#point li dl dt { text-align:left; margin:0.5em 0 0.2em; }
    section#shop_list { padding:4em 0; }
    section#shop_list h2 { font-size:9vw; margin-bottom:0.2em; }
    section#shop_list h3 { font-size:6vw; }
    section#shop_list a { font-size:4vw; }
}

/* ==============================================================
 Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
}