@charset "UTF-8";
/* CSS Document */

body{
	font-family: 'M PLUS 1p', sans-serif;
	font-size:1.0rem;
	line-height:1.75em;
	color:#fff;
	
	background-color:#002;
}

a{
	color:#83640d;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img{
	max-width: 100%;
	max-height: 100%;
}

.h-content-top{
	background-color:#000;
	color:#fff;	
	box-sizing: border-box;
}

.h-content-top div.wrap{
	width:1280px;
	margin:0 auto;
}

.h-content-top div.table-parent{
	display:table;
	width:100%;
}

.h-content-top h1{
	display:table-cell;
	width:50%;
	vertical-align: top;
	text-align: left;
	font-size:0.8rem;
	line-height:40px;
}

.h-content-top ul.h-navi{
	display:table-cell;
	width:50%;
	vertical-align: top;
	text-align: right;
}

.h-content-top ul.h-navi{
	font-size:0;
	line-height:1.0em;
}

.h-content-top ul.h-navi li{
	display:inline-block;
	width:120px;
	height:40px;
	vertical-align: top;
	text-align: center;
    border-right: 1px solid #baaeb7;
	color:#fff;
	font-size:0.8rem;
	line-height:40px;
	box-sizing: border-box;
    transition: all 0.5s;
}

.h-content-top ul.h-navi li a{
	display:block;
	color:#fff;
}

.h-content-top ul.h-navi li:hover{
	background-color:#83640d;
	cursor: pointer;
}

.h-content-top ul.h-navi li:hover a{
	text-decoration: none;
}

.h-content-top ul.h-navi li img{
	display:inline-block;
	width:15px;
	margin-right:2.5px;
}

.h-content-bottom{
	background-color:#222;
	color:#fff;
}

.h-content-bottom div.wrap{
	width:1280px;
	margin:0 auto;
	
	box-sizing: border-box;
	padding:10px 0;
}

.h-content-bottom div.table-parent{
	display:table;
	width:100%;
}

.h-content-bottom p.logo{
	display:table-cell;
	width:250px;
	vertical-align: middle;
}

.h-content-bottom p.logo a{
	display:block;
}

.h-content-bottom p.logo img{
	width:100%;
	vertical-align: bottom;
}

.h-content-bottom div.h-info{
	display:table-cell;
	width:auto;
	vertical-align: middle;
	text-align: right;
}

.h-content-bottom p.tel{
	display:inline-block;
	width:400px;
	vertical-align: middle;
}

.h-content-bottom p.tel img{
	width:100%;
	vertical-align: bottom;
}

.h-content-bottom p.credit{
	display:inline-block;
	width:400px;
	vertical-align: middle;
}

.h-content-bottom p.credit img{
	width:100%;
	vertical-align: bottom;
}

#g-navi{
	background-color: rgba(0, 0, 0, 0.6);
}

#g-navi ul{
	width:1280px;
	margin:0 auto;
	
	font-size:0;
	line-height:1.0em;
}

#g-navi ul li{
	display:inline-block;
	width:12.5%;
	vertical-align: top;
	
	text-align: center;
	
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:bold;
}

#g-navi ul li a{
	display: block;
    color: #fff;
    box-sizing: border-box;
    padding: 15px 0;
    transition: all 0.5s;
	
}

#g-navi ul li a:hover{
	text-decoration: none;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

#g-navi ul li span.note{
	display:block;
	
	font-size:0.8rem;
	line-height:1.0em;
	font-weight:normal;
	
	margin-top:7.5px;
}

#footer{
	background-color:#000;
	color:#fff;
}

#footer div.wrap{
	width:1280px;
	margin:0 auto;
	
	box-sizing: border-box;
	padding:40px;
	
	text-align: center;
}

#footer div.h-info{
	margin-bottom:20px;
}

#footer p.logo{
	width:360px;
	margin:0 auto 10px;
}

#footer p.logo a{
	display:block;
}

#footer p.logo img{
	width:100%;
	vertical-align: bottom;
}

#footer p.tel{
	width:400px;
	margin:0 auto 10px;
}

#footer p.tel img{
	width:100%;
	vertical-align: bottom;
}


#footer p.credit{
	width:400px;
	margin:0 auto 20px;
}

#footer p.credit img{
	width:100%;
	vertical-align: bottom;
}

#footer address{
	font-size:0.6rem;
	line-height:1.0em;
}

#f-navi{
	margin-bottom:20px;
}

#f-navi ul{
	font-size:0;
	line-height:1.5em;
}

#f-navi ul li{
	display:inline-block;
	
	font-size:0.6rem;
	line-height:1.5em;
}

#f-navi ul li:after{
	content:"-";
	
	box-sizing: border-box;
	padding:0 2.5px;
}

#f-navi ul li:last-child:after{
	content:" ";
	
	box-sizing: border-box;
	padding:0;
}

#f-navi ul li a{
	color:#fff;
}

#contents{
	background-image: url("../images/bg-contents.jpg");
	color:#222;
	background-repeat: repeat;
}

#contents div.wrap{
	width:1280px;
	margin:0 auto;
}

