@charset "utf-8";
#haiga > span, #paisu td > span {
	background-color:transparent;
	background-image:url(../images/pai.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	display:inline-block;
}
.man1{background-position:0px 0px;height:47px;width:31px;}
.man2{background-position:-31px 0px;height:47px;width:31px;}
.man3{background-position:-62px 0px;height:47px;width:31px;}
.man4{background-position:-93px 0px;height:47px;width:31px;}
.man5{background-position:-124px 0px;height:47px;width:31px;}
.man6{background-position:-155px 0px;height:47px;width:31px;}
.man7{background-position:-186px 0px;height:47px;width:31px;}
.man8{background-position:-217px 0px;height:47px;width:31px;}
.man9{background-position:-248px 0px;height:47px;width:31px;}
.man0{background-position:-279px 0px;height:47px;width:31px;}
.pin1{background-position:0px -47px;height:47px;width:31px;}
.pin2{background-position:-31px -47px;height:47px;width:31px;}
.pin3{background-position:-62px -47px;height:47px;width:31px;}
.pin4{background-position:-93px -47px;height:47px;width:31px;}
.pin5{background-position:-124px -47px;height:47px;width:31px;}
.pin6{background-position:-155px -47px;height:47px;width:31px;}
.pin7{background-position:-186px -47px;height:47px;width:31px;}
.pin8{background-position:-217px -47px;height:47px;width:31px;}
.pin9{background-position:-248px -47px;height:47px;width:31px;}
.pin0{background-position:-279px -47px;height:47px;width:31px;}
.sou1{background-position:0px -94px;height:47px;width:31px;}
.sou2{background-position:-31px -94px;height:47px;width:31px;}
.sou3{background-position:-62px -94px;height:47px;width:31px;}
.sou4{background-position:-93px -94px;height:47px;width:31px;}
.sou5{background-position:-124px -94px;height:47px;width:31px;}
.sou6{background-position:-155px -94px;height:47px;width:31px;}
.sou7{background-position:-186px -94px;height:47px;width:31px;}
.sou8{background-position:-217px -94px;height:47px;width:31px;}
.sou9{background-position:-248px -94px;height:47px;width:31px;}
.sou0{background-position:-279px -94px;height:47px;width:31px;}
.ji1{background-position:0px -141px;height:47px;width:31px;}
.ji2{background-position:-31px -141px;height:47px;width:31px;}
.ji3{background-position:-62px -141px;height:47px;width:31px;}
.ji4{background-position:-93px -141px;height:47px;width:31px;}
.ji5{background-position:-124px -141px;height:47px;width:31px;}
.ji6{background-position:-155px -141px;height:47px;width:31px;}
.ji7{background-position:-186px -141px;height:47px;width:31px;}
.ji0{background-position:-217px -141px;height:47px;width:31px;}

@media (max-width: 480px) {
	#haiga > span, #paisu td > span{
		background-color:transparent;
		background-image:url(../images/pai8.png);
		background-repeat:no-repeat;
		background-attachment:scroll;
		display:inline-block;
	}
	.man1{background-position:0px 0px;height:36px;width:24px;}
	.man2{background-position:-24px 0px;height:36px;width:24px;}
	.man3{background-position:-48px 0px;height:36px;width:24px;}
	.man4{background-position:-72px 0px;height:36px;width:24px;}
	.man5{background-position:-96px 0px;height:36px;width:24px;}
	.man6{background-position:-120px 0px;height:36px;width:24px;}
	.man7{background-position:-144px 0px;height:36px;width:24px;}
	.man8{background-position:-168px 0px;height:36px;width:24px;}
	.man9{background-position:-192px 0px;height:36px;width:24px;}
	.man0{background-position:-216px 0px;height:36px;width:24px;}
	.pin1{background-position:0px -36px;height:36px;width:24px;}
	.pin2{background-position:-24px -36px;height:36px;width:24px;}
	.pin3{background-position:-48px -36px;height:36px;width:24px;}
	.pin4{background-position:-72px -36px;height:36px;width:24px;}
	.pin5{background-position:-96px -36px;height:36px;width:24px;}
	.pin6{background-position:-120px -36px;height:36px;width:24px;}
	.pin7{background-position:-144px -36px;height:36px;width:24px;}
	.pin8{background-position:-168px -36px;height:36px;width:24px;}
	.pin9{background-position:-192px -36px;height:36px;width:24px;}
	.pin0{background-position:-216px -36px;height:36px;width:24px;}
	.sou1{background-position:0px -72px;height:36px;width:24px;}
	.sou2{background-position:-24px -72px;height:36px;width:24px;}
	.sou3{background-position:-48px -72px;height:36px;width:24px;}
	.sou4{background-position:-72px -72px;height:36px;width:24px;}
	.sou5{background-position:-96px -72px;height:36px;width:24px;}
	.sou6{background-position:-120px -72px;height:36px;width:24px;}
	.sou7{background-position:-144px -72px;height:36px;width:24px;}
	.sou8{background-position:-168px -72px;height:36px;width:24px;}
	.sou9{background-position:-192px -72px;height:36px;width:24px;}
	.sou0{background-position:-216px -72px;height:36px;width:24px;}
	.ji1{background-position:0px -108px;height:36px;width:24px;}
	.ji2{background-position:-24px -108px;height:36px;width:24px;}
	.ji3{background-position:-48px -108px;height:36px;width:24px;}
	.ji4{background-position:-72px -108px;height:36px;width:24px;}
	.ji5{background-position:-96px -108px;height:36px;width:24px;}
	.ji6{background-position:-120px -108px;height:36px;width:24px;}
	.ji7{background-position:-144px -108px;height:36px;width:24px;}
	.ji0{background-position:-168px -108px;height:36px;width:24px;}
}

