@charset "UTF-8";

/* ================================
	Base
================================ */
html {
	overflow-y: scroll;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}



/* ================================
	Typography
================================ */
html {
	font-size: 62.5%; /* 1em = 10px */
}
body {
}
.page {
	font-size: 13px;
	font-size: 1.3rem;
	font-family: Meiryo, "Lucida Grande","Hiragino Kaku Gothic ProN", sans-serif;
	line-height: 1.5;
	color: #333;
}

/* for IE6/7 */
body,input,textarea {
	*font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

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

small,
figcaption {
	font-size: 80%;
	line-height: 1.3;
}

p {
	text-align: justify;
	text-justify:inter-ideograph;
}



/* ================================
	Link
================================ */
a,a:link {
	text-decoration: none;
}
a:visited {
}
a:hover {
}
a:active {
}
a:focus {
}



/* ================================
	Img
================================ */
img {	vertical-align: bottom;}



/* ================================
	List
================================ */
ul,ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
dl,dt,dd {
	margin: 0;
	padding: 0;
}



/* ================================
	Utility
================================ */

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


/*	img レスポンシブ
---------------------- */
.liquid img,
img.liquid {
    max-width: 100%;
    width /***/:auto; /* for IE8 */
    height: auto;
}
img.full {
    width: 100%;
    height: auto;
}


/* 画像回り込み
-------------------------------- */
.imgL {
	float: left;
	margin: 0 1em 1em 0;
}
.imgR {
	float: right;
	margin: 0 0 1em 1em;
}

/* 回り込み解除 */
.imgTXT {	overflow: hidden;}


/* テキスト行位置
-------------------------------- */
.tC {	text-align: center;}
.tR {	text-align: right;}



/*	非表示
---------------------- */
@media ( max-width : 480px ) {
	.sp_hide {   display: none !important;}
}
@media ( min-width : 481px ) and ( max-width : 767px ) {
	.md_hide {   display: none !important;}
}
@media ( min-width : 768px ) {
	.lg_hide {   display: none !important;}
}

/* 非表示 チェック用 */
.hide {	display: none;}



/* ================================
	Utility
	margin,padding,funt-size調整用
	※長期運用時は
	あると便利な気がするので、
	テスト的に採用
================================ */

/*	margin
---------------------- */
.mt-0  {    margin-top:    0;}
.mt-10 {    margin-top: 10px;}
.mt-20 {    margin-top: 20px;}
.mt-30 {    margin-top: 30px;}
.mt-40 {    margin-top: 40px;}
.mt-50 {    margin-top: 50px;}
.mb-0  {    margin-bottom:    0;}
.mb-10 {    margin-bottom: 10px;}
.mb-20 {    margin-bottom: 20px;}
.mb-30 {    margin-bottom: 30px;}
.mb-40 {    margin-bottom: 40px;}
.mb-50 {    margin-bottom: 50px;}


/*	padding
---------------------- */
.pt-0  {    padding-top:    0;}
.pt-10 {    padding-top: 10px;}
.pt-20 {    padding-top: 20px;}
.pt-30 {    padding-top: 30px;}
.pt-40 {    padding-top: 40px;}
.pt-50 {    padding-top: 50px;}
.pb-0  {    padding-bottom:    0;}
.pb-10 {    padding-bottom: 10px;}
.pb-20 {    padding-bottom: 20px;}
.pb-30 {    padding-bottom: 30px;}
.pb-40 {    padding-bottom: 40px;}
.pb-50 {    padding-bottom: 50px;}


/*	font-size
---------------------- */
.fs-s  { font-size:  80%;}
.fs-l  { font-size: 120%;}
.fs-xl { font-size: 140%;}
.fs-10 {    font-size: 10px; font-size: 1.0rem;}
.fs-11 {    font-size: 11px; font-size: 1.1rem;}