@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-JP-01 .ff-base{font-family: 'Noto Sans JP', sans-serif;}
.FF-JP-02 .ff-base{font-family: 'Noto Serif JP', serif;}
.FF-JP-03 .ff-base{font-family: 'Mochiy Pop One', sans-serif;}
.FF-JP-04 .ff-base{font-family: 'Mochiy Pop P One', sans-serif;}
.FF-JP-05 .ff-base{font-family: 'M PLUS 1p', sans-serif;}
.FF-JP-06 .ff-base{font-family: 'M PLUS Rounded 1c', sans-serif;}
.FF-JP-07 .ff-base{font-family: 'Zen Antique', serif;}
.FF-JP-08 .ff-base{font-family: 'Zen Antique Soft', serif;}
.FF-JP-09 .ff-base{font-family: 'Zen Kaku Gothic Antique', sans-serif;}
.FF-JP-10 .ff-base{font-family: 'Zen Kaku Gothic New', sans-serif;}
.FF-JP-11 .ff-base{font-family: 'Zen Kurenaido', sans-serif;}
.FF-JP-12 .ff-base{font-family: 'Zen Maru Gothic', sans-serif;}
.FF-JP-13 .ff-base{font-family: 'Zen Old Mincho', serif;}
.FF-JP-14 .ff-base{font-family: 'Sawarabi Gothic', sans-serif;}
.FF-JP-15 .ff-base{font-family: 'Sawarabi Mincho', sans-serif;}
.FF-JP-16 .ff-base{font-family: 'Kosugi', sans-serif;}
.FF-JP-17 .ff-base{font-family: 'Kosugi Maru', sans-serif;}
.FF-JP-18 .ff-base{font-family: 'Shippori Mincho', serif;}
.FF-JP-19 .ff-base{font-family: 'Shippori Mincho B1', serif;}
.FF-JP-21 .ff-base{font-family: 'Dela Gothic One', cursive;}
.FF-JP-22 .ff-base{font-family: 'Kiwi Maru', serif;}
.FF-JP-23 .ff-base{font-family: 'Reggae One', cursive;}
.FF-JP-24 .ff-base{font-family: 'RocknRoll One', sans-serif;}
.FF-JP-25 .ff-base{font-family: 'Yusei Magic', sans-serif;}
.FF-JP-26 .ff-base{font-family: 'DotGothic16', sans-serif;}
.FF-JP-27 .ff-base{font-family: 'Klee One', cursive;}
.FF-JP-28 .ff-base{font-family: 'Rampart One', cursive;}
.FF-JP-29 .ff-base{font-family: 'Yomogi', cursive;}
.FF-JP-31 .ff-base{font-family: 'Kaisei Decol', serif;}
.FF-JP-32 .ff-base{font-family: 'Kaisei HarunoUmi', serif;}
.FF-JP-33 .ff-base{font-family: 'Kaisei Opti', serif;}
.FF-JP-34 .ff-base{font-family: 'Kaisei Tokumin', serif;}
.FF-JP-35 .ff-base{font-family: 'Hachi Maru Pop', cursive;}
.FF-JP-36 .ff-base{font-family: 'Hina Mincho', serif;}
.FF-JP-37 .ff-base{font-family: 'New Tegomin', serif;}
.FF-JP-38 .ff-base{font-family: 'Potta One', cursive;}
.FF-JP-39 .ff-base{font-family: 'Stick', sans-serif;}
.FF-JP-40 .ff-base{font-family: 'Train One', cursive;}

.FF-ACCENT-01 .ff-accent{font-family: 'Noto Sans JP', sans-serif;}
.FF-ACCENT-02 .ff-accent{font-family: 'Noto Serif JP', serif;}
.FF-ACCENT-03 .ff-accent{font-family: 'Mochiy Pop One', sans-serif;}
.FF-ACCENT-04 .ff-accent{font-family: 'Mochiy Pop P One', sans-serif;}
.FF-ACCENT-05 .ff-accent{font-family: 'M PLUS 1p', sans-serif;}
.FF-ACCENT-06 .ff-accent{font-family: 'M PLUS Rounded 1c', sans-serif;}
.FF-ACCENT-07 .ff-accent{font-family: 'Zen Antique', serif;}
.FF-ACCENT-08 .ff-accent{font-family: 'Zen Antique Soft', serif;}
.FF-ACCENT-09 .ff-accent{font-family: 'Zen Kaku Gothic Antique', sans-serif;}
.FF-ACCENT-10 .ff-accent{font-family: 'Zen Kaku Gothic New', sans-serif;}
.FF-ACCENT-11 .ff-accent{font-family: 'Zen Kurenaido', sans-serif;}
.FF-ACCENT-12 .ff-accent{font-family: 'Zen Maru Gothic', sans-serif;}
.FF-ACCENT-13 .ff-accent{font-family: 'Zen Old Mincho', serif;}
.FF-ACCENT-14 .ff-accent{font-family: 'Sawarabi Gothic', sans-serif;}
.FF-ACCENT-15 .ff-accent{font-family: 'Sawarabi Mincho', sans-serif;}
.FF-ACCENT-16 .ff-accent{font-family: 'Kosugi', sans-serif;}
.FF-ACCENT-17 .ff-accent{font-family: 'Kosugi Maru', sans-serif;}
.FF-ACCENT-18 .ff-accent{font-family: 'Shippori Mincho', serif;}
.FF-ACCENT-19 .ff-accent{font-family: 'Shippori Mincho B1', serif;}
.FF-ACCENT-21 .ff-accent{font-family: 'Dela Gothic One', cursive;}
.FF-ACCENT-22 .ff-accent{font-family: 'Kiwi Maru', serif;}
.FF-ACCENT-23 .ff-accent{font-family: 'Reggae One', cursive;}
.FF-ACCENT-24 .ff-accent{font-family: 'RocknRoll One', sans-serif;}
.FF-ACCENT-25 .ff-accent{font-family: 'Yusei Magic', sans-serif;}
.FF-ACCENT-26 .ff-accent{font-family: 'DotGothic16', sans-serif;}
.FF-ACCENT-27 .ff-accent{font-family: 'Klee One', cursive;}
.FF-ACCENT-28 .ff-accent{font-family: 'Rampart One', cursive;}
.FF-ACCENT-29 .ff-accent{font-family: 'Yomogi', cursive;}
.FF-ACCENT-31 .ff-accent{font-family: 'Kaisei Decol', serif;}
.FF-ACCENT-32 .ff-accent{font-family: 'Kaisei HarunoUmi', serif;}
.FF-ACCENT-33 .ff-accent{font-family: 'Kaisei Opti', serif;}
.FF-ACCENT-34 .ff-accent{font-family: 'Kaisei Tokumin', serif;}
.FF-ACCENT-35 .ff-accent{font-family: 'Hachi Maru Pop', cursive;}
.FF-ACCENT-36 .ff-accent{font-family: 'Hina Mincho', serif;}
.FF-ACCENT-37 .ff-accent{font-family: 'New Tegomin', serif;}
.FF-ACCENT-38 .ff-accent{font-family: 'Potta One', cursive;}
.FF-ACCENT-39 .ff-accent{font-family: 'Stick', sans-serif;}
.FF-ACCENT-40 .ff-accent{font-family: 'Train One', cursive;}

/*
************************************************************************
 フォントウェイト
************************************************************************
*/
.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;}

/*
************************************************************************
 カラー
************************************************************************
*/
.fc-error{color:#ab0000}

/*
************************************************************************
 フォントサイズ
************************************************************************
*/
.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:1200px) {

}

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