@charset "utf-8";

/* 12 COLUMN RESPONSIVE GS (RESPONSIVE GRID SYSTEM)使用 */
@import url("responsive.gs.12col.css");
/* フォント・見出し　基本
------------------------------------------------------------ */
@media screen and (min-width: 100px){ /* フォントサイズ(PC) */
	body {
		line-height: 1.6;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo/*,'ＭＳ Ｐゴシック','MS PGothic'*/,sans-serif;
		font-size: 13px;
		*font-size: small;
		/* font-family: Arial, Helvetica, sans-serif; */
	}
}
h1,h2,h3,h4,h5,h6 { /* 見出しのリセット */
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
img { /* イメージ */
	border: none;
	max-width: 100%;
}

/* PC */
@media screen and (min-width: 768px){ /* 見出しのリセット */
	h1 {font-size: 174%; }
	h2 {font-size: 161.6%; }
	h3 {font-size: 146.5%; }
	h4 {font-size: 138.5%; }
	h5 {font-size: 123.1%; }
	h6 {font-size: 116%; }
}
/* TB,SP */
@media screen and (max-width: 767px){ /* 見出しのリセット */
	h1 {font-size: 161.6%; }
	h2 {font-size: 146.5%; }
	h3 {font-size: 138.5%; }
	h4 {font-size: 123.1%; }
	h5 {font-size: 116%; }
	h6 {font-size: 116%; }
}
.px8{font-size:62%;}/**/
.px9{font-size:68%;}
.px10{font-size:74%;}/**/
.px11{font-size:83.3%;}
.px12{font-size:93%;}
.px13{font-size:100%;}/**/
.px14{font-size:105%;}
.px15{font-size:115%;}/**/
.px16{font-size:123%;}
.px17{font-size:136%;}/**/
.px18{font-size:145%;}
.px19{font-size:154%;}
.px20{font-size:160%;}
.px21{font-size:162%;}
.px22{font-size:170%;}
.px23{font-size:177%;}
.px24{font-size:185%;}
.px32{font-size:200%;}

/* アイコンフォント読込み
 * CONDENSEicon
 * http://icon.condense-c.com/
------------------------------------------------------------ */
@font-face {
	font-family: 'CONDENSEicon';
	src: url('../fonts/CONDENSEicon.eot');
	src: url('../fonts/CONDENSEicon.otf') format('opentype'),
	url('../fonts/CONDENSEicon.woff') format('woff'),
	url('../fonts/CONDENSEicon.ttf') format('truetype');
}
.CDSic {
	font-family: 'CONDENSEicon';
	font-style: normal;
	font-weight: lighter;
	margin: 0em;
	margin-right: 0.2em;
}
.CDSic-arrowR:before { /* ＞ */
	content: "ú";
}
.CDSic-arrowL:before { /* ＜ */
	content: "ù";
}
.CDSic-arrowB:before { /* ∨ */
	content: "û";
}
.CDSic-arrowT:before { /* ∧ */
	content: "ü";
}
.CDSic-hamburger:before { /* ハンバーガー */
	content: "ˇ";
}
.CDSic-home:before { /* ホーム */
	content: "A";
}

/* ベース設定
------------------------------------------------------------ */
#global-header *,
#mainNav * { /* 全て */
	box-sizing: border-box;
}
#global-header img,
#mainNav img { /* イメージ */
	border: none;
	max-width: 100%;
}

/* コンテナ枠
------------------------------------------------------------ */
#global-header .container,
#mainNav .container { /* 最大幅 */
	max-width: 990px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/* PC */
@media screen and (min-width: 767px){
	#global-header .container,
	#mainNav .container { /* 両サイドの空き（パディング）の設定 */
		padding-left: 0;
		padding-right: 0;
	}
}
/* TB,SP */
@media screen and (max-width: 768px){
	#global-header .container,
	#mainNav .container { /* 両サイドの空き（パディング）の設定 */
		padding-left: 10px;
		padding-right: 10px;
	}
}
/* プリント */
@media print {
	#global-header .container,
	#mainNav .container { /* 全体枠 */
		max-width: 990px;
	}
}