@media (max-width: 360px) {
	#haiga > span, #paisu td > span{
		background-color:transparent;
		background-image:url(../images/pai3.png);
		background-repeat:no-repeat;
		background-attachment:scroll;
		display:inline-block;
	}
	.man1{background-position:0px 0px;height:26px;width:19px;}
	.man2{background-position:-19px 0px;height:26px;width:19px;}
	.man3{background-position:-38px 0px;height:26px;width:19px;}
	.man4{background-position:-57px 0px;height:26px;width:19px;}
	.man5{background-position:-76px 0px;height:26px;width:19px;}
	.man6{background-position:-95px 0px;height:26px;width:19px;}
	.man7{background-position:-114px 0px;height:26px;width:19px;}
	.man8{background-position:-133px 0px;height:26px;width:19px;}
	.man9{background-position:-152px 0px;height:26px;width:19px;}
	.man0{background-position:-171px 0px;height:26px;width:19px;}
	.pin1{background-position:0px -26px;height:26px;width:19px;}
	.pin2{background-position:-19px -26px;height:26px;width:19px;}
	.pin3{background-position:-38px -26px;height:26px;width:19px;}
	.pin4{background-position:-57px -26px;height:26px;width:19px;}
	.pin5{background-position:-76px -26px;height:26px;width:19px;}
	.pin6{background-position:-95px -26px;height:26px;width:19px;}
	.pin7{background-position:-114px -26px;height:26px;width:19px;}
	.pin8{background-position:-133px -26px;height:26px;width:19px;}
	.pin9{background-position:-152px -26px;height:26px;width:19px;}
	.pin0{background-position:-171px -26px;height:26px;width:19px;}
	.sou1{background-position:0px -52px;height:26px;width:19px;}
	.sou2{background-position:-19px -52px;height:26px;width:19px;}
	.sou3{background-position:-38px -52px;height:26px;width:19px;}
	.sou4{background-position:-57px -52px;height:26px;width:19px;}
	.sou5{background-position:-76px -52px;height:26px;width:19px;}
	.sou6{background-position:-95px -52px;height:26px;width:19px;}
	.sou7{background-position:-114px -52px;height:26px;width:19px;}
	.sou8{background-position:-133px -52px;height:26px;width:19px;}
	.sou9{background-position:-152px -52px;height:26px;width:19px;}
	.sou0{background-position:-171px -52px;height:26px;width:19px;}
	.ji1{background-position:0px -78px;height:26px;width:19px;}
	.ji2{background-position:-19px -78px;height:26px;width:19px;}
	.ji3{background-position:-38px -78px;height:26px;width:19px;}
	.ji4{background-position:-57px -78px;height:26px;width:19px;}
	.ji5{background-position:-76px -78px;height:26px;width:19px;}
	.ji6{background-position:-95px -78px;height:26px;width:19px;}
	.ji7{background-position:-114px -78px;height:26px;width:19px;}
	.ji0{background-position:-133px -78px;height:26px;width:19px;}
}

