@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:1320px)
{
	.pc-visible  {display:none !important;}
	.tab-hide    {display:none !important;}
	.sp-visible  {display:none !important;}
}
@media screen and (min-width:1321px)
{
	.pc-hide     {display:none !important;}
	.tab-visible {display:none !important;}
	.sp-visible  {display:none !important;}
}

/*
************************************************************************
 フォント
************************************************************************
*/
.fc-noto_sans{font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight:400;}
.fc-noto_sans_thin{font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight:300;}
.fc-pathway{font-family:'Pathway Gothic One', "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight:300;}

.fw-bold {font-weight: bold;}
.fw-normal {font-weight: normal;}
.fw-700 {font-weight: 700;}
.fw-500 {font-weight: 500;}
.fw-400 {font-weight: 400;}
.fw-350 {font-weight: 350;}
.fw-300 {font-weight: 300;}
.fw-100 {font-weight: 100;}


.fc-red {color: #ff0000;}

/*
************************************************************************
 リンク
************************************************************************
*/

a.link-text {
	color: #3885FF;
	font-weight: bold;
	text-decoration: underline;
}
a.link-text:hover {
	text-decoration: none;
}


a.link-bnr {

}
a.link-bnr img {
	border-radius: 1em;
}


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

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

.caption {
	margin: 0.5em 0 0 0;
	color: #999;
	font-size: 0.9em;
}
.caption p {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
li.caption-text {
	list-style: none;
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-left: 0;
}

/*
************************************************************************
 角丸
************************************************************************
*/
.rd-10 {border-radius: 10px;}
.rd-20 {border-radius: 20px;}
.rd-30 {border-radius: 30px;}


/*
************************************************************************
 マージン
************************************************************************
*/
.mt         {margin-top:40px;}
.mb         {margin-bottom:40px;}
.mt-s         {margin-top:20px;}
.mb-s         {margin-bottom:20px;}
.mt-1em         {margin-top:1em;}
.mb-1em         {margin-bottom:1em;}

/*
************************************************************************
 パッティング
************************************************************************
*/



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

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.mt         {margin-top:6.25vw}
	.mb         {margin-bottom:6.25vw}
	.mt-s         {margin-top:3.125vw}
	.mb-s         {margin-bottom:3.125vw}

	.rd-10 {border-radius: 1.5625vw;}
	.rd-20 {border-radius: 3.125vw;}
	.rd-30 {border-radius: 4.6875vw;}

}