@charset "utf-8";

/* ================================================================================
	1;各要素の基本設定  
================================================================================ */
html {
	overflow-y: scroll;
	height: 100%;
}
		/* ▽Operaで右スクロールバーを常に表示させる（ここから）▽ */
		html {　margin-bottom: 1px;}
		/* △Operaで右スクロールバーを常に表示させる（ここまで）△ */


/* ================================================================================
	2; Font Reset
================================================================================ */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-size: 100.01%;
}

html>/**/body {
	font-size: calc(10.9pt + 0.25vw);
}

body, table, caption, th, tr, td, input, textarea, select {
	font-family: Arial, 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo', sans-serif;
	letter-spacing: 0;
	line-height: 160%;
}
		/*▽Win IEでOpentypeフォントが適用されない場合の対処法（ここから）▽ */
		*:first-child+html body, *:first-child+html table, *:first-child+html caption,
		*:first-child+html th, *:first-child+html tr, *:first-child+html td,
		*:first-child+html input, *:first-child+html textarea, 
		*:first-child+html select {font-family: Arial, "メイリオ","Meiryo", sans-serif;}
		* html body, * html table, * html caption, * html th, * html tr, * html td,
		* html input, * html textarea, * html select {font-family: Arial,"メイリオ","Meiryo", sans-serif;}
		/*△Win IEでOpentypeフォントが適用されない場合の対処法（ここまで）△ */

h1,
h2,
h3,
h4,
h5,
p {
	margin: 0;
	padding: 0;
}

ul,
ol,
li,
dl,
dt,
dd {
	 margin: 0;
	 padding: 0;
}

table {
	border-collapse: collapse;	/* 隣接する境界線を結合して（重ねて）表示する */
}

input,
button,
textarea,
select,
optgroup,
option {	/* inherit = 上位のフォント情報を引き継ぐ */
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

ul,
ol,
li {
	list-style: none;
}
/* ▲ END Font Reset */




/* ================================================================================
	3; 装飾・レイアウト　基本項目 
================================================================================ */

img {
	border: 0;
}

.c-both {
	clear: both;
}
.c-both hr {
	display: none;
}

del {	/* HTML5要素　削除された部分を表す */
	text-decoration: none;
	background: url(../../images/doublestrike.png) repeat-x;
	padding-left: 3px;
}
del span {
	color: #666666;
}
ins {	/* HTML5要素　追記された部分を表す */
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

/*--- clearfix ---*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*--- 画像可変指定 ---*/
.resize {
	max-width: 100%;
	width:100%;
	height: auto;
}

/*--- デバイス別表示指定 ---*/
.pc_on {display: block;}
.pcTab_on {display: block;}
.tab_on {display: none;}
.tabSmp_on {display: none;}
.smp_on {display: none;}
.pcSmp_on {display: block;}

.pc_on_inl {display: inline;}
.pcTab_on_inl {display: inline;}
.tab_on_inl {display: none;}
.tabSmp_on_inl {display: none;}
.smp_on_inl {display: none;}
.pcSmp_on_inl {display: inline;}

.list_indent_1 li {
	text-indent: -1em;
	padding-left: 1em;
}

/*--- マージン指定 ---*/
.mar_5t {margin-top: 5px;}
.mar_10t {margin-top: 10px;}
.mar_15t {margin-top: 15px;}
.mar_20t {margin-top: 20px;}
.mar_25t {margin-top: 25px;}
.mar_30t {margin-top: 30px;}
.mar_35t {margin-top: 35px;}
.mar_40t {margin-top: 40px;}
.mar_45t {margin-top: 45px;}
.mar_50t {margin-top: 50px;}
.mar_55t {margin-top: 55px;}
.mar_60t {margin-top: 60px;}
.mar_70t {margin-top: 70px;}
.mar_80t {margin-top: 80px;}
.mar_90t {margin-top: 90px;}
.mar_100t {margin-top: 100px;}

.mar_5b {margin-bottom: 5px;}
.mar_10b {margin-bottom: 10px;}
.mar_15b {margin-bottom: 15px;}
.mar_20b {margin-bottom: 20px;}
.mar_25b {margin-bottom: 25px;}
.mar_30b {margin-bottom: 30px;}
.mar_35b {margin-bottom: 35px;}
.mar_40b {margin-bottom: 40px;}
.mar_45b {margin-bottom: 45px;}
.mar_50b {margin-bottom: 50px;}
.mar_55b {margin-bottom: 55px;}
.mar_60b {margin-bottom: 60px;}
.mar_70b {margin-bottom: 70px;}
.mar_80b {margin-bottom: 80px;}
.mar_90b {margin-bottom: 90px;}
.mar_100b {margin-bottom: 100px;}

.mar_5l {margin-left: 5px;}
.mar_10l {margin-left: 10px;}
.mar_15l {margin-left: 15px;}
.mar_20l {margin-left: 20px;}
.mar_25l {margin-left: 25px;}
.mar_30l {margin-left: 30px;}
.mar_35l {margin-left: 35px;}
.mar_40l {margin-left: 40px;}
.mar_45l {margin-left: 45px;}
.mar_50l {margin-left: 50px;}
.mar_55l {margin-left: 55px;}
.mar_60l {margin-left: 60px;}
.mar_70l {margin-left: 70px;}
.mar_80l {margin-left: 80px;}
.mar_90l {margin-left: 90px;}
.mar_100l {margin-left: 100px;}

.mar_5r {margin-right: 5px;}
.mar_10r {margin-right: 10px;}
.mar_15r {margin-right: 15px;}
.mar_20r {margin-right: 20px;}
.mar_25r {margin-right: 25px;}
.mar_30r {margin-right: 30px;}
.mar_35r {margin-right: 35px;}
.mar_40r {margin-right: 40px;}
.mar_45r {margin-right: 45px;}
.mar_50r {margin-right: 50px;}
.mar_55r {margin-right: 55px;}
.mar_60r {margin-right: 60px;}
.mar_70r {margin-right: 70px;}
.mar_80r {margin-right: 80px;}
.mar_90r {margin-right: 90px;}
.mar_100r {margin-right: 100px;}
@media screen and (min-width: 768px) and (max-width: 1200px) {
/*--- 画像可変指定 ---*/
.resize {
	max-width: 100%;
	width:100%;
	height: auto;
}

/*--- デバイス別表示指定 ---*/
.pc_on {display: none;}
.pcTab_on {display: block;}
.tab_on {display: block;}
.tabSmp_on {display: block;}
.smp_on {display: none;}
.pcSmp_on {display: none;}

.pc_on_inl {display: none;}
.pcTab_on_inl {display: inline;}
.tab_on_inl {display: inline;}
.tabSmp_on_inl {display: inline;}
.smp_on_inl {display: none;}
.pcSmp_on_inl {display: none;}
}

@media screen and (max-width: 767px) {
/*--- 画像可変指定 ---*/
.resize {
	max-width: 100%;
	width:100%;
	height: auto;
}

/*--- デバイス別表示指定 ---*/
.pc_on {display: none;}
.pcTab_on {display: none;}
.tab_on {display: none;}
.tabSmp_on {display: block;}
.smp_on {display: block;}
.pcSmp_on {display: block;}

.pc_on_inl {display: none;}
.pcTab_on_inl {display: none;}
.tab_on_inl {display: none;}
.tabSmp_on_inl {display: inline;}
.smp_on_inl {display: inline;}
.pcSmp_on_inl {display: inline;}
}