@charset "utf-8";

/*-----------------------------------------------

components

-----------------------------------------------*/
/*-----------------------------------------------

Reset

-----------------------------------------------*/
*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	word-break:break-all;
}

html{
	font-size:16px;
	line-height:1;
}

body{
	font-family:"Arial",'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align:justify;
}

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

p{
/*	font-size:.875rem;*/

}

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

ul{list-style:none;}

a{
	outline:none;
	text-decoration:none;
/*	transition:.8s;*/
}

a:hover{ cursor:pointer;}

/*-----------------------------------------------

float

-----------------------------------------------*/
.left{float:left;}

.right{float:right;}

.cf:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*-----------------------------------------------

hide

-----------------------------------------------*/
/*PC非表示*/
@media ( min-width :769px){

	.pc_hide{
		display:none;
	}

}

/*SP非表示*/
@media ( max-width :768px){

	.sp_hide{
		display:none;
	}

}

/*-----------------------------------------------

margin　20px間隔

-----------------------------------------------*/
.mgn_0a{ margin:0 auto !important; }

/*top*/
.mgn_t20{ margin-top:20px; }

.mgn_t40{ margin-top:40px; }

.mgn_t60{ margin-top:60px; }

.mgn_t80{ margin-top:80px; }

.mgn_t100{ margin-top:100px; }

/*bottom*/
.mgn_b20{ margin-bottom:20px; }

.mgn_b40{ margin-bottom:40px; }

.mgn_b60{ margin-bottom:60px; }

.mgn_b80{ margin-bottom:80px; }

.mgn_b100{ margin-bottom:100px; }

/*top&bottom*/
.mgn_tb20{ margin:20px 0; }

.mgn_tb40{ margin:40px 0; }

.mgn_tb60{ margin:60px 0; }

.mgn_tb80{ margin:80px 0; }

.mgn_tb100{ margin:100px 0; }

/*-----------------------------------------------

padding 5px間隔

-----------------------------------------------*/
.pd_5{ padding:5px; }

.pd_10{ padding:10px; }

.pd_15{ padding:15px; }

.pd_20{ padding:20px; }

.pd_25{ padding:25px; }

/*top*/
.pd_t5{ padding-top:5px; }

.pd_t10{ padding-top:10px; }

.pd_t15{ padding-top:15px; }

.pd_t20{ padding-top:20px; }

.pd_t25{ padding-top:25px; }

.pd_t30{ padding-top:30px; }

.pd_t35{ padding-top:35px; }

.pd_t40{ padding-top:40px; }

.pd_t40{ padding-top:45px; }

.pd_t50{ padding-top:50px; }

/*bottom*/
.pd_b5{ padding-bottom:5px; }

.pd_b10{ padding-bottom:10px; }

.pd_b15{ padding-bottom:15px; }

.pd_b20{ padding-bottom:20px; }

.pd_b25{ padding-bottom:25px; }

.pd_b30{ padding-bottom:30px; }

.pd_b35{ padding-bottom:35px; }

.pd_b40{ padding-bottom:40px; }

.pd_b45{ padding-bottom:45px; }

.pd_b50{ padding-bottom:50px; }

/*top&bottom*/
.pd_tb5{ padding:5px 0 5px; }

.pd_tb10{ padding:10px 0 10px; }

.pd_tb15{ padding:15px 0 15px; }

.pd_tb20{ padding:20px 0 20px; }

.pd_tb25{ padding:25px 0 25px; }

.pd_tb30{ padding:30px 0 30px; }

.pd_tb35{ padding:35px 0 35px; }

.pd_tb40{ padding:40px 0 40px; }

.pd_tb45{ padding:45px 0 45px; }

.pd_tb50{ padding:50px 0 50px; }

/*-----------------------------------------------

image

-----------------------------------------------*/
img{
	max-width:100%;
	height:auto;
}

/*-----------------------------------------------

headline

-----------------------------------------------*/
.ttl_xxl{ font-size:3rem; }

.ttl_xl{ font-size:2rem; }

.ttl_lg{ font-size:1.5rem; }

/*-----------------------------------------------

link

-----------------------------------------------*/
/* ホバー効果 */
.hvr:hover{
	opacity:0.75;
}

