@charset "UTF-8";

@import url("menu.css");
@import url("jquery.sidr.dark.css");

/*----------------------------------------------------
スマホ用
----------------------------------------------------*/

/* ############　初期設定　##################  */

html { font-size: 62.5%; }/*62.5*/
body { font-size: 16px; font-size: 1.6rem; } /* =16px */

body {
	margin:0;	
	min-width: 320px;
	line-height: 1.8;
	color:#000;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;	
	background-color:transparent;
}

html,body{
	width:100%;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-size: 16px; font-size: 1.6rem;
}

ul,ol{
	list-style-type: none;
}

img {
  	max-width: 100%;
  	height: auto;
	vertical-align:bottom;
	border:none;	
}

.ie8 img{
  	width: auto;
	border:0;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

.clear{
	clear:both;
}

/*clearfix*/
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ############　共有　##################  */

/* リンク　*/

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	opacity:0.7;
}

/* カラー　*/
.color-red{
	color:#ff0000;
}

/* 背景カラー　*/

.bg-gray{
	background-color:#f5f5f5;
	z-index:1;
}

/* 余白調整　*/

.mgR40{
	margin-right:40px;
}

.mgB32{
	margin-bottom:32px;
}

.mgB40{
	margin-bottom:40px;
}

.pdT10{
	padding-top:10px;
}

.pdT20{
	padding-top:20px;
}

.pdT30{
	padding-top:30px;
}

.pdB40{
	padding-bottom:40px;
}

.pdL20{
	padding-left:20px;
}

.t-center{
	text-align:center;
}

.t-left{
	text-align:right;
}

.t-right{
	text-align:right;
}


/* フォント-種類　*/

.selector-for-YuGothic{
font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
}

.selector-for-YuMincho{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;	
/*font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;*/
}

.selector-for-normal{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* フォント-サイズ　*/

.font14{
	 font-size:14px; font-size:1.4rem;
}

.font16{
	 font-size:16px; font-size:1.6rem;
}

.font18{
	 font-size:18px; font-size:1.8rem;
}

.font24{
	 font-size:24px; font-size:2.4rem;
}

.font36{
	 font-size:36px; font-size:3.6rem;
}


/* フォント-太さ　*/

.t-bold{
	font-weight:bold;
}

.t-bold500{
	font-weight:500;
}

/*----------------------------------------------------
スモールタブレット用
----------------------------------------------------*/

@media only screen and (min-width: 480px) {


}

/*----------------------------------------------------
タブレット/ PC用
----------------------------------------------------*/

@media only screen and (min-width: 768px) {


/* タブレットで右側が切れない為の処置
---------------------------------------------*/
header,
footer,
nav,
article,
#nav-sp,
#nav-pc,
#container,
#wel-box,
#his-box,
#acc-box,
#traf-box,
.lang,
.box.
.foot-in{
	min-width:960px;
}	


}