@charset "utf-8";

/* CSS Document */

/***************************
 爆サイ.com　PC版css
└コンテンツcss　特定のページでのみ使用するスタイル
 (beginner, rule, advertise, disty 等で使用しているstyle文をcommon.cssから分離 2013/04/03)
----------------------------
Copyright(C) 爆サイ.com All rights reserved.
http://bakusai.com
****************************/
/********************
*
* 共通
*
*********************/

h1 {
	background-color: #f6f6f6;
	background: linear-gradient(to bottom, #f5f5f5 0%,#eaeaea 100%);
	border-bottom: 4px solid #0d507e;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 10px 0px 10px 10px;
	border-radius: 2px 2px 0 0;
	box-shadow: 0 1px 0 0 #EFEFEF;
	line-height: 16px;
}
#largeBbsTitle .countyWrap h1 {
    box-shadow: none;
    border-bottom: none;
}
h2 {
	color:#dd0000;
	font-size:14px;
	font-weight:normal;
	margin:5px 15px;
}
h3 {
	color:#dd0000;
	font-size:14px;
	font-weight:normal;
	margin:5px 15px;
}
h4 {
	color:#dd0000;
	font-size:14px;
	font-weight:normal;
	margin:5px 15px;
}
h5 {
	font-size:12px;
	font-weight:bold;
}
h6 {
	color:#dd0000;
	font-size:14px;
	font-weight:normal;
	margin:5px 15px;
}

.red {color:#FF0000;}

.cont,
contents-site {
    font-feature-settings: "palt" on;
	background-color: #ffffff;
	clear: both;
	font-size: 14px;
	height: auto;
	margin: 0 auto;
    min-width: 795px;
    max-width: 1000px;
	padding: 0 0 10px;
	position: relative;
	width: auto;
    border-bottom: 1px solid #BABABA;
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", "sans-serif", "Segoe UI Emoji", "Noto Color Emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "Segoe UI Symbol", "Noto Emoji";
}
.contents-site {
    font-size: 16px;
}
.cont_no_border {
    border-bottom:none;
}
.cont p {
	margin:5px 20px;
	line-height:1.4em;
    text-align: justify;
}
.cont.isp > p,
.cont.ask > p {
	margin: 0 5px 10px 40px;
}
.cont.isp p,
.cont.ask p {
	margin: 5px 5px 5px 40px;
}
.cont ul {
	padding:5px 10px;
	line-height:1.3em;
	margin: 0 0 0 30px;
}

.dotted {
	background:#FFFFFF;
	margin:10px 0;
	height:1px;
	border-top:1px dashed #666666;
}

table.inqForm {margin-left:20px;}

/* フォーム投稿後に出すエラー画面のメッセージ枠 */
.formErr {
	background-color: #fff2f2;
	border: 2px solid #ff9a9a;
	border-radius: 4px;
	color: #cd0000;
	margin: 5px 0 5px 20px;
	padding: 5px 10px;
	width: 746px;
}
/********************
*
* 爆サイ.comとは？(beginner)
*
*********************/

.begi_bg [class^="begi"] {
	border: 2px solid #ccc;
	border-radius: 7px;
	height: auto;
	letter-spacing: 1px;
	line-height:1.4em;
	margin: 10px 0 20px 8px;
	padding: 15px 22px 15px 15px;
	position: relative;
	width: 660px;
}

.begi_bg [class^="begi"]::before {
	border-top: 0 solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #ccc;
	content: "";
	position: absolute;
	right: -41px;
	top: 50px;
}
.begi_bg [class^="begi"]::after {
	border-top: 0 solid transparent;
	border-right: 18px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 21px solid #ffffff;
	content: "";
	position: absolute;
	right: -37px;
	top: 52px
}
.begi_bg [class^="begi"] > h2 {
	border-bottom: 1px solid #ebebeb;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.8px;
	line-height: 1.2em;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.begi_bg [class^="begi"] > p {
	margin: 5px 0 5px 10px;
}
.begi_bg [class^="begi"] .annotation p {
	color: #6A6A6A;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 1.4em;
	margin: 5px 1px 5px 2px;
}

/********************
どんなサイト？
*********************/

/********************
どんな人が見てるの？
*********************/
.begi02,
.begi03,
.begi04,
.begi05,
.begi06 {
	height:auto;
	padding:45px 95px 20px 25px;
	width:600px;
}
/* safari css hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root .begi02,
  .begi03,
  .begi04,
  .begi05,
  .begi06 {
    letter-spacing: 0;
  }
}

/* 男女平均 */
.begi02 .graphAnnotation {
  float: right;
  margin: 0;
  position: relative;
  right: -1px;
  top: -30px;
  width: 280px;
}

/* ユーザー属性とか */
.begi02 h4 {
	margin: 10px 0 0;
	color:#663333;
	font-size: 12px;
}

/* 円グラフ */
div#pie_graph {
	left: -10px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/* 円グラフパーセンテージ表示位置 */
div#pie_graph div.percent {
	text-align: right;
	position: relative;
	font-size: 16px;
	font-family: Arial;
}

.begi02 > div {
  letter-spacing: 1.2px;
}

/********************
どれくらいすごいの？
*********************/
.begi03 table {
	margin:5px 5px 10px 3px;
	font-size:13px;
}

.begi03 table tr:first-child th,
.begi03 table tr:first-child td {
	font-weight: bold;
	border: 1px solid #ccc;
}

.begi03 .numbOfCate {
	font-size:14px;
	font-weight:bold;
	color:#333399;
}

/* データ取得日時 */
.dateModified {
	color: #666666;
	font-size: 12px;
	text-align: right;
	margin-top: 10px;
}


/********************
何をすればいいのかな？
*********************/
.begi_bg {
  position: relative;
  width: 780px;
}

.begi_bg::before {
  background-repeat: no-repeat;
  content: "";
  height: 80px;
  position: absolute;
  right: -15px;
  top: 10px;
  width: 60px;
}
.begi_bg:nth-child(3n + 2)::before {
  background-image: url("https://img2.bakusai.com/p/img/begi_itokio_02.gif");
}
.begi_bg:nth-child(3n + 3)::before {
  background-image: url("https://img2.bakusai.com/p/img/begi_itokio_01.gif");
}
.begi_bg:nth-child(3n + 4)::before {
  background-image: url("https://img2.bakusai.com/p/img/begi_itokio_03.gif");
}


/* 更新日時 */
.begi_bg .graphUpdate {
	color:#666666;
	font-size:12px;
	text-align:right;
}

.begi_bottom {
	width:600px;
	height:23px;
}

/********************
どれくらいアクセスがあるの？
*********************/
.begi05 p,
.rank-row .countryRank {
	margin:0;
	padding:0;
}

#alexaGraphWrap {
	display: block;
	margin: 0 auto;
	text-align: center;
}

#alexaGraphWrap p {
	text-align: left;
}

#alexaGraphWrap a {
	display: block;
}

#alexaGraphWrap .alexaGraph {
	display: block;
	margin: 0;
	padding: 0;
	width: 370px;
	vertical-align: top;
	font-size: 0;
	text-align: center;
}

#alexaGraphWrap .alexaGraph img {
	background: #FFF;
	border: 1px solid #ccc;
  border-radius: 2px;
	padding: 15px 10px;
	display: inline-block;
	vertical-align: middle;
}

#alexaTrafficWrap {
  background: #F8F8F8;
  border-radius: 3px;
  border: 1px solid #EBEBEB;
  font-size: 0;
  margin: 0 auto;
  text-align: center;
  padding: 10px;
}
/* safari css hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root #alexaTrafficWrap {
    letter-spacing: 0;
  }
}
#alexaTrafficWrap p {
	font-size: 14px;
	text-align: left;
}

#alexaWorld,
#alexaJapan {
	display: inline-block;
	vertical-align: top;
}
#alexaWorld {
	margin: 5px 10px 10px 0;
	width: 400px;
}
#alexaJapan {
	margin: 5px 0 10px;
	text-align: left;
	height: 215px;
	width: 155px;
}

.trafficRank {
  text-align: center;
}

.alexaTRTitle {
	font-size: 14px;
	text-align: left;
	color: #000;
	font-weight: bold;
	margin: 10px 0 5px 5px;
}

.rank-row {
	background: #FFF;
	border: 1px solid #CCC;
	display: inline-block;
	margin-left: 5px;
	width: 140px;
	vertical-align: top;
	text-align: center;
	font-size: 0;
	border-radius: 2px;
}

.rank-row dl.col-pad {
	margin: 0;
	padding: 10px;
}

.rank-row dt.metrics-title {
	color: #666;
	font-size: 13px;
	font-weight: normal;
}

.rank-row dd {
	margin: 0;
	padding: 10px 0;
}

.rank-row .countryRank .img-inline {
	border: 1px solid #CCC;
	display: inline-block;
	padding: 0 3px;
	vertical-align: middle;
	margin-right: 3px;
	width: 10px;
}

.rank-row .countryRank .metrics-data {
  color: #333;
  vertical-align: middle;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-size: 20px;
  font-weight: bold;
}

#alexaTrafficWrap .annotation {
	text-align: left;
}

#alexaTrafficWrap .annotation p {
	text-align: left;
	font-size: 11px;
}


/********************
主要掲示板の中でのランキングは？
*********************/
.begi_bg table {
	border-collapse: collapse;
	width: 100%;
}
.begi_bg table thead {
	background-color: #d2d2d2;
	line-height: 22px;
	text-align: center;
}

.begi_bg table thead td {
  border-bottom: 1px solid #FFFFFF;
	line-height: 25px;
}

.begi_bg table thead th {
	font-size: 16px;
	text-align: center;
	border: 1px solid #ccc;
	height: 35px;
	line-height: 35px;
}

.begi_bg table .siteName {
  padding: 0 0 0 2px;
}

.begi_bg table .siteRank {
	width: 75px;
}

.begi_bg table tbody tr {
	font-size: 14px;
	line-height: 25px;
}

.begi_bg table tbody tr.rankMatsu {
	font-weight: bold;
	font-size: 22px;
	line-height: 32px;
}

.begi_bg table tbody tr.rankTake {
	font-weight: bold;
	font-size: 17px;
	line-height: 30px;
}

.begi_bg table tbody tr.rankMatsu .rankCount,
.begi_bg table tbody tr.rankTake .rankCount {
  letter-spacing: 1px;
}

.begi_bg table tbody tr th {
	text-align: left;
}

.begi_bg table tbody tr td,
.begi_bg table tbody tr th {
	border: 1px solid #ccc;
	padding: 2px 5px;
}

.begi_bg table tbody tr td.rankCount {
	min-width: 90px;
	text-align: right;
}

.begi_bg table tbody tr.evenRow {
	background: #F5F5F5;;
}
.begi_bg table tbody tr.oddRow {
	background: #FEFEFE;
}
.begi_bg table tbody tr.bakuRow {
	background: #0d507e;
	color: #ffffff;
}
.begi_bg table tbody tr.bakuRow td:first-child {
  position: relative;
}
.begi_bg table tbody tr.bakuRow td:first-child::before {
	color: #0d507e;
	content: "\0f04b";
	font-family: fontawesome;
	font-size: 12px;
	left: -11px;
	position: absolute;
	top: 4px;
}

.pvCount {
	border-collapse: collapse;
	margin-bottom: 5px;
	width: 100%;
}
.pvCount th {
	background: #e8e8e8;
	border: solid 1px #ccc !important;
	min-width: 30px;
	text-align: center;
}
.pvCount .countVal {
	width: 100%;
}
.pvCount .countVal td {
	background: #FFF;
	padding: 3px;
}
.pvCount .countVal td.countDate {
	border: 1px solid #ccc;
	font-size: 15px;
	letter-spacing: 0.5px;
	width: 63%;
}
.pvCount .countVal td.countDateBg {
	background: #0d507e;
    color: #fff;
    border: 1px solid #ccc;
    font-size: 15px;
    letter-spacing: 0.5px;
    min-width: 460px;
}

.pvCount .countVal td.countDate span,
.pvCount .countVal td.countDateBg span {
	float: right;
	font-size: 10px;
	color: #969696;
}
.pvCount .countVal td.counter {
	border: 1px solid #ccc !important;
	font-size: 15px;
	letter-spacing: 0.5px;
	text-align: right;
}
.pvCount .countVal td.counterBg {
	background: #0d507e;
    border: 1px solid #ccc !important;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-align: right;
    color: #fff;
}

.pvCount .countVal td.counterBg span{
	color:#969696;
}

.pvCount .countVal td.counterBg span.pv{
	color: #fff;
}

.pvCount .countVal .pv {
	font-size: 10px;
	margin-left: 2px;
}

.title_pvCount {
  display: flex;
  justify-content: center;
}

.pvCount .updatetime {
  font-size: 10px;
  margin-left: 5px;
  display: inline-block;
  font-weight: normal;
  color: #2f2f2f;
}

span.title_pvCount_main {
	word-break: keep-all;
  }
  .pvCount .countVal tr.feature td span,
  .pvCount .countVal tr.feature td span.deepgray,
  .pvCount .countVal tr.feature td span.deepgrey{
	color: #ffffff;
  }

  span#ghost_box {
	width: 70px;
  }

/********************
*
* 爆サイ.comモバイル版について(mobile)
*
*********************/
#mobile {
	width:810px;
	min-height:520px;
}

#cap_mobile {
	background:url(https://img.bakusai.com/p/img/cap_mobile.gif) no-repeat left top;
	width:240px;
	height:500px;
	float:left;
	border:none;
	text-indent:-3846234px;
}

#left_mobile {
	float: left;
	margin-left: 5px;
	position: relative;
	width: 777px;
}

#title_mobile {
	color: #3d3d3d;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0;
	width: 525px;
}

/* モバイル版キャプチャーの表示範囲を決定 */
.moindexCapture {
	clip: rect(0px, 89px, 136px, 0px);
	height: 275px;
	position: absolute;
	right: 31px;
	top: 40px;
	width: 89px;
}

.p-mobile {
	padding:0!important;
	margin:10px 0 0 10px!important;
	font-size:14px!important;
	line-height:14px!important;
	color:#333333!important;
}

.p-access{
	padding:0!important;
	margin:0 0 0 10px!important;
	font-size:14px!important;
	line-height:14px!important;
	color:#333333!important;
}

.div-access{
	background:#FFFFCC;
	border:1px dashed #666666;
	color:#333333;
	padding:5px;
	margin:10px;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
}

p.about-regulation {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 5px;
}

.teach-bbs{
	margin:0 0 0 15px;
}

#mobile .qrCode {
	width:120px;
	height:120px;
	vertical-align: middle;
	float: left;
	text-align: left;
}

#mobile .qrCodeDescription {
	width:275px;
	list-style:none;
	float:left;
	padding:0;
	margin:10px 10px 10px;
}

#mobile .sendURl {
	background:#EFEFEF; margin:10px; padding:10px;
}


/********************
スマートフォンについて
*********************/

.iphone_title {
	color: #3d3d3d;
	font-size: 15px;
	font-weight: bold;
	height: 30px;
	margin: 0 0 0 10px;
	width: 605px;
}
.iphone {
	background:url(https://img.bakusai.com/p/img/iphone.gif) top left no-repeat;
	width:734px;
	height:132px;
	margin:10px 0;
}

.iphone_text {
	font-size: 14px;
	height: 100px;
	letter-spacing: 0.3px;
	line-height: 17px;
	padding: 22px 0 0 150px;
	width: 565px;
}

.iphone_display_sample {
  padding-left: 8px;
}

.iphone_demo {
	position: relative;
}

.iphone_demo div.clear:first-child {
	background:url(https://img.bakusai.com/p/img/iPhone_demo3.jpg) top left no-repeat;
    height: 520px;
    width: 720px;
}
.iphone_demo .spIndexSS {
	background: transparent url("https://img2.bakusai.com/p/img/cap_spIndexSSS.png") no-repeat scroll 0 0;
	-webkit-background-size: 191px auto;
	background-size: 191px auto;
  height: 414px;
  left: 21px;
  position: absolute;
  top: 67px;
  width: 191px;
}
.iphone_demo .spThrSS {
	background: transparent url("https://img2.bakusai.com/p/img/cap_spThrSSS.png") no-repeat scroll 0 0;
	-webkit-background-size: 212px auto;
	background-size: 212px auto;
  height: 465px;
  left: 247px;
  position: absolute;
  top: 20px;
  width: 212px;
}
.iphone_demo .spResSS {
	background: transparent url("https://img2.bakusai.com/p/img/cap_spResSSS.png") no-repeat scroll 0 0;
	-webkit-background-size: 210px auto;
	background-size: 202px auto;
  height: 403px;
  left: 491px;
  position: absolute;
  top: 56px;
  width: 202px;
}
.iphone_demo ul {
	list-style:none;
	padding:0;
	margin:0 0 10px 25px;
}

.iphone_demo li {
	display:block;
	float:left;
	margin:0 40px 0 0;
	text-align:center;
	line-height:30px;
}

.iphone_demo span {
	letter-spacing:0.2em;
	margin: 10px 82px;
}


/********************
*
* 広告掲載について(advertise)
*
*********************/

#adlist {
    width: 100%;
    margin: 0px auto;
}

#adlist ul {margin:0; padding:0; list-style:none;}

#adlist li {
	margin:10px 0 20px 0;
	padding-bottom:30px;
	border-bottom:1px dashed #FFCCFF;
	clear:both;
}

#adlist h3 {
	font-size:16px;
	color:#F69;
	border-bottom:3px solid #F69;
	margin:0 auto 10px auto;
	width:auto;
	padding:0 0 5px 0;
	font-weight:bold;
}

