@charset "utf-8";

/* 00.USUAL
--------------------------------------------------- */
div.w910 {
	width: 910px;
	margin: 0 auto;
}
div.w910 img {
	max-width: 100%;
	height: auto;
}
div.w910 .pcNone { display:none; }

/* 01.MAINVISUAL
--------------------------------------------------- */
section#mainvisual {
	background: url("../img/bg_mv.png") no-repeat center bottom / cover;
	margin: 0;
	padding: 3% 0 9%;
}
section#mainvisual div.article {
	width: 430px;
	display: inline;
	float: left;
}
section#mainvisual div.figure {
	width: 455px;
	display: inline;
	float: right;
	padding-top: 30px;
}
section#mainvisual div.article h2 {
	margin: 0 0 20px;
}
section#mainvisual div.article h3 {
	margin: 0 0 15px;
	font-size: 118%;
	line-height: 150%;
}
section#mainvisual div.article p {
	font-size: 93%;
	margin: 0 0 20px;
}
section#mainvisual div.article div.button_01 {
	display: block;
	text-align: center;
	margin: 0 0 15px;
}
section#mainvisual div.article div.button_01 a {
	display: block;
	padding: 15px;
	background-color: #08c;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
section#mainvisual div.article div.button_01 a:visited { background-color:#08c; }
section#mainvisual div.article div.button_01 a:hover {	background-color:#337ab7; }

section#mainvisual div.article div.exLink {
	background: url("../img/linkicon.png") no-repeat left / 14px 14px;
	padding-left: 20px;
	font-size: 93%;
}
section#mainvisual div.article div.exLink a {
	text-decoration: underline;
	color: #333 !important;
}
section#mainvisual div.article div.exLink a:hover,
section#mainvisual div.article div.exLink a:visited { color:#08c; }


/* 02.FUNCTION
--------------------------------------------------- */
section#function {
	background: #000;
	color: #fff;
	/* margin-bottom: 30px; */
}
section#function div.w910 {
	background: url("../img/bg_function.png") no-repeat center bottom / 110% auto;
	padding-bottom: 50px;
}
section#function h2 {
	text-align: center;
	margin: 0;
}
section#function h2 img {
	max-height: 45px;
    width: auto;
}
section#function ul.clearfix {
	list-style: none;
	margin: 35px 0;
	padding: 0;
}
section#function ul.clearfix li {
	display: inline-block;
	text-align: center;
	width: 25%;
	vertical-align: top;
	padding: 0 1.5%;
}
section#function ul.clearfix li figure {
}
section#function ul.clearfix li h3 {
	font-size: 106%;
	font-weight: bold;
	margin: 25px 0 15px;
}
section#function ul.clearfix li p {
	font-size: 87%;
	text-align: left;
	margin: 0;
}
section#function ul.note {
	list-style: none;
	margin: 0;
	padding: 0;
}
section#function ul.note li {
	text-indent: -2em;
	padding: 0 0 0 2em;
	font-size: 81%;
	margin: 0;
}
section#function sup {
	font-size: 56%;
    padding: 0.2em;
    top: -0.6em;
}



/* 03.SHOPLIST
--------------------------------------------------- */
#shop_list h1{
	margin: 30px 0;
	color: #08c;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
#shop_list h2{
	font-weight: bold;
}
#shop_list ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#shop_list li{
	padding: 10px 0;
	border-bottom: 1px dotted #333;
}
#shop_list li:last-child{
	border-bottom: none;
}
#shop_list a{
	display: block;
	text-decoration: none;
}
.panel-group{
	margin-bottom: 0;
}
.panel-group .panel + .panel{
	margin-top: 0;
}
.panel-default > .panel-heading{
	color: #fff;
	background-color: #08c;
}
.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;
}
.memo{
	margin: 10px 0 30px;
}
@media (min-width: 992px){
	.point{
		min-height: 220px;
	}
	#shop_list h1{
		font-size: 48px;
	}
}





/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
	div.w910 { width:90%; }
	div.w910 figure.pcNone { display:block; }
	div.w910 .tabNone { display:none !important; }
	section#mainvisual { padding:4% 0 17%; }
	section#mainvisual div.article,
	section#mainvisual div.figure { display:block; float:none; width:auto; }
	section#mainvisual figure { margin-bottom:-10%; position:relative; }
	section#mainvisual div.article h2,
	section#mainvisual div.article h3 { text-align:center; }
	section#mainvisual div.article h2 img { max-width:80%; }
}

/* ==============================================================
 TABLET
================================================================= */
@media screen and (min-width:768px) and (max-width:959px) {
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	section#mainvisual { padding:6% 0 45%; }
	section#function { background: #000 url("../img/bg_function.png") no-repeat center bottom / 150% auto; }
	section#function div.w910 { background:none; }
	section#function ul.clearfix { margin:10% 0; }
	section#function ul.clearfix li { width:50%; margin-bottom:6%; }
}

/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
}

/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
	section#mainvisual div.article h2 img { max-width:100%; }
	section#function { margin-top:-15%; position:relative; }
	div.w910 .spNone { display:none !important; }
	div.w910 .pcNone { display:block !important; }
}