@charset "UTF-8";

/* ************************************************ */
/* 共通 */
/* ************************************************ */
body {
	--base-color:#64bd4f;
	--base-color-light:#75c964;
	--base-color-dark:#5aa13b;
	margin:0 auto;
	padding:0;
	margin:0 auto;
	background:white;
	max-width:1920px;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	color:#555;
	-webkit-text-size-adjust:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0;
}
h1 {
	font-size:2em;
}
a {
	text-decoration:none;
	color:#1c85d6;
}
a:hover {
	opacity:.5;
	transition:all 0.15s;
}
ul,ol,dl,dt,dd {
	margin:0;
	padding:0;
	list-style:none;
}
header, footer, nav, section, article, figure, aside {
	display:block;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

	

/* ************************************************ */
/* サービス毎の定義 */
/* ************************************************ */
.wrapper {
	position:relative;
	max-width:1600px;
	min-width:1000px;
	margin:0 auto;
	padding:0 3%;
}

/* ボタン */
.button, button {
	display:inline-block;
	line-height:3;
	padding:0 1.5em;
	background-color:rgb(90,161,59);
	color:white;
	border-radius:.2em;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	max-width:100%;
}
.button.negative { background-color:#bbb; }
.button[disabled], button[disabled] {
	cursor:default;
	background-color:#ccc;
	pointer-events: none;
}



/* ************************************************ */
/* ヘッダ */
/* ************************************************ */
#svc-header {
	position:relative;
	display:block;
	line-height:1;
	padding:0;
	border-top:.2em solid var(--base-color-light);
	border-bottom:1px solid #ddd;
}
#svc-header > .wrapper {
	display:flex;
	align-items:center;
	position:relative;
	background:white;
}
#svc-header .logo {
	flex:0 0 auto;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1em;
	background:url(/img/v2/logo.gif) no-repeat left center;
	width:8em;
	height:3.0em;
	background-size:100%;
	margin-left:.4em;
}
.adult #svc-header .logo {
	background-image:url(/img/adult/logo.gif);
	width:12em;
}
#svc-header .logo a {
	display:block;
	width:100%;
	height:100%;
}
#svc-header .logo.christmas span {
	background-image:url(/img/v2/logo_christmas_09.gif);
}
#svc-header nav {
	flex:1 1 auto;
	width:80%;
}
#svc-header .menu {
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-end;
}
#svc-header .menu > a {
	flex:0 0 6em;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
	color:#444;
	font-size:.66em;
	padding:3.7em 0 .9em 0;
	margin-left:.5em;
	background-size:1.8em;
	background-repeat:no-repeat;
	background-position:center .9em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA8CAYAAAAt3km7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABWNJREFUeNrUWmuIVVUU3veOqGWaWolp9UMFTTLHJqbGSpIe9gCxUTOoxh4aM5X9MEqDAmuC1B9F6Uj2UEsH8VH9UIcYUgQjm6KXVDOBIxZWwljoNKkz2dy+zf0OrFmdO/eec8/rfvDB3eues/f6ztmPtdc+AyoqKkwIuBq8FawEJ4GXgRfwvy7wGNgGfgF+Ah4K2oEBAdY1DKwFH6aYXBgEXgROBRfQZkVuBN8EO4NwJh1AHQPB5eBRcFUeUbkwifceZV0D435j5eBm8Kp+rjkDHgH/YnkoOA48z+XaEeAr4P1gDfhNHMIWsusMdvnvALgd3Av+BPa69JSJ4C3gveBN6n/7oD4D68BNUXbFZzkmtKidHDszwLVgq4soQ1srr5nBe3aqa2zdG9hWJMLqOB5SwvYLOAuc73OGO8R7Z7EuBym2VRe2sLvANcq2H7wWbA5gImpmXfuVfQ3bDkXYpeD7YJmwNYF3gh0BLhsdrLNJ2MrY9pgwhK3j+uOghd3nbAgL/FnW3SJstu2GoIXdBs4R5T/AueBpEx5s3fPAP4VtDn0JTNiLqvwU+KsJHzb0WpLHF9/CpoNVomzXl60mOmxlmw6qlD++hS1U5ZVgJkJhGbYp8VCxwso4lhz8DO420WM323YwV83OnoWVq5lwe8RvS761bWqGLC9GmI7h9pr4sE+VbyxG2ERVPhijsIMuWx3fwiaI38eD2gT6RCd9cPPNs7ChKtSJGx05fPMs7Hz1xOJGZw7fPAuTceCQBAgbksM3z8LkE7owAcKGi9+nihEm48ErmGGKCzbBc3kO3zwL+15FIVNjFFauoo0fihH2tSrPjFHYzDy+eRL2Kfi3KM+PUZhsu4u++RbWrcIomw+fFoOoaWxbhnbdxW5b3lXlZ2IQplNwG4LYj+1RW4b7wOsjFGXbWuB161SIsH/Vdtzm+t4y7hngoDGYbaVUaqA3qJyHTX3JROgU8PUIhL3Bthx8B74XVM7DeWuPgD3C9hj4fIiibN2LRbmHPvQGKcziK3CFstWb7OlIKkBBKdZZr+wr8q1dfoUZJlUalc2eZ+0CRwUgahTrWq7sjS4JnUCFZdgdPlT2u0329ORJn/HkIN7byrokPmCbmTCFOX3dnmltUfaRJnt40A6+pAZ9Lkzhte28d6T6fwun+h7P/dnH4Xqag3ql2ka44Thn08NiCzSM23p7AD86z/0n2S3fLnTS8Ctssske+FVGHHl8Dj4K/hhGV7zHZE8/Kl26pl1bqk32VPKcD8fP8d5q1tXjEn200IfA3liKU+0LLtP6Nq43h4VtDB24A7wOvKSfxIx19mPwI/A3lYF6WYVSzuRVT38yxQizQuy5WK2y/w4uMn0P53LhYoodLsaNFXGigHvtKeY7JnvoKGEP9R/vT1y+rwbWuojax0C40HTciQJFuKGJu3abWr9Z2Gs5mTzhZ4w9zacisZFdLMocYwfb1F8VWN+WehVmt+GrlG0dZ6Z/YtiPdbOXrFf21epN9ivMLpKbVeKkkZFBHCctMhCvUyFdGRfxEYUIexUcq5Imi2MWJWfFRSoYtr6+lk+YPZqpUUkTm0Q5Y5ID54uCLmGrMepYKe3SZ+VatcxkP/BKGo7QN7ksrc4l7HbT99D6W5fBmiSsp48Oqqjhf8L01LmMAzapsL49p2xLtbDxUq3JftLabJIPG459qXrdOCnsATW2GkzpoEGNtQelsGo1E+4oIWE71Aw52xE2lps+B3sSNr3nw2n67OAaq8kKu8Gl35YatM/T0y4bxwMlKEz7XGmFXSkMpxK6IOdDu+l7dDs5bfp+L9GWkJjQD9rE7/FplSk6ZkoX0vfR/wkwAJu7GSOUd/YLAAAAAElFTkSuQmCC);
}
#svc-header .menu .select {
	background-position:center 1.15em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAtCAYAAAADfVPBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdJREFUeNrs2EENACAMBEEgOGr9WysmgEcz62Byv5sRUaNJazSqFWZWlWVgYGBgYGBgYGBgYGBg7rUz06EB8ziHBgwMDAwMDAwMDAwMDMzdHBowHzoCDABLugsk4qtRNgAAAABJRU5ErkJggg==);
}
#svc-header .menu .reader {
	position:relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAtCAYAAADGD8lQAAACAElEQVRYhe3ZTYhOURjA8d98lGSoyQ4rQ77KZhYi+UghJYmIpEQWUrIQZuNjY6GkkMTChg3JQilKJBILpNEoXylKFsRMCjN08ky9TW8d9M77Wpz/5t77nHvu87/nPPddPG9TZ2cnTMZuzEArBtSHZvTjJY7jbko+BQ8xsk4S1ZiFdViUhI6FzDecxRe01Ekkrc6IkBmLk0loXgwewd46iQzlEc6gI+3hzxh82yCZxIc4/khC3+OirYFCg7n7mxsoUZUilKMI5ShCOYpQjiKUowjlKEI5ilCOIpSjCOUoQjmKUI4ilKNWQu2Y8L8IbcYLvMKeRgrNx43o67RHK/AQHmN1PYU6cA43sTBi13EpzmfiAq5Gq27YhJqwDz1YH7E+7MRirMIGvIuxpbiHExhTa6HUA3yO/bE1IlFaraMV96WVm4QDqRsWsW3RZd1RC6G5qVWL85gYsSuxLdvxvsqcryHeEU1U0dBM4k+x8k+FWivOx+M0bmN2xJ5hDZbjSf5dvcEmLMD9iE2LWruM6dVyVwr1xHFXfMZb4vojujA1ivVvuRXFvRWvY+4KdONwOHQPPjN18j9jNC5iHOZUJDwVvy2f/kGkGi1RX13xkYjafBB12peEejFqyORrOIg7NRIZSvr3ID0/lUAlvWm5KmXS0m3EkmGUSaR6XItlUae/oe0X0btarGW7DPoAAAAASUVORK5CYII=);
}
#svc-header .menu .reader .unread {
	position:absolute;
	display:none;
	border-radius:2em;
	background-color:red;
	font-size:.85em;
	color:white;
	line-height:1;
	padding:.4em .6em;
	top:.6em;
	font-weight:bold;
	text-align:center;
	left:calc(50% + .1em);
	letter-spacing:-.03em;
	max-width:5.5em;
	overflow:hidden;
	text-overflow:ellipsis;
}
#svc-header .menu .reader .unread.show {
	display:block;
}


