/* CSS Document */

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

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; }


/*==================================
【basic color】
==================================*/
body { background:#000;}
body ::selection { background: #E60012; color:#000; /* Safari */ }
body ::-moz-selection { background: #E60012; color:#000; /* Firefox */ }

/*-------index-------*/
#header{ background:#000;}
#main_inner{ background:#000;}
#contents_inner{ background-color:#000;}
#footer{ background:#000; color:#fff;}
.gray_box{ background:#000; border: solid 4px #fff; outline: solid 1px #dbdbdb;}
h1#header_txt{ color:#FFF;}
#kujitop{ background-color:#000; color:#fff;}
#kujitop a{ color:#fff;}
#kujitop a:hover{ color:#ff0012;}

/*-------footer-------*/
#footer_note{ background-color:#fff;}
#footer_copyright{ background-color:#000;}
#footer_note p{ color:#000; background-color:#fff;}
#footer_copyright p{ color:#fff; background-color:#000;}

/*-------リンク時の挙動-------*/
a img{ opacity: 1;transition: all 0.3s ease-out 0s;}
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】
==================================*/

/*-------header-------*/
#header_inner{ width:1200px; height:45px; margin:0 auto; position:relative;}
h1#header_txt{ font-size:16px; padding:7px 0 0 0; line-height:2em;}
#sns_area{ position:absolute; width:200px; top:13px; right:0;}
#snsbtn li{ float:right; margin:0 10px 0;}
#snsbtn li:last-child { margin:0!important;}
#snsbtn #sns_tw{ padding:0;}
#snsbtn #sns_fb{ padding:0; line-height:0!important;}
#snsbtn iframe{ margin:0!important;}

#top_borderarea{ height:3px; width:100%; background-color:#b7864a;}

#tit{ background-color:#000; }

#tit .tit_PC { margin:0 auto; width:1074px; padding:30px 0;}
#tit .tit_SP { display:none;}

/*-------main-------*/
#main{ background:url(../images/arrow_bk.jpg);}
#main_inner{ width:1200px; margin:0 auto; padding:0 2px 0 10px;}
li.bnr_area{ width:233px; margin:0 7px 0 0;}
#main_inner li:last-child{ margin:0;}

/*-------kujitop-------*/
#kujitop{ width:1200px; text-align:center; margin:0 auto; font-size:14px; padding:30px 0;}
#kujitop a:link{ text-decoration:underline;}
#kujitop a:hover{ text-decoration:none;}

/*-------footer-------*/
#footer{ margin:0 auto;}

#footer_note{ padding:20px 0;}
#footer_copyright{ padding:20px 0;}
#footer_inner{ width:1200px; margin:0 auto; font-size:11px;}
#footer_left{ float:left;}
#footer_right{ float:right; text-align:right;}



/* Media Queries - Small Tablet & Smartphone */

@media (max-width: 767px) {

/*==================================
【sp style】
==================================*/
/*-------header---------*/
#header_inner{ width:95%; height:70px; position:relative;}
h1#header_txt{ padding:6px 0 0 0!important; text-align:center; font-size:16px;}
#sns_area{ position:static; margin:0 auto; width:170px;}
#sns_area li{ float:right; margin:0 0 0 15px; list-style: none outside none; display:block;}

#sns_area #snsbox #snsbtn #sns_tw a { margin:0px; padding:0px; display:block;}
#sns_area #snsbox #snsbtn #sns_fb { height:20px; overflow:hidden !important;}
#sns_area #snsbox #snsbtn #sns_fb span { padding:0 !important;}

#top_borderarea{ height:4px;}

#tit .tit_PC { display:none;}
#tit .tit_SP { display:block; width:100%; padding:5% 0;}

/*-------main--------*/
#main{ overflow:hidden;}
#main_inner{ width:75%; height:auto; padding:0 1.5% 0 3%;}

/*-------kujitop--------*/
#kujitop{ width:95%; margin:0 auto 0 auto; font-size:14px; padding:5% 0;}
#kujitop a:link{ text-decoration:underline;}
#kujitop a:hover{ text-decoration:none;}

/*-------footer--------*/
#footer_inner{ width:95%; font-size:11px;}
#footer_left{ float:none;}
#footer_right{ float:none; text-align:left;}
 
}