@charset "utf-8";

/*
************************************************************************
* デザイン・レイアウト基本設定
* @copyright Revolme Inc.
*
* レイアウトの設定
************************************************************************
*/

/*
************************************************************************
* レスポンシブ別表示切り替え
************************************************************************
*/
@media screen and (max-width:640px)
{
	.pc-visible  {display:none !important;}
	.pc-tab-visible  {display:none !important;}
	.tab-visible {display:none !important;}
	.sp-hide     {display:none !important;}
}
@media screen and (min-width:641px) and (max-width:1200px)
{
	.pc-visible  {display:none !important;}
	.tab-hide    {display:none !important;}
	.sp-visible  {display:none !important;}
}
@media screen and (min-width:1201px)
{
	.pc-hide     {display:none !important;}
	.tab-visible {display:none !important;}
	.sp-visible  {display:none !important;}
}

/*
************************************************************************
 フォントファミリー
************************************************************************
*/
.ff-base   {font-family: var(--font-jp), sans-serif;}
.ff-num    {font-family: var(--font-num), sans-serif;}
.ff-accent {font-family: var(--font-accent), sans-serif;letter-spacing: 0;}
.ff-ryumin {font-family: "リュウミン R-KL";}
.ff-ryumin.fw-bold{font-family: "リュウミン B-KL";}

.fc-white {color: var(--color-white);}

/*
************************************************************************
 フォントウェイト
************************************************************************
*/
.fw-bold{font-weight: bold;}
.fw-7   {font-weight: 700;}
.fw-5   {font-weight: 500;}
.fw-4   {font-weight: 400;}
.fw-3   {font-weight: 350;}
.fw-3   {font-weight: 300;}
.fw-1   {font-weight: 100;}

/*
************************************************************************
 フォントサイズ
************************************************************************
*/
.fs-s{font-size:0.8em;}
.fs-l{font-size:1.2em;}
.fs-ll{font-size:1.5em;}
.fs-lll{font-size:2.0em;}

/*
************************************************************************
 テキスト
************************************************************************
*/

.ta-left{text-align: left;}
.ta-center{text-align: center;}
.ta-right{text-align: right;}

/*
************************************************************************
 マージン
************************************************************************
*/
.mb01 {margin-bottom:0.5em;}
.mb02 {margin-bottom:1.0em;}
.mb03 {margin-bottom:3.0em;}
.mb04 {margin-bottom:5.0em;}
.mb05 {margin-bottom:7.0em;}

.mt01 {margin-top:0.5em;}
.mt02 {margin-top:1.0em;}
.mt03 {margin-top:3.0em;}
.mt04 {margin-top:5.0em;}
.mt05 {margin-top:7.0em;}

/*
************************************************************************
 改行制御etc
************************************************************************
*/
.ellipsis
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.justify
{
    text-align: justify;
    text-justify: inter-ideograph;
}
.inline-block
{
	display:inline-block;
}
.wrap
{
	white-space: pre-line;
}

/* ################################################################################################ */
/* ## 中型                       ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {

}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
}