@charset "EUC-JP";

/* ************************************************ */
/* 共通 */
/* ************************************************ */
body {
	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 {
	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[disabled] {
	cursor:default;
	background-color:#ccc;
	pointer-events: none;
}



/* ************************************************ */
/* ヘッダ */
/* ************************************************ */
header {
	display:block;
	line-height:1;
	border-top:.2em solid rgb(117,201,100);
	border-bottom:1px solid #ddd;
	background:white;
	padding:0;
	line-height:0;
}
header .wrapper {
	display:flex;
	flex-flow:row nowrap;
	align-items: center;
}
header .wrapper h1 {
	flex:1 1 auto;
}
header .wrapper nav {
	flex:0 0 auto;
}
header h1 a {
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/img/v2/logo.gif) no-repeat .2em center;
	width:5.5em;
	height:1.9em;
	background-size:4.5em 1.3em;
}
header .logo.christmas span {
	background-image:url(/img/v2/logo_christmas_09.gif);
}
header .menu {
	line-height:1;
}
header .menu > a {
	display:inline-block;
	text-decoration:none;
	text-align:center;
	width:7em;
	white-space:nowrap;
	color:#444;
	font-size:.66em;
	padding:3.7em 0 .9em;
	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);
}
header .menu .select {
	background-position:center 1.15em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAtCAYAAAADfVPBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdJREFUeNrs2EENACAMBEEgOGr9WysmgEcz62Byv5sRUaNJazSqFWZWlWVgYGBgYGBgYGBgYGBg7rUz06EB8ziHBgwMDAwMDAwMDAwMDMzdHBowHzoCDABLugsk4qtRNgAAAABJRU5ErkJggg==);
}
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:.82em;
	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;
	line-height:1.4;
	position:absolute;
	z-index:9;
	top:100%;
	right:0;
	display:none;
	margin:0 0 -1em -1em;
	padding:0 1em 1em 1em;
	width:24em;
	max-width:100%;
}
#header-menu ul {
	display:flex;
	flex-flow:row wrap;
	font-size:.9em;
	border:1px solid #ddd;
	background-color:white;
}
#header-menu ul li {
	flex:0 0 auto;
	width:50%;
	padding:0;
	margin:0;
	white-space:nowrap;
}
#header-menu ul li > * {
	display:block;
	padding:.9em 1em;
}
#header-menu ul li:nth-child(odd) {
	border-right:1px solid #ddd;
}
#header-menu ul li:not(:nth-last-child(-n+2)) {
	border-bottom:1px solid #ddd;
}
#header-menu h2,
#header-menu .close {
	display:block;
	width:100%;
	text-align:center;
	background-color:#ddd;
	font-size:.9em;
	text-shadow:0 0 .1em white;
	padding:1em .8em;
}
#header-menu .close {
	cursor:pointer;
}
#header-menu .close:hover {
	opacity:1;
}



/* ************************************************ */
/* パンくず */
/* ************************************************ */
.breadcrumbs {
	padding:.6em 0;
	font-size:.95em;
	border-bottom:1px solid #ddd;
	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;
}
.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;
}



/* ************************************************ */
/* フッタ */
/* ************************************************ */
footer {
	display:block;
	border-top:1px solid #ddd;
}
footer .bottom {
	text-align:right;
	margin:1em 0 3em 0;
}
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: 900px) {

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

}

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

body { max-width:100%; }
.wrapper { max-width:100%; min-width:initial; padding:0 1%; }
header .wrapper { padding:0; }
header h1 a {
	width:4.2em;
	height:1.3em;
	background-size:3.8em;
}
#header-menu {
	padding-right:0;
	padding-left:0;
	line-height:1.8;
}
header .menu > a {
	font-size:.58em;
	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;
}

}