/* ヘッダ(header)
------------------------------------------------------------ */
#global-header { /* 全体枠 */
	background-color: rgb(255,255,255);
	height: 120px;
}
#global-header .container {
	background-image: url('../images/header-bg.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0 auto;
	padding: 0;
}
#global-header:before,
#global-header:after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 7px;
  box-sizing: border-box;
}
#global-header:before {
  top: 0;
  border-top: rgb(225,164,165) solid 3px;
  border-bottom: rgb(225,164,165) solid 1px;
}
#global-header .header-title { /* タイトル */
}
#global-header .header-link { /* テキストリンク枠 */
	position: absolute;
	top: 15px;
	right: 0;
}
#global-header .header-link a:link,
#global-header .header-link a:visited { /* テキストリンク a */
	color: rgb(51,51,51);
}
#global-header .header-link a:hover { /* テキストリンク a(ホバー) */
	color: none;
}
#global-header .header-link a:before { /* テキストリンク左アイコン */
	display: inline-block;
	content: '▲';
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 11px;
	padding-top: 2px;
	margin-left: 1.5em;
	color: rgb(227,164,164);
}
/* PC(989px以下) */
@media screen and (max-width: 989px){
	#global-header .container { /* コンテナ */
		margin-left: 5px;
		margin-right: 5px;
	}
}
/* TB,SP */
@media screen and (max-width: 767px){
	#global-header { /* 全体枠 */
		height: auto;
		overflow: hidden;
	}
	#global-header .container { /* コンテナ */
		background-image: none;
		text-align: center;
	}
	#global-header .header-link { /* リンク (お問合せ、プライバシー・ポリシー) */
		display: none;
	}
}
/* プリント */
@media print {
	#header { /* 全体枠 */
		display: none;
	}
}

/* メインナビゲーション(mainNav)
------------------------------------------------------------ */

/* Googleカスタム検索 */
#mainNavMenu dt #cse-search-box {
	background: none;
	padding: 10px 12px 0 12px;
	font-size: 14px !important;
}
#mainNavMenu dt #search-box {
	border: rgb(225,164,165) solid 1px !important;
	margin: 0;
	padding: 2px !important; 
	width: 186px;
	line-height: 1 !important;
}
#mainNavMenu dt #search-b {
	background: transparent;
	border: none;
	padding-right: 0;
	padding-left: 0;
}
#mainNavMenu dt #search-b .glyphicon-search {
	color: rgb(204,102,102);
	background: none;
	font-size: 15px;
	line-height: 1;
}
#mainNavMenu dt #seach-location	{
	padding: 15px 0 0 30px;
}
@media screen and (max-width: 989px) {
	#mainNavMenu dt #search-box {
		width: 170px;
	}
}
@media screen and (max-width: 768px) {
	#search-box {
		width: auto;
	}
}

