@charset "Shift_JIS";

/*-----------------------------------------------
スタイル初期化
-----------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

html{
	font-size: 62.5%; /*font-size: 10px*/
}

body{
	font-size: 1.6rem; /*font-size: 16px*/
	font-family: Arial,Helvetica,sans-serif;
	text-align: justify;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
}
/*見出し*/
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

/*テーブル*/
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*リスト*/
ol, ul{list-style: none;}

/*リンク*/
a{
	outline: none;
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,.25);
}

/*-----------------------------------------------
フレックスボックス
-----------------------------------------------*/
/*左端配置 折り返えす（初期値）*/
.flex_box{
	display: flex;
	flex-wrap: wrap;
}

/*右端配置*/
.content_end{
	justify-content: flex-end;
}

/*左右中央に配置*/
.content_center{
	justify-content: center;
}

/*アイテムの間にスペースを均等に割り付け*/
.content_between{
	justify-content: space-between;
}

/*アイテムの両端にスペースを均等に割り付け*/
.content_around{
	justify-content: space-around;
}

.flex_nowrap{
	flex-wrap: nowrap;
}

/*縦並び*/
.column{
	flex-direction: column;
}

/*子要素の垂直方向の位置(rowの場合、vertical-align的な動き、columnの場合、text-align的な動き)*/
.align_items_center{
	align-items: center;
}

.align_items_end{
	align-items: flex-end;
}

/*-----------------------------------------------
マージン
-----------------------------------------------*/
.mgn_0a{margin: 0 auto;}

.mgn_t8{margin-top: 8px;}

.mgn_t16{margin-top: 16px;}

.mgn_t24{margin-top: 24px;}

.mgn_t32{margin-top: 32px;}

.mgn_t48{margin-top: 48px;}

.mgn_b8{margin-bottom: 8px;}

.mgn_b16{margin-bottom: 16px;}

.mgn_b24{margin-bottom: 24px;}

.mgn_b32{margin-bottom: 32px;}

.mgn_b48{margin-bottom: 48px;}

.mgn_tb8{margin: 8px auto;}

.mgn_tb16{margin: 16px auto;}

.mgn_tb24{margin: 24px auto;}

.mgn_tb32{margin: 32px auto;}

/*-----------------------------------------------
パディング
-----------------------------------------------*/
.pad_a8{padding: 8px;}

.pad_a16{padding: 16px;}

.pad_a24{padding: 24px;}

.pad_tb8{padding: 8px 0;}

.pad_tb16{padding: 16px 0;}

.pad_tb24{padding: 24px 0;}

.pad_lr8{padding: 0 8px;}

.pad_lr16{padding: 0 16px;}

.pad_lr24{padding: 0 24px;}

/*-----------------------------------------------
各コンテンツ配置用BOX
-----------------------------------------------*/
.in_box{
	height: 100%;
	padding: 8px;
	border:1px solid #e5e5e5;
		background: #fff;
}

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

.right{float: right;}

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

/*-----------------------------------------------
非表示系
-----------------------------------------------*/
/*PC非表示*/
@media ( min-width :960px){
	.pc_hide{
		display:none;
	}
}

/*SP非表示*/
@media ( max-width :959px){
	.sp_hide{
		display:none;
	}
}

/*-----------------------------------------------
画像
-----------------------------------------------*/
img{
	width: 100%;
	max-width: 100%;
	height: auto;
	border-style: none;
	vertical-align: bottom;
}

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

/*ボタン ベース*/
.btn{
	display: block;
	width: 60%;
	margin: 32px auto 16px;
	padding: .5em;
	text-align: center;
	font-weight: bold;
	border-radius: 4px;
}

/*-----------------------------------------------
テキスト系
-----------------------------------------------*/
.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_24{ font-size: 2.4rem; }/*24px*/

.txt_18{ font-size: 1.8rem; }/*18px*/

.txt_12{ font-size: 1.2rem; }/*12px*/