/** ヘッダーメニュー **/
#header-menu {
	display:block;
	text-align:left;
	position:absolute;
	z-index:999;
	top:100%;
	top:calc(100% + 1px);
	right:0;
	display:none;
	margin:0;
	padding:0 1em 1em;
	width:28em;
	max-width:99%;
	line-height:1.4;
	font-size:.9rem;
}
#header-menu .profile {
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	background-color:white;
	border:1px solid #ddd;
	border-top:none;
	padding:.5em .5em;
	color:#666;
}
#header-menu .profile:hover {
	opacity:1;
}
#header-menu .profile > a {
	flex:0 0 auto;
	width:48%;
	margin:0 1%;
	display:block;
	font-size:.9em;
	border:1px solid #ddd;
	border-radius:.2em;
	background:linear-gradient(#fff,#f7f7f7 50%,#e5e5e5);
	text-align:center;
	color:#333;
	padding:.7em 0;
}
#header-menu .profile > a.join {
	background:#5aa13b;
	color:white;
}
#header-menu .profile:hover .id {
	text-decoration:underline;
}
#header-menu .profile > img {
	flex:0 0 auto;
	width:3.5em;
	height:3.5em;
	border-radius:50%;
}
#header-menu .profile > ul {
	position:relative;
	flex:1 1 auto;
	width:50%;
	flex-flow:column wrap;
	border:none;
	margin-left:.5em;
	line-height:1.3;
	padding-right:.8em;
}
#header-menu .profile > ul::after {
	content:"";
	display:block;
	position:absolute;
	right:.3em;
	top:50%;
	margin-top:-.25em;
	width:.5em;
	height:.5em;
	border:1px solid silver;
	border-width:1px 1px 0 0;
	transform:rotate(45deg);
}
#header-menu .profile > ul > li {
	border:none !important;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
}
#header-menu .profile > ul > li.id {
	font-size:.8em;
	color:#aaa;
}
#header-menu .profile > ul > li.id::before { content:"登録ID:"; }
#header-menu .profile > ul > li.url {
	font-size:.9em;
	letter-spacing:-.03em;
	color:darkgreen;
}
#header-menu .profile > ul > li.link {
	text-align:right;
}
#header-menu .search {
	display:flex;
	flex-flow:row nowrap;
	align-items:stretch;
	border:1px solid #ddd;
	border-width:0 1px;
	background-color:white;
}
#header-menu .search > input {
	flex:1 1 auto;
	width:80%;
	line-height:3em;
	padding:0 .5em;
	border:0;
	font-size:1em;
}
#header-menu .search > input::placeholder {
	color:#aaa;
}
#header-menu .search > button {
	color:transparent;
	flex:0 0 auto;
	width:3.2em;
	cursor:pointer;
	border:none;
	background:none;
	margin:0;
	box-shadow:none;
	background-size:1.5em 1.5em;
	background-position:center center;
	background-repeat:no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOiNhYWE7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0ibTQ5OS41MTYgNDM5LjMxMy03OS41NDctNzkuNTYzLTYwLjIxOSA2MC4yMTkgNzkuNTQ3IDc5LjU2M2M4LjA0NyA4LjAzMSAxOC43MzQgMTIuNDY5IDMwLjEyNSAxMi40NjkgMTEuMzU5IDAgMjIuMDQ3LTQuNDM4IDMwLjA5NC0xMi40NjkgOC4wNjMtOC4wNDcgMTIuNDg0LTE4Ljc1IDEyLjQ4NC0zMC4xMjVzLTQuNDM3LTIyLjA2My0xMi40ODQtMzAuMDk0ek0zOTkuMzkxIDM2Mi4zMTMgMzU4IDMyMC45MDZjLjA2My0uMDk0LjA2My0uMTg4LjEyNS0uMjUgMjYuNTYzLTM0LjcxOSA0MS4xNTYtNzcuNjg4IDQxLjEyNS0xMjEuMDMxLjA0Ny01My4yODEtMjAuNzAzLTEwMy40MzgtNTguNDY5LTE0MS4xNTZDMzAzLjEwOSAyMC43NjYgMjUzLjA2MyAwIDE5OS4zNzUgMCAxNDYuMTcyIDAgOTYuMTQxIDIwLjc2NiA1OC40NjkgNTguNDY5IDIwLjcwMyA5Ni4xODgtLjA2MyAxNDYuMzQ0IDAgMTk5LjY0MWMtLjA0NyA1My4yOTcgMjAuNzE5IDEwMy40MjIgNTguNDUzIDE0MS4xNDEgMzcuNjg4IDM3LjcxOSA4Ny43NjYgNTguNDY5IDE0MS4xODggNTguNDY5aC4xODhjNDMuMjM0IDAgODYuMTQxLTE0LjU5NCAxMjAuODI4LTQxLjEyNS4wNzgtLjA2My4xNTYtLjA5NC4yMzQtLjEyNWw0MS40MDYgNDEuNDA2IDM3LjA5NC0zNy4wOTR6bS0xMDQuNzAzLTY3LjYyNWMtMjUuMzkxIDI1LjM0NC01OS4xMjUgMzkuMzQ0LTk1LjA3OCAzOS40MDYtMzUuOTIyLS4wNjMtNjkuNjcyLTE0LjA2My05NS4wNDctMzkuNDA2LTI1LjM1OS0yNS4zNTktMzkuMzQ0LTU5LjEyNS0zOS4zOTEtOTUuMDYzLjA0Ny0zNS45MzggMTQuMDMxLTY5LjY4OCAzOS4zNzUtOTUuMDYzIDI1LjM3NS0yNS4zNDQgNTkuMTI1LTM5LjMxMyA5NS4wNjMtMzkuMzkxLjAxNi0uMDE2LjAzMSAwIC4wMzEgMCAzNS45MjIuMDc4IDY5LjY3MiAxNC4wNDcgOTUuMDQ3IDM5LjM5MSAyNS4zNDQgMjUuMzU5IDM5LjMyOCA1OS4xMjUgMzkuMzkxIDk1LjA5NC0uMDYzIDM1LjkyMi0xNC4wNDggNjkuNjg4LTM5LjM5MSA5NS4wMzJ6Ii8+PC9zdmc+);
}
#header-menu .menu-list {
	display:flex;
	flex-flow:row wrap;
	border:1px solid #ddd;
	background-color:white;
}
#header-menu .menu-list li {
	flex:0 0 auto;
	width:50%;
	padding:0;
	margin:0;
	white-space:nowrap;
}
#header-menu .menu-list li.none {
	pointer-events:none;
}
#header-menu .menu-list li > * {
	display:block;
	padding:1em 1em 1em .6em;
	overflow:hidden;
	text-overflow:ellipsis;
}
#header-menu .menu-list li:nth-child(odd) {
	border-right:1px solid #ddd;
}
#header-menu .menu-list li:not(:nth-last-child(-n+2)) {
	border-bottom:1px solid #ddd;
}
#header-menu .menu-title,
#header-menu .close {
	display:block;
	width:100%;
	text-align:center;
	background-color:#ddd;
	text-shadow:0 0 .1em white;
	padding:.9em .8em;
}
#header-menu .close {
	cursor:pointer;
	color:#555;
	padding:1.6em .8em;
}
#header-menu .close:hover {
	opacity:1;
}
#header-menu .closer {
	height:0;
	padding:0;
	width:100%;
	background-color:transparent;
}



