@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;
}

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 {
}

.globalHeader a:link, .contents a:link {
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	position: relative;
	top: 0;
}
.globalHeader a:hover, .contents a:hover {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	top: -3px;
}


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



/* ================================
	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;
}
.oH{
    overflow: hidden;
}


/*	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;
}


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



/*	非表示 test
---------------------- */
@media ( min-width : 481px ) {
	.sm_only {   display: none !important;}
}
@media ( max-width : 480px ) {
	.md_only {   display: none !important;}
}
@media ( min-width : 768px ) {
	.md_only {   display: none !important;}
}
@media ( max-width : 767px ) {
	.lg_only {   display: none !important;}
}

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



/*	type serif
---------------------- */
.serif{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



/* ================================
	Utility
	margin,padding,funt-size調整用
	※長期運用時は
	あると便利？
	テスト的に採用
	
	memo:
	レスポンシブの場合、
	かえって邪魔かも
================================ */

/*	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;}
.mt-60 {    margin-top: 60px;}
.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;}
.mb-60 {    margin-bottom: 60px;}


/*	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;}
.pt-60 {    padding-top: 60px;}
.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;}
.pb-60 {    padding-bottom: 60px;}


/*	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;}
.fs-12 {    font-size: 12px; font-size: 1.2rem;}






/* ================================
	Base
================================ */
.container{ width: 100%; }
.container > .inner{ max-width: 990px; margin: 0 auto;}

/* 固定幅用調整
---------------------- */
.container.is-fix > .inner,
.is-fix + .container > .inner{ width: 990px; }

/* ================================
	module:footer
================================ */
.globalFooter{ background: #fff; }
.globalFooter__credit{
    padding: 1em 0;
    text-align: center;
    color:#000;
    font-size:16px;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
    font-weight:bold;
}
.globalFooter__link{
    max-width: 990px;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    overflow: hidden;
}
.globalFooter__link a{
    display: block;
    color:#435B67;
    text-decoration: underline;
    font-size:11px;
}
@media (min-width:768px){
    .globalFooter__link{ text-align: left;}
    .globalFooter__link--left{ float: left; }
    .globalFooter__link--right{ float: right;}
}

/* 固定幅用調整
---------------------- */
.is-fix + .globalFooter .globalFooter__link{ text-align: left;}
.is-fix + .globalFooter .globalFooter__link--left{ float: left; }
.is-fix + .globalFooter .globalFooter__link--right{ float: right;}