.adcapimg {
	width:270px;
	float:left;
	min-height:200px;
}

.adcapimg img {
	width:250px!important;
	border:1px solid #CCC;
}

.adinfo{
	width:400px;
	float:left;
}

.adinfo h4 {
	font-weight:bold;
	color:#F69;
	font-size:14px;
	margin:0 0 10px 0;
	background:none;
}

.adinfo p {
	font-size:12px;
	line-height:1.4em;
	margin:0 0 25px 10px;
}

.adrule {
	color:#666666;
	font-size:12px;
}

.adinfo table {background:#FFFFFF; width:350px;}
.adinfo td {background:#F36; color:#FFF; padding:5px; font-size:11px; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.adinfo th {background:#F36; color:#FFF; padding:5px; font-size:11px; text-align:left; font-weight:normal;  border-right:1px solid #FFF; border-bottom:1px solid #FFF;}


#adHead {
	background-color: #ffffff;
	border-radius: 2px;
	margin: 0 auto;
	padding: 10px 0 20px;
	max-width: 980px;
}
#adHead h2,
#ad_infoBox h2,
#disty h2{
	color: #3d3d3d;
	font-size: 18.5px;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0;
}

#ad_infoBox {
	margin: 0 0 30px;
	padding: 0;
	width: auto;
	max-width: 980px;
}
#ad_infoBox p {
	background-color: #fafafa;
	border: 2px solid #eae9e9;
	border-radius: 3px;
	font-size: 14px;
	margin: 10px 0 0;
	padding: 10px 10px 10px 15px;
}
#ad_infoBox h2 {
	color: #3d3d3d;
	font-size: 18.5px;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0;
}

.adTitle {
	background-color: #dfdfdf;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 10px;
	width: auto;
}
.adContents {
	margin: 0 auto 10px;
	overflow: hidden;
	padding: 10px 0;
	width: -webkit-calc(800px - 30px);
	width: calc(100% - 30px);
}

.adContents .imgL {margin: 0; float: left;padding:0 20px 0 0;clear: both;}
.adContents .imgR {margin: 0; float: right;padding:0 0 0 20px;clear: both;}
.adContents p {overflow: hidden;margin: 10px 0 0 0;font-size: 14px;}
.adContents h5 {margin: 0;padding: 0; font-size: 17px;}
.adContents h5 em {color: #ff6600;font-style: normal;}
.adContents hr {border: #cccccc 2px solid;width: auto;height: auto;}

.adMail {margin:0 auto 20px; padding: 20px; width: 620px;background: #000033;text-align: center;color: #ffffff;}
.adMail h6 {margin: 0 0 10px 0; padding: 0; font-size: 20px;color: #ffffff;}
.adMail h6 span {margin: 0 10px 0; color: #ffcc00;}
.mailBox {padding: 30px 0; background: #ffffff;}
.mailBox a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


.requestSide {
	display: inline-block;
	font-size: 18.5px;
	padding-left: 5px;
	width: -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
}
.requestLists {
	margin: 2px 0 10px 0  !important;
	padding: 2px 0 10px 0  !important;
}
.requestSide {
	display: inline-block;
	font-size: 18.5px;
	width: -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
	position: relative;
	left: 20px;
}

.requestLists li {
	background-color: #e9f4fb;
	border: 3px solid #89B1C9 !important;
	border-radius: 5px;
	list-style: outside none none;
	margin: 20px 0 20px 40px !important;
	padding: 15px 10px !important;
	position: relative;
	text-align: center;
	width: 300px;
}

.requestLists li:nth-child(2n) {
	margin: 20px 0 20px 60px !important;
}
.requestLists > li::before {
	border-top: 10px solid transparent;
	border-right: 15px solid #89b1c9;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	content: "";
	left: -25px;
	position: absolute;
	top: 17px;
}
.requestLists > li::after {
	border-top: 10px solid transparent;
	border-right: 15px solid #e9f4fb;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	content: "";
	left: -20px;
	position: absolute;
	top: 17px;
}
.requestLists li div {}

.responseSide {
	display: inline-block;
	height: 320px;
	float: right;
	margin: 0 auto;
	position: relative;
	text-align: center;
	top: 17px;
	vertical-align: top;
	width: 320px;
	right: 50px;
}

.responseSideCircle {
	background-color: #fbf8e9;
	border: 10px solid #f7e8a0;
	border-radius: 50%;
	display: table-cell;
	height: 300px;
	text-align: center;
	vertical-align: middle;
	width: 300px;
	max-width: 300px;
}

.responseSide .bakuChara {
	min-height: 150px;
}
.responseSide .bakuChara > img {
	height: 150px;
}

.adisty_comment {
	background-color: #fea631;
	border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 18.5px;
	height: 40px;
	line-height: 38px;
	margin: 3px 10px;
	position: absolute;
	text-align: center;
	top: 230px;
	width: 300px;
}
.adisty_comment::before {
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #fea631;
	border-left: 10px solid transparent;
	content: "";
	position: absolute;
	right: 38%;
	top: -25px;
}

.responseLists {
	max-width: 980px;
}
.responseLists dl {
	background-color: #f7f7f7;
	border: 1px solid #DFDFDF;
	border-radius: 2px;
}
.responseLists dd {
	background-color: #ffffff;
	margin: 1px;
	padding: 1px 0;
}


#adList + #disty {
	width: 100% !important;
	max-width: 980px;
}




/********************
*
* 広告販売代理店取引(disty)
*
*********************/

#disty {
	width: 100% !important;
}

#disty .small {
	font-size: 11px !important;
}

#disty .requestSide {
	font-size: 17px;
}

#disty .requestLists li {
	background-color: #fffce3;
	border: 3px solid #f3e46b !important;
	margin: 20px 0 20px 5px !important;
	padding: 15px 10px !important;
	text-align: left;
	width: 350px;
}

#disty .requestLists li:nth-child(2n) {
	margin: 20px 0 20px 5px !important;
}
#disty .requestLists > li::before,
#disty .requestLists > li::after,
#collaboration .requestLists li::before,
#collaboration .requestLists li::after {
    border: medium none;
}

#disty .responseSideCircle {
	background-color: #e7edf1;
	border: 10px solid #bfd9eb;
}


#disty .adisty_comment::before {
    border-bottom: 15px solid #097ed0;
}
#disty .adisty_comment {
    background-color: #097ed0;
}
#collaboration h4,
#disty h3,
h3.bakusai_h3 {
	border-left: 4px solid #0d507e;
	color: #111;
	font-size: 15px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 20px 0 5px 5px !important;
	padding: 0 0 0 5px !important;
}

.disty_merit {
	margin: 0 0 50px;
	max-width: 980px;
}
.disty_merit > ul {
	margin: 0;
	padding: 0;
}
.disty_merit li {
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(33% - 5px);
	width: calc(33% - 5px);
}
.disty_merit dt {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 4px;
}
.disty_merit dt span {
	color: #f00;
}
.disty_merit dd {
	background-color: #F5F5F5;
	border: 2px solid #eae9e9;
	margin: 0;
	min-height: 220px;
	text-align: center;
}

.disty_merit dd div.disty_meritBody {
	font-size: 14px;
	height: 50px;
	padding: 10px;
	text-align: left;
}

.disty_merit div.disty_meritBody + div {
	background-color: #ffffff;
	display: block;
	height: 150px;
	margin: 5px auto;
	vertical-align: middle;
	width: 240px;
}

.disty_merit dd div img {
	max-height: 200px;
	max-width: 188px;
	padding: 10px 0;
}
#disty01 {background-image:url(https://img.bakusai.com/p/img/title_disty01.gif)!important;}
#disty02 {background-image:url(https://img.bakusai.com/p/img/title_disty02.gif)!important;}
#disty03 {background-image:url(https://img.bakusai.com/p/img/title_disty03.gif)!important;}
#disty04 {background-image:url(https://img.bakusai.com/p/img/title_disty04.gif)!important;}

#disty_merit {
	background:url(https://img.bakusai.com/p/img/merit_disty.gif) no-repeat left top;
	width:700px;
	height:150px;
	font-size:11px;
	letter-spacing:0px;
	line-height:12px;
	margin:0;
	padding:0;
	text-indent:-20110122px;
}

#disty_merit span {
	display:none;
}


#disty_ask {
	margin:0;
	padding:0;
}

#disty_ask table {
	width:660px;
	margin:0 20px;
	border-collapse:collapse;
	table-layout:auto;
	vertical-align:top;
	border:1px solid #CCCCCC;
}

#disty_ask th {
	color:#FFFFFF;
	background-color:#999999;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	text-align:left;
	table-layout:auto;
	vertical-align:middle;
	padding:5px;
	width:210px;
	font-size:12px;
}

#disty_ask td {
	font-size:12px;
	padding:5px;
	vertical-align:top;
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
	font-size:12px;
}

#disty_ask input {
	width:390px;
}

#disty_ask textarea {
	width:640px;
	height:150px;
	font-size:12px;
	resize: none;
	margin:auto;
	overflow:auto;
}

#disty_ask_submit {
	margin:10px 20px;
	padding:10px 15px;
	width:628px;
	_width:660px;
	letter-spacing:0;
	font-size:12px;
	line-height:1.4em;
	background:#FFFFCC;
	border:1px #FF0000 dashed;
}

#disty_ask_submit input {
	padding:5px!important;
	cursor:pointer!important;
	margin:3px auto!important;
}

.disty_submit {
	text-align:center;
	margin:0;
	padding:0;
}

.disty_submit input {
	padding:5px!important;
	cursor:pointer!important;
	margin:3px auto!important;
}

#disty_error {
	padding:10px;
	color:#FF0000;
}

.hTop {margin: 0!important;background: #000033;padding: 10px 0 10px 10px;color: #ffffff;font-size: 18px;}
#disty_infoform table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse:collapse;
	table-layout:auto;
	vertical-align:top;
	border:1px solid #cccccc;
}

#disty_infoform th {
	padding: 10px;
	width: 24%;
	background: #f7f8fc;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	text-align: left;
}

#disty_infoform td {
	padding: 10px;
	background: #ffffff;
	border-bottom: #cccccc 1px solid;
}

#distyicon_shop,
#distyicon_support {
	font-size: 13px;
	height: 133px;
}
#distyicon_shop {
	background: url(https://img.bakusai.com/p/img/distyicon_shop.gif) no-repeat right top;
  max-width: 980px;
}
#distyicon_support {
	background: url(https://img.bakusai.com/p/img/distyicon_support.gif) no-repeat right top;
  max-width: 980px;
}

#distyicon_support ul {margin:0 0 0 35px!important;}
#distyicon_support ul li {list-style-type: disc;}
.cont #distyicon_shop p {
	margin:5px 30px;
	line-height:1.4em;
}

#disty table.inqForm {
	width: -webkit-calc(100% - 20px) !important;
	width: calc(100% - 20px) !important;
	max-width: -webkit-calc(980px - 20px);
	max-width: calc(980px - 20px);
  min-width: -webkit-calc(795px - 20px);
  min-width: calc(795px - 20px);
}

/********************
*
* 店舗向け広告掲載(shoppr)
*
*********************/
#adHead .flex_box {
    margin-bottom: 0;
}
.board_pr {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem;
}
.board_pr > p {
    font-size: 16px;
    padding: 5px 0;
    background: var(--bakusai_blue);
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 1rem auto;
}
.board_pr img {
    object-fit: contain;
    width: 70px;
}
.board_pr .flex_box {
    justify-content: center;
}
.board_pr .flex_box div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.board_pr .flex_box p {
    font-weight: bold;
    color: #777;
    font-size: 20px;
    font-family: sans-serif;
    line-height: 30px;
    white-space: nowrap;
    margin: auto auto auto 5px;
}
.board_pr .flex_box p strong {
    color: var(--bakusai_blue);
    font-size: 40px;
    margin-left: 10px;
}
.board_pr .flex_box p span {
    color: var(--bakusai_blue);
    margin-right: 10px;
}
#shop_pr .adContents {
    height: 150px;
    margin-bottom: 0;
}
#shop_pr .adContents h5 {
    color: var(--bakusai_blue);
    font-size: 20px;
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
}
#shop_pr .adContents .imgR {
    clear: unset;
    width: 300px;
    height: 200px;
}
#shop_pr .adContents .imgL {
    width: calc(100% - 340px);
}
#shop_pr .adContents .imgR img {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 150px;
}
article.pr_merit_wrap {
    display: flex;
    gap: 20px;
    padding: 50px 20px 0;
}
.merit_box {
    width: 33%;
    border: 2px solid var(--bakusai_blue);
    padding: 25px 20px 10px;
    position: relative;
}
.merit_box p {
    margin: 5px 10px;
}
.merit_box ul {
    list-style-type: disc !important;
    padding: 0px 0px 0px 25px !important;
}
.merit_box ul li {
    margin: 0px !important;
    padding: 0px 0px 0px 0px !important;
    border-bottom: none !important;
}
.merit_box p .merit_box_emphasis {
    color: #ff6a00;
    font-weight: bold;
}
.merit_no {
    position: absolute;
    top: -45px;
    left: -20px;
}
div.hime_selection_contents {
    width: 480px;
    display: flex;
    height: 223px;
    align-items: center;
    margin: 0px auto;
    border: 2px solid var(--bakusai_blue);
}
div.hime_selection_block {
    width: 100%;
    height: 224px;
}
div.hime_selection_block img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: contain;
    vertical-align: top;
    border-right: 2px solid var(--bakusai_blue);
}
div.hime_selection_contents ul {
    display: inline-flex;
    width: 100%;
    margin: 0px 20px 0px 0px !important;
    padding: 0px 0px 0px 20px !important;
    box-sizing: border-box;
    list-style-type: disc !important;
    font-size: 16px;
    flex-direction: column;
    align-items: self-start;
    justify-content: center;
}
div.hime_selection_contents ul li {
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 0px 20px !important;
    border-bottom: none !important;
}
div.hime_selection_contents ul li:last-child {
    list-style: none; /* デフォルトの「・」を消す */
    position: relative;
    padding-left: 1em;
}
div.hime_selection_contents ul li:last-child::before {
    content: "※";
    position: absolute;
    left: -21px;
}
.balloon_merit {
    position: relative;
    padding: 8px 0;
    font-family: sans-serif;
    line-height: 24px;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 10px;
    background-color: var(--bakusai_blue);
}
.balloon_merit::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 5px;
    bottom: 5px;
    border-right: 12px solid var(--bakusai_blue);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transform: rotate(335deg);
}
.balloon_merit strong {
    display: block;
    margin-top: -5px;
    font-size: 24px;
}
.merit_box > strong {
    color: var(--bakusai_blue);
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 23px;
}
.merit_box > strong span,
.shop_onayami p strong {
    color: #ff6a00;
}
.merit_box img {
    width: 150px;
    height: 100px;
    margin: 20px auto;
    display: block;
}
.merit_box hr {
    border-color: var(--bakusai_blue);
    padding: 5px 0;
}
strong.merit_no1 {
    letter-spacing: -0.6px;
}
.mark_wrap {
    display: flex;
    justify-content: center;;
    gap: 10px;
    text-align: center;
    font-size: 12px;
}
.mark_wrap p {
    margin: 4px auto 0;
}
p.certification-mark-caption {
    text-align: center !important;
}
.mark_wrap img {
    width: 100px;
    margin: 2px auto;
}

