/*アイコンフォントの間隔調整
------------------------- */
.fas,.far{margin-right:3px;}



/* 画像
------------------------- */
.img100{width:100%;}


/* margin
------------------------- */

.mt05 {margin-top: 5px;}  .mb05 {margin-bottom: 5px;}
.mt10 {margin-top: 10px;}  .mb10 {margin-bottom: 10px;}
.mt15 {margin-top: 15px;}  .mb15 {margin-bottom: 15px;}
.mt20 {margin-top: 20px;}  .mb20 {margin-bottom: 20px;}
.mt25 {margin-top: 25px;}  .mb25 {margin-bottom: 25px;}
.mt30 {margin-top: 30px;}  .mb30 {margin-bottom: 30px;}
.mt35 {margin-top: 35px;}  .mb35 {margin-bottom: 35px;}
.mt40 {margin-top: 40px;}  .mb40 {margin-bottom: 40px;}
.mt45 {margin-top: 45px;}  .mb45 {margin-bottom: 45px;}
.mt50 {margin-top: 50px;}  .mb50 {margin-bottom: 50px;}
.mt55 {margin-top: 55px;}  .mb55 {margin-bottom: 55px;}
.mt60 {margin-top: 60px;}  .mb60 {margin-bottom: 60px;}
.mt65 {margin-top: 65px;}  .mb65 {margin-bottom: 65px;}
.mt70 {margin-top: 70px;}  .mb70 {margin-bottom: 70px;}
.mt75 {margin-top: 75px;}  .mb75 {margin-bottom: 75px;}
.mt80 {margin-top: 80px;}  .mb80 {margin-bottom: 80px;}
.mt85 {margin-top: 85px;}  .mb85 {margin-bottom: 85px;}
.mt90 {margin-top: 90px;}  .mb90 {margin-bottom: 90px;}
.mt95 {margin-top: 95px;}  .mb95 {margin-bottom: 95px;}
.mt100 {margin-top: 100px;}  .mb100 {margin-bottom: 100px;}

.ml05{margin-left:5px;}  .mr05{margin-right:5px;}
.ml10{margin-left:10px;}  .mr10{margin-right:10px;}
.ml15{margin-left:15px;}  .mr15{margin-right:15px;}
.ml20{margin-left:20px;}  .mr20{margin-right:20px;}
.ml25{margin-left:25px;}  .mr25{margin-right:25px;}
.ml30{margin-left:30px;}  .mr30{margin-right:30px;}
.ml35{margin-left:35px;}  .mr35{margin-right:35px;}
.ml40{margin-left:40px;}  .mr40{margin-right:40px;}
.ml45{margin-left:45px;}  .mr45{margin-right:45px;}
.ml50{margin-left:50px;}  .mr50{margin-right:50px;}

.mb50sp30{margin-bottom: 50px;}

.mt130sp00{margin-top:130px;}  /* サブメニュー利用時の調整*/
.pt50sp00{padding-top:50px;}  /* サブメニュー利用時の調整*/

.mt90sp00{margin-top:90px;}


@media only screen and (max-width: 767px) {
.mb50sp30{margin-bottom: 30px;}
.sp_mt00{margin-top:0;}
.sp_mb00{margin-bottom:0;}
.sp_pt00{padding-top:0;}
.sp_pb00{padding-bottom:0;}
.mt130sp00{margin-top:0;}/* サブメニュー利用時の調整*/
.pt50sp00{padding-top:0px;}  /* サブメニュー利用時の調整*/
.mt90sp00{margin-top:0;}
}