/*ボタン ベース*/
.btn{
	display:block;
	margin:0 auto;
	text-align:center;
	height:40px;
	line-height:40px;
	border-radius:4px;
}

/*-----------------------------------------------

text

-----------------------------------------------*/
.txt_hide{
	text-indent:150%;
	white-space:nowrap;
	overflow:hidden;
}

/* align */
.txt_l{ text-align:left; }

.txt_r{ text-align:right; }

.txt_cntr{ text-align:center; }

/* size */
.txt_xl{ font-size:2rem; }

.txt_lg{ font-size:1.5rem; }

.txt_sm{ font-size:.75rem; }

.txt_xs{ font-size:.625rem; }

/*weight*/
.txt_b{ font-weight:bold; }


/*-----------------------------------------------

input

-----------------------------------------------*/

/* テキストボックス */
input[type="text"]{
	display:inline-block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*メールボックス*/
input[type="email"]{
	display:block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* パスワードボックス */
input[type="password"]{
	display:block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* セレクト */
select{
	display:inline-block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* テキストエリア */
textarea{
	display:block;
	padding:5px;
	font-size:16px;
	border:1px solid #ccc;
	background:#f1f1f1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* サブミット */
input[type="submit"]{
	border:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
}

/* ボタン */
input[type="button"]{
	border:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*-----------------------------------------------

tableレイアウト

-----------------------------------------------*/
.tbl{
	display:table;
	width:100%;
	table-layout:fixed;
}

.tbl_row{display:table-row;}

.tbl_cell{display:table-cell;}

/*-----------------------------------------------

Font Awesome アイコン

-----------------------------------------------*/
.icn:before{
	margin-right:5px;
	font-family:fontawesome;
}

/*ホーム*/
.home_icn:before{ content:'\f015'; }

/*カメラ*/
.camera_icn:before{ content:'\f030'; }

/*歯車*/
.cog_icn:before{ content:'\f085'; }

/*メール*/
.mail_icn:before{ content:'\f0e0'; }

/*携帯*/
.mob_icn:before{ content:'\f10b'; }

/*電話*/
.tel_icn:before{ content:'\f095'; }

/*リンク*/
.link_icn:before{ content:'\f0c1'; }

/*パソコン*/
.pc_icn:before{ content:'\f108'; }

/*カレンダー*/
.days_icn:before{ content:'\f073'; }

/*電卓*/
.cal_icn:before{ content:'\f1ec'; }

/*鉛筆*/
.memo_icn:before{ content:'\f040'; }

/*マップ*/
.map_icn:before{ content:'\f041'; }

/*コメント*/
.come_icn:before{ content:'\f0e6'; }

/*四角ペン*/
.pencil_icn:before{ content:'\f044'; }

/*サイトマップ*/
.sitemap_icn:before{ content:'\f0e8'; }

/*いいね*/
.good_icn:before{ content:'\f087'; }

/*コード*/
.code_icn:before{ content:'\f1c9'; }

/*ギフト*/
.gift_icn:before{ content:'\f06b'; }

/*人々*/
.users_icn:before{ content:'\f0c0'; }

/*人*/
.user_icn:before{ content:'\f007'; }

/*鍵*/
.lock_icn:before{ content:"\f023"; }

/*テキストファイル*/
.filetxt_icn:before{ content:'\f0f6' }

/*円マーク*/
.yen_icn:before{ content:'\f157'; }

/*二重丸*/
.dot_icn:before{ content:'\f192'; }

/*リスト*/
.list_icn:before{ content:"\f03a"; }

/*虫眼鏡*/
.search_icn:before{ content:"\f002"; }

/*スピン*/
.spin_icn:before{ content:"\f110"; }

/*一重丸*/
.circle:before{ content:"\f10c"; }

/*前へ*/
.prev:before{ content:"\f100"; }

/*次へ*/
.next:before{ content:"\f101"; }

/*ツイッター*/
.tw_icn:before{ content:"\f099"; }

/*フェイスブック*/
.fb_icn:before{ content:"\f09a"; }

/*フォーク＆ナイフ*/
.cutlery_icn:before{ content:"\f0f5"; }

/*グラス*/
.glass_icn:before{ content:"\f000"; }

/*タグ*/
.tag_icn:before{ content:"\f02b"; }