@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Fjalla+One|Lato|Roboto+Condensed|Teko);
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
@import url(http://serve-i.jp/webfont/genericons/genericons.css);
/*-----------
//BASE//
  #container
  #content
  #header
  #footer
  #gNavi

//Decorate//
  font
  a
  margin
  icon
-------------*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}
html *,
html *:before,
html *:after {
  box-sizing: inherit;
}
body {
	margin:0;
	padding:0;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	position:relative;
	font-size:12px;
	letter-spacing:0;
	line-height:1.4;
	background-color:#fff;
	color: #333;
}
* html #container{
    height:100%;
}
#container {
	margin:0 auto;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}

body > #container {
        height: auto;
}
.inner{
	width: 1000px;
	margin: 0 auto;
}
a{
	color: #111;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
}
a img:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;	
}

/*----------------------------------------
header + globalNavi
-----------------------------------------*/
#header{
	margin:0 auto;
	padding:0;
	background:#444;
	position: relative;
}
#header .inner{
	padding: .38em 0;
	color: #fff;
}
#header .inner div:first-child{
	float: left;
	line-height: 24px;
}
#header .inner div.btnSns{
	float: right;
}
#header .inner div.btnSns p{
	display: inline-block;
	float: left;
	padding: 0 .764em;
	color: #fff;
}
.btnSns p a{
	color: #fff;
	font-size: 18px;
}
.btnSns p a .fa-facebook:hover{	color: #3c5389;}
.btnSns p a .fa-twitter:hover{	color: #2ea5dd;}
.btnSns p a .fa-youtube-play:hover{	color: #e51d1d;}

#gNavi{
	margin: 0 auto;
	display: block;
	position: relative;
	min-height: 60px;
}

#gNavi h1{float: left;margin-top: .5em;}
#gNavi h1 a{
	display: block;
	width: 129px;
	height: 40px;
	background: url(../images/datefmlogo.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 41px;
}
#gNavi h1 a:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#gNavi nav ul{
	float: right;
	width: 820px;
	overflow: hidden;
	border-right: 1px solid #444;	
}
#gNavi nav ul li{
	display: inline;
	float: left;
	text-align: center;
	width: 14.285%;
	border-left: 1px solid #444;
}
#gNavi nav ul li:last-child{	
}
#gNavi nav ul li a{
	padding: .26em;
	display: block;
	color: #f83232;
	font-size: 18px;
	font-family: 'Fjalla One', sans-serif;
}
#gNavi nav ul li span{
	display: block;
	color: #888;
	font-size: 10px;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
#gNavi nav ul li a:hover,#gNavi nav ul li a.active{
	padding-top: .5em;
	display: block;
	background: #f8f8f8;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

/*------------------------------------------------------------
  content Area
------------------------------------------------------------*/
#content{
	text-align:center;
	margin:0 auto;
	padding-bottom:400px;
}
.content_inner{
	text-align:left;
	width: 1000px;
	max-width:1000px;
	margin:30px auto;
}
.con-L{
	width:728px;
	min-height: 800px;
	float: left;
}
.con-R{
	width:240px;
	float: right;
}
/*-- content-R -------------*/
.con-R h3{
	position: relative;
	font-family: 'Roboto Condensed', "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	padding: 0.1em .42em;
	color: #fff;
	font-weight: 700;
	letter-spacing: .1em;		
}

.prBnr{
	width: 240px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.prBnr h3{
	background: #444;
	padding: .08em .42em;
}
.prBnr h3::after{
	content: '\f08e';
	position: absolute;
	right: 1%;
	top: 10%;
	font-weight: 300;
  	font-family: FontAwesome; 
}
.prBnr .bx-wrapper .bx-viewport{
	width: 240px;
	height: 240px;
	overflow: hidden;	
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow:  none !important;
	border:  none !important;
	left: 0 !important;;
	background:  none !important;	
}

.ad_Bnr{
	margin-top: 5px;
	margin-bottom: 40px;
}

.bnr_radiko{
	width: 240px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.bnr_radiko p{
	margin-bottom: .5em;
}
.bnr_radiko p:last-child{
	margin-bottom: 0;
}

.mega{
	width: 240px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;	
}
.mega h3{
	font-size: 18px;
	padding: .24em .42em;
	background: #e60d0d;}
.mega h3 span{
	font-size: .614em;
	padding-right: .2em;
}
.mega h3::after{
	content: '\f001';
	position: absolute;
	right: 1%;
	top: 10%;
	font-weight: 300;
  	font-family: FontAwesome;	
}
.mega ul{
	width: 100%;
	background: url(../../common2016/images/bg_megalist.gif);
	padding: .5em;
}
.mega ul li{
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 1px;
	background: #fff;
}
.mega ul li a{
	display: block;
	background: #fff;
	padding: .25em 0;
}
.mega ul li a:hover{
	background: #fcfcfc;
}
.mega ul li p{
	display: inline-block;
	vertical-align: middle;
}
.mega ul li p:first-child{	width: 80px;height: 80px;}
.mega ul li p:first-child img{ width: 80px; height: 80px;}
.mega ul li p:last-child{
	padding-left: .5em;
	width: 140px;
}
.mega ul li::before,
.mega ul li::after{
	content: '';
	display: table;
	clear: both;
}

.shop{margin-bottom: 20px;}
.shop h3{
	background: #111;
}
.shop h3::after{
	content: '\f07a';
	position: absolute;
	right: 1%;
	top: 10%;
	font-weight: 300;
  	font-family: FontAwesome;	
}
.slide_wrap{
	width: 100%;
	overflow: hidden;
	background: url(../../common2016/images/bg_megalist.gif);
	margin: 0 auto;
	padding: 0 .5em;
}
.slide_wrap .bx-wrapper{
	margin: 5px auto;
}
.slide_wrap .bx-wrapper .bx-viewport{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	left: 0;
	background: #fff;	
	left: 0;
}
.slide_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slide_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #e60d0d;
}
.slide_wrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: -20px !important;
}
.shop-slide li p{
	width: 100%;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0, .5);
	padding: .24em;
}
.shop-slide li a{
	color: #fff;
}
.slide_wrap p.btnShop{
	margin: 20px auto 0;
	padding-bottom: 5px;
}
.slide_wrap p.btnShop a{
	display: block;
	text-align: center;
	padding: .5em .75em;
	width: 230px;	
	border: 1px solid #111;
	color: #000;
	background: #efefef;
}
.slide_wrap p.btnShop a .fa-caret-right{
	padding-left: .5em;
	font-size: 14px;
}
.slide_wrap p.btnShop a:hover{
	background: #cdcdcd;
}

