@charset "utf-8";

/*
*
* Copyright (c) 2016, Codia Inc. All rights reserved.
* Data : 2016.11.11
*
*/

/*****************************************************

 リセット
 
*****************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img,a,figure{ margin: 0; padding: 0; }

table{ border-collapse: collapse; border-spacing: 0; }

fieldset,img{ border:0; }

address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }

ol,ul { list-style: none; text-align: left; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }

q:before,q:after{ content: '';}

main, article, aside, figure, footer, header, hgroup, nav, section, main { display: block; margin: 0; padding: 0;} /* New HTML5 elements */ 

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(../js/boxsizing.htc);
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;	
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: none;
	outline: none;
}

a:focus, *:focus { outline: none; }/*リンクの枠線を消す*/

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}


/*****************************************************

 共　通 
 
*****************************************************/

.none { display: none; } /* ディスプレイ非表示 */

/* フロートクリア */
.clearfix:before,
.clearfix:after {  
  	content: " ";
    display: table;
} 

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */


/*****************************************************

 ボックスレイアウト
 
*****************************************************/

.left {	float: left; } /* フロート左寄せ */

.right { float: right; } /* フロート右寄せ */

.inline_block { display: inline-block; } /* インラインブロック */

.inline { display: inline; } /* インライン */

.block { display: block; } /* ブロック */

.relative { position: relative; } /* ポジションリセット */

.img_center { display: block; margin-left: auto; margin-right: auto; } /* 画像中央揃い */


/*****************************************************

 CSS3
 
*****************************************************/

/* ボックスシャドウ */
.box_shadow {
	-moz-box-shadow:
		0px 0px 2px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 0px 2px rgba(000,000,000,0.5);
	box-shadow:
		0px 0px 2px rgba(000,000,000,0.5);
} 

