html.isSp *{
 -webkit-text-size-adjust: 100%;
 word-wrap: break-word;
}/************************ COLORS ************************/

	

html.isSp .mainSection dd div.more span{
	background:#cc6f2a;
}
html.isSp .mainSection dt{
	border-top:#cc6f2a solid 3px;
}/************************ COLORS END ************************/

	

html.isSp #container,
html.isSp .container{
	width:625px;
}
html.isSp .mainSection{
	padding:0px;
	float:none;
}/* mobile menu */


html.isSp .catmenu{
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;
	background:#000;
	overflow-y:auto;
	overflow-x:hidden;
	display:block;
	padding:0px;
	width:270px;
	height:100vh;
	height:100dvh;
	visibility:hidden;
	-webkit-transform:translateX(-270px);
	transform:translateX(-270px);
}/* transition is added by js after the first paint */


html.isSp .catmenu.spReady{
	-webkit-transition:-webkit-transform .2s ease;
	transition:transform .2s ease, visibility 0s linear .2s;
	will-change:transform;
}

html.isSp .catmenu.spOpen{
	visibility:visible;
	-webkit-transform:translateX(0);
	transform:translateX(0);
}

html.isSp .catmenu.spReady.spOpen{
	transition:transform .2s ease, visibility 0s;
}

html.isSp .catmenu .fontface{
	padding:0 0 0 15px;
}

html.isSp .catmenu ul.menuList li a{
	border-top:1px solid #333;
	font-size:16px;
}

html.isSp .catmenu ul.menuList li a > small{

}

html.isSp #menuSpButton{
	position:fixed;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	z-index:9999;
	/*background:#191818;*/

	cursor:pointer;
	text-align:center;
	line-height:62px;
	color:#eee;
}

html.isSp #menuSpButton.spReady{
	-webkit-transition:-webkit-transform .2s ease;
	transition:transform .2s ease;
	will-change:transform;
}

html.isSp #menuSpButton.spOpen{
	-webkit-transform:translateX(270px);
	transform:translateX(270px);
}

html.isSp header{
	height:50px;
}

html.isSp #searchBox,
html.isSp .footerAlert,
html.isSp #nav-dock,
html.isSp #chatBox,
html.isSp .jpUpFilesBox{
	display:none
}

html.isSp h2{
	text-align:center;
}

html.isSp .mainSection p.description small{
	display:block;
}

html.isSp #page_detail h2{
	text-align:left;
	font-size: 30px;
}



html.isSp #title{
	padding:13px 0 0 65px;
	width:auto;
	font-size:15px;
	
}



html.isSp #spSearch{
	margin:15px 0 15px 15px;
}

html.isSp #spSearch input[type="text"]{
	padding: 0 !important;
	height: 25px;
	width: 165px;
	font-size:16px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-webkit-appearance: none;
}
html.isSp #spSearch input[type="submit"]{
	margin-left: 0 !important;
	background-color: #333;
	border: 1px solid #333;
	color: #eee;
	height: 29px;
	width: 72px;
	cursor:pointer;
	font-weight:bold;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-webkit-appearance: none;
}



html.isSp .aReverse{
	display:none;
}

html.isSp .ratetag,
html.isSp #page_detail small.ratetag{
	display:block !important;
	text-align:left;
	font-size:16px;
	padding:0px 10px 10px;
	background:#1b1b1b;
}

html.isSp .matchMod ul li{
	font-size:10px;
}/* android */


html.isSp #container,
html.isSp .container,
html.isSp .mainSection{
	width:100%;
}

html.isSp .bigTb{
	margin:0px;
	border-radius:0px;
	border:none;
	height:auto;
	max-height:210px;
}


html.isSp .bigTbDesc{
	border-radius:0px;
}

html.isSp .mainSection dd,
html.isSp .mainDesc{
	padding:0px;
	border-radius:0px;
}

html.isSp .bigTbDesc{
	background: #222;
	opacity: 0.6;
}

html.isSp .imgBox a img,
html.isSp .imgBox a{
	border-radius:0px;
	margin:0px;
	border:none;
}

html.isSp footer{
	display:none;
}

html.isSp .character{
	padding:15px 10px;
}

html.isSp .mainSection dt{
	padding:10px 10px 0px 10px;
	margin:15px 0 0 0;
	background:#1b1b1b;
}

html.isSp .toNexus{
	display:none;
}

html.isSp .ddBottom{
	margin:5px 0 45px 0;
	font-size:16px;
}

html.isSp .spNone{
	display:none !important;
}

html.isSp .mainDesc .imgBox{
	margin:0 0 0 0;
}

html.isSp .pager a.next,
html.isSp .pager a.prev{
	margin:0px;
	padding:14px;
}

html.isSp .spcenter{text-align:center;}

html.isSp .sortMenu{
	position:static;
	font-size:14px;
	display:inline-block;
	width:auto;
	margin:0 auto;
}

html.isSp .mainSection dd blockquote.en2jp{
	padding:10px 15px 15px 15px;
	background:#1a1b1b;
}

html.isSp .pcNone{
	display:block !important;
}