.txt_10{ font-size: 1rem; }/*10px*/

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

/*-----------------------------------------------
input系
-----------------------------------------------*/
input::placeholder,
textarea::placeholder{
	color: #b1b1b1;
}

/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b1b1b1;
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
select,
textarea{
	display: inline-block;
	width: 100%;
	padding: .5em;
	font-size: 1.6rem;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*ie用セレクト右矢印非表示*/
select::-ms-expand {
	display: none;
}

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

/*チェックボックス装飾*/
input[type="checkbox"]{
	display: none;
}

/*-----------------------------------------------
右矢印付きリンクリスト
-----------------------------------------------*/
ul.right_arrow li a{
	display: block;
	position: relative;
}

ul.right_arrow li a:after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 4px);
	right: 10px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #7f8499;
	border-right: 1px solid #7f8499;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*-----------------------------------------------
Font Awesome ver5 アイコン
-----------------------------------------------*/
.icn_fa:before{
	font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

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

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

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

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

/*メール四角枠*/
.icn_mail_sq:before{ content:'\f199'; }

/*携帯*/
.icn_mob:before{ content:'\f3cd'; }

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

/*送信*/
.icn_send:before{ content:'\f1d8'; }

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

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

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

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

/*鉛筆*/
.icn_memo:before{ content:'\f303'; }

/*マップ*/
.icn_map:before{ content:'\f3c5'; }

/*コメント*/
.icn_come:before{ content:'\f27a'; }

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

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

/*いいね*/
.icn_good:before{ content:'\f164'; }

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

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

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

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

/*人（丸枠）*/
.icn_user-circle:before{ content:'\f2bd'; }

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

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

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

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

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

/*リスト（番号付き）*/
.icn_list_ol:before{ content:"\f0cb"; }

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

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

/*電話*/
.icn_phone:before{ content:"\f2a0"; }

/*電話四角枠*/
.icn_phone_sq:before{ content:"\f098"; }

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

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

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

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

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

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

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

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

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

/*男性*/
.icn_male:before{ content:'\f183'; }

/*女性*/
.icn_female:before{ content:'\f182'; }

/*星*/
.icn_star:before{ content:'\f005'; }

/*月*/
.icn_moon:before{ content:'\f186'; }

/*ハート*/
.icn_heart:before{ content:'\f004'; }

/*エクスクラメーション*/
.icn_excla:before{ content:'\f06a'; }

/*クエスチョン*/
.icn_question:before{ content:'\f059'; }

/*お知らせ*/
.icn_info:before{ content:'\f05a'; }

/*グラフ*/
.icn_chart:before{ content:'\f080'; }

/*クレジットカード*/
.icn_credit:before{ content:'\f09d'; }

/*ポイント*/
.icn_pt:before{ content:'\f288'; }

/*コイン*/
.icn_coin:before{ content:'\f1f9'; }

/*三本バー*/
.icn_bars:before{ content:'\f0c9'; }

/*ベル*/
.icn_bell:before{ content:'\f0f3'; }

/*プロフィール*/
.icn_prof:before{ content:'\f2bb'; }

/*イメージ*/
.icn_images:before{ content:'\f302'; }

/*履歴*/
.icn_history:before{ content:'\f1da'; }

/*口座*/
.icn_bank:before{ content:'\f09d'; }

/*ログアウト*/
.icn_logout:before{ content:'\f2f5'; }

/*チェックマーク*/
.icn_logout:before{ content:'\f00c'; }

/*右二重矢印*/
.icn_double_right_arrow:before{ content:'\f101'; }

/*上向き矢印*/
.icn_arrow_up:before{ content:'\f062'; }

/*ランキング*/
.icn_rank:before{ content:'\f43f'; }

/*上向き矢印*/
.icn_arrow_up:before{ content:'\f062'; }

/*マイナス*/
.icn_minus:before{ content:'\f068'; }