.shop_onayami {
    width: 700px;
    margin: 100px auto 20px;
    border: solid 30px var(--bakusai_blue);
    padding: 20px 70px;
    box-sizing: border-box;
    position: relative;
}
.ballon_onayami_wrap {
    position: absolute;
    top: -90px;
    left: -100px;
}
.baloon_onayami{
    position: relative;
    padding: 33px;
    background-color: #fff;
    border: 7px solid var(--bakusai_blue);
    border-radius: 50%;
    font-weight: bold;
    width: 210px;
    font-size: 16px;
    text-align: center;
    height: 110px;
    box-sizing: border-box;
    transform: rotate(-7deg);
}
.baloon_onayami::before,
.baloon_onayami::after{
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    transform: rotate(-20deg);
}
.baloon_onayami::before {
    content: '';
    right: 15px;
    bottom: -4px;
    border-top: 15px solid var(--bakusai_blue);
}
.baloon_onayami::after {
    content: '';
    right: 17px;
    bottom: 3px;
    border-top: 15px solid #fff;
}
.shop_onayami p {
    font-size: 16px;
    line-height: 40px;
    width: 400px;
    margin: auto;
}
.shop_onayami p:before {
    content: "";
    background-image: url(https://img2.bakusai.com/p/img/single/shoppr/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.onayami_point {
    background: var(--bakusai_blue);
    color: #fff;
    padding: 10px;
    margin: 30px auto 20px;
    display: block;
    text-align: center;
    font-size: 16px;
}
.shop_plan img {
    /* width: 100%;
    max-width: max-content;
    margin: 20px auto; */
}
.shop_plan p {
    font-size: 14px;
}
.plan_attention {
    background: #eee;
    padding: 20px 30px;
    margin: 0px auto 40px;
}
.plan_attention strong {
    font-size: 16px;
}
strong.plan_important_matter {
    color: #f00;
}
.plan_attention p {
    font-size: 14px;
    margin: 10px 0 20px;
}
.plan_attention p:last-child {
    margin: 10px 0px 0px;
}
#thrtitle_shopname{
    margin: auto auto 8px;
}
#notOwnerBtn {
    font-size: 12px;
    color: #5c5c5c;
    cursor: pointer;
}
#notOwnerBtn i.deg_change{
    transform: rotate(180deg);
}
#shop_pr input[type="radio"] {
    display: inline-block;
    vertical-align: text-bottom;
}
#shop_pr input[type="radio"] + label {
    padding: 0 2px 0 4px;
}
#shop_pr input[type="radio"] + label::before,
#shop_pr input[type="radio"] + label::after {
    display: none;
}
label#plan-error {
    float: right;
    position: absolute;
    left: 422px;
}
.requiredMark_gene { /*!important外した版*/
    border-radius: 0;
    color: #FFF;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    min-height: 18px;
    margin: 0 auto;
    padding: 1px 4px;
    text-align: center;
    vertical-align: middle;
    background-color: #f52d2d;
    border: 1px solid #ee5656;
}
/* plan table */
.plan_table {
    border: solid 1px grey;
    border-width: 0 1px 1px;
    border-collapse: collapse;
    margin: auto auto 10px;
    width: 980px;
}
.plan_normal {
    color: grey;
}
.plan_bronze {
    color: #7a411f;
}
.plan_silver {
    color: darkslategrey;
}
.plan_gold {
    color: #492b00;
}
.plan_vip {
    color: #01478f;
}
.plan_table th {
    font-weight: bold;
    font-size: 24px;
    height: 68px;
    border-top: solid 30px #fff;
    box-sizing: border-box;
    width: 50%;
}
th.plan_normal {
    background: grey;
    color: #fff;
}
th.plan_bronze {
    background: -webkit-gradient(linear, left top, right bottom, from(#c18b65), color-stop(0.3, #e7c393), color-stop(0.8, #d39d68), to(#efdbcd));
    color: #7a411f;
}
th.plan_silver {
    border: none;
    background: linear-gradient(316deg, #d3d2d3 0%, #9E9E9E 45%, #eeeeee 70%, #edeeee 85%, #bebebe 90% 100%);
    position: relative;
    overflow: hidden;
    padding-top: 0px;
}
th.plan_gold {
    background: linear-gradient(311deg, #e4daa0 0%, #c69753 45%, #FEE9A0 70%, #d7b673 85%, #d5c58d 90% 100%);
    color: #492b00;
}
th.plan_vip p {
    font-size: 24px;
    font-family: sans-serif;
    margin: 0;
    background: linear-gradient(360deg, #FDF4D1 10%, #7d6027 60%, #FEE9A0 60%, #d8b44c 75%, #e7c252 80% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
th.plan_vip {
    background: -webkit-gradient(linear, left top, right bottom, from(#072b60), color-stop(0.4, #01478f), color-stop(0.6, #01478f), to(#072b60));
}
td.plan_normal,
td.plan_bronze{
    border-right: solid 1px #daaa77;
}

td.plan_gold {
    border: solid 1px silver;
    border-width: 0 1px;
}
.osusume_plate {
    width: 100px;
    height: 30px;
    padding: 3px 10px;
    background: var(--bakusai_blue);
    color: #fff;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -22px;
    text-transform: uppercase;
    transform: rotate(325deg);
}
.osusume_plate p {
    margin: 0;
    margin-top: 7px;
    margin-right: 15px;
    font-size: 13px;
    text-align: center;
    position: relative;
    left: -2px;
    top: 1px;
}

tr.plan_summary td {
    height: 340px;
    padding: 0 20px;
}
.plan_price {
    display: flex;
    margin: 0px auto;
    width: max-content;
    height: 40px;
}
.plan_price div {
    height: max-content;
    display: flex;
    align-items: baseline;
}
.plan_price strong {
    font-size: 28px;
}
.plan_price small {
    font-size: 13px;
}
.plan_price span {
    font-size: 16px;
    margin-left: 4px;
}
.plan_summary p {
    height: 180px;
    margin: 20px auto 0;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    letter-spacing: 0.05rem;
}
.plan_vip .plan_price strong {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    font-family: sans-serif;
    line-height: 20px;
}
.plan_vip small {
    font-size: 14px;
    line-height: 6px;
    padding: 4px 0 0px;
    display: block;
}
.plan_vip p {
    position: relative;
}
.plan_vip img {
    margin: auto;
}
.plan_vip p strong {
    position: absolute;
    inset: 35% 50%;
    transform: translate(-50%);
    width: max-content;
}

td.plan_all {
    position: relative;
}
.plan_all .merit_no {
    left: 50px;
    top: -40px;
}
.plan_all .balloon_merit {
    width: 120px;
    height: 120px;
    font-size: 17px;
    padding: 44px 0;
    line-height: 20px;
}
.balloon_merit::before {
    right: 10px;
    bottom: 12px;
}
.allplan_wrap {
    display: flex;
    color: var(--bakusai_blue);
    font-size: 18px;
    border: 4px solid var(--bakusai_blue);
    border-radius: 14px;
    width: 80%;
    margin: auto auto;
    padding: 10px 40px 10px 80px;
    box-sizing: border-box;
}
.allplan_wrap div {
    align-items: center;
    margin: auto;
}
.allplan_wrap div strong {
    display: flex;
    align-items: center;
    font-family: sans-serif;
    line-height: 18px;
}
.plan_all .allplan_wrap div strong:before {
    content: "●";
    font-size: 12px;
    margin-right: 14px;
}
.allplan_wrap img {
    width: 80px;
    margin: auto;
}

.plan_mark td {
    padding: 0px 0 15px;
}
.plan_mark td div {
    display: flex;
    padding: 0 10px;
    background: #f0f0f0;
    height: 110px;
}
.plan_mark img {
    /* width: 130px; */
}
.plan_mark p {
    font-size: 16px;
    margin: auto;
    color: #000;
}
.plan_mark p i {
    color: #ff7800;
    margin-left: 5px;
}
.plan_mark .plan_normal {
    padding-bottom: 0;
}
.plan_mark .plan_normal div {
    height: 208px;
}

.plan_link .allplan_wrap {
    border: solid 1px #ff7800;
    background: #fffae4;
    color: #ff7800;
    padding: 16px 0px;
    align-items: center;
    width: 96%;
}
.plan_link p {
    color: #000;
    background: #f9ff9b;
    padding: 6px 30px;
    margin: auto;
}
.plan_link .allplan_wrap strong {
    display: block;
    margin:0px auto 5px;
    text-align: center;
}

.plan_prerequisite {
    position: relative;
    height: 45px;
}
.plan_prerequisite div {
    background: var(--bakusai_blue);
    color: #fff;
    line-height: 30px;
    text-align: center;
    width: 95%;
    height: 30px;
    position: absolute;
    inset: 50%;
    transform: translate(-50%,-50%);

}

.plan_terms {
    height: 110px;
    position: relative;
    background: #f0f0f0;
}
tr.plan_terms.terms_two {
    background: #fff;
}
.terms_two .plan_normal {
    background: #f0f0f0;
}
.plan_terms p {
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #000;
}
.plan_terms .plan_normal,
.plan_terms .plan_bronze {
    position: relative;
}
/* .plan_terms .plan_bronze,
.terms_two .plan_silver{
    background: #f0f0f0;
} */

.terms_arrow {
    background: grey;
    color: #fff;
    position: absolute;
    width: 340px;
    height: 90px;
    top: 10px;
    left: 10px;
    display: grid;
    z-index: 2;
}
.terms_arrow::after {
    content: "";
    position: absolute;
    top: 0px;
    right: -40px;
    border-left: 40px solid grey;
    border-top: 45px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 45px solid transparent;
}
.terms_arrow div {
    margin: auto;
    font-size: 13px;
    line-height: 18px;
}
td.plan_bronze,
td.plan_silver,
td.plan_gold {
    position: relative;
}
td.plan_bronze p img,
td.plan_silver p img,
td.plan_gold p img {
    width: 110px;
    position: absolute;
    top: 23%;
    right: 13px;
}
.osuumeRanking {
    font-size: 16px;
    font-weight: bold;
    color: var(--bakusai_blue);
    line-height: 18px;
    font-family: sans-serif;
}
.osusumeNotes {
    font-size: 10px;
    font-weight: normal;
    color: #000;
    line-height: 10px;
    bottom: 0px;
    left: 0px;
    white-space: nowrap;
}
.numberFrames {
    color: var(--bakusai_blue);
    border: solid 1px var(--bakusai_blue);
    text-align: center;
    padding: 5px 0;
    margin: 10px auto;
    font-weight: bold;
}
.numberFrames.frame_red {
    color: #ff0000;
    border: solid 1px #ff0000;
}
tr.plan_summary .plan_vip p {
    margin-bottom: 72px;
}

#adHead h2.shop_lead_f,
#adHead h2.shop_lead_m {
    padding: 0 0.1em;
    width: max-content;
    font-size: 24px;
    margin: 0 auto;
}

#adHead h2.shop_lead_f {
    background: linear-gradient(transparent 50%, #ffd7d9 50%)
}

#adHead h2.shop_lead_m {
    background: linear-gradient(transparent 50%, #c7e6ff 50%)
}

/* マンガスライダー */
.adcomics_slider {
    width: 100%;
    max-width: 980px;
    min-width: 800px;
    margin: 24px auto 30px;
}
.adcomics_slider-img img {
    width: 100%;
    height: auto;
}
#adlist ul.slick-dots.slick-dots li {
    border-bottom: none;
}
.slick-prev:before,
.slick-next:before {
    font-size: 30px !important;
    color: #000 !important;
}
.slick-prev {
    left: -45px !important;
}
.slick-next {
    right: -35px !important;
}
.slick-prev,
.slick-next {
    z-index: 100 !important;
}
.slick-dots li button:before {
    top: 13px !important;
}
.adcomics_slider.slick-initialized {
    display: block;
    opacity: 1;
}

/* お問い合わせへボタン */
.contact_us_button {
    text-align: center;
    height: 75px;
    padding-top: 15px;
}
.contact_us_button a {
    background: var(--bakusai_blue);
    border-radius: 34px;
    padding: 15px 20px;
    color: #fff;
    margin: 0px 1.5px 6px;
    max-width: fit-content;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    border: 3px solid #fff;
    box-shadow: 1px 1px 2px #0006;
}
.contact_us_button a:hover {
    text-decoration: underline;
    color: var(--bakusai_blue);
    background: #d0d0d0;
}
.contact_us_button span {
    margin-left: 6px;
}
.contact_us_wrapper {
    margin: 25px auto;
}
h4.shoppr_form_h4 {
    color: #000;
    font-weight: bold;
    margin: 0 0 5px 20px;
}

/********************
*
* 利用規約(rule)
*
*********************/

.rule ol {
	margin:0 25px 0 55px;
	padding:0;
}


/********************
*
* 機能説明(guide)
*
*********************/
#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none; color:#fff;
}

div.clear { clear:both; }

#screenshot {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none; color:#fff;
}

.accesskey {
	width:370px;
	height:70px;
	margin: 8px 0 16px 22px
	background:url(https://img.bakusai.com/p/img/accesskey.gif) no-repeat center 5px;
	border:1px dashed #CC6600;
}

.tooltip {
	display: flex;
    align-items: center;
    color: var(--bakusai_blue);
    background: var(--bakusai_l_blue);
    position: relative;
    margin: 10px 0;
    padding: 4px 8px;
    width: max-content;
    border-radius: 3px;
    font-size: 12px;
}

.tooltip:before {
    content: "";
    position: absolute;
	top: -18px;
    left: 5%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 13px solid var(--bakusai_l_blue);
    border-radius: 3px;
}

.tooltip p {
    line-height: 16px;
}

.andsearch {
    max-width: 712px;
    height: 70px;
    margin: 22px 0px 22px 16px;
    border: 1px dashed #CC6600;
    display: flex;
    align-items: center;
	padding: 8px 4px;
}

img.guide_tips_img {
    width: 56px;
}

.andsearch span {
    margin-left: 16px;
}

.andsearch span strong {
    color: brown;
    display: flex;
    align-items: center;
    margin-top: 8px;
	letter-spacing: 2px;
}

.andsearch span img {
    width: 24px;
}

.andsearch span p{
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
}

i.fas.fa-question-circle {
	font-family: 'FontAwesome';
    font-style: normal;
    margin-right: 4px;
    font-size: 18px;
}

.nightwork {
	background:url(https://img.bakusai.com/p/img/nw_bk.gif) top left no-repeat;
}

.guide_list {
    display: flex;
    width: 100%;
    max-width: 980px;
    min-width: 800px;
    gap: 50px;
    padding: 16px 20px;
    box-sizing: border-box;
}

.guide_list nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.guide_list_wrap {
    width: 100%;
}

.guide_list_wrap a {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.guide_list_wrap img {
    width: 24px;
    margin-right: 8px;
}

.guide_list_wrap p {
    margin: 8px auto auto 0px;
    font-feature-settings: "palt" on;
}

.guide_cont_wrap {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.guide_cont {
    padding: 16px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    max-width: 1000px;
    margin: 16px 4px 24px 4px;
}

.guide_cont h3.bakusai_h3 {
    margin: 0 auto 16px!important;
}

img.guide_menu_img {
    width: 120px;
}
.guide_information {
    width: 100%;
}
.guide_sub_wrap {
    margin: 16px auto;
}

.entry_guide_wapper {
    max-width: 1000px;
}

.guide_cont .entry_link {
    margin-top: 24px;
}

.guide_cont p {
    margin-left: 0;
}


.guide_cont_wrap p {
    margin-left: 16px;
}

.entry_link .red {
    margin: 0 auto;
    width: max-content;
    display: block;
}

/* 画像のアップロードについて */
table.ulSpecification {
	border: 1px solid #0d507e;
	margin: 16px 0;
    width: 100%;
    min-width: 750px;
    max-width: 958px;
	text-align: left;
  }
  table.ulSpecification thead td {
    background-color: #fff;
    border-bottom: 1px solid #0d507e;
    border-right: 1px solid #0d507e;
}
  table.ulSpecification thead th {
	background-color: #0d507e;
    border-bottom: 1px solid #0d507e;
    border-right: 1px solid #fff;
    text-align: center;
    width: 200px;
    color: #fff;
}
  table.ulSpecification th {
	height: 30px;
	width: 130px;
  }

  table.ulSpecification tbody th {
	background-color: #F7F8FA;
	border-bottom: 1px solid #0d507e;
	border-right: 1px solid #0d507e;
	padding: 0 0 0 5px;
	text-align: center;
  }
  table.ulSpecification tbody td {
	border-bottom: 1px solid #0d507e;
	border-right: 1px solid #0d507e;
	padding: 5px;
	width: 330px;
  }

  table.ulSpecification thead th:last-child,
  table.ulSpecification tbody td:last-child {
	  border-right: medium none;
  }
  table.ulSpecification tbody tr:last-child th,
  table.ulSpecification tbody tr:last-child td {
	  border-bottom: medium none;
  }


/********************
*
* リンクについて(link)
*
*********************/

.cont.link ul {
	margin: 0 20px!important;
}

.cont.link ul li {
	list-style:none;
}
.cont.link h3{
    margin-left: 25px;
    margin-top: 15px;
}

/* textarea */
.tag_area {
	border:1px solid #B7B7B7;
	background-color:#EFEFEF;
	-webkit-box-shadow: 1px 1px 2px #D6D6D6 inset;
	box-shadow: 1px 1px 2px #D6D6D6 inset;
	overflow:auto;
	height:40px;
	width:600px;
	resize:none;
	font-size:12px;
	letter-spacing:0;
	border-radius:2px;
	line-height:13px;
	padding: 3px 2px;
	margin:5px 0 15px 0;
}
blockquote.citation_example {
    margin-bottom: 2rem;
    width: 700px;
}
.citation_example div {
    margin: 10px 20px 10px auto;
    width: max-content;
}
img.matome_link {
    margin: 5px 15px;
    width: 700px;
}
.cont.link ul.link_ul li {
    list-style: disc;
    margin-left: 20px;
}
/********************
*
* 障害メンテお知らせ(trb_info)
*
*********************/

/* お知らせ一覧 */
#mainte_summary {
	padding: 20px 0;
	width: 750px;
}

#mainte_summary table {
	border: 1px solid #BBBBBB;
	border-collapse:collapse;
	font-size: 14px;
}

#mainte_summary table .data {
	background-color: #EDEDED;
	border: 1px solid #BBBBBB;
	padding: 10px;
	width: 100px;
	text-align:center;
}

#mainte_summary table th.data {
	background-color: #DCDCDC;
}

#mainte_summary table .body {
	border: 1px solid #BBBBBB;
	padding: 10px;
	width: 600px;
	text-align:left;
}


/* お知らせ詳細 */
#mainte_detail {
	padding: 10px 0;
	width: 750px;
}

/* タイトル */
#mainte_detail .title {
	border-bottom: 1px solid #FF7D63;
	border-left: 8px solid #FF7D63;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;
	text-align: left;
	width: 725px;
}

/* 掲載開始日 */
#mainte_detail .reg_date {
	width: 98%;
	text-align: right;
}

#mainte_detail table {
	border: 1px solid #BBBBBB;
	border-collapse:collapse;
	font-size: 14px;
  width: 100%;
}

#mainte_detail table th,
#mainte_detail table td {
	border: 1px solid #BBBBBB;
	padding: 10px;
	width: 600px;
}

#mainte_detail table th {
	background-color: #EDEDED;
	width: 100px;
}

#mainte_detail table td {
	text-align:left;
}

/* 記載内容追記 */
#mainte_detail table td hr {
	background-color: #999999;
	border: medium none !important;
	color: #999999;
	height: 1px;
	margin: 10px 0;
	padding: 0;
}