/* PC */
@media screen and (min-width: 768px){
	#mainNav { /* 全体枠 */
		background-color: rgb(248,225,225);
		border-bottom: rgb(255,255,255) solid 1px;
	}
	#mainNavMenu { /* ナビ囲み枠 */
		margin: 0;
		padding: 0;
		position: relative;
	}
	#mainNavMenu dl { /* 定義リスト */
		max-width: 100%;
		margin: 0;
		border-right: rgb(225,164,165) solid 1px;
	}
	#mainNavMenu dl:after { /* 定義リスト(クリアフィックス) */
		content: '';
		display: block;
		clear: both;
	}
	#mainNavMenu dt { /* ナビ項目 */
		display: inline;
		float: left;
		font-size: 15px;
		font-weight: normal;
		line-height: 1;
		text-align: center;
		border-right: rgb(225,164,165) solid 1px;
	}
	#mainNavMenu dt:first-of-type { /* ナビ項目 */
		border-left: rgb(225,164,165) solid 1px;
	}
	#mainNavMenu dt.dt-search { /* ナビ項目 */
		border-right: none;
	}
	#mainNavMenu dt a { /* ナビ項目 a */
		display: block;
		padding: 15px 11px;
	}
	#mainNavMenu dt a:link,
	#mainNavMenu dt a:visited { /* ナビ項目 a(リンク,訪問済) */
		color: rgb(204,102,102);
		background-color: transparet;
		text-decoration: none;
	}
	#mainNavMenu dt a:hover { /* ナビ項目 a(ホバー) */
		color: rgb(255,255,255);
		background-color: rgb(204,102,102);
		text-decoration: none;
		transition: background-color ease-out 0.4s;
	}
	#mainNavMenu dt.home a { /* ナビ項目 a(ホーム) */
		padding: 8px 10px 8px 10px;
		text-align: center;
	}
	#mainNavMenu dt.home a span.CDSic { /* ナビ項目 a(ホーム) 家アイコン */
		font-size: 17px;
		margin-left: 4px;
	}
	#mainNavMenu dt.home a span.text-home { /* ナビ項目 a(ホーム) HOME文字 */
		font-size: 10px;
		display: block;
		margin-top: 2px;
	}
	#mainNavMenu dt.dt-search { /* ナビ項目 (Googleカスタム検索) */
		padding: 0;
	}
	#mainNavMenu dt.hidden768 { /* ナビ項目 (お問合せ、プライバシー・ポリシー) */
		display: none;
	}
	#mainNavMenu dd { /* ナビドロップ項目 */
		position: absolute;
		top: 46px;
		z-index: 110;
		background-color: rgb(252,240,240);
		border: rgb(225,164,165) solid 1px;
		width: 100%;
		display: none; 	/* 初期block */
		padding: 10px 15px;
	}
	#mainNavMenu dd a { /* ナビドロップ項目 a */
		width: 24.3%;
		padding: 10px 10px 10px 10px;
		margin: 3px 1px 3px 1px;
		display: inline-block;
		line-height: 1;
		font-size: 14px;
		background-color: rgb(255,255,255);
		border: rgb(225,164,165) solid 1px;
	}
	#mainNavMenu dd a:link,
	#mainNavMenu dd a:visited { /* ナビドロップ項目 a(リンク,訪問済) */
		color: rgb(204,102,102);
	}
	#mainNavMenu dd a:hover { /* ナビドロップ項目 a(ホバー) */
		background-color: rgb(204,102,102);
		color: rgb(255,255,255);
		text-decoration: none;
		transition: background-color ease-out 0.4s;
	}
	#mainNavMenu dd a.clo .icon { /* ナビドロップ項目 a(閉じるボタン)内アイコン */
		display: inline-block;
		padding-top: 1px;
	}
}

