@charset "utf-8";

#main_visual {
    padding: 5% 0 3%;
    background: url("../img/main_visual.jpg");
    background-size: cover;
    background-position: 0 30%;
}
#main_visual .btn{
    display: block;
    padding: 15px;
    margin: 30px 0 10px;
    background: #000;
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
#main_visual figure{
    max-width:80%;
    margin: 0 auto;
}
.ttl {
    border-bottom: 1px #fff dotted;
    border-top: 1px #fff dotted;
    padding: 5px 0;
    margin: 30px 0 15px;
    color: #fff;
    font-size: 190%;
    /* font-weight: bold; */
    text-align: center;
    letter-spacing: 0.3em;
}
#main_visual a{
    word-break: break-all;
}
#contents_nav{
	padding: 30px 0 50px;
  background:url("../img/bg_contents_nav.png") center center /contain no-repeat #000606;
}
#contents_nav .col-md-6{
	padding: 0 10px;
}
#contents_nav figure{
	margin: 40px 0 0;
}
#contents_nav h2 {
    margin: 30px auto;
    color: #fff;
    text-align: center;
    max-width: 80%;
}
#contents_nav h3{
	margin: 15px 0;
	color: #fff;
	text-align: center;
	font-size: 22px;
}
#contents_nav p {
    margin: 0 auto;
    /* padding: 10px; */
    color: #fff;
    text-align: left;
    font-weight: 100;
    font-size: 105%;
}
#contents_nav .bg_color_01{
	background: #e58c69;
}
#contents_nav .bg_color_02{
	background: #de81a9;
}
#contents_nav .bg_color_03{
	background: #707fb5;
}
#contents_nav .bg_color_04{
	background: #7fbee0;
}
#contents_nav .bg_color_05{
	background: #a3c875;
}
#contents_nav a{
	display: block;
	color: #333;
	text-decoration: none;
}
#contents_nav a:hover{
	opacity: 0.8;
}
#dual{
	padding: 40px 0;
	background: #000;
	color: #fff;
}
#dual h3{
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid #fff;
}
#dual .shop_btn{
	display: block;
	margin: 0 0 20px;
	padding: 10px 0;
	background: #f9e2d9;
	background: -ms-linear-gradient(top, #fff 0%,#eca98f );
	background: -moz-linear-gradient(top,#fff 0%,#eca98f);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eca98f));
	border-radius: 3px;
	color: #333333;
	font-weight: bold;
	font-size: 105%;
	text-align: center;
	text-decoration: none;
}
#dual .shop_btn:hover{
	opacity: 0.8;
}
#dual img{
	display: block;
	max-width: 100%;
	height: auto;
}
#shop_list h1{
	margin: 30px 0;
	font-size: 30px;
	text-align: center;
  color: #000606;
  font-family:Arial, Helvetica, sans-serif;
}
#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 .panel + .panel{
	margin-top: 0;
}
.panel-default > .panel-heading{
	color: #fff;
	background-color: #333;
}
.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) {
  #main_visual figure{
    max-width:100%;
       }
	.main_contents{
		padding: 30% 0 0;
	}
	.main_contents img{
		left: 19.5%;
		width: 30%;
	}
	.main_contents .link{
		left: 19.5%;
	}
	.main_contents .link{
		font-size: 12px;
	}
	#contents_nav figure{
		margin: 0 0 0;
	}
	#shop_list h1{
		font-size: 48px;
        color: #C01920;
	}
}