/* トランジション（時間的効果） */
.transition {	
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

/* ロールオーバー時の透過 */
.fade {
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.fade:hover {	
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}

/* ブロックリンク */
a.block {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0);
}

/*テキストリンク */
a {
 	color: #2d2d2d;
	text-decoration: none;
}
a:hover {
  color :#DC633C;
}

/*****************************************************

 フォント
 
*****************************************************/

/* 整列
----------------------------------------------------*/

.align_right { text-align:r ight; } /* テキスト右寄せ */

.align_left { text-align: left; } /* テキスト左寄せ */

.align_center { text-align: center; } /* テキスト中央揃い */

.indent { text-indent: 1rem; } /* テキストインデント */


/* 装飾
----------------------------------------------------*/

.bold { font-weight: bold; } /* 太字 */

.overline { text-decoration: overline; } /* 上線 */

.underline { text-decoration: underline; } /* 下線 */

.blink { text-decoration: blink; } /* 点滅 */

.line_through { text-decoration: line-through; } /* 取り消し線 */

.italic { font-style: italic; }


/* 文字色
----------------------------------------------------*/

.red { color: red ; } /* 赤色 */

.blue { color: blue ; } /* 青色 */

.green { color: green ; } /* 緑色 */

.gold { color: gold ; } /* 金色 */

.grey { color: grey ; } /* 灰色 */

.black { color: black ; } /* 黒色 */

.white { color: white ; } /* 白色 */


/* 大きさ
----------------------------------------------------*/

.ft_10 { font-size: 1rem; }

.ft_11 { font-size: 1.1rem; }

.ft_12 { font-size: 1.2rem; }

.ft_13 { font-size: 1.3rem; }

.ft_14 { font-size: 1.4rem; }

.ft_15 { font-size: 1.5rem; }

.ft_16 { font-size: 1.6rem; }

.ft_17 { font-size: 1.7rem; }

.ft_18 { font-size: 1.8rem; }

.ft_19 { font-size: 1.9rem; }

.ft_20 { font-size: 2rem; }


/*****************************************************

 マージン調整
 
*****************************************************/

.mb_05 { margin-bottom: 5px; }

.mb_10 { margin-bottom: 10px; }

.mb_15 { margin-bottom: 15px; }

.mbt_20 { margin-bottom: 20px; }

.mbt_25 { margin-bottom: 25px; }

.mbt_30 { margin-bottom: 30px; }

.mbt_35 { margin-bottom: 35px; }

.mbt_40 { margin-bottom: 40px; }

.mbt_45 { margin-bottom: 45px; }

.mbt_50 { margin-bottom: 50px; }

.mbt_55 { margin-bottom: 55px; }

.mbt_60 { margin-bottom: 60px; }

.mbt_65 { margin-bottom: 65px; }

.mbt_70 { margin-bottom: 70px; }

.mbt_75 { margin-bottom: 75px; }

.mbt_80 { margin-bottom: 80px; }

.mtp_05 { margin-top: 5px; }

.mtp_10 { margin-top: 10px; }

.mtp_15 { margin-top: 15px; }

.mtp_20 { margin-top: 20px; }

.mtp_25 { margin-top: 25px; }

.mtp_30 { margin-top: 30px; }

.mtp_35 { margin-top: 35px; }

.mtp_40 { margin-top: 40px; }

.mtp_45 { margin-top: 45px; }

.mtp_50 { margin-top: 50px; }

.mtp_55 { margin-top: 55px; }

.mtp_60 { margin-top: 60px; }

.mtp_65 { margin-top: 65px; }

.mtp_70 { margin-top: 70px; }

.mtp_75 { margin-top: 75px; }

.mtp_80 { margin-top: 80px; }

.mrt_05 { margin-right: 5px; }

.mrt_10 { margin-right: 10px; }

.mrt_15 { margin-right: 15px; }

.mrt_20 { margin-right: 20px; }

.mrt_25 { margin-right: 25px; }

.mrt_30 { margin-right: 30px; }

.mrt_35 { margin-right: 35px; }

.mrt_40 { margin-right: 40px; }

.mrt_45 { margin-right: 45px; }

.mrt_50 { margin-right: 50px; }

.mrt_55 { margin-right: 55px; }

.mrt_60 { margin-right: 60px; }

.mrt_65 { margin-right: 65px; }

.mrt_70 { margin-right: 70px; }

.mrt_75 { margin-right: 75px; }

.mrt_80 { margin-right: 80px; }

.mlt_05 { margin-left: 5px; }

.mlt_10 { margin-left: 10px; }

.mlt_15 { margin-left: 15px; }

.mlt_20 { margin-left: 20px; }

.mlt_25 { margin-left: 25px; }

.mlt_30 { margin-left: 30px; }

.mlt_35 { margin-left: 35px; }

.mlt_40 { margin-left: 40px; }

.mlt_50 { margin-left: 50px; }
 
.mlt_55 { margin-left: 55px; }

.mlt_60 { margin-left: 60px; }

.mlt_65 { margin-left: 65px; }
 
.mlt_70 { margin-left: 70px; }

.mlt_75 { margin-left: 75px; }

.mlt_80 { margin-left: 80px; }


/*****************************************************

 パッディング調整
 
*****************************************************/

.pal_5 { padding: 5px; }

.pal_10 { padding: 10px; }

.pal_15 { padding: 15px; }

.pal_20 { padding: 20px; }

.pal_25 { padding: 25px; }

.pal_30 { padding: 30px; }

.pal_35 { padding: 35px; }

.pal_40 { padding: 40px; }

.pal_45 { padding: 45px; }

.pal_50 { padding: 50px; }

.pbt_5 { padding-bottom: 5px; }

.pbt_10 { padding-bottom: 10px; }

.pbt_15 { padding-bottom: 15px; }

.pbt_20 { padding-bottom: 20px; }

.pbt_25 { padding-bottom: 25px; }

.pbt_30 { padding-bottom: 30px; }

.pbt_35 { padding-bottom: 35px; }

.pbt_40 { padding-bottom: 40px; }

.pbt_45 { padding-bottom: 45px; }

.pbt_50 { padding-bottom: 50px; }

.ptp_5 { padding-top: 5px; }

.ptp_10 { padding-top: 10px; }

.ptp_15 { padding-top: 15px; }

.ptp_20 { padding-top: 20px; }

.ptp_25 { padding-top: 25px; }

.ptp_30 { padding-top: 30px; }

.ptp_35 { padding-top: 35px; }

.ptp_40 { padding-top: 40px; }

.ptp_45 { padding-top: 45px; }

.ptp_50 { padding-top: 50px; }

.plt_5 { padding-left: 5px; }

.plt_10 { padding-left: 10px; }

.plt_15 { padding-left: 15px; }

.plt_20 { padding-left: 20px; }

.plt_25 { padding-left: 25px; }

.plt_30 { padding-left: 30px; }

.plt_35 { padding-left: 35px; }

.plt_40 { padding-left: 40px; }

.plt_45 { padding-left: 45px; }

.plt_50 { padding-left: 50px; }

.prt_5 { padding-right: 5px; }

.prt_10 { padding-right: 10px; }

.prt_15 { padding-right: 15px; }

.prt_20 { padding-right: 20px; }

.prt_25 { padding-right: 25px; }

.prt_30 { padding-right: 30px; }

.prt_35 { padding-right: 35px; }

.prt_40 { padding-right: 40px; }

.prt_45 { padding-right: 45px; }

.prt_50 { padding-right: 50px; }