@charset "utf-8";

/* 共通項目
/* ============================================================== */
/* 必ず【strong】タグが反映されるように設定 */
strong {
	font-weight: bold !important;
}

/* テキストサイズ */
.font12 {
	font-size: 12px;
	line-height: 18rpx;
}
.font14 {
	font-size: 14px;
	line-height: 20px;
}
.font16 {
	font-size: 16px;
	line-height: 22px;
}
.font18 {
	font-size: 18px;
	line-height: 24px;
}
.font21 {
	font-size: 21px;
	line-height: 27px;
}
.font24 {
	font-size: 24px;
	line-height: 30px;
}
.font30 {
	font-size: 30px !important;
	line-height: 36px;
}
.font36 {
	font-size: 30px;
	line-height: 36px;
}

/* テキストカラー */
.TxtWhite {
	color: #ffffff;
}
.TxtRed {
	color: #ff1e58;
}
.TxtBlue {
	color: #2b5ef2;
}
.TxtOrange {
	color: #fe9b0e;
}
.TxtGreen {
	color: #399539;
}

/* テキスト位置 */
.TxtLeft {
	text-align: left;
}
.TxtCenter {
	text-align: center;
}
.TxtRight {
	text-align: right;
}

/* 注釈の改行を揃える */
.notes12 {
	padding-left: 12px;
	font-size: 12px;
	line-height: 18px;
	text-indent: -12px;
	text-align: left;
}
.notes14 {
	padding-left: 14px;
	font-size: 14px;
	line-height: 20px;
	text-indent: -14px;
	text-align: left;
}
.notes16 {
	padding-left: 16px;
	font-size: 16px;
	line-height: 22px;
	text-indent: -16px;
	text-align: left;
}
.notes18 {
	padding-left: 18px;
	font-size: 18px;
	line-height: 24px;
	text-indent: -18px;
	text-align: left;
}

/* アイテムをセンターに配置 */
.CenterPosition {
	margin: 0 auto;
}

/* 境界線の設定 */
.hr_dot {
	width: 920px;
	border: none;
	border-top: dashed 1px #000000;
	height: 1px;
	color: #FFFFFF;
}


/* 色がついた四角で囲う */

/* 淡い黄色 */
.bgYellow{
	background-color: #fef9d7;
	border:2px solid #feeb69;
	padding:10px;
}

/* 淡い灰色 */
.bgGray{
	background-color: #efefef;
	border:2px solid #ddd;
	padding:10px;
}

/* 淡い緑色 */
.bgGreen{
	background-color: #F0FFF3;
	border:2px solid #ADD3AF;
	padding:10px;
}

/* 白 */
.bgWhite{
	background-color: #FFF;
	border:2px solid #333;
	padding:10px;
}

/* ノート風の線を作る*/
.note{
    position: relative;
    background-color: #ffffe7;
    background-image:
    linear-gradient(rgba(241,207,164,0.5) .1em, transparent .1em);
    background-size: 100% 1.5em;
    line-height:1.5em;
}

/* 下線を付ける */

.uLineDot{
	border-bottom:dotted 1px #ccc;
	padding-bottom:3px;
}
.uLineDash{
	border-bottom:dashed 1px #ccc;
	padding-bottom:3px;
}
.uLineSolid{
	border-bottom:solid 1px #ccc;
	padding-bottom:3px;
}

/* ベースラインの調整 */
.v-t{vertical-align:top;}
.v-b{vertical-align:bottom;}


/* 幅調整 */
.w95per{width:95%;}
.w90per{width:90%;}
.w85per{width:85%;}
.w80per{width:80%;}
.w75per{width:75%;}

/* margin（縦）調整 */
.mt30n{margin-top:-30px;}
.mt20n{margin-top:-20px;}
.mt10n{margin-top:-10px;}
.mt5n{margin-top:-5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}

.mb10n{margin-bottom:-10px;}
.mb5n{margin-bottom:-5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

/* padding（横）調整 */
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

/* padding（top）調整 */
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

/* 白縁取り */
.fontOutline {
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/* 文字ハイライト */
.fontMarker {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}


/* PC・スマホの文字の大きさ */
@media screen and (min-width:961px) {
	p {
		font-size: 1.3em!important;
	}
}
  
@media only screen and (min-width:376px) and (max-width:960px) {
   p {
		font-size: 1.2em!important;
	}
}
 
@media screen and (max-width:375px) {
	p {
		font-size: 0.82em!important;
	}
}


/* PC・スマホの表示、非表示 */
@media screen and (min-width: 768px){
	.hidden_pc {
		display:none;
	}
}

@media screen and (max-width: 767px){
	.hidden_sp {
		display:none;
	}
}