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

/*------------------------------------------
【cmn css】
--------------------------------------------*/
body{ background:#000; color:#fff; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; line-height: 1.0em;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{ margin: 0; padding: 0; }
fieldset, img { border: 0; }
a{text-decoration:none;}
ul, ul li{ margin:0; padding:0; list-style:none;}
p, img{ margin:0; padding:0; }
img { border: none; margin:0; padding:0; line-height:0;}

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }

/*-------リンク時の挙動-------*/
.icon_tw a img,.icon_fb a img,#info a img,#bnr a img{ opacity: 1;transition: all 0.3s ease-out 0s;}
.icon_tw a img:hover,.icon_fb a img:hover,#info a img:hover,#bnr a img:hover{filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}


/*==================================
【basic pc style】
==================================*/
#wrap{background-color:#000;}
/*-------header-------*/
#header{background: url(../images/header_bg.jpg) center top no-repeat; height: 80px;}
#header .header_inner{width: 1100px; margin: 0 auto; position: relative;}
#header .ichibanlogo{width: 84px; position: absolute; top: 20px; left: 0;}
#header .fate_title{width: 426px; position: absolute; top: 5px; left: 320px;}
#header .icon_tw{width: 72px; margin:0; position: absolute; top: 5px;  right: 50px;}
#header .icon_fb{width: 72px; margin:0; position: absolute; top: 5px; right: 0;}

/*-------main-------*/
#main{background: url(../images/main_bg.jpg) center top no-repeat; height: 100%;}
#main .main_inner{width: 1100px; margin: 0 auto;}
#main .logo_box{width:1092px; margin: 0 auto ;padding: 20px 0 6px 0;}
#main .logo_box_sp{display: none;}

/*-------info-------*/
#info{background: url(../images/info_bg.jpg) center top no-repeat; width: 100%; height: 100%; padding: 38px 0 10px 0 ;}
#info .info_slide_flame{background: url(../images/info_frame.png) center top no-repeat;width: 879px; height: 561px; margin: 0 auto;position: relative;}
#info_slide{width: 660px; margin: 0 auto; padding: 0; position: absolute; top: 70px; left: 109px;}
.slider01 {margin: 0 0 10px;}
.slider01 img {width: 660px;height: auto; margin: 0 auto;}
.single-item li{ width:100%; margin: 0;}

/*-------bnr_slider-------*/
#bnr{background: url(../images/slider_bg.jpg)center top repeat-x;  height: 100%; background-size: cover; }
#bnr_slide{width: 100%; margin: 0 auto; padding: 24px 0;}

.slider02 {margin: 0 0 10px;}
.slider02 img {width: 100%;height: auto;}
.multiple-item li{ width:700px; margin:10px 20px;}


/*-------footer-------*/
#footer{background:url(../images/footer_bg.jpg)top repeat-x; height: 100% ;background-color: #002e97;}
#footer .footer_inner{width: 1100px; margin: 0 auto; font-size:11px; padding: 10px 0 15px 0;}
#footer .copy{float: left; margin: 0 0 0 0;}
#footer .caution{float: right; margin: 0 0 0 0; text-align: right;}


/* Media Queries - Small Tablet & Smartphone */
@media (max-width: 768px) {

/*==================================
【sp style】
==================================*/
#wrap{width: 100%;}
/*-------header-------*/
#header{background: url(../images/sp_header_bg.png) center top no-repeat; background-size:cover; height: 100%; padding: 4% 0 15% 0;}
#header .header_inner{width: 100%;  position: relative;}
#header .ichibanlogo{width: 12%; position: absolute; top: 0; left: 2%;}
#header .fate_title{width: 70%; position: absolute; top: 0; left: 13%;}
#header .icon_tw{width: 12%; margin:0; position: absolute; top: 0;  right: 7.5%;}
#header .icon_fb{width: 12%; margin:0; position: absolute; top: 0; right: 0;}
	
/*-------main-------*/
#main{background: url(../images/sp_main_bg.jpg) center top no-repeat; background-size: cover; height: 100%; padding:5% 0 1% 0; }
#main .main_inner{width: 90%;}
#main .logo_box{display: none;}
#main .logo_box_sp{display:block; width: 100%;}

/*-------info-------*/
#info{background: url(../images/sp_info_bg.png)center top no-repeat;height: 100%; padding:10% 0 5% 0; background-size: cover;}
#info .info_slide_flame{background: url(../images/sp_info_frame.png) center top no-repeat; background-size: cover; width: 100%; height: 100%; 
	margin: 0 auto;position: static; padding: 9% 0 2% 0;}
#info_slide{width: 90%; margin: 0 auto; padding: 0; position: static; top: 0; left: 0;}
.slider01 {margin: 0 0 10px;}
.slider01 img {width: 100%;height: auto; margin: 0 auto;}
.single-item li{ width:0; margin: 0;}

/*-------footer-------*/
#footer .footer_inner{width: 95%; margin: 0 auto; font-size:11px; padding: 5% 0; }
#footer .copy{float: left; margin: 5% 0 0 0;}
#footer .caution{float: left; margin: 0 0 0 0; text-align: left;}

	
}