body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    line-height: 1.5em;
	font-size: 11pt;
}

.yotei {
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	padding: 1em 0 .8em;

	background: linear-gradient(180deg, #ffff00 0%, #ffcc00 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	filter: drop-shadow(3px 3px 5px #06609f);
}

.gradient-text {
  /* グラデーションの定義 */
  background-image: linear-gradient(to right, #ff7e5f, #feb47b);
  
  /* 背景をテキストの形でくり抜く */
  -webkit-background-clip: text;
  background-clip: text;
  
  /* 元の文字色を透明にする */
  color: transparent;
}


.yotei_bk {
	position: relative;
/*
		padding: .4em 0;
*/
	border-radius: 0px;
	background: #0071bc;
	background: linear-gradient(to left, #29abe2, #0071bc, #0071bc, #29abe2);
	color: #ffffff;
	margin-bottom: 6px;
	text-align: center;
	font-weight: bold;
}


.w-45 { width: 45%; }

.bk_mcl { background: #0d6cb3; }

.bk_mcl2 { background: #f1f1f2; }

.bk_box1 { background: #f1f1f2; }


.clbk_beige { background-color: #F4F4EC; }


.cl_blue { color: #0071bc;}
.clbk_blue { background-color: #0071bc; }

.clbk_red { background-color: #d4145a; }

.cl_red { color: #d4145a; }

.kcolor { position: relative; background: linear-gradient(transparent 60%, #ffdb4f 60%); }



.w_set400 { border-collapse: collapse; table-layout: fixed; min-width: 400px; }
.w_set450 { border-collapse: collapse; table-layout: fixed; min-width: 450px; }
.w_set500 { border-collapse: collapse; table-layout: fixed; min-width: 500px; }
.w_set600 { border-collapse: collapse; table-layout: fixed; min-width: 600px; }
.w_set700 { border-collapse: collapse; table-layout: fixed; min-width: 700px; }


.cbd { border: 2px solid #29abe2;}

.ftsz15 { font-size: 15pt; }

.indent_065 {
  padding-left: 0.65em;
  text-indent: -0.65em;
}

.indent_15 {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.indent_175 {
  padding-left: 1.75em;
  text-indent: -1.75em;
}


.box_wake1{
/*	border: 1px solid #004EA2;
	padding: 10px 0px;*/
	border-radius: 6px;
	background-color: #F4F4EC; 
}



.box_device {
	border: 2px solid #004EA2;
	padding: 10px 12px;
	border-radius: 2px;
	background-color: white;
	border-radius: 12px;
}

.box_device_nb {
	border: 1px solid #fff;
	padding: 10px 12px;
	border-radius: 2px;
	background-color: white;
}


.midashi {
	border-bottom: 2px solid #0d6cb3;
	padding: 0.2em 0.5em;
	border-left: solid 10px #0d6cb3;
}


.midashi_user {
	border-bottom: 1px solid #d4145a;
	padding: 0.2em 0.5em;
	border-left: solid 5px #d4145a;
}


.midashi2 {
	position: relative;
	border-bottom: 3px solid #5ac0dd;
}

.midashi2_red {
	position: relative;
	border-bottom: 3px solid #d4145a;
}

/*
.midashi2:before {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 20%;
	height: 2px;
	content: '';
	background: #5ac0dd;
}
*/

.midashi2_set {
	position: relative;
	border-bottom: 2px solid #8cc63f;
}

.midashi2_kekeho {
	position: relative;
	border-bottom: 3px solid #fbb03b;
}

.midashi2_option {
	position: relative;
	border-bottom: 3px solid #d4145a;
}


.midashi3 {
	padding: 0.15em 0.5em;/*上下 左右の余白*/
	color: #000;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #5ac0dd;/*左線*/
}


.midashi2_single {
	position: relative;
	border-bottom: 3px solid #f7931e;
}

.midashi3_single {
	padding: 0.15em 0.5em;/*上下 左右の余白*/
	color: #000;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #f7931e;/*左線*/
}


.midashi2_share {
	position: relative;
	border-bottom: 3px solid #28a745;
}

.midashi3_share {
	padding: 0.15em 0.5em;/*上下 左右の余白*/
	color: #000;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #28a745;/*左線*/
}


/****************************** ANCケーブルスマホなら ******************************/
.chara_head {
	position: relative;
	padding: .4em 0;
	border-radius: 0px;
	background: #0071bc;
	background: linear-gradient(to left, #29abe2, #0071bc, #0071bc, #29abe2);
	color: #ffffff;
	margin-bottom: 6px;
	text-align: center;
	line-height: 175%;
	font-size: 15pt;
	font-weight: bold;
	letter-spacing: 1px;
}

.chara_head::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 47.5%;
	width: 0%;
	height: 0;
	border: 10px solid transparent;
	border-top: 11px solid #0071bc;
}
	
.box_chara {
	border: 2px solid #29abe2;
	padding: 10px 12px;
	border-radius: 2px;
	background-color: white;
	border-radius: 12px;
}

 .box_chara img { 	border-radius:  11px 11px 0 0; }



/****************************** プラン・料金 ******************************/
/* ===== プラン タブ&流れタブ 共通 ===== */
.custom-tabs { border-bottom: none; }
.custom-tabs .nav-item { width: 50%; }

.custom-tabs .nav-link {
	text-align: center;
	border: 2px solid #ccc;
	border-bottom: none;
	border-radius: 12px 12px 0 0;
	font-size: 1.1rem;
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	color: #555;
	background: #fff;
}

.tab-content {
	padding: 16px;
	background: #fff;
	border-radius: 0 0 12px 12px;
}

/***	プラン月額利用料タブ（シンプル／シェア）	***/
.theme-plan .tab1-link { border-color: #f7931e; }
.theme-plan .tab1-link.active {
	background: #f7931e;
	border-color: #f7931e;
	color: #fff;
}

.theme-plan .tab2-link { border-color: #28a745; }
.theme-plan .tab2-link.active {
	background: #28a745;
	border-color: #28a745;
	color: #fff;
}

.theme-plan .tabContent { border: 2px solid #f7931e; }
.theme-plan .tab1-border { border-color: #f7931e !important; }
.theme-plan .tab2-border { border-color: #28a745 !important; }

.theme-plan .tab1-link:not(.active):hover {
/*	background: #f7931e;*/
	border-color: #f7931e;
	color: #f7931e;
}

.theme-plan .tab2-link:not(.active):hover {
/*	background: #28a745;*/
	border-color: #28a745;
	color: #28a745;
}



/***	流れタブ（新規発番号／MNP）***/
.theme-flow .tab1-link {
	padding: 13px 0 10px;
	border-color: #0071bc;
/*
    position: relative;
    background: repeating-linear-gradient(-45deg, #f2f2f2 0 3px, #fff 3px 6px);
*/
	 }
.theme-flow .tab1-link.active {
	background: #0071bc;
	border-color: #0071bc;
	color: #fff;
}

.theme-flow .tab2-link {
	padding: 13px 0 10px;
	border-color: #29abe2;
/*
    position: relative;
    background: repeating-linear-gradient(-45deg, #f2f2f2 0 3px, #fff 3px 6px);
*/
	}
.theme-flow .tab2-link.active {
	background: #29abe2;
	border-color: #29abe2;
	color: #fff;
}

.theme-flow .tabContent { border: 2px solid #0071bc; }
.theme-flow .tab1-border { border-color: #0071bc !important; }
.theme-flow .tab2-border { border-color: #29abe2 !important; }



.theme-flow .tab1-link:not(.active):hover {
/*	background: #0071bc;*/
	border-color: #0071bc;
	color: #0071bc;
}

.theme-flow .tab2-link:not(.active):hover {
/*	background: #29abe2;*/
	border-color: #29abe2;
	color: #29abe2;
}




/***	月額利用料	***/

/** 料金内**/
.color_single { color: #f7931e; }
.color_share { color: #28a745; }


.box_single {
	display: inline-block;
	background-color: #f7931e;
	padding: 4px 6px 3px;
	line-height: 100%;
	color: #fff;
}

.box_share {
	display: inline-block;
	background-color: #28a745;
	padding: 4px 6px 3px;
	line-height: 100%;
	color: #fff;
}


/* テーブル内 */
.table-single {
  border: 1px solid orange;
}

.table-single td,
.table-single th {
  border-color: orange;
}

.bk_single {
	background-color: #fdead6;
	color:#f15a24;
}

.box_white {
	display:inline-block;
	background-color: white;
	padding: 6px;
	line-height: 100%;
	color: #3c3c3c;
/*	color: #f15a24;*/
	border-radius: 5px;	
/*	margin-right: 10px;*/
}

.table-share {
  border: 1px solid #28a745;
}

.table-share td,
.table-share th {
  border-color: #28a745;
}

.bk_share {
	background-color: #ecf3cf;
	color: #367d46;
}


/***	音声プラン（通話・SMS・データ通信）***/
/*  見出し行 */   
.plan-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: .5rem;

	width: 100%;
	padding-bottom: .35rem;
}

/* タイトル */   
.plan-title {
	flex: 0 0 auto;
	white-space: nowrap;
}

/* ラベル群 */   
.plan-labels {
	display: flex;
	flex: 1 1 auto;
	min-width: 450px; /* 入らなくなったら下段へ */
}

/* ラベル_シングル用 */   
.label_single {
	flex:0 0 auto; /* 内容幅に合わせる */
	min-width: 62px;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: .3em;
	padding: .5em .6em .25em;

	border: 1px solid #f7931e;

    background: #fff;
	white-space: nowrap;
	line-height: 1.2;
	font-size: clamp(11px,1.5vw,14px);
	margin-left: -1px;
	box-sizing: border-box;
}

.label_single:first-child { margin-left: 0; }

.plan_single {
	background: #f7931e;
	color: #fff;
	font-weight: bold;
}


/* ラベル_シェア用 */   
.label_share {
	flex:0 0 auto; /* 内容幅に合わせる */
	min-width: 62px;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: .3em;
	padding: .5em .6em .25em;

	border: 1px solid #00a651;

    background: #fff;
	white-space: nowrap;
	line-height: 1.2;
	font-size: clamp(11px,1.5vw,14px);
	margin-left: -1px;
	box-sizing: border-box;
}

.label_share:first-child { margin-left: 0; }

.plan_share {
	background: #00a651;
	color: #fff;
	font-weight: bold;
}

/* SVGアイコン */
.icon {
	height: 1em;
	width: auto;
	display: block;
	flex-shrink: 0;
}

/* スマホ時 */
@media (max-width:576px) {
	.plan-labels  {
		flex-basis: 100%;
		min-width: 0;
    }
	.label {
		padding: .2em .4em;
		font-size: 11px;
	}
}




/***	アコーディオン（かけ放題／オプション共通）***/
.js-accordion-header {
 	cursor: pointer;
}

/***	アコーディオン（かけ放題）***/
.card_kh {
	border: 1px solid #ccc;
	border-radius: 12px;
}

.card-header-ac_kh {
	background: #f8f9fa;
	border-radius: 12px;
}

/* ヘッダー */
.accordion-header_kh {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
}

/* タイトル（クリック不可） */
.accordion-title_kh {
	margin: 0;
	font-size: 16px;
}

/* トグルボタン（アクセシブル） */
.accordion-toggle_kh {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border: none;
	background: none;
	cursor: pointer;
	position: relative;
}

/* フォーカス可視化 */
.accordion-toggle_kh:focus {
/*  outline: 2px solid #007bff;
  outline-offset: 2px;
*/
}

/* ＋アイコン */
.accordion-toggle_kh::before,
.accordion-toggle_kh::after {
	content: "";
	position: absolute;
	background: #333;
	transition: transform 0.3s ease;
}

/* ヨコ線 */
.accordion-toggle_kh::before {
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* タテ線 */
.accordion-toggle_kh::after {
	width: 2px;
	height: 18px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 開いたら縦線消して「−」に */
.accordion-toggle_kh[aria-expanded="true"]::after {
	transform: translate(-50%, -50%) scaleY(0);
}

/* アニメーション強化 */
.collapse { transition: height 0.35s ease; }
.collapsing { 	transition: height 0.35s ease; }



/****************************** オプションサービス ******************************/
.idx_op {
/*
	font-size: 12pt;
*/
	line-height: 100%;
}

/***	アコーディオン（オプション）	***/
.card_op {
	border: 1px solid #ccc;
	border-radius: 12px;
}

.card-header-ac_op {
	background: #f8f9fa;
	border-radius: 12px;
}

/* ヘッダー */
.accordion-header_op {
	display: flex;
	justify-content: space-between;
	align-items: center;
padding: 10px 20px;
}

/* タイトル（クリック不可） */
.accordion-title_op {
	margin: 0;
	font-size: 16px;
}

/* トグルボタン（アクセシブル） */
.accordion-toggle_op {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border: none;
	background: none;
	cursor: pointer;
	position: relative;
}

/* フォーカス可視化 */
.accordion-toggle_op:focus {
/*  outline: 2px solid #007bff;
  outline-offset: 2px;
*/
}

/* ＋アイコン */
.accordion-toggle_op::before,
.accordion-toggle_op::after {
	content: "";
	position: absolute;
	background: #333;
	transition: transform 0.3s ease;
}

/* 横線 */
.accordion-toggle_op::before {
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 縦線 */
.accordion-toggle_op::after {
	width: 2px;
	height: 18px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 開いたら縦線消して「−」に */
.accordion-toggle_op[aria-expanded="true"]::after {
	transform: translate(-50%, -50%) scaleY(0);
}

/* アニメーション強化 */
.collapse {
	transition: height 0.35s ease;
}
.collapsing {
	transition: height 0.35s ease;
}


.box_op {
	border-bottom: 1px solid #d4145a;
	padding: 8px 0 6px 0;
	border-radius: 2px;
	margin: 16px 0 6px 0;
	font-weight: bold;
}

.op_tateline {
	color:#d4145a;
	font-weight: bold;
}

/****************************** できないこと ******************************/

.box_unable {
	position: relative;
	margin: 2em 0;
	padding: 2em 3em 1.5em;
/*
	border: solid 2px #cccccc;
*/
	border-radius: 10px;
	width:100%;
	background-color: #f7f8f8;

}
.box_unable .box-title {
	position: absolute;
	display: inline-block;
	top: -12px;
	left: 16px;
	padding: .35em 1em;
	line-height: 1;
	font-size: 13pt;
	background: #FFF;
	color: black;
	font-weight: bold;
	border: solid 1px #d4145a;
	border-radius: 100vh;
}

.box_unable p {
	margin: 0; 
	padding: 0;
}



/****************************** スマホ端末 ******************************/
/***	スマホ端末（下矢印）	***/
.arrow_kishu {
	position: relative;
	padding-bottom: 43px;
}
.arrow_kishu::before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	width: 0;
	height: 100%;
	transform: translateX(-50%);
	border: 36px solid transparent;
	border-top: 36px solid #0071bc;
	border-bottom-width: 0;
}

/***	動作確認済み端末一覧用ボックス ***/
.box_dousakishu {
	background-color:  #f7931e;
/*
		border: 2px solid #f7931e;
*/
	padding: 10px 12px;
	border-radius: 3px;
	color: #fff;
}


/***	販売機種スライド ***/
.slider-wrapper {
	overflow: hidden;
	width: 100%;
}

.slider {
	display: flex;
	transition: transform 0.4s ease;
}

/* デスクトップ（2列表示） */
.slide-item {
	min-width: 50%;
	padding: 10px;
}

.slide-item img {
	width: 100%;
	display: block;
}

/* スマホ（1列表示） */
@media (max-width: 767px) {
	.slide-item {
	min-width: 100%;
	padding: 4px;
  }
}

/* スマホ画像サイズ */
.sp_size {
	max-height: 180px;
}

/* 動作済み機種リンクボタン */
.btn_ds a {
	background: #0071bc;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 260px;
	padding: 10px 25px;
	color: #fff;
	transition: 0.3s ease-in-out;
	font-weight: 500;
}
.btn_ds a:hover {
    background: #005aa5;
    color: #fdd000;
}
.btn_ds a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.btn_ds a:hover:after {
    border-color: #fdd000;
}

.parent {
  display: flex; /* これだけで横並びになります */
  gap: 10px; /* ボックス同士の隙間（任意） */
}

.btn_link a {
	background: #0071bc;
	border-radius: 50px;
	position: relative;
/*
	display: flex;
*/
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 300px;
	padding: 4px 18px;
	color: #fff;
	transition: 0.3s ease-in-out;
}

.btn_profile a {
	background: #D4145A;
	border-radius: 50px;
	position: relative;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 300px;
	padding: 4px 18px;
	color: #fff;
	transition: 0.3s ease-in-out;
}




/** 左右矢印 **/
.dli-chevron-round-right {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(-25%) rotate(45deg);
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}

.dli-chevron-round-left {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(25%) rotate(-135deg);
}

.dli-chevron-round-left::before, .dli-chevron-round-left::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-left::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-left::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}

/** 販売機種用ボックス **/
.box_kishu {
	border: 3px solid #F4F4EC;
	padding: 0px;
	border-radius: 6px;
	background-color: white;
}

.box_kishu2 {
	background: #0071bc;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 300px;
	padding: 12px 27px;
	color: #fff;
	transition: 0.3s ease-in-out;
	font-weight: bold;
}



/****************************** ご利用までの流れ ******************************/
/***	ご利用までの流れタブ（新規発番の場合/MNPの場合）***/

/*** STEP①〜④ ***/
.heading-number {
	display: flex;
	align-items: center;
	padding: 0;
	border-bottom: 2px solid #2589d0;
	border: 1px solid #2589d0;
	color: #333333;
	font-weight: bold;
	font-size: 13pt;
	ine-height: 100%;
	border-radius: 20px 
}

.heading-number .number {
	display: inline-block;
	margin-right: 10px;
	padding: 10px 14px 6px;
	background: #2589d0;
	color: #fff;
	font-weight: bold;
	border-radius: 20px 0px 0px 20px; 
}

.heading-number .word {
	display: inline-block;
	padding: 3px 0 0 0;
}

/* 本人確認書類リンクボタン */
.btn_fl a {
	background: #0071bc;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
/*	margin: 0 auto;*/
	max-width: 340px;
	padding: 10px 25px;
	color: #fff;
	transition: 0.3s ease-in-out;
	font-weight: bold;
}
.btn_fl a:hover {
    background: #005aa5;
    color: #fdd000;
}
.btn_fl a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.btn_fl a:hover:after {
    border-color: #fdd000;
}


/* 本人確認書類ボックス */
.btn_fl {
	background: #0071bc;
	border-radius: 50px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
/*	margin: 0 auto;*/
	max-width: 340px;
	padding: 10px 25px;
	color: #fff;
	transition: 0.3s ease-in-out;
	font-weight: bold;
}



/* 本人確認書類アイコン */
.dli-feed {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	position: relative;
	width: 0.9em;
	height: 1em;
	border: 0.1em solid currentColor;
	border-radius: 0.1em;
	box-sizing: content-box;
margin-right: -2em; /* 好きな間隔に調整 */
}
.dli-feed::before, .dli-feed::after {
	content: '';
	position: absolute;
	top: 20%;
	left: 15%;
	height: 0.1em;
	background: currentColor;
	border-radius: 0.1em;
}
.dli-feed::before {
	width: 70%;
	box-shadow: 0 0.25em 0 0 currentColor;
}
.dli-feed::after {
	margin-top: 0.5em;
	width: 45%;
}


/*** 本人確認書類	***/
.midashi2_hn1 {
	position: relative;
	border-bottom: 2px solid #004EA2;
}

.midashi2_hn2 {
	position: relative;
	border-bottom: 2px solid #22b573;
}

.midashi4_hn1 {
	margin:  1em 0em;
	padding: 0.15em 0.5em;
	color: #000;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #004EA2;/*左線*/
}

.midashi4_hn2 {
	margin:  1em 0em;
	padding: 0.15em 0.5em;
	color: #000;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #22b573;/*左線*/
}


/****************************** ユーザー様専用メニュー ******************************/
.box_userfrm {
	border: 2px solid #d4145a;
	padding: 10px 12px;
	border-radius: 2px;
	background-color: white;
	border-radius: 12px;
}


/*** リンクボックス	***/
.box_user a {
    background: #d4145a;
    border-radius: 6px;
    position: relative;
	display: block;

/*    justify-content: space-around;
    align-items: center;

    margin: 0 auto;
    padding: 10px 25px;
*/
    padding: 16px 0 16px 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
	font-size: 14pt;
	font-weight: bold;
line-height: 1.5em;
}
.box_user a:after {
	 content: "";
	 position: absolute;
	 top: 50%;
	 bottom: 0;
	 right: 2rem;
	 font-size: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 transition: right 0.3s;
	 width: 10px;
	 height: 10px;
	 border-top: solid 2px currentColor;
	 border-right: solid 2px currentColor;
	 transform: translateY(-50%) rotate(45deg);
}
.box_user a:hover {
	background: #e6145a;
	color: #FFF;
}
.box_user a:hover:after {
	right: 1.4rem;
}


.ftsz_chg1 { 	font-size: 11pt; }
.ftsz_chg2 { 	font-size: 13pt; }

@media screen and (min-width:375px) { 
/*xs*/

	.img1 { width: 100%; }

	.ftsz_chg1 { 	font-size: 10pt; }
	.ftsz_chg2 { 	font-size: 11pt; }

	.dli-feed {
		width: 1.8em;
		height: 2.1em;
		border: 0.1em solid currentColor;
		margin-right: -3em;
	}
}
	 
@media screen and (min-width:482px) and ( max-width:575px) {
/*sm*/

	.yotei { 	font-size: 28pt; }
	.bline { border: 0; }

}

@media screen and (min-width:576px) and ( max-width:767px) {
/*sm*/
	.bline { border: 0; }

	.yotei { 	font-size: 30pt; }

	.box_unable .box-title { font-size: 14pt; }

}
@media screen and (min-width:768px) and ( max-width:991px) {
/*md*/

	.yotei { 	font-size: 32pt; }

	.box_unable .box-title { font-size: 15pt; }

	.img1 { width: 65%; }

	.dli-feed {
		width: 0.9em;
		height: 1em;
		margin-right: -3em;
	}

	.bline { border-right: 0.1em solid #ccc; }
}

@media screen and (min-width:992px) {
/*lg xl*/

	.yotei { 	font-size: 32pt; }

	.box_unable .box-title { font-size: 15pt; }

	.img1 { width: 100%; }

	.ftsz_chg1 { 	font-size: 11pt; }
	.ftsz_chg2 { 	font-size: 13pt; }

	.dli-feed {
		width: 0.9em;
		height: 1em;
		margin-right: -2em;
	}

	.bline { border-right: 0.1em solid #ccc; }
}