@charset "UTF-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::: 1.Basic setteing ::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html, body {
	font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	line-height: 1.8;
	font-size: 18px;
}
@media (max-width: 1400px) {
	html, body {
		font-size: 1.4vw;
	}
}
@media screen and (max-width: 677px) {
	html, body {
		font-size: 3vw;
	}
}
.ming {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif;
}
.gothic {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.meiryo{
	font-family: "メイリオ","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif ;
}

.pc { display: block !important; }
.sp { display: none !important; }
.pc-inline { display: inline !important; }
.sp-inline { display: none !important; }

@media screen and (max-width: 677px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	.pc-inline { display: none !important; }
	.sp-inline { display: inline !important; }
}

/* selection */
::selection { background: #E5300E; color: white; }
::-moz-selection { background: #E5300E; color: white; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::: 2.Style setteing ::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* width */
.w_10 { width: 10%  !important; }
.w_20 { width: 20%  !important; }
.w_30 { width: 30%  !important; }
.w_40 { width: 40%  !important; }
.w_50 { width: 50%  !important; }
.w_60 { width: 60%  !important; }
.w_70 { width: 70%  !important; }
.w_80 { width: 80%  !important; }
.w_90 { width: 90%  !important; }
.w_100 { width: 100% !important; }
.font_06 { font-size: 0.6rem !important; }
.font_07 { font-size: 0.7rem !important; }
.font_08 { font-size: 0.8rem !important; }
.font_09 { font-size: 0.9rem !important; }
.font_10 { font-size: 1rem   !important; }
.font_11 { font-size: 1.1rem !important; }
.font_12 { font-size: 1.2rem !important; }
.font_14 { font-size: 1.4rem !important; }
.font_16 { font-size: 1.6rem !important; }
.font_18 { font-size: 1.8rem !important; }
.font_20 { font-size: 2rem   !important; }
.font_22 { font-size: 2.2rem !important; }
.font_25 { font-size: 2.5rem !important; }
.font_30 { font-size: 3rem   !important; }
.font_35 { font-size: 3.5rem !important; }
.font_40 { font-size: 4rem   !important; }

/* background */
.bg_main { background: #E5300E !important; }
.bg_sub { background: #FCCED4 !important; }
.bg_pink { background: #E87D6D !important; }
.bg_gray{background: #8D8D8D !important;}
.bg_white{background: #fff !important;}
.bg_green{background: #7BB3AA !important;}
.bg_yellow{background: #E9B133 !important;}

/* font-color */
.t_main { color: #E5300E !important; }
.t_sub { color: #FCCED4 !important; }
.t_white { color: #fff !important; }
.t_black { color: #000 !important; }
.t_pink { color: #F9677C !important; }
.t_green { color: #78BC28 !important; }
.t_yellow{ color: #FFF6AB !important;}

/* align */
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}