#mainte_detail table td .added {
	color: #FF6600;
	font-weight: bold;
}

#mainte_detail .trb_list {
	margin: 10px;
	text-align: right;
}

.mainte2 {
	width: 96%;
	margin: 0 auto 15px;
}
/********************
*
* お問い合わせ・ログ照会の「お問い合わせの前に」
*
*********************/

.beforeInquiry a img {border:none;}
.beforeInquiry {
	margin: 0px 25px;
}

.beforeInquiry div {
	font-size: 13px;
	margin: 10px 0 5px;
}

.beforeInquiry ul {
	list-style:none!important;
	margin: 0 -10px!important;
}

.beforeInquiry ul > li {
	border-bottom: 1px dashed #999999;
	padding: 10px 0;
}

.beforeInquiry ul > li:first-child {
	border-top: 1px dashed #999999;
}

.beforeInquiry ul li ul li,
.beforeInquiry ul li ul li:first-child {
	border-bottom: none;
	border-top: none;
	list-style:disc;
	padding: 0;
	margin: 0 15px;
}

.beforeInquiry ul li table.ansQ {
	display: table;
	margin-left: -2px;
	padding: 2px 0 0;
	width: 735px;
}

.beforeInquiry ul li td.ansA {
	vertical-align:top;
	font-weight:bold;
}

.beforeInquiry ul li td.slideClose {
	text-align:center;
	width: 730px;
}

.beforeInquiry ul li td.slideClose a {
	color: blue;
	display: block;
	font-size: 12px;
	padding: 1px;
	text-decoration: underline;
}

.beforeInquiry ul li td.slideClose a:hover {
	background-color: #EEEEEE;
}



/********************
*
* よくある質問()
*
*********************/

.safety h2, .safety h3,
.corp h2, .corp h3,
.rule h2, .rule h3,
.isp h2, .isp h3,
.guide h2, .guide h3,
.delpass h2,
.trip h2,
.ask h2,
.link h2 {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 5px;
}


.guidename {
	color:#dd0000;
	font-size:14px;
	font-weight:normal;
	margin:5px 15px;
}


.dis,.dis1 {
	width:auto;
	height:auto;
	display:block;
	padding:5px 7px;
	color:#666666;
}

/* サブ画面 */
.sub,.sub1 {
	background:url(https://img.bakusai.com/p/img/g41.gif) 7px 5px no-repeat;
	padding-left:20px;
	padding-top:3px;
}

.dis,.sub {
	background-color:#FCE4E8;
}

.dis1,.sub1 {
	background-color:#FFFFFF;
}

.dis img, .dis1 img {
	vertical-align:middle;
	margin-right:2px;
}

.sml {
	color:#666666;
}


/********************
*
*  削除依頼について
*  運用方針について等
*
*********************/
.cont ol.contents {
	margin: 5px 5px 5px 25px;
	padding: 0 5px 0 15px;
}
.cont ol.contents li {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.cont ol.contents ul {
	list-style: outside none disc;
	margin: 0 0 25px 5px;
}

.cont ol.contents ul li,
.cont ol.contents p {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}

.cont ol.contents p {
	line-height: 1.4em;
	margin: 5px;
}

.cont ol.contents h2 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 5px 5px;
	margin: 0;
}

/********************
*
*  注意事項
*
*********************/
div.notes_before_sending {
    padding: 10px 5px;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    background: #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 2px;
    width: 100%;
}
div.notes_before_sending div.bpTitle {
    border-bottom: 3px solid #c8c8c8;
    color: #000;
    font-size: 14px;
    padding: 3px 10px;
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", "sans-serif", "Segoe UI Emoji", "Noto Color Emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "Segoe UI Symbol", "Noto Emoji";
}
div.notes_before_sending ol {
    margin: 10px 5px 5px 0px;
    padding: 0px 0px 0 10px;
}
div.notes_before_sending ol li {
    line-height: 1.4em;
    list-style: decimal;
    padding: 1px 0;
    margin: 0 5px 0 20px;
    border: medium none;
    font-size: 14px;
    line-height: 20px;
}

div.isp article section div.notes_before_sending {
    margin: 10px 5px 15px 40px;
    width: calc(100% - 45px);
}



/*2021.1 add 会員登録機能ページ*/
section.entry_news {
    max-width: 1000px;
}

section.entry_news .div-access {
    max-width: 1100px;
    margin-top: 3rem;
}

.entry_container {
    display: flex;
    max-width: 1000px;
    min-width: 800px;
    gap: 6px;
    justify-content: space-around;
}
.entry_container:not(:first-of-type) {
    margin-bottom: 3rem;
}

.entry_banner {
    display: flex;
    flex-direction: column;
}
img.entry_banner, .entry_banner span {
    max-width: 700px;
    margin: auto;
    display: block;
    width: 70%;
}
.entry_banner span {
    margin: 5px auto 20px;
    font-size: 12px;
}

.entry_text {
    width: 95%;
    max-width: 500px;
    margin: 10px auto 2rem;
    background: var(--bakusai_blue);
    padding-top: 10px;
    color: #fff;
    box-shadow: 0 0 0 3px #fff, 0 0 0 8px var(--bakusai_blue);
    border-radius: 1px;
    box-sizing: border-box;
}
.entry_text img {
    width: 200px;
    margin: auto auto -2rem;
}
.bakusai_user {
    background: #fff;
    color: var(--bakusai_blue);
    max-width: 300px;
    width: 60%;
    min-width: 220px;
    margin: 1rem auto 1rem;
    display: grid;
    place-content: center;
    padding: 0.7rem 0;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.entry_free {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 28px;
    margin: auto;
    width: max-content;
    list-style: none;
}
.entry_text ul {
    max-width: 300px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    font-size: 16px;
    list-style: none;
    font-weight: bold;
    text-decoration: underline;
}
a.bakusai_user {
    border-radius: 3px;
    background: orange;
    border-right: solid 3px #f17f3d;
    border-bottom: solid 3px #f17f3d;
    color: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
}
a.bakusai_user:hover {
    border: none;
}
.entry_text p {
    background: #fff;
    margin: 1rem 0;
    height: 40px;
    color: var(--bakusai_blue);
    display: grid;
    place-content: center;
    font-size: 16px;
    font-weight: bold;
}

.member_comparison{
    margin-top: 1rem;
    width: 47%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.hikaiin span {
    background-color: #eaeaea;
}

.kaiin span {
    background-color: #c91115;
}

.member_comparison .title{
    width: 100%;
    height: 2rem;
    display: block;
    text-align: center;
    margin: auto;
    line-height: 2rem;
}

.kaiin span.title {
	color: 	#fff;
	font-weight: 	bold;
}

.kaiin .entry_one {
    width: max-content;
}

.entry_one {
    display: flex;
    margin: auto;
    justify-content: space-evenly;
    width: 100%;
    max-width: 410px;
    min-width: 240px;
    align-items: center;
}

.entry_one img {
    width: 79px;
}
.member_comparison .user_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    flex-grow: 1;
}

.hikaiin .user_box  {
    background-color: #eee;
}
.kaiin .user_box  {
	border: solid 2px #c91115; /*red*/
    background-color: #fbf8e9; /*yellow*/
}
.user_box {
    margin-top: 1rem;
    padding: 1rem;
}
.entry_child {
    text-align: center;
}
.entry_child p{
    height: 20px;
    margin: auto;
}

i.fas.fa-caret-right {
    font-size: 1.5rem;
    color: #0d507e; /*blue*/
}

.entry_two {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.post_limit {
    display: grid;
    width: max-content;
    grid-template-rows: max-content max-content 0;
}

.entry_two .entry_child:after {
    bottom: 4.5rem;
    left: 9rem;
}

.entry_child:last-child:after{
	content: 	"";
}

i.fas.fa-long-arrow-alt-right {
    color: #c91115;
    font-size: 48px;
    top: 8.8rem;
    position: relative;
}

.entry_two img.entry_img {
    width: 100%;
    margin-top: 2px;
}

.entry_two .entry_child:last-of-type {
    margin: auto;
}

i.fas.fa-exclamation-triangle {
    font-size: min(8vw,50px);
    background: #fbf8e9;
}

.entry_three {
    margin: auto;
}

.entry_three .entry_child {
    background: none;
    color: #c91115;
}

.entry_three .entry_child p {
    height: max-content;
    margin: auto;
    display: inline-block;
}

.entry_three .entry_child img{
    width: -webkit-fill-available;
    width: 100%;
}

.entry1 {
    margin-bottom: 3rem;
    max-width: 1000px;
    min-width: 800px;
}

a.login_mail {
	display: flex;
    margin: auto;
    width: max-content;
    align-items: center;
}

a.login_mail img {
	width: 20px;
    margin-right: 4px;
}

.entry_smallbox {
    display: block;
    padding-left: 25px;
    box-sizing: border-box;
    max-width: 1000px;
    min-width: 800px;
}

img.entry_img.mypage_image {
    width: 400px;
    display: block;
	border: solid 1px #eee;
	margin: 1rem 25px;
}
div.entry_mypage_warpper{
    max-width: 1000px;
    width: auto;
    min-width: 800px;
}

img.entry_mypage_img {
	width: 50rem;
    max-width: max-content;
    display: block;
    margin: 1rem 0;
}

img.entry_mypage_img{
    border: solid 1px #eee;
}

  .entry_ohayameni {
    width: 510px;
    margin: 1rem auto;
    border: 1px dashed #CC6600;
    display: flex;
    align-items: center;
    padding: 8px 4px;
}
  .entry_ohayameni img {
    margin: 0 8px 0 4px;}

.hikaiin .user_box.user_box_long,
.kaiin .user_box.user_box_long {
    width: 472px;
	max-width: max-content;}


.main_extension {
	margin: 0 auto 2rem 25px;
	border-radius: 10px;
	max-width: 810px;
}

.flex_box {
    display: flex;
    margin-bottom: 2rem;
}
.plan_box h4 {
    color: #000;
    font-weight: bold;
    margin: 2rem auto 0.3rem;
    text-align: center;
    width: max-content;
}
i.fas.fa-tools {
    margin: auto 0.5rem;
}

.plan_box {
    width: 300px;
}
.plan_list {
    background: #f5f5f5;
    padding: 1rem;
    line-height: 1.5rem;
    border-top: solid 5px #0d507e;
    margin: auto;
    width: 200px;
}

.plan_comment img {
    width: 7rem;
    object-fit: contain;
}

.plan_comment {
    display: flex;
}

.plan_comment span.fukidashi {
    height: max-content;
    margin: 0 !important;
    border: solid 5px #f3b804;
    border-radius: 10px;
    position: relative;
    padding: 1rem 2rem;
    width: max-content;
}

.plan_comment span.fukidashi:before{
content: "";
  position: absolute;
  top: 50%;
    right: -23px;
    margin-top: -14px;
    border: 15px solid transparent;
    border-left: 15px solid #FFF;
  z-index: 2;
}
.plan_comment span.fukidashi:after{
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -14px;
    border: 15px solid transparent;
    border-left: 15px solid #f3b804;
    z-index: 1;
}

/* ログインボタン */
.login_button {
    flex-flow: column;
    display: flex;
    justify-content: space-around;
    margin: 0 auto 1rem;
}
.entry_link {
    margin: 2rem auto;
    text-align: center;
    background: #fff;
    border: solid min(4rem, 52px) #cbcbcb;
    padding: 1rem max(3rem, 16px) 2rem;
    box-sizing: border-box;
    max-width: 1000px;
    min-width: 423px;
}

.entry_link p {
    margin: 5px 20px;
    line-height: 1.4em;
    text-align: center;
}

.login_l {
    background: #06C755;
}
.login_g {
    background: #3E82F1;
    border: solid 1px #3E82F1;
}
.login_t {
    background: #009EF7;
}
.login_X {
    background: #000;
}
.login_m {
    background: var(--bakusai_blue);
}
.new_login_m{
    background: #cbcbcb;
}

.login_l,
.login_g,
.login_t,
.login_X,
.login_m,
.new_login_m{
    max-width: 500px;
    height: 50px;
    border-radius: 5px;
    margin:0px auto 0.5rem;
    display: grid;
    width: 100%;
}

.login_l a,
.login_g a,
.login_t a,
.login_X a,
.login_m a{
    align-items: center;
    display: flex;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.login_l a span,
.login_g a span,
.login_t a span,
.login_X a span,
.login_m a span,
.new_login_m a span{
    width: calc(100% - 100px);
    letter-spacing: 1.5px;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
}

.login_g img{
    background: #fff;
    margin-left: 1px;
    padding: 6px;
    border-radius: 3px 0 0 3px;
}

.login_g img{
    width: 35px !important;
    margin: 0 5px 0 10px;
}

.login_l img,
.login_t img{
    margin: 0 5px 0 15px !important;
    width: 35px !important;
}

.login_X img{
    margin: 0 5px 0 15px !important;
    width: 32px !important;
}

.login_m i.fa.fa-sign-in{
    color:#FFF;
    font-size: 32px;
    width: auto !important;
    margin:0px 5px 0px 17px !important;
    vertical-align: 0px !important;
    margin-left: 10px;
}

.new_login_m a{
    align-items: center;
    display: flex;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: calc(100% - -100px);
}

.resListForm .inqForm .sectionTitle i {
	width: 13px;
}
h3.new_entry {
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
    width: 100%;
    margin: 0 auto 0.5rem;
}

.entry_link h4 {
    color: var(--bakusai_blue);
    font-size: 1rem;
    font-weight: bold;
    margin: 1rem auto;
    border-bottom: dotted 2px;
    padding-bottom: 4px;
}

.entry_link img {
    width: 13rem;
}

/* 会員登録 table */
table.entry-user_table {
    border-collapse: collapse;
    margin: 0 auto 0;
    padding: 0;
    min-width: 840px;
    max-width: 1000px;
    table-layout: fixed;
}

table.entry-user_table tbody {
    border: solid 2px #eee;
}

table.entry-user_table thead th {
    padding: 0.7em 10px 0.7em 1em;
    font-size: 1rem;
    font-family: sans-serif;
}
table.entry-user_table thead th.member {
    border: solid 4px var(--bakusai_blue);
    background: var(--bakusai_blue);
    color: #fff;
}

table.entry-user_table thead th.non-member {
    border: solid 2px #eee;
    background:  #eee;
}

table.entry-user_table  tr {
    background: #fff;
    font-size: 0.9rem;
    padding: .35em;
}

table.entry-user_table  th {
    font-size: .85em;
}
table.entry-user_table  thead tr{
    background: #fff;
    font-size: 0.9rem;
}
table.entry-user_table tbody tr:nth-child(even) {
    background: #eee;
}

table.entry-user_table tbody th span,
table.entry-user_table tbody td span{
    font-size: 0.8rem;
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 1em 10px 1em 1em;
    font-feature-settings: "palt" on;
}

table.entry-user_table tbody th {
    padding: 0;
    width: calc(100% / 3);
}

table.entry-user_table tbody th span a {
    margin: auto 8px;
    font-family: sans-serif;
		white-space: nowrap;
}

.td_member span,
.td_nomem span{
    text-align: left;
    flex-direction: column;
}

td.td_member {
    border: solid 4px var(--bakusai_blue);
}
table.entry-user_table tbody tr:last-child td.td_member {
    border-bottom: solid 4px var(--bakusai_blue);
}

td.td_nomem {
    border: solid 2px #eee;
}
td.td_member,td.td_nomem {
    box-sizing: border-box;
    border-top: none;
    border-bottom: none;
    width: calc(100% / 3);
}
p.ok_ng {
    font-weight: bold;
    color: var(--bakusai_blue);
    font-size: 2.4rem;
    margin: 0;
    line-height: 0.9;
}

td.td_nomem .ok_ng {
    color: #6d6d6d;
}
table.entry-user_table tbody td span p + p + p {
    margin: 0px 20px;
}
p.member_memo {
    font-size: 12px;
}

img.entry_img {
    width: 72px;
}

img.entry_impostor {
    width: 110px;
}
.entrytitle_twoline {
    text-align: left;
}

.only_lgbt {
    width: auto;
    font-size: 12px;
    background: #ffb42b;
    color: #fff;
    padding: 2px 4px;
    text-align: left;
    display: inline-block;
    margin: 2px 10px 2px;
    font-weight: normal;
    font-family: Segoe UI emoji;
}

.entrytitle_twoline.more_cate {
    display: flex;
    flex-direction: column;
}

/**
 * 2021.5 Mypage
 */

section.mypage section {
    width: 500px;
    margin: 1rem auto 2rem;
}

section.mypage h2 {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.mypage_icon {
    margin: 1rem auto;
    width: max-content;
}

.mypage_icon img {
    width: 100px;
}

.mypage_name {
    display: flex;
    margin: 1rem auto;
    width: max-content;
}

.mypage_name p {
    font-weight: bold;
    font-size: 1.2rem;
}

.mypage_name a {
    margin: auto;
}

.mypage_name i {
    margin: auto 0 auto 10px;
}

p#mypage_name_annotation {
    font-size: 0.7rem;
    color: gray;
    margin: auto;
    width: 380px;
}

.swich_name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_good_on_wrap,
.btn_anchor_on_wrap {
  transform: scale(0.8);
}
.btn_name_on,
.btn_user_mode_on,
.btn_good_on,
.btn_anchor_on {
    display: flex;
    margin: 0 auto 1rem;
    background: #f6f6f6;
    align-items: center;
}
.btn_good_on,
.btn_anchor_on {
    background: #efefef;
}
.btn_name_on,
.btn_user_mode_on {
    width: 380px;
    justify-content: space-around;
    padding: 8px 0;
}
.btn_good_on,
.btn_anchor_on {
    width: 480px;
    justify-content: space-between;
    padding: 8px 25px;
    box-sizing: border-box;
}
.btn_name_on p,
.btn_user_mode_on p,
.btn_good_on p,
.btn_anchor_on p {
    margin: auto 0;
}
.btn_name_on.name_change,
.btn_user_mode_on.user_mode_change,
.btn_good_on.good_change,
.btn_anchor_on.anchor_change {
    margin: 1rem auto;
}
/* on off btn */
input#name_on,
input#user_mode_on,
input#good_on,
input#anchor_on {
    display: none;
}
input#name_on+label,
input#name_on+label::before,
input#name_on+label::after,
input#user_mode_on+label,
input#user_mode_on+label::before,
input#user_mode_on+label::after,
input#good_on+label,
input#good_on+label::before,
input#good_on+label::after,
input#anchor_on+label,
input#anchor_on+label::before,
input#anchor_on+label::after {
    -webkit-transition: all .2s;
    transition: all .2s;
}
input#name_on+label,
input#user_mode_on+label,
input#good_on+label,
input#anchor_on+label {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 30px;
    border-radius: 25px;
    cursor: pointer;
}
input#name_on+label::before,
input#user_mode_on+label::before,
input#good_on+label::before,
input#anchor_on+label::before {
	display: block;
    content: attr(data-off-label);
    position: absolute;
    top: 7px;
    right: 12px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
input#name_on+label::after,
input#user_mode_on+label::after,
input#good_on+label::after,
input#anchor_on+label::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 6px;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border-radius: 50%;
}
input#name_on:checked+label::before,
input#user_mode_on:checked+label::before,
input#good_on:checked+label::before,
input#anchor_on:checked+label::before {
    content: attr(data-on-label);
    left: 10px;
    right: auto;
    color: #fff;
}
input#name_on:checked+label::after,
input#user_mode_on:checked+label::after,
input#good_on:checked+label::after,
input#anchor_on:checked+label::after {
	left: 52px;
	background-color: #f7f7f7;
}
#name_on+label,
#user_mode_on+label {
	background-color: #eee;
}
#good_on+label,
#anchor_on+label {
	background-color: #ddd;
}
#name_on+label::before,
#user_mode_on+label::before,
#good_on+label::before,
#anchor_on+label::before {
	color: #aaa;
}
#name_on:checked+label,
#user_mode_on:checked+label,
#good_on:checked+label,
#anchor_on:checked+label {
	background-color: #43D550;
}
#name_on:checked+label::before,
#user_mode_on:checked+label::before,
#good_on:checked+label::before,
#anchor_on:checked+label::before {
	color: #fff;
}