/* TB,SP */
@media screen and (max-width: 767px){
	#mainNav .container { /* コンテナ */
		padding-left: 0;
		padding-right: 0;
	}
	#mainNav .navbar-header { /* ナビヘッダ */
		margin: 0;
		padding: 6px 0 5px 0;
		background-color: rgb(248,225,225);
		background-image: url('../images/header-bg.png');
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		color: rgb(204,102,102);
		position: relative;
		font-size: 146.5%;
	}
	#mainNav .navbar-header button { /* ナビ開くボタン */
		margin: 0 15px;
		padding: 0 5px 0 10px;
		text-align: left;
		float: left;
		border: rgb(225,164,165) solid 1px;
		border-radius: none;
	}
	#mainNavMenu { /* ナビ囲み枠 */
		margin: 0;
		padding: 0 0;
		position: relative;
		border-bottom: rgb(225,164,165) solid 5px;
	}
	#mainNavMenu dl { /* 定義リスト */
		max-width: 100%;
		margin-bottom: 0;
	}
	#mainNavMenu dt { /* ナビ項目 */
		font-size: 18px;
		font-weight: normal;
		line-height: 1;
		text-align: left;
	}
	#mainNavMenu dt.dt-search { /* ナビ項目(検索) */
		background-color: rgb(255,255,255);
		border-bottom: rgb(204,102,102) dotted 1px;
		padding-bottom: 15px;
		padding-left: 10px;
	}
	#mainNavMenu dt a { /* ナビ項目 a */
		display: block;
		width: 100%;
		padding: 16px 20px;
		border-bottom: rgb(204,102,102) dotted 1px;
		line-height: 1;
	}
	#mainNavMenu dt a:before { /* ナビドロップ項目 a(頭の＞アイコン) */
		display: inline-block;
		font-family: CONDENSEicon;
		font-weight: normal;
		content: "ú";
	}
	#mainNavMenu dt a:link,
	#mainNavMenu dt a:visited { /* ナビ項目 a(リンク,訪問済) */
		color: rgb(204,102,102);
		background-color: rgb(255,255,255);
		text-decoration: none;
	}
	#mainNavMenu dt a:hover { /* ナビ項目 a(ホバー) */
		background-color: rgb(204,102,102);
		color: rgb(255,255,255);
		text-decoration: none;
		transition: background-color ease-out 0.4s;
	}
	#mainNavMenu dd { /* ナビドロップ項目 */
		top: 100px;
		background-color: rgb(252,240,240);
		width: 100%;
		display: none; 	/* 初期block */
		padding: 6px;
	}
	#mainNavMenu dd a { /* ナビドロップ項目 a */
		width: 16%;
		padding: 10px 10px 10px 10px;
		margin: 2px 1px 2px 1px;
		display: inline-block;
		line-height: 1;
		font-size: 14px;
		background-color: rgb(255,255,255);
		border: rgb(225,164,165) solid 1px;
	}
	#mainNavMenu dd a:link,
	#mainNavMenu dd a:visited { /* ナビドロップ項目 a(リンク,訪問済) */
		color: rgb(204,102,102);
	}
	#mainNavMenu dd a:hover { /* ナビドロップ項目 a(ホバー) */
		background-color: rgb(204,102,102);
		color: rgb(255,255,255);
		text-decoration: none;
		transition: background-color ease-out 0.4s;
	}
	#mainNavMenu dd a.clo .icon { /* ナビドロップ項目 a(閉じるボタン)内アイコン */
		display: inline-block;
		padding-top: 1px;
	}
}
/* ドロップダウン */
#mainNavMenu dd a { /* ナビドロップ項目 */
	background-repeat: no-repeat;
	background-position: right;
	background-size: 48px 48px;
}
#mainNavMenu dd a:before { /* ナビドロップ項目 a(頭の＞アイコン) */
	display: inline-block;
	font-family: CONDENSEicon;
	font-weight: normal;
	content: "ú";
	margin-right: 3px;
	color: rgb(204,102,102);
}
#mainNavMenu dd a.clo:before { /* ナビドロップ項目 a(頭の×アイコン) */
	display: inline-block;
	font-family: CONDENSEicon;
	font-weight: normal;
	content: "ò";
	margin-right: 3px;
	color: rgb(204,102,102);
}
/* PC */
@media screen and (max-width: 1169px){
	#mainNavMenu dd a {
		width: 24.3%;
	}
}
/* PC-TB */
@media screen and (max-width: 979px){
	#mainNavMenu dt a { /* ナビ項目 a */
		font-size: 14px;
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media screen and (max-width: 849px){
	#mainNavMenu dt a { /* ナビ項目 a */
		font-size: 13px;
		padding-left: 5px;
		padding-right: 5px;
	}
}
/* TB,SP */
@media screen and (max-width: 767px){
	#mainNavMenu dt a {
		width: 100%;
		font-size: 14px;
		padding-left: 8px;
		padding-right: 8px;
	}
	#mainNavMenu dd a {
		width: 32.4%;
	}
}
/* SP */
@media screen and (max-width: 549px){
	#mainNavMenu dd a {
		width: 49%;
		margin: 2px 1px 2px 0px;
	}
}
@media screen and (max-width: 399px){
	#mainNavMenu dd a {
		width: 100%;
	}
}
/* プリント */
@media print {
	#mainNav { /* 全体枠 */
		display: none;
	}
}
/* col枠の間隔（GRID SYSTEMを変更）
 * TB,SP時に2列表示用
------------------------------------------------------------ */
@media (max-width: 767px){
	.divide2 .col,
	.divide2 .col2:nth-of-type(2n+1),
	.divide2 .col3:nth-of-type(2n+1),
	.divide2 .col4:nth-of-type(2n+1),
	.divide2 .col5:nth-of-type(2n+1),
	.divide2 .col6:nth-of-type(2n+1),
	.divide2 .col7:nth-of-type(2n+1),
	.divide2 .col8:nth-of-type(2n+1),
	.divide2 .col9:nth-of-type(2n+1),
	.divide2 .col10:nth-of-type(2n+1),
	.divide2 .col11:nth-of-type(2n+1),
	.divide2 .col12:nth-of-type(2n+1) {
		width: 50%;
	}
	.gutters .divide2 .col,
	.gutters .divide2 .col2,
	.gutters .divide2 .col3,
	.gutters .divide2 .col4,
	.gutters .divide2 .col5,
	.gutters .divide2 .col6,
	.gutters .divide2 .col7,
	.gutters .divide2 .col8,
	.gutters .divide2 .col9,
	.gutters .divide2 .col10,
	.gutters .divide2 .col11,
	.gutters .divide2 .col12 {
		width: 49.0%;
		margin-left: 2%;
	}
	.gutters .divide2 .col:nth-of-type(2n+1),
	.gutters .divide2 .col2:nth-of-type(2n+1),
	.gutters .divide2 .col3:nth-of-type(2n+1),
	.gutters .divide2 .col4:nth-of-type(2n+1),
	.gutters .divide2 .col5:nth-of-type(2n+1),
	.gutters .divide2 .col6:nth-of-type(2n+1),
	.gutters .divide2 .col7:nth-of-type(2n+1),
	.gutters .divide2 .col8:nth-of-type(2n+1),
	.gutters .divide2 .col9:nth-of-type(2n+1),
	.gutters .divide2 .col10:nth-of-type(2n+1),
	.gutters .divide2 .col11:nth-of-type(2n+1),
	.gutters .divide2 .col12:nth-of-type(2n+1) {
		margin-left: 0;
	}
}