/* 色指定
------------------------- */
.color_orange{color:#ff7c00;}
.color_aqua{color:#5fb0ba}
     .color_aquaDark{color:#055761;}
.color_blue{color:#3387c9}
.color_purple{color:#845cac}
.color_red{color:#ff0000}
.color_grayDark{color:#5f5f5f}
.color_gray{color:#9f9f9f}
.color_graySilver{color:#cfcfcf}
.color_white{color:#fff;}
.color_red{color:#f00;}
.color_navy{color:#6d7e8f;}

/* 背景色
------------------------- */

.bg_orange {background: #ff7c00;color:#fff;}
.bg_orangeLight {background: #ffe5cc;}
.bg_aqua {background: #5fb0ba;color:#fff;}
.bg_aquaLight {background: #bfdfe3;}
.bg_blue {background: #3387c9;color:#fff;}
.bg_blueLight {background: #b3d4fc;}
.bg_purple {background: #845cac;color:#fff;}
.bg_purpleLight {background: #e6e1eb;}
.bg_gray {background: #9f9f9f;}
.bg_grayLight {background: #f6f6f6;}
.bg_red {background: #f00;}
.bg_redLight {background: #fee;}

.bg_aqua_a01{background:rgba(130,189,196,.1)}
.bg_aqua_a02{background:rgba(130,189,196,.2)}
.bg_aqua_a03{background:rgba(130,189,196,.3)}
.bg_aqua_a04{background:rgba(130,189,196,.4)}
.bg_aqua_a05{background:rgba(130,189,196,.5)}
.bg_aqua_a06{background:rgba(130,189,196,.6)}
.bg_aqua_a08{background:rgba(130,189,196,.8)}

.bg_gray_a01{background:rgba(204,204,204,.1)}
.bg_gray_a02{background:rgba(204,204,204,.2)}
.bg_gray_a03{background:rgba(204,204,204,.3)}
.bg_gray_a04{background:rgba(204,204,204,.4)}
.bg_gray_a05{background:rgba(204,204,204,.5)}
.bg_gray_a06{background:rgba(204,204,204,.6)}
.bg_gray_a08{background:rgba(204,204,204,.8)}

.bg_purple_a02{background:rgba(132,92,172,.2)}
.bg_purple_a04{background:rgba(132,92,172,.4)}
.bg_purple_a06{background:rgba(132,92,172,.6)}
.bg_purple_a08{background:rgba(132,92,172,.8)}

.bg_orange_a01{background:rgba(255,124,0,.1)}
.bg_orange_a02{background:rgba(255,124,0,.2)}
.bg_orange_a03{background:rgba(255,124,0,.3)}
.bg_orange_a04{background:rgba(255,124,0,.4)}
.bg_orange_a05{background:rgba(255,124,0,.5)}
.bg_orange_a06{background:rgba(255,124,0,.6)}
.bg_orange_a07{background:rgba(255,124,0,.7)}
.bg_orange_a08{background:rgba(255,124,0,.8)}


/* 文字揃え
------------------------- */
.textC{text-align:center;}
.textR{text-align:right;}
.textL{text-align:left;}
.textLspC{text-align:Left;}
.textCspL{text-align:center;}
.textCspR{text-align:center;}

.br::before {
	content: "\A" ;
	white-space: pre ;
}

@media only screen and (max-width: 767px) {
.textCspL{text-align:left;}
.textLspC{text-align:center;}
.textCspR{text-align:right;}
}

/* 文字装飾
------------------------- */
.size110{font-size:110%;}
.size120{font-size:120%;}


.bold{font-weight:500;}


.card01{background:rgba(130,189,196,.4);padding:5px 10px;border-radius:1px;margin-right:20px;}

.easyRead p,p.easyRead{line-height:1.8 ; }
.easyRead105 p,p.easyRead105{line-height:1.8 ; font-size:105%;}

.font-weight400{font-weight:400;}

.komidashi{font-size:110%;font-weight:600;}

@media only screen and (max-width: 767px) {
.komidashi{font-size:100%;}
}


/* ボックス枠
------------------------- */
.box_basic{padding:10px;}
.box_basic_borderS{border:1px solid;padding:10px;}
.box_basic_borderD{border:1px dotted;padding:10px;}
.box_basic_filter_r{padding:10px;background:url(../images/filter_r.png);}
.box_basic_borderS_filter_r{border:1px solid;padding:10px;background:url(../images/filter_r.png);}
.box_basic_borderD_filter_r{border:1px dotted;padding:10px;background:url(../images/filter_r.png);}

/* テーブル
------------------------- */
.table_basic,.table_bg{
border-collapse: collapse;
width:100%;
}

.table_auto{table-layout:auto;}

.table_bg.table_padding td{text-align:left;padding-left:1em;padding-right:1em;}

.table_basic td{border:1px solid;padding:10px 0;text-align:center;}
.table_bg td{border:1px solid #fff;padding:10px 0;text-align:center;font-weight:400;}

td.td_w20sp100{width:20%;}
td.td_w30sp100{width:30%;}
td.td_w40sp100{width:40%;}
td.td_textL{text-align:left;padding-left:1.5em;padding-right:1.5em;}
td.td_textLspC{text-align:left;padding-left:1.5em;}

td.td_bottomWhite{border-bottom:3px solid #fff;}

@media only screen and (max-width: 767px) {
  .table_responsive th,
  .table_responsive td {
    display: block;
    width: 100%;
border-bottom: none;
  }
td.td_w20sp100,td.td_w30sp100,td.td_w40sp100{width:100%;}
td.td_textL{text-align:left;padding-left:10px;padding-right:10px;}
td.td_textL_sp{text-align:left;padding-left:10px;padding-right:10px;}
td.td_textLspC{text-align:center;padding-left:0;}
td.td_textR_sp{text-align:right;padding-right:10px;}
}


/* ul・ol リスト装飾
------------------------- */

.ul_noneLarge{width:100%;}
.ul_noneLarge li{	list-style-type: none;margin-bottom:.8em;}


.ul_basicLarge{width:100%;padding-left:1.5em;}
.ul_basicLarge li,.singleList{	list-style-type: none;margin-bottom:.8em;text-indent:-.9em;}
.ul_basicLarge li:before,.singleList:before{
	content: '';
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 0;
	background: #ccc;
	position: relative;
	left: -.6em;
	top: 1px;
}

.ul_basicLarge li.no_marker{margin-left:-1em;text-indent:0;}
.ul_basicLarge li.no_marker:before{	content: none;}


.singleList:before{	background: #ccc;}



.ul_basic{width:100%;padding-left:1.2em;}
.ul_basic li,.singleListCircle{	list-style-type: none;margin-bottom:.8em;text-indent:-.6em;}
.ul_basic li:before,.singleListCircle:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #ccc;
	position: relative;
	left: -.4em;
	top: 0px;
}
.ul_basic li.no_marker{margin-left:-1em;text-indent:0;}
.ul_basic li.no_marker:before{	content: none;}



.ul_basic li.kome_marker{padding-left:2em;text-indent:0em;}
.ul_basic li.kome_marker:before{
	content:'※';
	width: 0px;
	height: 0px;
	border-radius: 0;
	background:none;
	left: -1.2em;
}

.ol_basic{width:100%;padding-left:2em;}
.ol_basic li{margin-bottom:.8em;}

ul.ul_basicAuto{width:auto;padding-left:1.2em;display:inline-block;text-align:left;}
.ul_basicAuto li{	list-style-type: none;margin-bottom:.8em;text-indent:-.6em;}
.ul_basicAuto li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #ccc;
	position: relative;
	left: -.4em;
	top: 0px;
}

.ul_basic.marker_aqua li:before,.ul_basicLarge.marker_aqua li:before,.ul_basicAuto.marker_aqua li:before,.singleList.marker_aqua:before {	background: #5fb0ba;}
.ul_basic.marker_red li:before,.ul_basicLarge.marker_red li:before,.singleList.marker_red:before {	background: #c00;}
.ul_basic.marker_navy li:before,.ul_basicLarge.marker_navy li:before,.singleList.marker_navy:before {	background: #6d7e8f;}
.ul_basic.marker_purple li:before,.ul_basicLarge.marker_purple li:before,.singleList.marker_purple:before {	background: rgba(132,92,172,.6);}

/* dl リスト装飾
------------------------- */
.dl_basic{}
.dl_basic dt{font-weight:bold;margin-top:.5em;margin-bottom:.2em;}
.dl_basic dd{margin-left:1em;line-height:1.4;margin-bottom:.2em;}

.dl_basic dd:last-child{margin-bottom:.5em;}

/*長方形のボタン
------------------------- */





.c-btn.c-btn100,.c-btn.c-btn100Aroma{
	width:100%;height:auto;
	font-size: 1.6rem;
	padding: 12px 5px;
}

.c-btn.c-btn50,.c-btn.c-btn50Aroma{
	width:50%;height:auto;margin-left:25%;
	font-size: 1.6rem;
	padding: 12px 5px;
}


.c-btn.c-btn_half,.c-btn.c-btn_halfAroma{
	width:30%;height:auto;
	margin-left:35%;
	font-size: 1.6rem;
	padding: 12px 5px;
}

.c-btn.c-btn_halfAroma:hover,.c-btn.c-btn100Aroma:hover{
	background: #623f83;
	border: solid 2px #623f83;
	color: #fff;
	opacity: 1;
}


.c-btn.c-btnAuto{

	font-size: 1.6rem;
	padding: 12px 16px;
}




@media only screen and (max-width: 767px) {
.c-btn.c-btn100,.c-btn.c-btn100Aroma,.c-btn.c-btn50,.c-btn.c-btn50Aroma,
.c-btn.c-btn_half,.c-btn.c-btn_halfAroma{
width:86%;margin-left:7%;
}
}

/*ボタンテスト
------------------------- */
/*ボタンを囲むdiv */
.wide360c{width:360px;margin:0 auto;}
.wide280c{width:280px;margin:0 auto;}
.wide200c{width:200px;margin:0 auto;}

@media only screen and (max-width: 767px) {
.wide360c,
.wide280c,
.wide200c{max-width:96%;}
}






/*ボタンa */
.btn_normal{
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: solid 2px #000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.6rem;
	font-weight: 500;
	height: auto;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.4;
	padding: 12px 5px;
	text-align: center;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	width: 100%;
}


.btn_normal > {
	display: block;
}

.btn_normal:hover {
	background: #ff6000;
	border: solid 2px #ff6000;
	color: #fff;
	opacity: 1;
}

@media only screen and (max-width: 767px) {
.btn_normal {
	font-size: 1.4rem;
	padding: 12.5px 5px;
}
}
@media only screen and (max-width: 360px) {
.btn_normal {	font-size: 1.0rem;}
}


/*文章内リンク
------------------------- */
.inline_linkR{}
.inline_linkR:before{
  content: url(../img/icon_inlinelink_r.png);
  position: relative;
  top: 0;
    display: inline-block;
    vertical-align: middle;
  margin-right: 0.3em;line-height:1.0;
}

.inline_linkR.inline_linkR_border{border:1px solid;padding:5px 10px;}



/*　→ リンク
------------------------- */
.arrow_link {
position: relative;
display: inline-block;
padding: 0 5px 0 26px;
color: #000;font-size: 15px;
	font-weight: 700;border-bottom:1px dotted #ccc;cursor:pointer;
}

.arrow_link:hover {
	border-bottom:1px dotted #f00;
}

.arrow_link:before,
.arrow_link:after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.arrow_link:before {
left: 2px;
width: 17px;
height: 2px;
background: #ff6000;
}

.arrow_link:after{
left: 10px;
width: 8px;
height: 8px;
border-top: 2px solid #ff6000;
border-right: 2px solid #ff6000;
border-radius: 1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


@media only screen and (max-width: 767px) {
.arrow_link,.arrow_link:hover  {border:0;}
}

/*　他ページ指定位置への
リンクがずれるのを防ぐ
------------------------- */
.link_offset{padding-top:80px;margin-top:-80px;}

@media only screen and (max-width: 767px) {
.link_offset{padding-top:150px;margin-top:-150px;}
}

/* 改行調整
------------------------- */
.brCont{display:inline-block;}
.brContPC{display:inline-block;}
.brContSP{display:inline;}

@media only screen and (max-width: 767px) {
.brContPC{display:inline;}
.brContSP{display:inline-block;}
}


/* 罫線
------------------------- */
.borderBs{border-bottom:1px solid;padding-bottom:30px;}

.border_bottomD_pm10{border-bottom:1px dotted;padding-bottom:10px;margin-bottom:10px;}
.border_bottomD_pm20{border-bottom:1px dotted;padding-bottom:20px;margin-bottom:20px;}
.border_bottomD_w_pm20{border-bottom:1px dotted #fff;padding-bottom:20px;margin-bottom:20px;}
.border_bottomd2_999_pm20{border-bottom:2px dotted #999;padding-bottom:20px;margin-bottom:20px;}


/* 時間経過でフェードイン
------------------------- */
.time_fadeIn {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*--------------------------------------------------
--------------------------------------------------
折りたたみ
-------------------------------------------------- 
-------------------------------------------------- */
.oritatamiWrap01{background:#f6f6f6;padding:1em 2em ;margin:10px 20px;width:80%;}
.oritatamiWrap02{background:#e3f0f1;padding:1em 2em ;margin:0;width:100%;}
.oritatamiWrap02 ul li{margin-bottom:10px;}
.oritatamiCloseMark{line-height:1;font-size:2.6rem;font-weight:600;text-align:right;margin-bottom:6px;}


@media only screen and (max-width: 767px) {
.oritatamiWrap01{margin:10px 0;padding:1em 1em ;width:100%;}
.oritatamiWrap02{padding:10px ;}
.oritatamiWrap02 ul li{margin-bottom:10px;font-size:90%;}
}

/*--------------------------------------------------
--------------------------------------------------
モーダル
-------------------------------------------------- 
-------------------------------------------------- */

/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #fff;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
.modalWrapper {
 width:90%;
}
}

/*--------------------------------------------------
--------------------------------------------------
印刷用
-------------------------------------------------- 
-------------------------------------------------- */

@media print{
.st-header.is-fixed {
	position: rerative;}



}






/*--------------------------------------------------
--------------------------------------------------
SPカスタマイズ
-------------------------------------------------- 
-------------------------------------------------- */

/**/
@media only screen and (max-width: 767px) {




}



/*--------------------------------------------------
--------------------------------------------------

-------------------------------------------------- 
-------------------------------------------------- */