#haiga,#paikigou,#init{
	background-color:#173B0B;
	padding:15px 10px 3px 10px;
	margin-bottom:5px;
	color:#fff;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;}
#ChangeMpsz{margin:0 0 10px 0;}

/*======================*/
/*	牌画表示領域*/
/*======================*/
.container,.container-fluid{padding:0 30px 0 30px;width 800px;}
#haiga > span{margin:1px 5px 3px 3px;}
div#body.row { margin-left: 0; margin-right: 0;}
#paisu > table{border:0;padding:0 0;border-collapse:collapse;border-spacing :0 0;}
table.style{margin-left:15px;}
#paiTehai,#paisu,#paiTehaiUkeire,#paiTehaiUkeire2{background-color:#f5deb3;}

#tehaiKazu{font-weight: bold;}

#paiTehai{padding:8px 0 0 0;}
#paisu{height: 50px;}
#alert{padding:6px 5px 4px 15px;margin-top: -10px}
#paikazu >span{margin: 0 -5px 0 20px;}

#pai0,#pai1,#pai2,#pai3,#pai4,#pai5,#pai6,#pai7,#pai8,#pai9,#pai10,#pai11,#pai12{padding: 0 0;}
#pai13{padding-left: 3px;}

@media (max-width: 3860px) {
	.container,.container-fluid{padding:0 20px 0 20px;width 800px;}
	#haiga > span{margin:1px 1px 3px 3px;}
	#haiga{padding: 16px 0 1px 15px;}
	#paisu{height: 50px;}
	table.style{margin-left:10px;}
	#paiTehai{padding:8px 0 0 0;}
	#alert{padding:6px 5px 4px 15px;margin-top: -10px}
	#paikazu >span{margin: 0 -5px 0 20px;}
}


@media (max-width: 1556px) {
	.container,.container-fluid{padding:0 20px 0 20px;width 800px;}
	#haiga > span{margin:1px 1px 3px 3px;}
	#haiga{padding: 16px 0 1px 15px;}
	#paisu{height: 50px;}
	table.style{margin-left:10px;}
	#paiTehai{padding:8px 0 0 0;}
	#alert{padding:6px 5px 4px 15px;margin-top: -10px}
	#paikazu >span{margin: 0 -5px 0 20px;}
}


@media (max-width: 768px) {
	.container,.container-fluid{padding:0 20px 0 20px;}
	#haiga > span{margin:1px 1px 3px 3px;}
	#haiga{padding: 16px 0 1px 15px;}
	#paisu{height: 50px;}
	table.style{margin-left:10px;}
	#paiTehai{padding:8px 0 0 0;}
	#alert{padding:6px 5px 4px 15px;margin-top: -10px}
	#paikazu >span{margin: 0 -5px 0 20px;}
}

@media (max-width: 414px) {/*	iPhon6/7/8Plus */
	.container,.container-fluid{padding:0 0 0 0;}
	#haiga > span{margin:1px 7px 5px 3px;}
	#haiga{padding: 10px 0 1px 5px;}
	#paisu{height: 38px;}
	table.style {margin: 0 0 0 10px;border-collapse: collapse;}
	#paiTehai{padding:8px 0 0 0;}
	#paiTehaiUkeire,#paiTehaiUkeire3{padding:0 0;}
	#paiTehaiUkeire2{padding:10px 0 15px 15px;}
	#paiTehaiMsg1,#paiTehaiMsg2,#paiTehaiMsg3{padding:5px 0 8px 10px;}
	#alert{padding:4px 5px 2px 15px;font-size:14px;line-height:22px;margin-top: -10px}
	#paikazu >span{margin: 0 -10px 0 10px;}
}

@media (max-width: 412px) {/*	iPhon6/7/8 */
	.container,.container-fluid{padding:0 0 0 0;}
	#haiga > span{margin:1px 6px 5px 0;}
	#haiga{padding: 10px 0 1px 7px;}
	#paisu{height: 38px;}
	table.style {margin: 0 0 0 5px;border-collapse: collapse;}
	#paiTehai{padding:8px 0 0 0;}
	#paiTehaiUkeire,#paiTehaiUkeire3{padding:0 0;}
	#paiTehaiUkeire2{padding:5px 0 15px 15px;}
	#paiTehaiMsg1,#paiTehaiMsg2,#paiTehaiMsg3{padding:5px 0 8px 10px;}
	#alert{padding:4px 5px 2px 15px;font-size:14px;line-height:22px;margin-top: -10px}
	#paikazu >span{margin: 0 -10px 0 10px;}
}