.slider-content div.prev{
	position: absolute;
	top:0;
	left:0;
	
	width:50px;
	height:100%;
	
	box-sizing: border-box;
	padding-bottom:10px;
	
	z-index: 10;
	opacity: 0.8;
}

#twitter ul.slider-content div.prev{
	left:-10px;
	width:40px;
}

.slider-content div.prev:hover{
	cursor: pointer;
}

.slider-content div.prev span.ol{
	display:block;
	position: relative;
	width:100%;
	height:100%;
}

.slider-content div.prev img{
    width: 60%;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 0px;
    margin: auto;
    background-color: #252525;
    box-sizing: border-box;
    padding: 5px;
}

.slider-content div.next{
	position: absolute;
	top:0;
	right:0;
	
	width:50px;
	height:100%;
	
	box-sizing: border-box;
	padding-bottom:10px;
	
	z-index: 10;
	opacity: 0.8;
}

#twitter ul.slider-content div.next{
	right:-10px;
	width:40px;
}

.slider-content div.next:hover{
	cursor: pointer;
}

.slider-content div.next span.ol{
	display:block;
	position: relative;
	width:100%;
	height:100%;
}

.slider-content div.next img{
	width: 60%;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    left: 20px;
    margin: auto;
    background-color: #252525;
    box-sizing: border-box;
    padding: 5px;
}

.slider-top-for img{
	width:100%;
	vertical-align: bottom;
}

#main{
	width:900px;
	float:left;
	
	box-sizing: border-box;
	padding:20px;
}

#main h2{
	height: 50px;
    font-size: 1.25rem;
    line-height: 50px;
    font-weight: bold;
    color:#dec47c;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    background-image: url("../images/h2bg.jpg");
    border-top-style: double;
    border-bottom-style: double;
}

#main h2 span.note{
	display:inline-block;
	font-size:1.0rem;
	line-height:50px;
	font-weight:normal;
	
	margin:0 10px;
}

#main h3{
	height:50px;	
	font-size:1.25rem;
	line-height:50px;
	font-weight:bold;	
	color:#dec47c;
	box-sizing: border-box;
	padding:0 10px;
	position: relative;
    background-image: url("../images/h2bg.jpg");
    border-top-style: double;
    border-bottom-style: double;
	boeder-top:1px double #dec47c;
}

#main h3 span.note{
	display:inline-block;
	font-size:0.7rem;
	line-height:50px;
	font-weight:normal;
	
	margin:0 10px;
}

#main h3 span.btn-detail{
	display:inline-block;
	position: absolute;
	top:0;
	right:0;
	
	width:160px;
	height:50px;
	
	font-size:0.8rem;
	line-height:50px;
	font-weight:normal;
	
	background-image: url("../images/icon-arrow-right-white.png");
	background-repeat: no-repeat;
	background-size:15px;
	background-position: center left;
	
	box-sizing: border-box;
	padding-left:20px;
	
}

#main h3 span.btn-detail a{
	color:#dec47c;
}

#sidebar{
	width:380px;
	float:right;
	
	box-sizing: border-box;
	padding:20px;
}

#sidebar h3{
	height:50px;	
	font-size:1.25rem;
	line-height:50px;
	font-weight:bold;	
	color:#dec47c;
	box-sizing: border-box;
	padding:0 10px;
	background-image: url("../images/h2bg.jpg");
    border-top-style: double;
    border-bottom-style: double;
}

#sidebar h3 span.note{
	display:inline-block;
	font-size:0.8rem;
	line-height:50px;
	font-weight:normal;
	
	margin:0 10px;
}

.bannerlist{
	margin-bottom:20px;
}

.bannerlist li{
	margin-bottom:10px;
}

.bannerlist li:last-child{
	margin-bottom:0;
}

.bannerlist li a{
	display:block;
}

.bannerlist li img{
	width:100%;
	vertical-align: bottom;
}

#pickup{
	margin-bottom:20px;
}

#pickup div.content{
	box-sizing: border-box;
	padding:10px;
	
	background-color:#efefef;
	color:#222;
}

#pickup article{
	margin-bottom:10px;
}

#pickup article:last-child{
	margin-bottom:0;
}

#movie{
	margin-bottom:20px;
}

#movie div.content{
	box-sizing: border-box;
	padding:10px;
	
	background-color:#DDDDDD;
	color:#222;
}

#movie p.movielist{
	margin-bottom:10px;
}

#movie p.movielist img{
	width:100%;
	vertical-align: bottom;
}

.pager{
	box-sizing: border-box;
	padding:10px 0;
}

.pager ul{
	font-size:0;
	line-height:1.0em;
	
	text-align: center;
}

.pager ul li{
	display:inline-block;
	
	font-size:1.0rem;
	line-height:40px;
	
	width:45px;
	height:40px;
	
	box-sizing: border-box;
	padding:2.5px;
}

.pager ul li a{
	display:block;
	color:#fff;
}

.pager ul li a:hover{
	text-decoration: none;
}

.pager ul li a:hover span.ol{
	background-color:#008;
}

.pager ul li span.ol{
	display:block;
	background-color:#004;
	border-radius:2.5px;
}