@charset "UTF-8";
/* --------------------------------------------------------------------
 Copyright (c) 2019 plusi
 -------------------------------------------------------------------- */
/* ====================================
 Layout Style
 ====================================== */

/* ------------------------------------
 border
 -------------------------------------- */
.bdl_sR{ border: 1px solid red; }
.bdl_dR{ border: 1px dashed red; }

/* ------------------------------------
 background-color
 -------------------------------------- */
.bg_gray{ background-color: #f2f2f2; }
.bg_arc_gray{
	overflow: hidden;
	background-color: #f2f2f2;
	min-height: 300px;
	border-bottom-right-radius: 2000px 300px;
	border-bottom-left-radius: 2000px 300px;
	margin-left: -200px;
	margin-right: -200px;
	padding-left: 200px;
	padding-right: 200px;

}
.bg_bejyu{ background-color: #e1d9c9; }
.bg_arc_bejyu{
	overflow: hidden;
	background-color: #e1d9c9;
	min-height: 300px;
	border-bottom-right-radius: 2000px 300px;
	border-bottom-left-radius: 2000px 300px;
	margin-left: -200px;
	margin-right: -200px;
	padding-left: 200px;
	padding-right: 200px;

}
.bg_white{ background-color: white; }
.bg_spring{ background-color: #fdebf3; }
.bg_summer{ background-color: #D8E8FC; }
.bg_autumn{ background-color: #FBE3C4; }
.bg_winter{ background-color: #F4F4F4; }

/* ------------------------------------
 text, font
 -------------------------------------- */
.txMainColor{ color: #3077be!important; }	/* イメージカラー（メインカラー） */
.txRed{ color: red; }
.txBlack{ color: black; }
.txPink{ color: #ff5d5d; }
.under_y{
	background: linear-gradient(transparent 40%, #ffff66 40%);
}
.under_p{
	background: linear-gradient(transparent 60%, rgba( 255, 102, 102, 0.4 ) 30%);
	padding: 0 5px;
}
.txBold{ text-weight: bold!important; }

.kakko:before {content: "【" }
.kakko:after {content: "】" }

.check{
	display: inline-table;
	background-color: #ff6666;
	color: white;
    margin: 10px 0 0 10px;
    border-radius: 5px;
    padding: 0px 10px;
}
/* ------------------------------------
 改行 
 -------------------------------------- */
@media screen and (min-width: 599px){
	.br-pc { display:block; }
	.br-sp { display:none; }
}
@media screen and (max-width: 599px){
	.br-pc { display:none; }
	.br-sp { display:block; }
}
/* ------------------------------------
 float
 -------------------------------------- */
.flL{ float: left; }
.flR{ float: right;}
/* ------------------------------------
 position
 -------------------------------------- */
.posC{ text-align: center; margin: auto;}


/* ------------------------------------
 widh
 -------------------------------------- */
/* width */
.w10per{ width: 10% !important; }
.w20per{ width: 20% !important; }
.w30per{ width: 30% !important; }
.w33per{ width: 33.3% !important; }
.w40per{ width: 40% !important; }
.w50per{ width: 50% !important; }
.w60per{ width: 60% !important; }
.w70per{ width: 70% !important; }
.w80per{ width: 80% !important; }
.w90per{ width: 90% !important; }
.wFull{ width: 100% !important; }
.wAuto{ width: auto !important; }

/* ------------------------------------
 margin / padding
 -------------------------------------- */
.spaceTB{ padding: 30px 0; }
/* margin-top */
.mt0{ margin-top: 0 !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt80{ margin-top: 80px !important; }
.mt100{ margin-top: 100px !important; }
.mt120{ margin-top: 120px !important; }
/* margin-right */
.mr0{ margin-right: 0 !important; }
.mr10{ margin-right: 10px !important; }
.mr50{ margin-right: 50px !important; }
.mr80{ margin-right: 80px !important; }
.mr100{ margin-right: 100px !important; }
/* margin-bottom */
.mb0{ margin-bottom: 0 !important; }
.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb80{ margin-bottom: 80px !important; }
.mb100{ margin-bottom: 100px !important; }
.mb120{ margin-bottom: 120px !important; }
/* margin-left */
.ml0{ margin-left: 0 !important; }
.ml10{ margin-left: 10px !important; }
.ml50{ margin-left: 50px !important; }
.ml80{ margin-left: 80px !important; }
.ml100{ margin-left: 100px !important; }

/* padding-top */
.pt0{ padding-top: 0 !important; }
.pt10{ padding-top: 10px !important; }
.pt20{ padding-top: 20px !important; }
.pt30{ padding-top: 30px !important; }
.pt40{ padding-top: 40px !important; }
.pt50{ padding-top: 50px !important; }
.pt60{ padding-top: 60px !important; }
.pt70{ padding-top: 70px !important; }
.pt80{ padding-top: 80px !important; }
.pt90{ padding-top: 90px !important; }
.pt100{ padding-top: 100px !important; }
/* padding-right */
.pr0{ padding-right: 0 !important; }
.pr10{ padding-right: 10px !important; }
.pr20{ padding-right: 20px !important; }
.pr30{ padding-right: 30px !important; }
.pr40{ padding-right: 40px !important; }
.pr50{ padding-right: 50px !important; }
.pr60{ padding-right: 60px !important; }
.pr70{ padding-right: 70px !important; }
.pr80{ padding-right: 80px !important; }
.pr90{ padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }
/* padding-bottom */
.pb0 { padding-bottom: 0 !important; }
.pb10{ padding-bottom: 10px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb40{ padding-bottom: 40px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb90{ padding-bottom: 90px !important; }
.pb100{ padding-bottom: 100px !important; }
/* padding-left */
.pl0 { padding-left: 0 !important; }
.pl10{ padding-left: 10px !important; }
.pl20{ padding-left: 20px !important; }
.pl30{ padding-left: 30px !important; }
.pl40{ padding-left: 40px !important; }
.pl50{ padding-left: 50px !important; }
.pl60{ padding-left: 60px !important; }
.pl70{ padding-left: 70px !important; }
.pl80{ padding-left: 80px !important; }
.pl90{ padding-left: 90px !important; }
.pl100{ padding-left: 100px !important; }
/* padding left and right */
.plr20{ [padding-left: 20px!important; padding-right: 20px!important; }
//* ====================================
 Print
 ====================================== */
@media print {
	body {
		min-width: 1200px;
	}
	
}