.name_change_alert,
.user_mode_change_alert {
	display: none;
}
.name_change_click,
.user_mode_change_click {
	display: block;
}

.name_change_alert,
.user_mode_change_alert {
	background: #0d507e;
    color: #fff;
    font-weight: bold;
    width: 380px;
    margin: auto;
    padding: 8px 0;
    align-items: center;
    text-align: center;
	position: relative;
}

.name_change_alert:before,
.user_mode_change_alert:before {
	content: "";
	position: absolute;
	top: -24px;
	left: 85%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #0d507e;
  }

  /* /btn */
.member_info {
    border-top: solid 3px #eee;
}

.member_info_wrap {
    display: flex;
    padding: 12px 24px 12px 12px;
    background: #fff;
    border-bottom: solid 4px #f6f6f6;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    text-decoration: none;
    color: #000;
    font-size: 10px;
    align-items: center;
}
img.member_X_icon {
    width: 10px;
    padding: 0px 4px 0px 0px;
}

.member_info_wrap.__gray {
    background: #f6f6f6;
}

.member_info_wrap h3,
.cont a.member_info_wrap {
    text-decoration: none;
    color: #000;
}
.twi_link {
    font-weight: bold;
}
span.member_status {
    width: max-content;
    padding: 4px 24px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

span.member_status.normal {
    background: #89B1C9;
}

span.member_status.warning {
    background: #FCED56;
    color: #000;
}

span.member_status.block {
    background: #F24C0C;
}

a.member_info_wrap i {
    font-size: 18px;
    color: #b6b6b6;
}

.mac {
    .member_info_wrap h3 {
        font-feature-settings: "palt" on;
    }

    input#idMatomeUrl {
        font-feature-settings: "palt" on;
        width: 220px;
    }

    button#matome_dl_btn {
        font-feature-settings: "palt" on;
    }
}

/* name change */

.mypage_profile {
    width: auto;
    margin: auto;
}

.namebox {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    width: 380px;
    margin: auto;
    padding-left: 4px;
}

.namechange_wrap #namelength {
	font-size: 11px;
	color: #b6b6b6;
  }

.mypage_profile .inputbox {
    display: flex;
	width: 380px;
    margin: auto;
}

.mypage_profile .inputbox input[type="text"] {
    border: none;
    border-bottom: solid 1px #b6b6b6;
    padding: 16px 0 16px 4px;
    font-size: 24px;
    font-weight: bold;
	width: 380px;
}

button#name_clear {
    border: none;
    background: none;
    border-bottom: solid 1px #b6b6b6;
    color: #b6b6b6;
    font-size: 18px;
    padding: 0;
	cursor: pointer;
}

.mypage_note {
    margin: 1rem auto;
    text-align: left;
}

.mypage_note_wrap {
    background: #eaeaea;
    padding: 16px;
    font-size: 12px;
}

.mypage_button {
    margin: auto;
    width: max-content;
}

.mypage_button input[type="submit"],
button#name_cancel,
button#user_mode_cancel {
    cursor: pointer;
    font-size: 15px;
    height: 40px;
    margin: 3px 5px;
    min-width: 100px;
    padding: 0 5px;
}

.mypage_button input[type="submit"]{
    background: #0d507e;
    color: #fff;
    border-radius: 3px;
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #b3b2b1;
    border-left: 1px solid #DEDEDE;
    font-weight: bold;
}

button#name_cancel,
button#user_mode_cancel {
    background: #fff;
    border-radius: 3px;
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #b3b2b1;
    border-left: 1px solid #DEDEDE;
}

#error_display {
	margin-top: 10px;
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", "sans-serif", "Segoe UI Emoji", "Noto Color Emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "Segoe UI Symbol", "Noto Emoji";
}

/* 会員ステータス */

section.mypage.status section {
    width: 800px;
    margin: 1rem auto 1rem 1rem;
    clear: both;
}

.mypage_note_status dl {
    display: flex;
    padding: 16px 8px;
    border: dotted 2px #b6b6b6;
    width: 90%;
    margin: 1rem auto;
}

.mypage_note_status dl img {
    width: 100px;
    margin: auto 1rem auto 0;
}

.mypage_note_status dt {
    font-weight: bold;
    font-size: 16px;
    margin: auto auto 1rem;
}

.mypage_note_status i.fas.fa-caret-right {
    color: blue;
    transform: none;
    font-size: 14px;
    text-decoration: inherit;
}

.mypage_note_status {
    padding: 15px 10px;
	line-height: 1.5;
}

/* 「ログインしました」表示 */
#login_back_info {
	background-color: #eaecf1;
	line-height: 25px;
	margin-top: -5px;
	font-size: 12px;
	font-weight: bold;
	color: #164e79;
	padding: 3px 0 3px 15px;
	text-align: right;
}

#login_back_info .login_back_info_text {
	float: left;
}

#login_back_info .login_info_close {
	padding-right: 15px;
	cursor: pointer;
}

/**
 * 2021.4.1 BAKUMINTIA
 */
img.bksi_news_mainImg {
    width: 660px;
    margin: auto;
    display: block;
}
.bksi_news_wrap {
    width: 672px;
    margin: auto;
}

.bksi_news_title {
    width: 100%;
    margin: 1rem auto;
    height: max-content;
    padding: 8px 2rem;
    background-image: url(https://img2.bakusai.com/p/img/bksi_news_back.jpg);
    box-sizing: border-box;
    line-height: 1.2;
    color: #fff;
    background-color: rgba(1,13,79,0.6);
    background-blend-mode: darken;
}

.bksi_news_title div {
    display: flex;
    padding: 8px 0;
}

.bksi_news_title p {
    margin: 0;
    padding: 3px 8px;
    color: #fff;
    font-size: 14px;
}

.bksi_news_title span {
    background: #46cfdc;
}

.bksi_news_title h2 {
    margin: auto;
    display: block;
    padding: 0.5rem 0 1rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}

section.bksi_news p {
    line-height: 1.5;
    margin: 0;
}

section.bksi_news h3 {
    color: #000;
    line-height: 1.2;
    font-size: 1.2rem;
    background: url(https://img2.bakusai.com/p/img/bksi_news_back.jpg);
    background-position: left;
    background-size: 8px 48px;
    background-repeat: no-repeat;
    border-bottom: solid 2px;
    padding: 0.4rem 0;
    font-weight: bold;
	margin: 1rem 0;
}

section.bksi_news h3 span {
    padding: 0 2rem;
    display: block;
}

section.bksi_news_img {
    justify-content: space-between;
    display: flex;
    margin: 1rem auto 3rem;
    padding: 0 1rem;
}

section.bksi_news_img img {
    width: 30%;
}

.bksi_news_1st-paragraph {
    align-items: start;
}

.bksi_news_1st-paragraph img {
    width: 100%;
    object-fit: contain;
    margin: 0 2rem 1rem auto;
    display: block;
}

.bakumintia_pr {
    float: left;
    display: grid;
    width: 40%;
    margin-right: 2rem;
}

.bakumintia_pr p {
    clear: both;
    font-size: 12px;
    color: gray;
    margin: 0;
}

.bksi_news_2nd-paragraph {
    display: flex;
	margin: 2rem auto;
}

.bksi_news_2nd-paragraph img {
    width: 34%;
    object-fit: contain;
    margin-left: 2rem;
}

p.bksi_news_annotation {
    font-size: 10px;
    margin: 1rem 0;
}

.notification_thr-res {
    margin: 5px 0 5px 15px;
    line-height: 17px;
    width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

/* 通知機能 */
.notification_list {
    position: relative;
}

.notifi_list_wrap,
.no_notifi_list_wrap {
    padding: 2px 14px 10px 36px;
    background: #fff;
    border-bottom: solid 3px #dfdfdf;
    box-sizing: border-box;
    color: #000;
    position: relative;
}
.notifi_list_wrap {
    width: 99%;
}
.no_notifi_list_wrap {
    width: 99%;
}

.notifi_list_wrap.unread {
    background: #DFFFFF;
}

.notifi_list_wrap h3 {
    text-decoration: none;
    color: #000;
    font-size: 15px;
}

span.notifi_good,
span.notifi_angle {
    float: left;
    font-size: 16px;
    margin-right: 3px;
    position: absolute;
    top: 13px;
}

span.notifi_good {
    color: #ff5260;
    top: 7px;
}

span.notifi_angle {
    color: #0043ff;
    left: 38px;
    top: 7px;
}

.notification_list a.untapped::after {
    content: "\f111";
    font-family: 'FontAwesome';
    font-weight: bold;
    font-size: 10px;
    display: block;
    color: #00A0E9;
    position: absolute;
    left: 15px;
    top: 37px;
}

.notifiTime {
    text-align: right;
}

span.notifiTimeText {
    font-size: 13px;
}

.notification_loading {
    text-align: center;
}

.notification_loading img {
    width: 30px;
}

.notifiSeeMore {
    padding: 15px 0 0;
}

span.notifiSeeMore_text:hover {
    cursor: pointer;
}

.notification_area {
    display: flex;
    justify-content: space-between;
    margin: 0 0 3px 0;
}

span.notifi_setting {
    font-size: 20px;
    padding: 5px 10px 0;
    cursor: pointer;
    color: #0d507e;
}

/* 通知設定 */
.notification_setting_area {
    position: relative;
}

.notification_setting_box {
    background: #fff;
    padding: 10px;
    width: 550px;
    box-sizing: border-box;
    margin: 0 auto;
}

.notification_setting {
    text-align: center;
}

.notification_setting p {
    cursor: auto;
}

.notification_setting_box p {
    cursor: pointer;
    margin: 0;
}

p#notification_headbtn {
    color: #0d507e;
    font-size: 21px;
    position: absolute;
    top: 4px;
}

div#notification-bg-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0;
		background: rgba(0, 0, 0, 0.7);
}

span.setting_no_value {
    display: none;
}

.see_more_button a {
    color: #0d507e;
}

.see_more_button {
    margin: 20px auto 10px;
    background: #fff;
    border: solid 1px #0d507e;
    border-radius: 5px;
    text-align: center;
    padding: 10px 30px;
    width: 30%;
}

span.see_more_icon {
    font-size: 25px;
    vertical-align: -3px;
}

.notifications_bottom {
    margin-bottom: 225px;
}

.notification_box {
    display: flex;
    justify-content: space-between;
}

.notification_cont {
    width: 680px;
    margin: 10px auto 10px;
}

.notification_setting {
		height: 600px;
}

**************
*
* BAKUMINTIA(mobile)
*
*********************/
.bksi_news_wrap {
    width: 100%;
    margin: auto;
}

img.bksi_news_mainImg {
    width: 100%;
}


.bksi_news_title {
    width: 100%;
    margin: 1rem auto;
    height: max-content;
    padding: 8px 2rem;
    background-image: url(https://img2.bakusai.com/p/img/bksi_news_back.jpg);
    box-sizing: border-box;
    line-height: 1.2;
    color: #fff;
    background-color: rgba(1,13,79,0.6);
    background-blend-mode: darken;
}

.bksi_news_title div {
    display: flex;
    padding: 8px 0;
}

.bksi_news_title p {
    margin: 0;
    padding: 3px 8px;
    color: #fff;
    font-size: 14px;
}

.bksi_news_title span {
    background: #46cfdc;
}

.bksi_news_title h2 {
    margin: auto;
    display: block;
    padding: 0.5rem 0 1rem;
}
section.bksi_news p {
    line-height: 1.5;
    order: 2;
    margin: auto 8px;
}

#contents article section.bksi_news h3 {
    color: #000;
    line-height: 1.2;
    font-size: 1.2rem;
    background: url(https://img2.bakusai.com/p/img/bksi_news_back.jpg);
    background-position: left;
    background-size: 0.5rem 90%;
    background-repeat: no-repeat;
    border-bottom: solid 2px;
    padding: 0.4rem 0;
    margin: 1rem auto;
	height: auto;
}

section.bksi_news h3 span {
    padding: 0 1.5rem;
    display: block;
}

section.bksi_news_img {
    justify-content: space-between;
    display: flex;
    margin: 1rem auto 3rem;
    padding: 0 1rem;
}

section.bksi_news_img img {
    width: 30%;
}

.bksi_news_1st-paragraph {
    align-items: start;
}

.bksi_news_1st-paragraph img {
    width: 100%;
    object-fit: contain;
    margin: auto;
}

.bakumintia_pr {
    margin: 1rem auto;
}

.bakumintia_pr p {
    clear: both;
    font-size: 12px;
    color: gray;
}

.bksi_news_2nd-paragraph {
    display: flex;
    flex-direction: column;
}

.bksi_news_2nd-paragraph img {
    width: 100%;
    object-fit: contain;
    order: 1;
    margin: 1rem auto;
}

p.bksi_news_annotation {
    font-size: 10px;
	margin: 1rem 8px 2rem;
}

/********************
*
* コラボ募集
*
*********************/
article#collaboration div {
   margin: 10px;
}

#collaboration img {
	display: block;
	object-fit: contain;
	justify-content: stretch;
	align-items: flex-start;
	height: auto;
  }

.collaboration_ex,
#collaboration .distyBox {
    max-width: 1000px;
}

#collaboration ul.requestLists {
    display: flex;
	justify-content: stretch;
    align-items: center;
}

#collaboration .requestLists li {
    background-color: #fffce3;
    border: 3px solid #f3e46b !important;
    text-align: center;
    margin: auto;
    width: 30%;
    display: block;
}

#collaboration ul.requestLists li:nth-child(2n) {
  right: auto;
}

div#collaboration span.fukidashi p {
    padding: 8px;
}

#collaboration div.collabo_01 {
    justify-content: center;
    align-items: center;
    margin: auto;
}

.collabo_01 img {
  margin: 24px;
  object-fit: contain;
  display: block;
}

.collabo_mintia {
    display: flex;
    max-width: 900px;
	justify-content: stretch;
    align-items: center;
}

.collabo_mintia img,
.bakumintia_gallery img {
    width: 40%;
    max-width: 408px;
    display: block;
    margin: auto 1rem auto 0;
    object-fit: contain;
}

.collabo_mintia p,
.bakumintia_gallery p {
    margin: 1rem;
}

#collaboration div.bakumintia_gallery,
.collabo_camp_gallery {
    max-width: 600px;
    margin: 1rem auto 3rem 1rem;
}

.collabo_camp_gallery_media{
    max-width: 1000px !important;
}

.bakumintia_gallery img,
.collabo_camp_gallery img {
    margin: 0 auto;
    justify-content: stretch;
    align-items: flex-start;
}

.bakumintia_gallery span,
.collabo_camp_gallery span {
    display: flex;
    margin: 10px auto;
    object-fit: contain;
    justify-content: stretch;
    align-items: flex-start;
}

.bakumintia_gallery span img,
.collabo_camp_gallery span img {
    width: 96%;
    height: auto;
    object-fit: contain;
}

#collabo_web_img img {
    max-width: 408px;
}