html.isSp .mainSection dd div.more{
	z-index: 9400;
	position: relative;
	top: -15px;
	padding-top: 30px;
	background: -moz-linear-gradient(bottom, #1b1b1b 80%, transparent);
	background: -webkit-linear-gradient(bottom, #1b1b1b 80%, transparent);
	background: linear-gradient(to top, #1b1b1b 80%, transparent)

}

html.isSp .mainSection dd div.more span{
	white-space: nowrap;
	/* 文字列から全角スペースを外したので字間はCSSで作る(2026-08-16)。
	   「▼続きを読む」に対して 0.83em で従来の
	   「▼　続　き　を　読　む」とほぼ同じ幅(197.8px→197.5px)になる */
	letter-spacing: 0.83em;
	text-indent: 0.83em;
	border-radius: 0.8em;
	display: block;
	font-size: 18px;
	color:#fff;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	width: 80%;
}/* detail */


html.isSp #page_detail .mainSection dt{
	padding:10px 10px 0px 10px;
	margin:15px 0 0 0;
	background:none;
}

html.isSp #page_detail textarea#comment,
html.isSp .commentBox ul li input[name="comment"]{
	width:90%;
}


html.isSp #page_detail .commentBox{
	padding:0px;
}
html.isSp #page_detail .commentBox ul li{
	float:none;
	padding:15px 15px 0;
}

html.isSp #page_detail .commentBox ul li .counter{
	text-align:left;
}

html.isSp #page_detail #modDesc .desc{
	padding:0px;
	border:none;
	border-radius:0px;
}

html.isSp #page_detail .desc{
	padding:15px 10px;	
}
	
html.isSp #page_detail #modDesc > small{
	display:none;
}

html.isSp #page_detail .heedBox,
html.isSp #page_detail .heedEng{
	display:none;
}

html.isSp #page_detail #comments{
	display:block;
}

html.isSp #page_detail .mainSection dd.matchMod ul{
	padding:0px;
}

html.isSp #page_detail #modDesc .imgBox{
	margin:0px;
}

html.isSp #page_detail h2{
	padding:15px 10px 0;
}

html.isSp #page_detail h2,
html.isSp #page_detail dt.download{
	margin:0px;
	background:#1a1b1b;
	border:none;
}

html.isSp #page_detail dt.download{
	font-size:16px;
}

html.isSp #page_detail .content1{
	margin:0px;
}

html.isSp #page_detail #modDesc{
	margin:0px;
	padding:0px;
}

html.isSp .sponsored-loop-sp{
	margin:0px 0 20px 0;
}/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.isSp.swipebox-html.swipebox-touch{overflow:hidden!important}html.isSp #swipebox-overlay img{border:none!important}html.isSp #swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.isSp #swipebox-container{position:relative;width:100%;height:100%}html.isSp #swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}html.isSp #swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}html.isSp #swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}html.isSp #swipebox-slider .slide .swipebox-video-container,
html.isSp #swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}html.isSp #swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}html.isSp #swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}html.isSp #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}html.isSp #swipebox-slider .slide-loading{background:url(/images/swipebox/loader.gif) no-repeat center center}html.isSp #swipebox-bottom-bar,
html.isSp #swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}html.isSp #swipebox-bottom-bar{bottom:-50px}html.isSp #swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}html.isSp #swipebox-top-bar{top:-50px}html.isSp #swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}html.isSp #swipebox-title{display:block;width:100%;text-align:center}html.isSp #swipebox-close,
html.isSp #swipebox-next,
html.isSp #swipebox-prev{background-image:url(/images/swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}html.isSp #swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}html.isSp #swipebox-prev{background-position:-32px 13px;float:left}html.isSp #swipebox-next{background-position:-78px 13px;float:right}html.isSp #swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}html.isSp .swipebox-no-close-button #swipebox-close{display:none}html.isSp #swipebox-next.disabled,
html.isSp #swipebox-prev.disabled{opacity:.3}html.isSp .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}html.isSp .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}html.isSp .swipebox-touch #swipebox-container:after,
html.isSp .swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}html.isSp .swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}html.isSp .swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}html.isSp .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
html.isSp .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){html.isSp #swipebox-close{right:10px}html.isSp #swipebox-arrows{width:92%;max-width:800px}}html.isSp #swipebox-overlay{background:#0d0d0d}html.isSp #swipebox-bottom-bar,
html.isSp #swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}html.isSp #swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}/* AI summary sp (2026-08) */

html.isSp .aiHead{
	padding:0 10px 7px;
}


@media (prefers-reduced-motion: reduce){
	html.isSp .catmenu,
html.isSp #menuSpButton{transition:none;}
}


/* sp: show the share box only. the notice box stays hidden */
html.isSp #page_detail .heedBox.snsBox{
	display:block;
}

html.isSp #snsButtons{
	height:28px;
	line-height:28px;
}

html.isSp #snsButtons a.sb{
	width:28px;
	height:28px;
	margin:0 12px 0 0;
	background-size:196px 28px;
}

html.isSp #snsButtons a.sbX{background-position:0px 0;}
html.isSp #snsButtons a.sbHatena{background-position:-28px 0;}
html.isSp #snsButtons a.sbLine{background-position:-56px 0;}
html.isSp #snsButtons a.sbFb{background-position:-84px 0;}
html.isSp #snsButtons a.sbThreads{background-position:-112px 0;}
html.isSp #snsButtons a.sbBsky{background-position:-140px 0;}
html.isSp #snsButtons a.sbCopy{background-position:-168px 0;}

html.isSp #snsButtons a.sbCopy{
	margin-left:24px;
}

html.isSp #snsButtons a.sbCopy:before{
	left:-18px;
	top:3px;
	height:22px;
}

html.isSp #snsButtons .copyDone{
	line-height:28px;
	font-size:12px;
}

/* SP ad slot centering + sponsored label spacing (2026-09-01) */
.isSp dd.pcNone > div{ text-align:center; }
.isSp dd.pcNone p.pb-cap{ margin:-30px 0 3px; }

/* detailページは-30pxが本文に被るため緩和 (2026-09-02) */
.isSp #page_detail dd.pcNone p.pb-cap{ margin:0 0 5px; }