@media (max-width: 360px) {/*	iPhon5/SE */
	.container,.container-fluid{padding:0 0;}
	#haiga > span{margin:1px 4px 2px 1px;}
	#haiga{padding: 10px 0 1px 3px;}
	#paisu{height: 32px;}
	table.style {margin: 0 0 0 3px;border-collapse: collapse;}
	#paiTehai{padding:8px 0 0 0;}
	#paiTehaiUkeire,#paiTehaiUkeire3{padding:0 0;}
	#paiTehaiMsg1,#paiTehaiMsg2,#paiTehaiMsg3{padding:5px 0 8px 5px;}
	#alert{padding:4px 5px 2px 15px;font-size:14px;line-height:22px;margin-top: -10px}
	#paikazu >span{margin: 0 -10px 0 10px;}
}

p > img {vertical-align: Baseline;}
#DoraClreaBtn{margin-left: 10px;}
#paikazuMax{color:yellow;font-weight:bold;}
#paikazu{color:#ffd700;font-weight:bold;margin-right:20px;}

#yukouPaiCheckBtn1{margin-top: 8px;}
#yukouPaiCheckBtn2{margin-top: 3px;margin-bottom:10px;}
.renPairiBtn{margin-top: 5px;margin-bottom: 0px;font-weight: bold;padding-bottom: 5px;border-bottom: dashed 2px rgb(226, 36, 173);}