/* 【同サイズ用col枠を追加】
　同じサイズのボックスをズラズラ並べる場合
　は並べる数によってcol2〜12を使えばrowで
　囲まなくても左が空きなくそろう
　例：3つずつ並べる場合はcol3を使用する
------------------------------------------------------------ */
.col2:after, .col3:after, .col4:after, .col5:after, .col6:after, .col7:after, .col8:after, .col9:after, .col10:after, .col11:after, .col12:after { 
	content: "";
	display: table;
	clear: both;
}
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { 
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 768px){
	.gutters .col2, .gutters .col3, .gutters .col4, .gutters .col5, .gutters .col6, .gutters .col7, .gutters .col8, .gutters .col9, .gutters .col10, .gutters .col11, .gutters .col12 {
		margin-left: 2%;
	}
	.gutters .col-left0 {margin-left: 0; } /* 指定した項目の左マージン0 */
	.gutters .col-left2 {margin-left: 2%; } /* 指定した項目の左マージン2％ */
	.gutters .col2:nth-of-type(2n+1) {margin-left: 0; }
	.gutters .col3:nth-of-type(3n+1) {margin-left: 0; }
	.gutters .col4:nth-of-type(4n+1) {margin-left: 0; }
	.gutters .col5:nth-of-type(5n+1) {margin-left: 0; }
	.gutters .col6:nth-of-type(6n+1) {margin-left: 0; }
	.gutters .col7:nth-of-type(7n+1) {margin-left: 0; }
	.gutters .col8:nth-of-type(8n+1) {margin-left: 0; }
	.gutters .col9:nth-of-type(9n+1) {margin-left: 0; }
	.gutters .col10:nth-of-type(10n+1) {margin-left: 0; }
	.gutters .col11:nth-of-type(11n+1) {margin-left: 0; }
	.gutters .col12:nth-of-type(12n+1) {margin-left: 0; }
	.gutters .col:first-child {margin-left: auto; } /* responsive.gsの設定をリセット */
	.gutters .col:first-of-type {margin-left: 0; } /* responsive.gsの設定を設定 */
	.gutters .col-left2:first-of-type {margin-left: 2%; } /* 最初のcol-left2の左マージン2％ */
}

/* 上記のクラス「col2～12」を指定して
　「gutters」を外した場合に以下のグリ
　ッドシステムが機能しないので再定義
　responsive.gs よりコピペ
------------------------------------------------------------ */
/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media ( min-width : 768px ) {
	.span_1 { width: 8.33333333333%; }
	.span_2 { width: 16.6666666667%; }
	.span_3 { width: 25%; }
	.span_4 { width: 33.3333333333%; }
	.span_5 { width: 41.6666666667%; }
	.span_6 { width: 50%; }
	.span_7 { width: 58.3333333333%; }
	.span_8 { width: 66.6666666667%; }
	.span_9 { width: 75%; }
	.span_10 { width: 83.3333333333%; }
	.span_11 { width: 91.6666666667%; }
	.span_12 { width: 100%; }
}
/* イメージをオンマウスで薄く
------------------------------------------------------------ */
a:hover img.on {
	cursor:pointer;
	filter: alpha(opacity=60); /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}