.collabo_camp_mv img {
		width: 600px;
		margin: 0 0 20px 20px;
}

p.collabo_camp_txt {
    width: 600px;
}

.event_sousenkyo img {
    width: 360px;
}

p.event_sousenkyo_link {
    margin: 5px 0 0;
}

/* twitterフォローボタン */
.mente_twitter-follow {
    display: flex;
		margin-top: 15px;
}

.mente_twitte_button {
    margin-top: 3px;
}

@media screen and (max-width: 1225px) {

.bksi_news_wrap {
    width: 100%;
    margin: auto auto auto 20px;
    max-width: 900px;
}

.bksi_news_title {
    width: 100%;
    margin: 1rem auto;
    height: max-content;
    padding: 8px 2rem;
    background-image: url(https://img2.bakusai.com/p/img/bksi_news_back.jpg);
    box-sizing: border-box;
    background-size: cover;
    line-height: 1.2;
    color: #fff;
}

.bksi_news_title div {
    display: flex;
    padding: 8px 0;
}

.bksi_news_title p {
    margin: 0;
    padding: 3px 8px;
    color: #fff;
    font-size: 14px;
}

.bksi_news_title span {
    background: #46cfdc;
}

.bksi_news_title h2 {
    margin: auto;
    display: block;
    padding: 0.5rem 0 1rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}

section.bksi_news p {
    line-height: 1.5;
    margin: 0;
}

section.bksi_news h3 {
    color: #000;
    line-height: 1.2;
    font-size: 1.2rem;
    background: url(https://img2.bakusai.com/p/img/bksi_news_back.jpg);
    background-position: left;
    background-size: 8px 48px;
    background-repeat: no-repeat;
    border-bottom: solid 2px;
    padding: 0.4rem 0;
    font-weight: bold;
	margin: 1rem 0;
}

section.bksi_news h3 span {
    padding: 0 2rem;
    display: block;
}

section.bksi_news_img {
	margin: 1rem auto 3rem;
    padding: 0 1rem;
    display: -webkit-box;
    display: flex;
    justify-content: stretch;
    align-items: center;
}

section.bksi_news_img a {
    padding: 0 10px;
}

section.bksi_news_img img {
    width: 100%;
    display: block;
    object-fit: contain;
    margin: 0 auto;
    justify-content: stretch;
    align-items: flex-start;
    max-width: 100%;
    height: auto;
}

.bksi_news_1st-paragraph {
    align-items: start;
}

.bksi_news_1st-paragraph img {
    width: 100%;
    object-fit: contain;
    margin: 0 2rem 1rem auto;
    display: block;
}

.bakumintia_pr {
    float: left;
    display: grid;
    width: 40%;
    margin-right: 2rem;
}

.bakumintia_pr p {
    clear: both;
    font-size: 12px;
    color: gray;
    margin: 0;
}

.bksi_news_2nd-paragraph {
    display: flex;
    margin: 2rem auto;
    justify-content: stretch;
    align-items: flex-start;
}


.bksi_news_2nd-paragraph img {
	width: 34%;
    object-fit: contain;
    margin-left: 2rem;
    display: block;
    object-fit: contain;
    margin: 0 auto;
    justify-content: stretch;
    align-items: flex-start;
    max-width: 100%;
    height: auto;
}

p.bksi_news_annotation {
    font-size: 10px;
    margin: 1rem 0;
}
}

/*h1,h2,h4 NEW見出し20230117*/
.contentsHeadline{
display: block;
}
.distyBox:after{
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 48px;
    margin-top:24px;
}

#collaboration .distyBox:last-child::after{
    content:"";
    display: block;
    width: 100%;
    border-bottom: none;
    text-align: center;
    margin-bottom: 48px;
}

.distyBox > .split_into_two {
    margin-top: 24px;
}

/* h1 */
.contentsHeadline-h1{
    background:#FFF !important;
    font-size:20px !important;
    font-weight: bold;
    color:#111;
    margin:0 0 10px;
    padding:10px 0px 10px 10px;
    position: sticky;
    border-bottom:4px solid #0d507e;
    line-height: 1.2em;
}

.contentsHeadline-h1::after{
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 10%;
	height: 4px;
	content: '';
	background: #bfcc38;
}

/* h2 */
.contentsHeadline-h2{
    background:#FFF !important;
    font-size:20px !important;
    font-weight: bold;
    color:#111;
    padding:10px 0px 10px 10px;
    margin:45px 0 10px 0px !important;
    position: sticky;
    border-bottom:4px solid #0d507e;
}

.contentsHeadline-h2::after{
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 10%;
	height: 4px;
	content: '';
	background: #bfcc38;
}

/* h3 fontawesome有 */
.ctgSubHeading{
    border-left:none !important;
	color: #111;
	font-size: 18px !important;
	font-weight: bold;
	height: auto;
    line-height: 1.2em;
	margin: 0px 0 10px 5px !important;
	padding: 0 !important;
}

.ctgSubHeading > .fa{
    color: #0d507e;
    padding-right: 5px;
    font-size: large;
}

.Contents_overview{
    display: block;
    max-width: 600px;
}

.Contents_overview > a {
    width: auto;
    display: inline-block;
}

.Contents_overview img{
    display: block;
    margin: auto 1rem auto 0;
    object-fit: contain;
    max-width: 600px;
    max-height: 500px;;
}

.Contents_overview p{
margin-left:0 !important;
}

/* h3 nofontawesome */
.ctgSubHeading_nofontawesome{
    border-left:none !important;
	font-size: 18px !important;
	font-weight: bold !important;
	height: auto;
    line-height: 1.2em;
}



.h3_margin_advertise > .ctgSubHeading_nofontawesome{
    overflow: hidden;
    color: #111 !important;
    border-bottom:none !important;
	margin-top: 0px !important;
    margin-left:10px !important;
    margin-bottom: 0px !important;
}


/* font-sizeのみh3 */
.emphasis_h3{
    font-size: 18px;
    color: var(--bakusai_green);
}

/* h4 */
.bakusai_h4 {
	border-left: 4px solid #0d507e;
	color: #111;
	font-size: 16px;
	font-weight: bold;
	height: auto;
	line-height: 20px;
	margin: 20px 0 10px 5px !important;
	padding: 0 0 0 10px !important;
}

/* h5 */
.bakusai_h5{
    padding-bottom:5px;
    margin:2px 20px 0px 20px;
    display:inline-block;
    border-bottom:1px solid #0d507e;
    font-size: 14px;
    color:#111;
    font-weight: bold;
    line-height: 1.4em;
}

.headingMargin{
    margin:10px auto 10px;
    display:inline-block;
}

/*bakumintia_gallery 分割*/
.bakumintia_gallery > .Wrap_01{
    max-width: 600px !important;
    display: block !important;
    margin: 10px auto 0px 0px;
    object-fit: contain;
    justify-content: stretch;
    align-items: flex-start;
}

.Wrap_01 img{
    max-width: 590px !important;
    width: 100%;
}

.bakumintia_gallery > .Wrap_02{
    max-width: 600px !important;
    display: flex !important;
    margin: 10px auto 10px auto;
    object-fit: contain;
    justify-content: stretch;
    align-items: flex-start;
}

.Wrap_02 img{
    margin: 0px 4px;
    width: 97% !important;
}
/********************
*
* cam_annoucement(キャンペーン当選者ページ)のcss
*
*********************/
.com_entry_link{
}

.contents_Wrap{
    display: block;
}
.contents_Wrap h2.contentsHeadline-h2 {
    margin: 16px 0 10px 0px !important;
}
div.contents_Wrap-body {
    width: 100%;
}
div.contents_Wrap-body-flex {
    width: 100%;
    display: grid;
    gap: 16px;
    margin: 0px auto;
    display: inline-flex;
}
div.contents_Wrap-body-flex img{
    width: 120px;
    height: 100%;
    vertical-align: bottom;
    flex-shrink: 0;
}
.com_visual{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
    align-items: center;
    margin: 10px auto 24px;
}
div.com_visual_img {
    text-align: center;
    margin: 0px auto 10px;
}
.com_visual img{
    width: 70%;
    max-height: 70%;
    vertical-align: bottom;
    object-fit: contain;
}
p.cam_caption {
    width: 100%;
}
.com_h3_Wrap{
    margin-bottom: 20px;
}
.com_h3_Wrap > P{
    margin: 5px 20px 5px 16px;
    width: 584px;
}

.com_Emphasis{
    font-weight: bold;
}
.attention_list{
    margin: 5px 20px 5px 27px !important;
}

.attention_list::marker{
    list-style: outside none disc;
}
/* 当選者順位順 */
div.WinnerBlock section {
    padding: 16px 0px;
    margin: 36px auto 16px;
    width: 100%;
    display: block;
    border-bottom: 2px dashed #666666;
}
div.WinnerBlock section:last-child {
    border-bottom: none;
}
div.FreebieBlock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0px auto 16px;
    gap: 8px;
}
div.FreebieBlock--ImgBlock {
    width: 100px;
    height: 100px;
}
div.FreebieBlock--ImgBlock img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
div.FreebieBlock--ElectoralRankWapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    color: #FFF;
    background-color: var(--bakusai_blue);
    border-radius: 50%;
    margin: 0px;
}
p.FreebieBlock--ElectoralRankWapper--ElectoralRank {
    margin: 0px;
    display: inline-flex;
    align-items: baseline;
    line-height: normal;
}
span.FreebieBlock--ElectoralRankWapper--ElectoralRank--Number {
    font-size: 26px;
}
span.FreebieBlock--ElectoralRankWapper--ElectoralRank--class {
    font-size: 16px;
}
div.FreebieBlock--FreebieWapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    line-height: normal;
    gap: 8px;
}
p.FreebieBlock--FreebieWapper--PrizeName {
    font-size: 24px;
    margin: 0px;
    line-height: normal;
}
p.FreebieBlock--FreebieWapper--Money {
    margin: 0px;
    color: #FF6600;
    display: inline-flex;
    align-items: baseline;
    line-height: normal;
}
.FreebieBlock--FreebieWapper--Money--value {
    font-size: 40px;
    line-height: normal;
}
.FreebieBlock--FreebieWapper--Money--yen {
    font-size: 40px;
    line-height: normal;
}
div.Number-of-Winners-Block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0px auto 16px;
    gap: 8px;
}
.Number-of-Winners-Block--Winner {
    font-size: 24px;
}
.annotation {
    font-size: 14px;
    position: relative;
    top: 5px;
}
.Number-of-Winners-Block--value {
    font-size: 16px;
    padding: 4px 12px;
    text-align: center;
    border: 1px solid #666666;
    border-radius: 3px;
}
/* キャンペーンアーカイブ */
ul.CampaignArchive_BOX {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 24px;
    margin: 0px auto;
}
li.CampaignArchive_List {
    list-style-type: none;
}
.CampaignArchive_Link {
    height: 100%;
    display: block;
    position: relative;
    width: 100%;
    padding: 16px;
    background-color:#FFF;
    border-radius: 4px;
    overflow: hidden;
    color: rgb(51, 51, 51);
    border: 1px solid #ccc;
    box-sizing: border-box;
    box-shadow: rgb(224, 224, 224) 0px 4px;
    text-decoration: none;
}
.CampaignArchive_Link:hover {
    background-color: color-mix(in srgb, #FFF 65%, #CCC);
}
.CampaignArchive_Link::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px;
    border-color: transparent var(--bakusai_blue) var(--bakusai_blue) transparent;
    content: "";
}
div.CampaignArchive_img img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
p.CampaignArchive_Title {
    margin:8px 0px 0px 0px;
    font-weight: bold;
    color: #000;
    display: inline-block;
}
p.CampaignArchive_About {
    margin: 8px 0px;
    color: #000;
    display: inline-block;
}
.CampaignArchive_Link:hover p.CampaignArchive_Title,
.CampaignArchive_Link:hover p.CampaignArchive_About {
    text-decoration: none;
    text-decoration-line: none;
}

/* ログイン情報入力 */
#com_entry_guide{
    margin-bottom: 10px;
    z-index: 99;
    position: sticky;
}

.com_entry_link{
    font-size: 17px;
    margin: 2rem auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.com_entry_link::after{
    margin-left: 0.5rem;
    border-top: solid 1px #666;
    content: "";
    width: 3em;
}

.com_entry_link::before{
    margin-right: 1em;
    border-top: solid 1px #666;
    content: "";
    width: 3em;
}

.com_entry_login{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center !important;
    color: #ff0000;
}

/* 当選者発表テーブル */
.com_result_mask{
    position: absolute;
    left: 0;
    top: 21px;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.2);
}