/*	有効牌表示領域*/
#paiTehaiUkeire table,#paiTehaiUkeire3 table{background-color:#ffffff;}
#paiTehaiUkeire table th{color: #000;background-color: #ffbb00;padding-top: 7px;padding-bottom: 7px;}
#paiTehaiUkeire table td{padding-top: 7px;padding-bottom: 7px;}
.dapai{width: 40px;}
.yukoupai{width: 85px;}
/*.yukoupai_change1{color: #0e0793;font-weight:bold;margin-top:5px;}*/
/*.yukoupai_change2{color: #fff;font-weight: bold;margin-top: -8px;margin-bottom: -8px;}*/
.adjustBtnOn{color: #fff;font-weight: bold;background-color: #0000ff;border-width :0;}
.adjustBtnOff{font-weight: bold;background-color: #505050;border-width :0;}

#yukouPaiTab a.nav-link.active {color: #fff !important;;background: #e83e8c !important;}
#yukouPaiTab a.nav-link {background: #eee !important;}
#agerikei{font-size: 13px;padding-top: 6px;}

#syantenOutput1,#syantenOutput2{padding:1px 0px 0 5px;color:blue;	font-weight:bold;	font-size: 13px;	border: solid 1px #0000ff;	background-color: #fff;}
#syantenOutput1{margin-top: -10px;margin-bottom: 10px;}
#syantenOutput2{margin-top: -5px;}
@media (max-width: 414px) {/*	iPhon6/7/8Plus */
	#syantenOutput1{margin-top: 8px;margin-bottom: 8px;}
	#syantenOutput2{margin-top: -5px;margin-bottom: 8px;}
}

/*	SGV画像表示領域*/
	.well{margin:10px 0 20px 0;padding:15px 10px 15px 10px;background-color: #eee;}

	.btn-flat-border {
		font-size: 12px;
	  display: inline-block;
	  padding: 0.1em 0.5em;
	  text-decoration: none;
	  background: white;
		color: #007bff;
	  border: solid 2px #007bff;
	  border-radius: 3px;
	  transition: .4s;
		margin: 0 8px 3px 3px;
	}

	.btn-flat-border:hover {
	  background: #007bff;
	  color: white;
	}

	.yukoupai_change1{font-size: 14px;color: #0324c2;font-weight: bold;margin: 10px 0 0 0;padding-left: 10px;	background-color: #fff;}
	.yukoupai_change2{font-size: 14px;color: #b90808;font-weight: bold;	margin: -6px 0 0 0;padding-left: 10px;background-color: #fff;}

	/*======================*/
	/*	テンプレート*/
	/*======================*/
	body {
	 font-size:15px;
	 color:#141414;
	 line-height: 180%;
	 background-color: #3BA3D0;
	 font-family:"メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 _font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック", Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
	 touch-action: manipulation;
	}

	/*======================*/
	/*	ヘッダー部*/
	/*======================*/
	#banner{border-bottom:0;background-color: #BB216A;padding: 10px 10px;}
	.page-header{margin: 0 -15px;}
	.page-header h1{margin-left:10px;}
	.page-header h2{font-size:22px;color:#9acd32;font-weight:600;margin-left:10px;}
	.page-header .lead{margin-bottom: 10px;font-size: 16px;font-weight:600;color:#daa520;line-height: 1.4;margin-left:10px;}

	@media (max-width: 959px) {
	 .page-header{margin:0 -5px 0 -10px;}
	}

	@media (max-width: 767px) {
	 #banner{margin-bottom: 0;}
	 .page-header{margin: auto;}
	 .page-header h2{font-size:18px;}
	}

	/*======================*/
	/*	カラム*/
	/*======================*/
	#sidebar-b{/*	左カラム*/
	 background-color: #eee8aa;
	 padding-bottom: 15px;
	}

	#sidebar-a {/*	右カラム*/
	 padding:0 0;
	 color:#000;
	 background-color: #ffca40;
	}
	#sidebar-a r{color:#000;background-color: #ffca40;padding:0 0;width: auto;}
	.header{color:#000;background-color: #ffca40;padding:10px 10px 0 10px;width: auto;}

	@media (max-width: 991.98px) {
	  .page-header{margin:0 -5px 0 -10px;}
	 .row#main{margin: 0 0 10px 0;}
	  #sidebar-b {
	   padding:0px 5px 0 10px;
	  }
	 #sidebar-a {
	   margin:10px 0 0 0;
	  }
	}

	@media (max-width: 767.98px) {
	  #banner{margin-bottom: 0;}
	  .page-header{margin: auto;}
	  .page-header h2{font-size:18px;}

	 .row#main{margin: 0 0;}
	  #sidebar-b {
	   padding:0px 5px 0 5px;
	   margin: 0 -7px;
	  }
	 #sidebar-a {
	   padding-top: 10px;
	  }
	}

	@media (max-width: 575.98px) {
	  #banner{margin-bottom: 0;}
	  .page-header{margin: auto;}
	  .page-header h2{font-size:18px;}

	 .row#main{margin: 0  0;padding: 0 0 0 0;}
	  #sidebar-b {
	   padding:0px 5px 0 5px;
	   margin: 0 0 ;
	  }
	 #sidebar-a {
	   padding-top: 5px;
	  }
	}


	#sidebar-a .header-main .header-title{ font-weight: bold;
	padding: 0.3em 0;
	color: #FFF;
	background: #73a839;
	margin: 10px 0;
	font-size: 1.2em;
	text-align: center;
	}

	.header-ad{margin-top:15px;}
	.follow-btn{width:100%;display:block;background:#55acee;margin:10px 0 10px 0;padding:10px;text-align:center;text-decoration:none;}
	.follow-btn a{color:#ffffff;text-decoration:none;}
	.follow-btn a:hover{color:#ffffff;text-decoration:none;}
	/* カラム end*/

	.panel-icon{margin:0 10px 0 0;padding:0 0;}
	.panel-body > ul{padding-top: 5px;padding-left: 0;padding-right: 15px;margin-left: 20px;}

	a{color:#D83985;}
	a:hover{color:red;}

	figure {padding-top: 14px; padding-bottom: 14px;}
	figcaption {font-size: 80%;margin: 0.2em 0;line-height:1.6em;}

	.pager{font-size: 13px;}

	/*======================*/
	/*	amazon通販コーナー*/
	/*======================*/
	.square_btn {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.5em 0;
	text-decoration: none;
	color: #FFF;
	background: #ff7f7f;
	margin: 10px 0;
	width:100%;
	font-size: 1.2em;
	text-align: center;
	}

	/*======================*/
	/*	枠領域（#waku,#waku2）*/
	/*======================*/
	#waku,#waku2{
	 margin:0 0 20px 0;
	 padding:15px 10px 15px 10px;
	 border-color:#B22222;
	 border-style:solid;
	 border-width:3px;
	 background-color: #FFFACD;
	}

	@media (max-width: 420px) {
	 #waku2{
	   margin:0 0 20px 0;
	   padding:15px 0px 15px 0px;
	   border-color:#FF9C00;
	   border-style:solid;
	   border-width:0px;
	 }
	}

	@media (max-width: 360px) {
	 #waku{
	   margin:0 0 20px 0;
	   padding:15px 5px 3px 5px;
	   border-color:#B22222;
	   border-style:solid;
	   border-width:3px;
	   background-color: #FFFACD;
	 }
	}

	/*	PC見出し　*/
	.bs-docs-section h2{
	 margin:30px 0 30px 0;
	 padding:10px 0px 5px 10px;
	 color:#BB216A;
	 background: #222;
	 -webkit-border-radius:4px;
	 -moz-border-radius:4px;
	 border-radius:3px;
	}

	.bs-docs-section h3{
	 color:#000;
	 font-size:20px;
	 font-weight:bold;
	 margin-top: 26px;
	 margin-bottom:18px;
	 padding:12px 10px 12px 10px;
	 background-color: #fff;
	 border-color:#BB216A;
	 border-width:1px 3px 1px 3px;
	 border-style:solid;
	}

	.bs-docs-section h4{
	 font-size:16px;
	 font-weight:bold;
	 padding:6px 5px 3px 3px;
	 border-color:#BB216A;
	 border-width:0 0 0 5px;
	 border-style:solid;
	}

	/*	スマホ見出し　*/
	@media (max-width: 767px) {
	 .bs-docs-section h2{
	   font-size: 18px;
	   margin:15px 0 15px 0;
	   padding:9px 0px 8px 10px;
	   color:#BB216A;
	   background: #222;
	   -webkit-border-radius:4px;
	   -moz-border-radius:4px;
	   border-radius:3px;
	 }

	 .bs-docs-section h3{
	   font-size:15px;
	   font-weight:bold;
	   margin-top: 18px;
	   margin-bottom:15px;
	   padding:12px 10px 12px 10px;
	   border-color:#BB216A;
	   border-width:0 0 0 10px;
	   border-style:solid;
	 }

	 .bs-docs-section h4{
	   font-size:15px;
	   font-weight:bold;
	   padding:6px 5px 3px 3px;
	   border-color:#BB216A;
	   border-width:0 0 0 5px;
	   border-style:solid;
	 }

	 .well ul{padding:0 10px 0 20px;}
	 .card-body > ul{
	   padding-top: 5px;
	   padding-left: 0;
	   padding-right: 10px;
	   margin-left: 20px;
	 }
	}

	/*======================*/
	/*	フッター*/
	/*======================*/
	footer{margin:1em 0 1em 0;background-color: #000000;padding: 25px 10px;text-align: center;color: #ffffff;}
	footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}
	footer p{margin-bottom:0;clear:left}
	.footer-info{
	 margin: 0 0 10px 0;
	 font-size: 0.8em;
	}
	/*======================*/
	/*	その他*/
	/*======================*/

	/*	メモボックス*/
	.st-memobox {
	 position: relative;
	 margin: 30px 0;
	 padding: 20px 20px 10px;
	 border: solid 2px #73a839;
	 border-radius: 8px;
	 background-color: #fff;
	 color: #333;
	}

	.st-memobox .fa {
	 margin-right: 5px;
	}

	.st-memobox .st-memobox-title {
	 position: absolute;
	 display: inline-block;
	 top: -15px;
	 left: 10px;
	 padding: 5px 9px;
	 line-height: 1;
	 border: solid 2px #73a839;
	 border-radius: 8px;
	 background: #73a839;
	 color:#fff;
	 font-weight:bold;
	}

	/*この記事を書いた人*/
	.st-author-box .fa {
	 margin-right:4px;
	}
	/* タブの中身 */
	#st-tab-box {padding: 15px;border: 1px solid #000;margin-bottom:20px;background:#fff;}
	#st-tab-box p {font-size:90%;	line-height:1.5;}
	.st-author-master #st-tab-box {margin-bottom:0;}
	#st-tab-box div {display: none;}
	#st-tab-box div.active {display: block;}
	#st-tab-box div dt {float:left;width:80px;}
	#st-tab-box div dd {padding-left:100px;}
	.st-author-nickname {font-weight:bold;margin-bottom:10px;border-bottom:1px dotted #1a1a1a;}

	/*--------------------------------
	Affinger4のCSS
	---------------------------------*/
	/* clearfix */
	.clearfix {zoom: 1;}
	.clearfix:after {content: "";display: block;clear: both;}

	*======================*/
	/*	広告関連*/
	/*======================*/
	.ad1{margin-top: 8px;margin-bottom: 0;margin-right: 3px;}

	.ad2{margin-top: 0px;margin-bottom: 0px;}
	.ad3{margin-top: 10px;margin-bottom: 10px;}

	.ad336{display: none !important;}
	.ad300l,.ad300r,.ad336{margin: 15px 0;}
	@media (max-width: 479px) {
	 .ad300l,.ad300r{display: none !important;}
	 .ad336{text-align: center;display: block !important;}
	}

	.sidebar-ad{text-align: center;margin-bottom: 10px;}
	/**
	 * A8net　PCとスマホで広告サイズを切り替える
	 */
	 .pc {
	  display:inline-block !important;
	  width: 100%;
	  margin: 0 auto;
	  margin-top: 8px;
	  text-align: center;
	 }
	 .pc-header {
	 }
	 .sp,.nopc,.nopc-header {
	   display: none !important;
	 }
	 .pc2 {
	   display:inline-block !important;
	   width: 100%;
	   margin: 0 auto;
	   margin-top: 8px;
	   margin-bottom: 16px;
	 }

	@media (max-width: 480px) {
	 .pc {
	   display: none !important;
	 }
	 .pc2 {
	   display: none !important;
	 }
	 .sp,.nopc {
	   display:inline-block !important;
	   width: 100%;
	   margin: 0 auto;
	   margin-top: 8px;
	   text-align: center;
	 }
	 .pc-header {
	   display: none !important;
	 }
	 .nopc-header {
	   display:inline !important;
	 }
	}

	.ad_text1{margin-top: 16px;margin-bottom: 24px;margin-left:auto;margin-right: auto;}

	@media (max-width: 320px) {
	  .ad_text1{margin-top: 12px;margin-bottom: 18px;margin-left:auto;margin-right: auto;}
	}

	/* カスタム, iPhone Retinaディスプレイ */
	@media only screen and (min-width : 320px) {
	 .ad_slot1{width: 300px;height: 250px;margin-left:auto;margin-right: auto;}
	}

	/* XSサイズ : Extra Small Devices, Phones */
	@media only screen and (min-width : 480px) {
	 .ad_slot1{width: 336px;height: 280px;margin-left:auto;margin-right: auto;}
	}

	/* Sサイズ、タブレット : Small Devices, Tablets */
	@media only screen and (min-width : 600px) {
	 .ad_slot1{width: 468px;height: 60px;margin-left:auto;margin-right: auto;}
	}

	/* Mサイズ、デスクトップ : Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
	 .ad_slot1{width: 728px;height: 90px;margin-left:auto;margin-right: auto;}
	}

	/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
	 .ad_slot1{width: 728px;height: 90px;margin-left:auto;margin-right: auto;}
	}

	/*マイボタン*/
	.st-mybtn {
		box-sizing:border-box;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}

	.st-mybtn:not(.st-mybtn-noborder) {
		border:1px solid #ccc;
	}

	.st-mybtn a {
		padding:10px;
		text-align:center;
		box-sizing:border-box;
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}

	.st-mybtn .fa:not(.fa-after){
		margin-right:10px;
	}

	.st-mybtn .fa.fa-after{
		margin-left:10px;
	}

	.st-mybtn:hover {
		opacity:0.6;
	}

	.st-mybtn.st-btn-default {
		width:100%;
	}

	/*マイボタン（ミニ）*/
	.st-mybtn.st-mybtn-mini {
		border: none;
		box-sizing:border-box;
		margin: 0 3px 10px;
		display: inline-block;
	}

	.st-mybtn.st-mybtn-mini a {
		padding: 7px 15px;
		text-align:left;
		box-sizing:border-box;
		display:inline-block;
		width:inherit;
		height:auto;
		text-decoration:none;
		font-size: 95%;
	}

	.st-mybtn.st-mybtn-mini .fa:not(.fa-after){
		margin-right:10px;
	}

	.st-mybtn.st-mybtn-mini .fa.fa-after{
		margin-left:10px;
	}

	.st-mybtn.st-mybtn-mini:hover {
		opacity:0.6;
	}

	.st-mybtn.st-mybtn-mini.st-btn-default {
		width:inherit;
	}

	/* MCボタン */

	.st-mcbtn-box {
		border-radius: 5px;
	}

	.st-mcbtn-box .st-mybtn,
	.post .st-mcbtn-box .st-mybtn{
		margin-bottom: 10px;
	}

	.st-mcbox-text,
	.post .st-mcbox-text{
		margin-bottom: 0;
		font-size: 80%;
		text-align: center;
	}

	.st-mcbox-title,
	.post .st-mcbox-title{
		font-weight: bold;
		margin-bottom: 10px;
	}

	/*光る演出*/
	.st-reflection-on:not(.no-reflection),
	.st-mybtn.st-reflection:not(.no-reflection) a {
		position:relative;
		overflow:hidden;
	}
	.st-reflection-on:not(.no-reflection):after,
	.st-mybtn.st-reflection:not(.no-reflection) a:after {
		content:'';
	    height:100%;
	    width:30px;
	    position:absolute;
	    top:-180px;
	    left:0;
	    background-color: #fff;
	    opacity:0;
	    -webkit-transform: rotate(45deg);
	    -webkit-animation: reflection 5s ease-in-out infinite;
	}
	@-webkit-keyframes reflection {
	    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
	}

		/*--------------------------------
	amazonアフィリエイトリンク
	---------------------------------
	*//* 外枠関連 */
	.afz-waku{
		border:  solid 1px #888888;
		margin: 10px auto;
		padding: 10px 10px 0 10px;
		background-color: #ffffff;
	}

	/* dl,dd,dt関連 */
	.afz-waku dt {
		float: left;
		width: 106px;
	}

	.afz-waku dd {
		padding-left: 131px;
	}

	/* タイトル関連 */
	.afz-title a {
		font-weight: bold;
		font-size: 18px;
		line-height: 25px;
		color: #000;
		text-decoration: none;
	}

	.afz-title a:hover {
		color: #b22222;
	}

	/*本の情報関連*/
	.afz-info{
		margin: 10px auto;
	}
	.afz-author{
	}
	.afz-author,.afz-publisher,.afz-date,.afz-price{
		margin-bottom: 3px;
		font-size: 13px;
		line-height: 18px;
	}

	.afz-price span{color: red}

	/*ボタン関連*/
	.afz-amazonlink{margin: 20px auto;}

	.afz-azbtn a,.afz-azbtn2 a{
			width:30%;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius:5px;
			margin: 2px 0px;
			padding:10px 10px;
			text-align:center;
			float:left;
			text-decoration:none;
			font-weight:800;
			font-size:12px;
			color: #fff;
			background-color:#FF9901;
	}
	.afz-azbtn a:hover,.afz-azbtn2 a:hover{opacity: 0.6;}

	.afz-azbtn2 a{
			margin: 2px 0px 0 10px;
			background-color:#007dcd;
	}

	/*フッター関連*/
	.afz-footer{margin: 10px auto;}

	@media screen and (max-width: 680px) {
		/* dl,dd,dt関連 */
		.afz-waku dt {
			float: left;
			width: 90px;
		}

		.afz-waku dd {
			padding-left: 125px;
		}

		/* タイトル関連 */
		.afz-title a {
			font-size: 16px;
			line-height: 22px;
		}

		/*ボタン関連*/
		.afz-azbtn a,.afz-azbtn2 a{
			padding:8px 0px;
			width:100%;
		}
		.afz-azbtn2 a{
			margin: 5px 0 0 0;
			clear:both;
		}
	}



	/*追加*/
	.st-kindle,.st-pager {
		font-size:11px;
		color:#ffffff;
		padding:2px 3px;
		margin:0 5px;
		white-space: nowrap;
	}

	.st-kindle {
		background-color:#0074c1;
	}

	.st-pager {
		background-color:#FF0000;
	}

#m1,#m2,#m3,#c1,#c2,#c3{background-color: greenyellow;}