/* ************************************************ */
/* パンくず */
/* ************************************************ */
.breadcrumbs {
	padding:.6em 0;
	font-size:.95em;
	border:1px solid #ddd;
	border-width:0 0 1px 0;
	line-height:1;
}
.breadcrumbs li {
	display:inline-block;
	margin-right:.3em;
}
.breadcrumbs li:first-child { margin-left:0; }
.breadcrumbs li::after {
	display:inline;
	content:">";
	margin-left:.4em;
	font-size:1em;
	color:#aaa;
}
.breadcrumbs li:last-child:after { display:none; }
.breadcrumbs li .block {
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:20em;
	line-height:1.6;
}



/* ************************************************ */
/* ページナビ */
/* ************************************************ */
.pagenavi-wrap { display:block; }
.pagenavi {
	font-size:.95em;
	overflow:auto;
	white-space:nowrap;
}
.pagenavi li {
	display:inline-block;
	*display:inline; *zoom:1;
	border:1px solid #bbb;
	border-width:1px 1px 1px 0;
	line-height:1em;
	color:#666;
	margin-bottom:.3em;
}
.pagenavi li:first-child {
	border-width:1px;
	border-radius:.2em 0 0 .2em;
}
.pagenavi li:last-child {
	border-radius:0 .2em .2em 0;
	margin-right:1px;
}
.pagenavi li .page {
	display:block;
	text-decoration:none;
	padding:1.1em 1.5em;
}
.pagenavi .pageset {
	cursor:pointer;
}