table.winner_announcement {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
table.winner_announcement tbody tr {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
table.winner_announcement.Less-than-4-persons tbody tr{
    justify-content: center;
}
table.winner_announcement tbody tr td{
    border: 1px solid #ccc;
    padding: 8px 6px;
    box-sizing: border-box;
    width: calc(100% / 5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
span.Winner-X-Name {
    max-width: 158px;
    width: 100%;
}
span.Winner-X-Name::before {
    content: "@";
}
table.winner_announcement tbody tr:nth-child(odd) td{
    background-color: #fff;
}
table.winner_announcement tbody tr:nth-child(even) td{
    background-color: #F5F5F5;
}
.mac {
    .Number-of-Winners-Block--value {
        padding: 0px 8px;
    }
    span.Winner-X-Name {
        max-width: 186px;
    }
}
/* 当選者テーブルタブデザイン */
:root {
    --Winning-Tab-bg-color: #ccc;
}
div.Winner-Tab-Design {
    position: relative;
}
div.Winner-Tab-list-Design {
    padding: 0px 10px;
    position: absolute;
    left: 0;
    display: flex;
    height: 33px;
    line-height: 30px;
}
div.Winner-Tab-list {
    background: var(--Winning-Tab-bg-color);
    height: 33px;
}
div.Winning-Number-Tab {
    border-top: solid 1px var(--Winning-Tab-bg-color);
    padding: 0 9px;
    background: var(--Winning-Tab-bg-color);
    color: #000 !important;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
div.Winning-Number-Tab.area-tab-list-Style {
    padding: 0 9px;
    background: #FFF;
    font-weight: bold;
    cursor: default;
    line-height: 24px;
    margin-top: 3px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.tab_r-corners_left,
.tab_r-corners_right {
    display: none;
}
div.Winning-Number-Tab.tabSelected {
    display: block;
}
div.Winning-Number-Tab.tabSelected .tab_r-corners_left,
div.Winning-Number-Tab.tabSelected .tab_r-corners_right {
    display: block;
    background: #FFF;
    width: 10px;
    height: 9px;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
div.Winning-Number-Tab.tabSelected .tab_r-corners_left::before,
div.Winning-Number-Tab.tabSelected .tab_r-corners_right::before {
    content: "";
    width: 10px;
    height: 9px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: var(--Winning-Tab-bg-color);
}
div.Winning-Number-Tab.tabSelected .tab_r-corners_left {
    left: -10px;
}
div.Winning-Number-Tab.tabSelected .tab_r-corners_right {
    right: -10px;
}
div.Winning-Number-Tab.tabSelected .tab_r-corners_left::before {
    border-bottom-right-radius: 8px;
}
div.Winning-Number-Tab.tabSelected .tab_r-corners_right::before {
    border-bottom-left-radius: 8px;
}
div.Winning-Number-Tab:last-child .tab_r-corners_right {
    display: none;
}
.tab-list_line {
    width: 1px;
    height: 18px;
    background-color: #fff;
    position: relative;
    top: 8px;
}
div.area-tab-list-Style + div.tab-list_line,
div.tab-list_line:has( + div.area-tab-list-Style)  {
    background-color: inherit;
}
div.Winner-Tab-Container .contentSelector {
    display: block;
}
div.Winner-Tab-Container .contentSelector table.winner_announcement:first-child tr td {
    border-top:none;
}
div.Winner-Tab-Container .notSelect {
    display: none !important;
}
/* 当選者ページスライダー */
.winner_slider,.winner_slider2{
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 1000px;
}

.winner_slider img,
.winner_slider2 img {
    width: 200px;
    height: auto;
    margin:6px 4px;
    border: 0.5px solid #cccccc;
}

.infiniteslide_wrap .winner_slider,
.infiniteslide_wrap .winner_slider2 {
    overflow: initial;
}



/* 紙吹雪 */
.confetti {
    position: fixed;
    /* width: 80%;
    height: 88%; */
    z-index: 1;
}

.confetti span {
	position: fixed;
	top: -10%;
	left: 0;
	width: 1.5vw;
	height: 1vw;
	background: #FFF;
}

/* add animation */
.confetti span:nth-child(2n+1) {
	animation: confetti-anim-1 10s 0s linear infinite;
}

.confetti span:nth-child(2n+2) {
	animation: confetti-anim-2 10s 0s linear infinite;
}

/* side position */
.confetti span:nth-child(1) {
	left: 0%;
}

.confetti span:nth-child(2) {
	left: 2%;
}

.confetti span:nth-child(3) {
	left: 4%;
}

.confetti span:nth-child(4) {
	left: 6%;
}

.confetti span:nth-child(5) {
	left: 8%;
}

.confetti span:nth-child(6) {
	left: 10%;
}

.confetti span:nth-child(7) {
	left: 12%;
}

.confetti span:nth-child(8) {
	left: 14%;
}

.confetti span:nth-child(9) {
	left: 16%;
}

.confetti span:nth-child(10) {
	left: 18%;
}

.confetti span:nth-child(11) {
	left: 20%;
}

.confetti span:nth-child(12) {
	left: 22%;
}

.confetti span:nth-child(13) {
	left: 24%;
}

.confetti span:nth-child(14) {
	left: 26%;
}

.confetti span:nth-child(15) {
	left: 28%;
}

.confetti span:nth-child(16) {
	left: 30%;
}

.confetti span:nth-child(17) {
	left: 32%;
}

.confetti span:nth-child(18) {
	left: 34%;
}

.confetti span:nth-child(19) {
	left: 36%;
}

.confetti span:nth-child(20) {
	left: 38%;
}

.confetti span:nth-child(21) {
	left: 40%;
}

.confetti span:nth-child(22) {
	left: 42%;
}

.confetti span:nth-child(23) {
	left: 44%;
}

.confetti span:nth-child(24) {
	left: 46%;
}

.confetti span:nth-child(25) {
	left: 48%;
}

.confetti span:nth-child(26) {
	left: 50%;
}

.confetti span:nth-child(27) {
	left: 52%;
}

.confetti span:nth-child(28) {
	left: 54%;
}

.confetti span:nth-child(29) {
	left: 56%;
}

.confetti span:nth-child(30) {
	left: 58%;
}

.confetti span:nth-child(31) {
	left: 60%;
}

.confetti span:nth-child(32) {
	left: 62%;
}

.confetti span:nth-child(33) {
	left: 64%;
}

.confetti span:nth-child(34) {
	left: 66%;
}

.confetti span:nth-child(35) {
	left: 68%;
}

.confetti span:nth-child(36) {
	left: 70%;
}

.confetti span:nth-child(37) {
	left: 72%;
}

.confetti span:nth-child(38) {
	left: 74%;
}

.confetti span:nth-child(39) {
	left: 76%;
}

.confetti span:nth-child(40) {
	left: 78%;
}

.confetti span:nth-child(41) {
	left: 80%;
}

.confetti span:nth-child(42) {
	left: 82%;
}

.confetti span:nth-child(43) {
	left: 84%;
}

.confetti span:nth-child(44) {
	left: 86%;
}

.confetti span:nth-child(45) {
	left: 88%;
}

.confetti span:nth-child(46) {
	left: 90%;
}

.confetti span:nth-child(47) {
	left: 92%;
}

.confetti span:nth-child(48) {
	left: 94%;
}

.confetti span:nth-child(49) {
	left: 96%;
}

.confetti span:nth-child(50) {
	left: 98%;
}

/* colors */
.confetti span:nth-child(5n+1) {
	background: red;
}

.confetti span:nth-child(5n+2) {
	background: blue;
}

.confetti span:nth-child(5n+3) {
	background: green;
}

.confetti span:nth-child(5n+4) {
	background: pink;
}

.confetti span:nth-child(5n+5) {
	background: yellow;
}


/* animation-duration */
.confetti span:nth-child(4n+1) {
	animation-duration: 5s;
}

.confetti span:nth-child(4n+2) {
	animation-duration: 12s;
}

.confetti span:nth-child(4n+3) {
	animation-duration: 8s;
}

.confetti span:nth-child(4n+4) {
	animation-duration: 6s;
}


/* animation-delay */
.confetti span:nth-child(11n+1) {
	animation-delay: 0s;
}

.confetti span:nth-child(11n+2) {
	animation-delay: 9s;
}

.confetti span:nth-child(11n+3) {
	animation-delay: 2s;
}

.confetti span:nth-child(11n+4) {
	animation-delay: 5s;
}

.confetti span:nth-child(11n+5) {
	animation-delay: 6s;
}

.confetti span:nth-child(11n+6) {
	animation-delay: 7s;
}

.confetti span:nth-child(11n+7) {
	animation-delay: 3s;
}

.confetti span:nth-child(11n+8) {
	animation-delay: 1s;
}

.confetti span:nth-child(11n+9) {
	animation-delay: 2s;
}

.confetti span:nth-child(11n+10) {
	animation-delay: 11s;
}

.confetti span:nth-child(11n+11) {
	animation-delay: 10s;
}

/* animation */

@keyframes confetti-anim-1 {
	0% {
		top: -10%;
		transform: translateX(0) rotateX(0) rotateY(0);
	}

	100% {
		top: 100%;
		transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
	}
}

@keyframes confetti-anim-2 {
	0% {
		top: -10%;
		transform: translateX(0) rotateX(0) rotateY(0);
	}

	100% {
		top: 100%;
		transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
	}
}

/* text */
.container p {
	position: absolute;
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
}


/* コラボページ改修 */
/* イベント・コラボページ ページ遷移ボタン */
ul.collabo_cate_warp {
    background-color: var(--bakusai_blue);
    display: flex;
    flex-wrap: nowrap;
    padding: 8px 12px;
    margin: 0px 0px 16px;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    font-feature-settings: "palt" on;
    white-space: nowrap;
}
ul.collabo_cate_warp a {
    text-emphasis: none;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
ul.collabo_cate_warp a:hover {
    background-color: #FFF;
    text-decoration: none;
    color: #000;
}
section#collabo_top_nav #event_collabo_cate,
section#collabo_influencer_nav #influencer_cate,
section#collabo_campaign_nav #campaign_cate,
section#collabo_event_nav #event_cate,
section#collabo_goods_nav #goods_cate,
section#collabo_web_nav #web_cate {
    background-color: #FFF;
    color: #000;
}
li.collabo_cate_nav_box {
    list-style: none;
    padding: 6px 16px;
    border-radius: inherit;
}
.influencer_tag{
    background-color: #a35bdf;
}
.influencer_tag:hover{
    background-color: #b57ce5;
}
.campaign_tag{
    background-color: #249cf5;
}
.campaign_tag:hover{
    background-color: #50b0f7;
}
.event_tag{
    background-color: #e59916;
}
.event_tag:hover{
    background-color: #eaad45;
}
.media_tag{
    background-color: #5ccb01;
}
.media_tag:hover{
    background-color: #7dd534;
}
.goods_tag{
    background-color: #4775ff;
}
.goods_tag:hover{
    background-color: #6c91ff;
}
.web_tag{
    background-color: #f95252;
}
.web_tag:hover{
    background-color: #fa7575;
}

/* イベント・コラボページ ページ遷移ボタン  */




/* ページ単体 体裁 */
.split_into_two{
    display: flex;
    width: 100%;
    max-width: 1000px;
    min-width: 795px;
    position: relative;
}

.left-wrap{
    display: block;
    width: 385px;
    height: 290px;
    border: 1px solid #ccc;
}

.left-wrap img{
    display: block;
    object-fit: cover !important;
    width: 100%;
    height: 100% !important;
}

.right-wrap{
    display: block;
    width: 62%;
}

.right-wrap > .ctgSubHeading{
    margin: 0px 0px 0px 20px !important;
}

.achievement_headline{
    font-size: 18px !important;
    font-weight:bold;
    margin: 0px 0px 0px 20px;
    color: #111;
}

.implementation_date{
    margin: 5px 0px 10px 20px !important;
}

.achievement_single_line{
    display: block;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 48px;
    margin-top:24px;
}

.achievement_single_link_click_box{
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    text-align: end;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 0px 20px 0px auto !important;
}

.achievement_single_link_click_box a:hover{
    text-decoration: none;
}

.achievement_single_link_click{
    font-weight: bold;
    border: 1px solid #111;
    text-align: center;
    margin:0px;
    padding: 10px;
    width: 100px;
    color: #111;
}

.achievement_single_link_click{
    font-weight: bold;
    border: 1px solid #111;
    text-align: center;
    margin:0px;
    padding: 10px;
    width: 100px;
    color: #111;
    border-radius: 2px;
}

.achievement_single_link_click:hover{
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ccc;
    text-align: center;
    margin:0px;
    padding: 10px;
    width: 100px;
    background-color: #ccc;
    color: #111;
    border-radius: 2px;
}


/* コラボカテゴリータグ */
.collabo_cate_tag{
    display: flex;
    flex-wrap: wrap;
    margin:0px 10px 20px 20px !important;
    font-weight: bold;
}

.collabo_cate_tag a:hover{
    text-decoration: none;
}

.influencer_tag, .campaign_tag, .event_tag,
.media_tag, .goods_tag, .web_tag{
    padding: 5px 20px;
    max-width: 130px;
    color: #FFF;
    text-align: center;
    margin: 0px 10px 0px 0px !important;
    border-radius: 5px;
    font-size: 14px;
}

/* まとめ用ファイル */
/* 矢印 */
.matome_application_order {
    position: relative;
    display: flex;
    max-width: 1000px;
    min-width: 800px;
}
.matome_wapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
}
.matome_boldleft_01 {
    display: flex;
    position: relative;
    width: 100%;
    min-width: 460px;
    margin: 0px 0px 35px;
}

.matome_boldline_01,
.matome_boldline_02 {
    height: 100%;
    width: 4px;
    position: absolute;
    flex-grow: 1;
    left: 50%;
    background: #c91115;
}
.matome_boldline_01::before,
.matome_boldline_02::before {
    content: "";
    display: block;
    position: absolute;
    top: 98%;
    left: 50%;
    border: 20px solid;
    border-color: transparent #c91115 transparent transparent;
    transform: rotate(-90deg);
    transform-origin: bottom;
}
.matome_boldline_02::before{
    top: 96% !important;
}
/* 矢印 */
/* 選択フォーム */
.matome_box{
    display: flex;
    max-width: 1000px;
    min-width: 900px;
}

.yes_or_no_selection{
    max-width: 1000px;
    min-width: 900px;
    margin: 40px 0px 48px !important;
    padding: 0px;
    margin: 0 0 15px 0;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 2px;
}

.yes_or_no_selection_title{
    width: 100%;;
    background: #eaedef;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #dde2e6;
}

.yes_or_no_selection_title > h3{
    text-align: center;
    padding:10px !important;
    margin: 0px !important;
}

.yes_box > .ctgSubHeading {
color: #0d507e;
}

.user_progression{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 24px;
    padding: 24px 16px;
}

.no_box{
    border: 1px solid #DFDFDF;
}

.yes_box{
    border: 1px solid #0d507e;
}

.user_progression > .ctgSubHeading {
    font-weight: bold;
    text-align: center;
    margin:0px auto 10px !important ;
    font-size: 16px !important;
}

.user_progression > p {
    text-align: center;
    margin-bottom: 24px;
    flex-grow: 1;
}

.no_box > .ctgSubHeading {
    text-align: center;
    margin:0px 0px 10px 0px !important ;
    font-size: 16px !important;
}

.rejection_link_button  p{
    color: #000;
}

.positive_link_button  p,
.rejection_link_button  p {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0px;
}

.positive_link_button p{
    color: #fff !important;
}
.positive_link_button p :link{
    color: #fff !important;
}

.positive_link_button p :visited{
    color: #fff !important;
}


.rejection_link_button,
.positive_link_button{
    margin: 14px 16px 0px;
    max-width: 384px;
    text-align: center;
}
.rejection_link_button a,
.positive_link_button a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.positive_link_button{
    background: #0d507e;
    border-radius: 3px;
    border-top: 1px solid #0d507e;
    border-right: 1px solid #0d507e;
    border-bottom: 1px solid #b3b2b1;
    border-left: 1px solid #0d507e;
}

.rejection_link_button {
    background: linear-gradient(to bottom, #F0F0F0 0%,#E4E4E4 100%);
    border-radius: 3px;
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #b3b2b1;
    border-left: 1px solid #DEDEDE;
}

/* 数字丸 */
.matome_maru{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex-flow: column wrap;
    vertical-align: top;
    text-align: center;
}

.size_normal{
    width: 17px;
    height: 17px;
}

.maru_border_01{
    border: 1px solid #000;
    background: #000;
    margin-right: 4px;
}

.maru_border_02{
    border: 1px solid #FFF;
    background: #FFF;
    margin-right: 4px;
}

.matome_numbers_maru_01{
    color: #FFF;
    position: relative;
}

.matome_numbers_maru_02{
    color: #0d507e;
    position: relative;
}

.maru_border_03{
    border: 1px solid #000;
    margin-right: 4px;
    margin-left: 2px;
}

.matome_numbers_maru_03{
    color:#000;
    position: relative;
    font-size: 16px;
}



/* 選択フォーム */
/* まとめ左説明文 */
.matome_01{
    display: block;
    margin-bottom: 80px;
}
.matome_order_wapper {
    position: relative;
    width: 100%;
}
.matome_order_wapper::before{
    content: "";
    transform: rotate(-90deg);
    display: block;
    position: absolute;
    bottom: -30px;
    left: 220px;
    width: 20px;
    height: 4px;
    background: #c91115;
}
.matome_order_wapper::after{
    content: "";
    transform: rotate(-90deg);
    display: block;
    position: absolute;
    bottom: -73px;
    left: 210px;
    width: 0;
    height: 0;
    border: 20px solid;
    border-color: transparent #c91115 transparent transparent;
}

.matomeText .ctgSubHeading{
    display: flex;
    align-items: center;
}

.matomeText{
    width: 448px;
    text-align: justify;
}

.matomeText + img{
    width: 38%;
}

.matome_h2{
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.matome_h2 + p{
    margin:0px 0px 24px 25px;
}

.matome_wrap{
    margin-bottom: 48px;
    margin-top: 40px;
}

.matome_form{
    width: 240px;
    height: 30px;
    margin: 12px 0px 0px 20px;
    background: #0d507e;
}

.matome_form > p{
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0px !important;
    padding: 5px;
}
.matome_form > p :link{
    color: #fff;
}

.matome_form > p :visited{
    color: #fff;
}

.emphasized_red_letters{
    font-weight: bold;
    color: #c91115;
}

/* アコーディオン */
.subject{
    background-color: #F4F4F4!important;
    border-bottom: none;
    border-radius: 2px;
    margin: 0 0 5px;
    min-height: 35px;
    padding: 0px 5px!important;
    position: relative;
}

#qaWrap dt, #qaWrap ul.otherLink li {
    background-color: #F4F4F4!important;
    border-bottom: none;
    border-radius: 2px;
    cursor: pointer;
    margin: 0 0 5px;
    min-height: 35px;
    padding: 0px 5px !important;
    position: relative;
}


.accordionlist_static dd {
    display: none;
    font-size: 13px;
    border-top: 2px solid #D2D2D2;
    margin-left: 7px;
    padding: 2px 0 0;
}

.qa_q, .qa_a {
    display: inline-block;
    font-family: "HiraKakuProN-W3";
    margin: 0 auto;
    min-height: 35px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
}

.qa_a > span {
    background-color: #72a1c2;
}

.qa_aBody {
    line-height: 17px;
}

.qa_qTitle, .qa_aBody {
    display: inline-block;
    font-size: 14px;
    max-width: -webkit-calc(100% - 66px);
    max-width: calc(100% - 66px);
    padding: 10px 0;
    vertical-align: top;
}

.entry_mypage_text{
    width: 414px;
}

/* まとめアコーディオン */

/*  統合のお知らせ */
img#moving_kv {
    max-width: 1000px;
}
.movong_about {
    width: 80%;
    margin: 40px auto;
}
h1#moving_h1,
h2#moving_h2 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: none;
    border: none;
}
h1#moving_h1 {
    margin: 0 auto 15px;
}
h2#moving_h2 {
    margin: 0 auto;
    height: 28px;
}
.moving_icon {
    text-align: center;
    color: var(--bakusai_blue);
    font-size: 40px;
    margin: 2px auto -3px;
}
.moving_button a {
    background: var(--bakusai_blue);
    border-radius: 24px;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    max-width: max-content;
    padding: 6px 30px;
}
.moving_button a:hover {
    background: #f5f5f5;
    border: 1px solid #164E79;
    color: #164E79;
    padding: 6px 30px;
}
p.moving_auto {
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
}
p.moving_text_link {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 5px;
}
.moving_link_wrap {
    margin: 30px auto 0;
}

/* media掲載日時と詳細 */
.post_content_wrap {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
}

.post_content{
    display: flex;
    padding: 15px 0px !important;
    /* border-bottom: 1px solid #cccccc; */
    position: relative;
    background-repeat: no-repeat;
    box-sizing: inherit;
}

.post_content:first-child {
    padding-top: 0px !important;
}

.post_content img {
    width: 380px;
    height: 212px !important;
    object-fit: cover !important;
    border: 1px solid #ccc;
    object-position: top;
}

.post_date_wrap{
    display: block;
    margin: 0px 0px 0px 20px;
}
a.media_listed_links {
    font-feature-settings: "palt" 1;
    display: inline-flex;
    align-items: baseline;
    gap: 1px;
}
a.media_listed_links p {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    display: -webkit-box;
    overflow-wrap: normal;
    font-feature-settings: "palt" 1;
    text-align: left;
}

.post_date_and_time {
    background-color: #e6e6e6;
    border-radius: 4px;
    text-align: center !important;
    padding: 2px;
    width: 100px;
    margin: 0px 0px 10px 0px!important;
}

.the_publisher{
    font-size: 16px !important;
    font-weight: bold;
    margin: 0px 0px 10px !important;
    color: #111;
}

.post_date {
    text-align: justify;
    margin: 0px !important;
}

.post_content > p{
    margin: 0px 0px 0px 15px;
    text-align: justify;
    letter-spacing: 1px;
}
ul.post_content_wrap li.post_content:last-child {
    padding: 15px 0px 0px !important;
}
.post_content_01{
    display: flex;
    position: relative;
    margin: 0px 0px 0px 34px;
}

.post_span {
    margin: 0px !important;
    border-left: 4px solid #0d507e;
    color: #111;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 5px !important;
}

.post_content_01 > dd {
    display: block;
    margin: 0px 0px 0px 20px;
    line-height: 1.3em;
}

.post_border-line {
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ccc;
    margin: 0px !important;
}

.post_content::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 14px;
    height: 14px;
    background: #ccc;
    border-radius: 50%;
    text-decoration: inherit;
    vertical-align: inherit;
}

.collabo_post_link img{
    height: auto !important;
    border: none;
}

.collabo_post_link p {
    margin-left: 0px;
}


.post_content:first-child::after,
.post_content:nth-child(2)::after{
    content: none;
}

/* 会員画像紹介ページ */
.image_intro_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto 10px;
}

.image_intro_name p {
    font-weight: bold;
    font-size: 1.6rem;
    margin: 0 10px 0 0;
}

.image_intro_good_Thumbs,
.image_intro_good_count {
    color: #ff5260;
    font-weight: bold;
}

.image_intro_good_Thumbs {
    font-size: 18px;
}

.image_intro_photo {
    margin: 20px auto 40px;
    text-align: center;
}

.image_intro_photo img {
    display: block !important;
    margin: 0px !important;
    float: none;
    max-width: 1000px !important;
    max-height: 414px !important;
    width: 100% !important;
    object-fit: contain;
}

.image_intro_contents {
    padding: 10px 0;
}

.image_intro_list_wrapper h2 {
    color: #0d507e;
    font-weight: bold;
    font-size: 16px;
    margin: 5px;
}

.image_intro_check {
    margin: 0 5px 5px;
}

.image_intro_icon {
    margin-right: 5px;
}

.btfl_scenery_radio {
    position: absolute;
    bottom: 3px;
    left: 2px;
}

input.btflImgChoice {
    cursor: pointer;
}

/* プライバシーポリシー */
.gdpr_privacy_policy_link {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding: 0 0 10px;
}

span.gdpr_privacy_policy_icon {
    margin-left: 2px;
}

/* bbs.cssが読み込まれていない時の対策、広告周りのcss */
#banner_top, #banner_form, #banner_bottom {
    border: solid 1px rgba(0, 0, 0, 0.5);
}
.banner_top, #banner_top, #banner_bottom {
    text-align: center;
    position: relative;
    margin: 1rem auto;
    width: 728px;
    height: 90px;
}
/* /bbs.cssが読み込まれていない時の対策、広告周りのcss */