.sideRmdBnr,.freeLink{
	position: relative;
	margin-bottom: 20px;
}
.sideRmdBnr h3{
	background: #111;
	font-size: 14px;
	padding: .42em;
}
.sideRmdBnr h3::after{
	content: '\f009';
	position: absolute;
	right: 1%;
	top: 24%;
	font-weight: 300;
  	font-family: FontAwesome;	
}
.sideRmdBnr ul,
.freeLink ul{
	padding: 10px 0;
	background: #fff;
	border: 1px solid #111;
}
.sideRmdBnr ul li,
.freeLink ul li{
	font-size: 0;
	text-align: center;
	width: 215px;
	margin: 0 auto 5px;
	overflow: hidden;
}
.sideRmdBnr ul li img,
.freeLink ul li img{
	width: 215px;
}
.sideRmdBnr ul li:last-child,.freeLink ul li:last-child{ margin-bottom: 0;}
.freeLink ul{background: #d3edf9;border: none;}
.bnr_dna{ margin-bottom: 20px;}

/*AD広告*/
.ad-img{ margin-bottom: 2em; }

/*----------------------------------------
Footer
-----------------------------------------*/
#footer{
	position: absolute;
	width:100%;
	/*height:320px;*/
	bottom: 0;
	margin:0 auto;
	padding:0;
	color:#fff;
	text-align:center;
	background:#444;
}

.footer_inner{
	width:1000px;
	text-align:left;
	margin:10px auto;
	position: relative;
}

ul.sitemap{
	width: 100%;
	padding:10px 0;
	position: relative;
}
ul.sitemap::before{
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	border-top: 1px solid #777;
	box-shadow: 0 -1px 0 #111;
}

ul.sitemap li{
	display:inline-block;
	border-right: 1px solid #eee;
	padding:0 6px;
	margin:4px 0;
}

ul.sitemap li a{
	color:#fff;
}

ul.sitemap li a:hover{
	text-decoration:underline;
	filter:alpha(opacity=80);
	opacity:0.8;
}
/*--IE6,7 inline-block--*/
* html ul.sitemap li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html ul.sitemap li{/* IE 7 */
display:inline;
zoom:1;
}

adress{
	font-size:0.90em;
}
p.copyright{
	margin-top:5px;
	text-align:center;
}
p.ft_sales a{
	padding: .5em 1.5em;
	background: #f42f2b;
	color: #fff;
	position: absolute;
	right: 0px;
	bottom: 0;
}

/*-------------------
footer banner
--------------------*/
.footBnr{
	width:1000px;
	margin:10px auto 0;
	padding:0px 0 10px;
	text-align:center;
}
.footBnr ul{
	width:100%;
	margin:5px auto;
	padding:0 ;
	text-align:left;
}

.footBnr ul li{
	display:inline;
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
}
.footBnr ul li:nth-child(4n){
	margin-right: 0px;
}
* html .footBnr ul li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html .footBnr ul li{/* IE 7 */
display:inline;
zoom:1;
}

/*----------------------------------------
Decorate Font
------------------------------------------*/
.font10{
	font-size:10px;
}
.font11{
	font-size:11px;
}
.font13{
	font-size:13px;
}
.font14{
	font-size:14px;
}
.font16 {
	font-size:16px;
}
.font22{
	font-size: 22px;
}

.bold{
	font-weight:bold
}
.center{
	text-align:center
}
.t-right{
	text-align:right;
}
.f-left{
	float:left
}
.f-right{
	float:right
}

.mb0{
	margin-bottom:0;
}
.mgb0{
	margin-bottom: 0 !important;
}
.mgb05{
	margin-bottom: 5px !important;
}
.mgb10{
	margin-bottom: 10px !important;
}
.mg10 {
	margin-bottom: 10px !important;
}
.mg20 {
	margin-bottom: 20px !important;
}
.mg30 {
	margin-bottom: 30px !important;
}
.mtg0{
	margin-top: 0 !important;
}
.mgt20{
	margin-top: 20px !important; 
}
.mgt10{
	margin-top: 10px !important; 
}

.pb0{
	padding-bottom: 0 !important;
}
.border0{
	border:0 !important;
}