/* ************************************************ */
/* フッタ */
/* ************************************************ */
#svc-footer {
	display:block;
	border-top:1px solid #ddd;
	text-align:right;
}
#svc-footer .menu {
	font-size:.9em;
	margin:1em 0;
}
#svc-footer .menu a {
	display:inline-block;
	margin-left:.3em;
	color:#666;
}
#svc-footer .bottom {
	margin:1em 0 3em 0;
}
#svc-footer .copy {
	font-size:.8em;
	color:#888;
}



/* ************************************************ */
/* メイン */
/* ************************************************ */
main {
	display:block;
	background:#f5f5f5;
}
main > .wrapper {
	padding-top:2em;
	padding-bottom:5em;
}



/* ************************************************ */
/* jquery関連 */
/* ************************************************ */
body .ui-widget.ui-widget-content.ui-dialog {
	border:unset;
	border-radius:.5em;
}
body .ui-widget-overlay {
	background:black;
}
body .ui-widget-header {
	background-color:white;
	border:none;
}
body .ui-dialog .ui-dialog-title {
	font-size:1.2em;
	white-space:wrap;
}
body .ui-dialog .ui-dialog-titlebar-close {
	display:flex;
	align-items:center;
	border:unset;
	background-color:unset;
	width:3em;
	height:100%;
	top:0;
	text-indent:unset;
	color:transparent;
	margin:0;
	overflow:hidden;
}
body .ui-dialog .ui-dialog-titlebar-close::before {
	content:"X";
	display:block;
	margin-left:1.25em;
	background:no-repeat center center;
	background-size:1em;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMntmaWxsOm5vbmU7c3Ryb2tlOiMzMzM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDo0cHh9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48cGF0aCBzdHlsZT0iZmlsbDpub25lIiBkPSJNMCAwaDQ4djQ4SDB6IiBpZD0iUmVjdF/mnIDlvozpgI/mmI7jgatfIiBkYXRhLW5hbWU9IlJlY3TvvIjmnIDlvozpgI/mmI7jgavvvIkiLz48ZyBpZD0iaWNvbiI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMTIuMTMgMTIuNjMgMjQgMjMuNU0xMi4zOCAzNi4zOGwyMy41LTI0Ii8+PC9nPjwvZz48L3N2Zz4=);
}
body .ui-dialog .ui-dialog-titlebar-close span {
	display:none;
}
body .ui-dialog .ui-dialog-buttonpane {
	border:none;
}
body .ui-dialog .ui-dialog-buttonpane button {
	background-color:white;
	margin-left:.4em;
	margin-right:0;
}
body .ui-dialog .ui-dialog-buttonpane button:active {
	border-color:revert;
	background:unset;
	color:unset;
	font-weight:inherit;
}
body .jq-confirm-body {
	color:#666;
	font-size:.95em;
	line-height:1.4;
}