/* ニコニコ動画応援ページ */
img.nikoniko_support_img {
    max-width: 1000px;
    width: 100%;
    min-width: 780px;
    margin-top: 16px;
}

div.nikoniko_support_site {
    background: #fff;
    font-size: 14px;
    line-height: 1.4rem;
    width: 780px;
    margin: auto;
    font-feature-settings: "palt" on;
    text-align: justify;
    margin-bottom: 32px;
}

.nikoniko_support_h2 {
    text-align: center;
    font-size: 30px;
    margin: 16px auto;
    font-weight: bold;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #000;
}
.nikoniko_support_p {
    line-height: 1.4em;
    text-align: justify;
    font-size: 14px;
    margin: 0px !important;
}
div.time_series_wapper {
    background-color: #f7f7f7;
    border: 2px solid #dbdbdb;
    padding: 36px 16px 16px;
    margin: 36px 0px 16px;
    width: 100%;
    height: fit-content;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px;
}
div.time_series_title_wapper {
    background-color: #f1dd26;
    position: absolute;
    top: -25px;
    width: fit-content;
    padding: 4px 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
}
div.time_series_title_wapper img {
    width: 35px;
}
div.time_series_title_wapper p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 18px;
    margin: 0px;
}
ul.time_series {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
ul.time_series li {
    display: flex;
    position: relative;
}
img.nikonikoterebi_02,
img.nikonikoterebi_03,
img.nikonikoterebi_04,
img.nikonikoterebi_05 {
    position: absolute;
}
img.nikonikoterebi_02 {
    top: 40px;
    left: 10px;
    width: 100px;
    animation: bounce 2s linear infinite;
}
img.nikonikoterebi_03 {
    width: 70px;
    top: 38px;
    left: 0px;
}
img.nikonikoterebi_04 {
    width: 80px;
    bottom: 50px;
    right: 0;
    z-index: 1;
}
img.nikonikoterebi_05 {
    width: 85px;
    bottom: 15px;
    right: 20px;
    z-index: 1;
    animation: bounce 2s linear infinite;
}
/* アニメーション */
@keyframes bounce {
    0% {
      transform: translateY(0);
    }
    10% {
      transform: translateY(-10px);
    }
    20% {
      transform: translateY(0);
    }
    30% {
      transform: translateY(-10px);
    }
    40% {
      transform: translateY(0);
    }
  }
  /* アニメーション */

.niko_Quote_text {
    background-color: #eaeae8;
}
ul.time_series li p,
.niko_Quote_text {
    width: 100%;
    margin: 0px;
    position: relative;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: left;
    overflow-wrap: normal;
    word-break: auto-phrase;
}

.niko_Quote_text::before{
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #4c4c4c4c;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
}

.niko_Quote_text::after{
    display: inline-block;
    position: absolute;
    bottom: 4px;
    right: 4px;
    content: "\f10e";
    font-family: FontAwesome;
    color: #4c4c4c4c;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
}

ul.time_series li i.fas.fa-external-link-alt {
    margin-left: 4px;
}
.nikoniko_Quote_source_wapper {
    width: 100%;
    display: inline-flex;
    justify-content: flex-end;
    margin-top: 4px;
}
.nikoniko_Quote_source {
    color: #555555;
    position: relative;
}

ul.time_series li.citation_source_wapper {
    justify-content: flex-end;
}
div.citation_source_wapper_bg {
    width: 100% !important;
    display: flex;
    position: relative;
    padding: 10px 15px 10px 0px;
    box-sizing: border-box;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
div.citation_source_wapper_bg .time_series_time {
    max-width: 175px;
}
div.citation_source_wapper_bg i.fas.fa-external-link-alt {
    margin-left: 4px;
}

.time_series_time {
    width: 100%;
    flex-shrink: 0;
    max-width: 145px;
    margin-right: 16px;
    display: flex;
    justify-content: flex-end;
    padding: 16px 0px;
    box-sizing: border-box;
    text-align: right;
}
section.nikoniko_news_postscript {
    display: flex;
    flex-direction: column;
    width: 100%;
}
section.nikoniko_news_postscript:has(.nikoniko_consecutive_quotation) {
    /* background-color: #eaeae8; */
    /* border-radius: 3px; */
    gap: 8px;
}
/* ニコニココラム追記アイコン */
.nikoniko_postscript_box {
    display: flex;
    align-items: center;
    position: relative;
}
.nikoniko_postscript_box::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: calc(100% - 42px);
    height: 1px;
    background-color: #ff0000;
    right: 0;
}
.nikoniko_postscript {
    width: fit-content;
    display: block;
    padding: 0px 4px;
    margin: 4px 0px;
    box-sizing: border-box;
    color: #FFF;
    font-weight: bold;
    background-color: #ff0000;
    border-radius: 3px;
}
/* /ニコニココラム追記アイコン */

.citation_source_wapper p {
    margin: 0px;
}

.current_response {
    display: inline-block;
    padding: 0px 4px;
    box-sizing: border-box;
    color: #FFF;
    font-weight: bold;
    background-color: #ff0000;
    margin-left: 4px;
    border-radius: 3px;
    animation: blinking 1s ease-in-out infinite alternate;
}
.current_response::before {
    content: "\f060";
    font-family: fontawesome;
    margin-right: 4px;
}
/* 点滅 */
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.nikoniko_bulletin_board_link {
    border-radius: 3px;
    background: orange;
    border-right: solid 3px #f17f3d;
    border-bottom: solid 3px #f17f3d;
    color: #fff;
    align-items: baseline;
    max-width: 420px;
    width: 60%;
    min-width: 220px;
    margin: 16px auto 16px;
    display: grid;
    place-content: center;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.nikoniko_bulletin_board_link:hover {
    text-decoration: underline;
    color: #FFF;
    border: none;
    padding-bottom: 10px;
    margin-top: 19px;
    text-decoration: none;
}
section.nikoniko_Message_from_Bakusai_contents {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
    margin: 48px auto;
}
div.Message_from_Bakusai_wapper {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    border: 2px solid #dbdbdb;
    border-radius: 3px;
}
div.Message_from_Bakusai_heading {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    margin: 0px auto 16px;
    padding: 0px 0px 16px;
    width: 100%;
    border-bottom: 2px solid #dbdbdb;
    position: relative;
}
div.Message_from_Bakusai_heading h4 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    position: relative;
    display: inline-block;
    width: fit-content;
    z-index: 1;
}
.nikoniko_support_message {
    position: absolute;
    text-align: center;
    display: inline-block;
    padding: 0px 4px;
    box-sizing: border-box;
    color: #FFF;
    font-weight: bold;
    background-color: #ff0000;
    border-radius: 3px;
    font-size: 14px;
    top: -27px;
    left: -30px;
    transform: rotate(-10deg);
    transform-origin: center bottom;
    animation: yurayura 2s linear infinite;
}
@keyframes yurayura {
    0% , 100%{
        transform: rotate(5deg);
    }
    50%{
        transform: rotate(-5deg);
    }
  }

.nikoniko_support_message::before {
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, 0%);
    border-top: 10px solid #ff0000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
}
.message_border_line {
    display: inline-block;
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 4px;
    background-color: #f1dd26;
    z-index: 0;
    background: linear-gradient(transparent 60%, #f1dd26 60%);
}
div.Message_from_Bakusai_wapper p {
    margin: 0px;
    line-height: 1.4rem;
    font-size: 18px;
}
section.nikoniko_support_share {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    flex-wrap: wrap;
    width: 760px;
    margin: 24px auto 24px !important;
}
.nikoniko_support_hashtag {
    font-size: 22px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    margin: 0px !important;
    display: flex;
    justify-content: center;
    gap: 0px 16px;
    color: #1da1f2;
}
video.neko_mimeme_Video {
    width: 100%;
    height: 720px;
    margin: 0px auto 32px;
}

.bakusai_Publisher {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 18px;
    display: flex;
    text-align: end;
    align-items: flex-end;
    justify-content: flex-end;
}

/* ニコニコ動画応援ページ */

/* カテゴリーダー４つの心得 */
.ctg-l_knowledge_title {
    text-align: center;
    padding: 4px 0 5px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #0d507e;
    color: #0d507e;
    margin: 0 0 6px 0px;
    background: #eee;
}
.ctg-l_knowledge_list {
    display: flex;
    margin: 0 0 6px 0;
    align-items: center;
    border-bottom: 1px dotted #0d507e;
    padding: 5px 3px;
}
.ctg-l_knowledge_item {
    width: 60px;
    text-align: center;
    border: 1px solid #105237;
    padding: 3px 0 2px;
    color: #105237;
    margin: 0 8px 5px 0;
    border-radius: 3px;
    font-weight: bold;
}
.ctg-l_knowledge_text {
    width: 430px;
    line-height: 15px;
    margin: 0 0 5px 0;
}
.ctg-l_knowledge_emoji1 {
    font-size: 18px;
    margin: 0 2px 0 0;
}
.ctg-l_knowledge_emoji2 {
    font-size: 17px;
    margin: 0 0 0 1px;
}

/* メッセージ一覧 */
table#messageTable td:first-child {
    width: 30%;
}

#messageTable_info {
    width: 100%;
    text-align: right;
    padding-bottom: 20px;
}

div#messageTable_paginate {
    float: none;
    text-align: center;
    margin: 0 0 20px 0;
}

table#messageTable th:first-child,
table#messageTable td:first-child {
    border-right: 1px solid #BBB;
}

table#messageTable th {
	background-color: #EDEDED;
    text-align: center;
}

table#messageTable,
table#messageTable tbody,
table#messageTable tbody tr,
table#messageTable tbody tr td {
    box-shadow: none !important;
}

/* 本人確認書類の準備について */
.cont.verify-guide {
    border-bottom: none;
    margin: 0 0 40px 0;
    font-size: 16px;
    line-height: 1.4em;
}

.verify-guide-card-wrapper {
    margin: 0 0 40px 0;
}

p.verify-guide-note {
    width: fit-content;
    height: 70px;
    margin: 20px 0px 20px 16px;
    border: 1px dashed #CC6600;
    display: flex;
    align-items: center;
    padding: 10px 8px;
}

.verify-guide-inner {
    margin: 20px 20px 0;
}

.verify-guide-cardName {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0 10px 0;
}

.verify-guide-icon {
    color: #0d507e;
    margin: 0 4px 0 0;
}

.verify-guide-cardImg-wrapper {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 15px;
}

img.verify_guide_img {
    width: 400px;
}

ul.verify-guide-list {
    padding: 0;
    line-height: 1.5em;
    margin: 6px 0 0 0;
}

ul.verify-guide-list li {
    list-style: none;
}

ul.verify-guide-list li:before {
    font-family: "FontAwesome";
    content: "\f00c";
    margin-right: 0.5em;
    color: #CC6600;
}

li.verify-guide-list-item {
    font-weight: bold;
}

/* 削除依頼について基本指針追加 */
.last-updated {
    text-align: right;
    font-size: 12px;
    margin: 20px 0 0 0;
}

h3.delete-subsection-title {
    border-left: none;
    color: #111;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 1.2em;
    padding: 10px 5px;
}

h3.delete-subsection-title:before {
    font-family: "FontAwesome";
    content: "\f0da";
    margin-right: 0.5em;
    color: #0d507e;
}

h4.delete-subsection-heading {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 5px;
}

h3.delete-subsection-title.delete-addon {
    margin-top: 30px;
}

h4.delete-subsection-heading.delete-addon {
    margin-top: 10px;
    padding-bottom: 0;
}

dl.delete-category-list {
    margin: 0 0 10px 35px;
    line-height: 1.5em;
}

dt.delete-category-label {
    font-weight: bold;
    padding: 0 0 1px 0;
}

dt.delete-category-label:before {
    content: "";
    background: #000;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: 2px;
    margin: 0 9px 0 4px;
}

dd.delete-category-desc {
    margin: 0 0 8px 17px;
}

p.delete-intro-text {
    margin: 0 22px 6px 36px;
}

p.delete-external-link a:after {
    font-family: "FontAwesome";
    content: "\f08e";
    margin-right: 0.5em;
    margin: 0 0 0 5px;
}

.delete-highlight {
    font-weight: bold;
}

p.delete-external-link a {
    margin: 0 0 0 19px;
}

div#delete-cont,
div#delete-cont li {
    font-size: 16px;
    line-height: 1.4em;
}

div#delete-cont h2 {
    font-size: 18px;
}

.delete-img-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    gap: 40px;
    margin: 0 0 13px 0;
}

img.delete-img {
    width: 400px;
}

.delete-img {
    margin: 9px 0 0 0;
}

/* 削除依頼について基本指針追加 */
.last-updated {
    text-align: right;
    font-size: 12px;
    margin: 20px 0 0 0;
}

h3.delete-subsection-title {
    border-left: none;
    color: #111;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 1.2em;
    padding: 10px 5px;
}

h3.delete-subsection-title:before {
    font-family: "FontAwesome";
    content: "\f0da";
    margin-right: 0.5em;
    color: #0d507e;
}

h4.delete-subsection-heading {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 5px;
}

h3.delete-subsection-title.delete-addon {
    margin-top: 30px;
}

h4.delete-subsection-heading.delete-addon {
    margin-top: 10px;
}

dl.delete-category-list {
    margin: 0 0 10px 35px;
    line-height: 1.5em;
}

dt.delete-category-label {
    font-weight: bold;
    padding: 0 0 1px 0;
}

dt.delete-category-label:before {
    content: "";
    background: #000;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: 2px;
    margin: 0 9px 0 4px;
}

dd.delete-category-desc {
    margin: 0 0 8px 17px;
}

p.delete-intro-text {
    margin: 0 22px 6px 36px;
}

p.delete-external-link a:after {
    font-family: "FontAwesome";
    content: "\f08e";
    margin-right: 0.5em;
    margin: 0 0 0 5px;
}

.delete-highlight {
    font-weight: bold;
}

p.delete-external-link a {
    margin: 0 0 0 19px;
}

div#delete-cont,
div#delete-cont li {
    font-size: 16px;
    line-height: 1.4em;
}

div#delete-cont h2 {
    font-size: 18px;
}

.delete-img-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    gap: 40px;
    margin: 0 0 13px 0;
}

img.delete-img {
    width: 400px;
}

.delete-img-box {
    margin: 9px 0 0 0;
}

/* ブログカード */
a.delete-card-link-wrapper {
    display: block;
    width: 800px;
    margin: 0 auto;
    padding: 10px;
    color: #000;
}

.delete-card-container {
    border: 1px solid #0d507e;
    padding: 20px 16px 16px;
    position: relative;
}

.delete-card-image {
    width: 150px;
    height: 150px;
    margin: 0 16px 0 0;
}

.delete-card-image img {
    width: 100%;
    height: auto;
}

.delete-card-inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.delete-card-content {
    width: 600px;
}

.delete-card-link {
    background: #0d507e;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 3px 12px;
    font-size: 14px;
    font-weight: bold;
}

.delete-card-link:after {
    font-family: "FontAwesome";
    content: "\f08e";
    margin: 0 0 0 5px;
    font-weight: normal;
    display: inline-block;
    vertical-align: baseline;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.delete-card-title {
    font-size: 18px;
    font-weight: bold;
    color: #0d507e;
    margin: 0 0 9px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delete-card-siteName {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 1px 0;
}

.delete-card-text {
    font-size: 16px;
    line-height: 1.4em;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}