/* フロート
　Bootstrapと同じクラス名を使用
------------------------------------------------------------ */
.pull-left2 { /* 左寄せ */
	float: left;
}
.pull-right2 { /* 右寄せ */
	float: right;
}
/* TB,SP */
@media screen and (max-width: 767px){
	.pull-left2 { /* 左寄せ */
		float: none;
	}
	.pull-right2 { /* 右寄せ */
		float: none;
	}
}
/* マージン設定（0〜30px）
------------------------------------------------------------ */
/* オート */
.mar-auto {margin: auto;}
/* トップ */
.mar-t0px {margin-top: 0px;} .mar-t5px {margin-top: 5px;} .mar-t10px {margin-top: 10px;} .mar-t15px {margin-top: 15px;} .mar-t20px {margin-top: 20px;} .mar-t25px {margin-top: 25px;} .mar-t30px {margin-top: 30px;}
/* ボトム */
.mar-b0px {margin-bottom: 0px;} .mar-b5px {margin-bottom: 5px;} .mar-b10px {margin-bottom: 10px;} .mar-b15px {margin-bottom: 15px;} .mar-b20px {margin-bottom: 20px;} .mar-b25px {margin-bottom: 25px;} .mar-b30px {margin-bottom: 30px;}
/* ライト */
.mar-r0px {margin-right: 0px;} .mar-r5px {margin-right: 5px;} .mar-r10px {margin-right: 10px;} .mar-r15px {margin-right: 15px;} .mar-r20px {margin-right: 20px;} .mar-r25px {margin-right: 25px;} .mar-r30px {margin-right: 30px;}
/* レフト */
.mar-l0px {margin-left: 0px;} .mar-l5px {margin-left: 5px;} .mar-l10px {margin-left: 10px;} .mar-l15px {margin-left: 15px;} .mar-l20px {margin-left: 20px;} .mar-l25px {margin-left: 25px;} .mar-l30px {margin-left: 30px;}

/* パディング設定（0〜30px）
------------------------------------------------------------ */
/* トップ */
.pad-t0px {padding-top: 0px;} .pad-t5px {padding-top: 5px;} .pad-t10px {padding-top: 10px;} .pad-t15px {padding-top: 15px;} .pad-t20px {padding-top: 20px;} .pad-t25px {padding-top: 25px;} .pad-t30px {padding-top: 30px;}
/* ボトム */
.pad-b0px {padding-bottom: 0px;} .pad-b5px {padding-bottom: 5px;} .pad-b10px {padding-bottom: 10px;} .pad-b15px {padding-bottom: 15px;} .pad-b20px {padding-bottom: 20px;} .pad-b25px {padding-bottom: 25px;} .pad-b30px {padding-bottom: 30px;}
/* ライト */
.pad-r0px {padding-right: 0px;} .pad-r5px {padding-right: 5px;} .pad-r10px {padding-right: 10px;} .pad-r15px {padding-right: 15px;} .pad-r20px {padding-right: 20px;} .pad-r25px {padding-right: 25px;} .pad-r30px {padding-right: 30px;}
/* レフト */
.pad-l0px {padding-left: 0px;} .pad-l5px {padding-left: 5px;} .pad-l10px {padding-left: 10px;} .pad-l15px {padding-left: 15px;} .pad-l20px {padding-left: 20px;} .pad-l25px {padding-left: 25px;} .pad-l30px {padding-left: 30px;}


/* jqueryで使用する
 * メディアクエリ判定用
------------------------------------------------------------ */
@media screen and (max-width: 479px){ /* スマートフォン */
  .sp {
    display: none;
    width: 1px;
    background: url(.png);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px){ /* タブレット */
  .tb {
    display: none;
    width: 2px;
    background: url(.png);
  }
}
@media screen and (min-width: 768px){ /* パソコン */
  .pc {
    display: none;
    width: 3px;
    background: url(.png);
  }
}