/* ************************************************ */
/* 4k対応 */
/* ************************************************ */
@media screen and (min-width: 1921px) {

body {
	border:1px solid #eee;
	border-width:0 1px 1px 1px;
}

}



/* ************************************************ */
/* スマホ対応 */
/* ************************************************ */

/* タブレット or スマホ横向き */
@media screen and (max-width: 1200px) {

	.wrapper {
		padding-left:1.5%;
		padding-right:1.5%;
	}

}

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

body { }
.wrapper { min-width:initial; padding:0 1%; }
main {
	padding-left:.5%;
	padding-right:.5%;
}

}

/* スマホ縦 */
@media screen and (max-width: 600px) {

body {
	padding-top:3.5em;
}
.wrapper { padding:0 0; }
#svc-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	font-size:.95em;
	z-index:10;
}
#svc-header.move > .wrapper {
}
#svc-header.move .logo {
	font-size:.75em;
	height:2.6em;
}
#svc-header.move .menu > a {
	line-height:0;
	color:transparent;
	letter-spacing:-1em;
	padding:3.3em 0 0;
	background-position-y:.5em;
	opacity:.75;
}
#svc-header.move .menu .select {
	background-position-y:.75em;
}
#svc-header .menu .reader .unread {
	transition:all .3s linear;
}
#svc-header.move .menu .reader .unread {
	top:.2em;
}
#svc-header h1 {
	width:4.2em;
	height:1.3em;
	min-height:unset;
	background-size:4em;
}
body.header-menu-open {
	overflow:hidden;
}
#header-menu {
	padding-right:0;
	padding-left:0;
	width:100%;
	max-width:100%;
	max-height:100vh;
	overflow-y:auto;
	background-color:rgba(0,0,0,.5);
}
#header-menu .closer {
	height:80vh;
}
#header-menu, #header-menu .menu-list {
	line-height:1.8;
}
#svc-header .logo {
	transition:all .3s linear;
}
#svc-header .menu > a {
	transition:all .3s linear;
	font-size:.6em;
	width:5em;
	margin-left:.2em;
}
header .menu .nosp { display:none; }
.breadcrumbs {
	font-size:.85em;
	padding:.6em .3em;
}
main {
	max-width:100%;
	padding-left:0;
	padding-right:0;
}
main > .wrapper {
	padding-top:1em;
	padding-bottom:1em;
}
#svc-footer {
	padding:0 .5em;
}

}

/* スマホ縦(狭) */
@media screen and (max-width: 300px) {
	body { font-size:.9em; }
	#header-menu { font-size:.8rem; }
}



/* ************************************************ */
/* アダルト対応 */
/* ************************************************ */
body.adult #svc-header {
	border-color:deeppink;
}
body.adult #svc-header h1 {
	background:url(/img/adult/logo.gif) no-repeat left center;
	width:8em;
	background-size:8em 1.5em;
	min-height:1.8em;
}
body.adult .button, body.adult form button {
	background-color:#ef80a6;
	border:1px solid #ddd;
}
body.adult form input[type="checkbox"]:checked + label:not(.ui-button):before {
	background-color:#ef80a6;
}
body.adult .normal-view {
	display:none;
}
@media screen and (max-width: 900px) {
	body.adult #svc-header h1 {
		width:5em;
		background-size:5em 1.3em;
	}
}