@charset "utf-8";
/*[common.css]*/
@media screen and (max-width:480px){
html.open {overflow: hidden;}
div#container{
padding-top:116px
}
div#container div#contents div#container{
padding-top:0
}
header#header{
position:fixed;
top:0;
left:0;
width:100%;
background:#fff;
z-index:1004;
}
header#header div.header-wrapper{
position: relative;
clear:both;
overflow:hidden;
background:#fff;
background:-moz-linear-gradient(top,#fff 0,#f0f0f0 50%);
background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 50%);
background:linear-gradient(to bottom,#fff 0,#f0f0f0 50%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0f0f0',GradientType=0)
}
header#header div.site-title{
display: flex;
flex-direction: column;
justify-content: center;
float:left;
clear:left;
width:60%;
padding:10px;
overflow:hidden;
}
header#header div.site-title h1{
color:#666;
font-size:8px;
line-height: 1.2;
}
header#header div.site-title .logo a{
display: block;
max-width:184px;
height: 0;
padding-top: 20px;
background:url(/user_data/packages/default/img/sp/site-title.png)no-repeat 0 center;
background-size:100% auto;
overflow: hidden;
}
header#header div.site-title .ships,
header#header div.header-body #type-nav,
header#header div.header-body .ships {
display: none;
}
header#header div.header-body .tel {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
width: 55%;
height: 52px;
padding: 7px 10px;
text-align: right;
overflow: hidden;
box-sizing: border-box;
}
header#header div.header-body .tel .tel-num {
display: block;
width: 100%;
color: #ff7300;
font-size: 18px;
font-weight: bold;
text-align: right;
text-decoration: none;
line-height: 1.2;
}
header#header div.header-body .tel .tel-num:before {
content: '';
display: inline-block;
width: 16px;
height: 22px;
margin: 0 3px 2px 0;
background: url(/user_data/packages/default/img/icon/tel.png) no-repeat center;
background-size: auto 100%;
vertical-align: middle;
}
header#header div.header-body .tel .tel-inf {
display: block;
color:#666;
font-size:10px;
line-height: 1.2;
}
header#header div.header-body .tel a.text-link {
position: relative;
display: block;
color: #c00;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
header#header div.header-body .tel a.text-link:before,header#header div.header-body .tel a.text-link:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
vertical-align: middle;
}
header#header div.header-body .tel a.text-link:before {
margin-right: 2px;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #c00;
}
header#header div.header-body .tel a.text-link:after {
margin-left: 2px;
border-width: 5px 6px 5px 0;
border-color: transparent #c00 transparent transparent;
}
header#header nav.supplement-nav{
height:62px;
transition-duration:.2s;
transition-timing-function:ease-in-out
}
header#header.scroll-hide nav.supplement-nav{
height:0
}
header#header nav.supplement-nav ul li.tel{
display:none
}
header#header nav.supplement-nav{
clear:both;
float:left;
clear:left;
width:100%;
background:#004fad;
border-top:1px solid #fff;
border-bottom:1px solid hsla(0,0%,100%,.5)
}
body.stream header#header nav.supplement-nav{
background:#c00;
}
body#details header#header nav.supplement-nav{
border-bottom:0
}
header#header nav.supplement-nav ul{
letter-spacing:-.4em
}
header#header nav.supplement-nav ul li:not(.purchased){
display:inline-block;
width:25%;
padding:0 2px;
text-align:center;
vertical-align:top;
letter-spacing:normal;
box-sizing:border-box;
border-left:1px solid hsla(0,0%,100%,.5)
}
header#header nav.supplement-nav ul li:first-child{
border-left:0
}
header#header nav.supplement-nav ul li:nth-child(2){
width:22%
}
header#header nav.supplement-nav ul li:nth-child(3){
width:28%
}
header#header nav.supplement-nav ul li:not(.purchased) a{
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
height:62px;
color:#fff;
font-size:10px;
text-decoration:none;
line-height:1.2em;
box-sizing: border-box;
}
header#header nav.supplement-nav ul li a .sub{
display:block;
color:#e6d41c;
font-weight:700
}
header#header nav.supplement-nav ul li a .sub br{
display:none
}
header#header nav.supplement-nav ul li a .sub em{
color:#e6d41c;
font-style:normal;
font-weight:700
}
header#header nav.supplement-nav ul li:not(.purchased) a:before{
content:'';
width:30px;
height:30px;
}
header#header nav.supplement-nav ul li.ordermae a:before{
background:url(/user_data/packages/default/img/sp/icon/ordermae-nav.png)no-repeat center;
background-size:100% auto;
}
header#header nav.supplement-nav ul li.login a:before,header#header nav.supplement-nav ul li.mypage a:before{
background:url(/user_data/packages/default/img/sp/icon/login-nav.png)no-repeat center;
background-size:100% auto;
}
header#header nav.supplement-nav ul li.kiyaku a:before{
background:url(/user_data/packages/default/img/sp/icon/kiyaku-nav.png)no-repeat center;
background-size:100% auto;
}
header#header nav.supplement-nav ul li.user{
padding:8px 0;
color:#fff;
font-size:10px;
line-height:1.3;
box-sizing:border-box
}
header#header nav.supplement-nav ul li .user-name{
font-size:14px;
font-weight:700
}
header#header nav.supplement-nav ul li .user-point{
display:block;
color:hsla(0,0%,100%,.8)
}
header#header nav.supplement-nav ul li .user-point em{
color:#e6d41c;
font-size:9pt;
font-weight:700
}
header#header nav.supplement-nav ul li.purchased{
display:none;
position:absolute;
top:0;
right:0;
width:53%;
text-align:right;
line-height:0;
letter-spacing:normal
}
header#header nav.supplement-nav ul li.purchased a{
display:block;
margin:4px 3px 0 0;
padding:5px 0;
background:#383838;
color:#ffe400;
font-size:9pt;
font-weight:700;
text-align:center;
text-decoration:none;
letter-spacing:-1px;
border-radius:75pt
}
header#header nav.supplement-nav ul li.purchased a:before{
content:'';
display:inline-block;
width:18px;
height:18px;
margin:0 8px 3px 0;
background:url(/user_data/packages/default/img/icon/stream_yellow.svg)no-repeat center;
background-size:100% auto;
vertical-align:middle
}
header#header div.global-nav-icon.open div.nav-icon{
position:fixed;
top:10px;
right:10px;
width:40px;
height:40px;
z-index:5;
cursor:pointer
}
header#header div.global-nav-icon.open div.nav-icon div.line1{
position:absolute;
top:17px;
left:3px;
width:34px;
height:5px;
background:#fff;
transform:rotate(135deg)
}
header#header div.global-nav-icon.open div.nav-icon div.line3{
position:absolute;
top:17px;
left:3px;
width:34px;
height:5px;
background:#fff;
transform:rotate(-135deg)
}
header#header div.global-nav-icon div.nav-title{
position: fixed;
top:0;
right:8px;
display:flex;
flex-direction: column;
justify-content:center;
align-items: center;
height: 52px;
}
header#header div.global-nav-icon div.nav-title > span{
min-width:110px;
padding:5px 10px;
background: linear-gradient(to bottom, #2669b9 0, #004393 100%);
color:#fff;
font-size:0.8em;
text-align:center;
line-height:1.2;
border-radius:3px;
box-sizing: border-box;
}
header#header div.global-nav-icon div.nav-title .small{
font-size:0.8em;
}
body.stream header#header div.global-nav-icon div.nav-title > span{
background: linear-gradient(to bottom, #d32626 0, #ae0000 100%);
}
header#header div.global-nav-icon.open div.nav-title {
display: none;
}
header#header nav#global-nav,header#header nav#global-nav.close{
position:fixed;
top:0;
left:0;
width:100%;
height:0;
background:transparent;
overflow:auto;
z-index:2;
transition:background .2s
}
header#header nav#global-nav.open{
height:100%;
background:rgba(0,0,0,.6);
transition:background .2s
}
header#header nav#global-nav div.global-nav-wrapper,header#header nav#global-nav.close div.global-nav-wrapper{
position:absolute;
top:0;
left:-80%;
width:80%;
min-height:100%;
background:#fff;
box-shadow:1px 0 5px rgba(0,0,0,.25);
transition:.3s
}
header#header nav#global-nav.open div.global-nav-wrapper{
left:0
}
header#header nav#global-nav p{
padding:10px 10px 0;
font-weight:700
}
header#header nav#global-nav ul li{
border-bottom:1px dotted #c4c4c4
}
header#header nav#global-nav > ul > li:first-child{
border-top:1px dotted #c4c4c4
}
header#header nav#global-nav ul li.cat-title{
padding:15px 10px 5px;
font-weight:700
}
header#header nav#global-nav ul li a{
position:relative;
display:block;
padding:10px 10px 10px 45px;
font-size:1pc;
text-decoration:none;
cursor:pointer
}
header#header nav#global-nav ul li.other-nav {
position: relative;
padding-bottom: 48px;
border-bottom: none;
}
header#header nav#global-nav ul li span.nolink{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 8px 8px;
padding:5px 10px;
background: #004fad;
color: #FFF;
font-size:14px;
font-weight:700;
border-radius: 6px;
}
body.stream header#header nav#global-nav ul li span.nolink{
background: #c00;
}
header#header nav#global-nav ul li.cat02 a{
background:url(/user_data/packages/default/img/icon/cat02.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat04 a{
background:url(/user_data/packages/default/img/icon/cat04.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat08 a{
background:url(/user_data/packages/default/img/icon/cat08.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat09 a{
background:url(/user_data/packages/default/img/icon/cat09.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat45 a{
background:url(/user_data/packages/default/img/icon/cat45.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat06 a{
background:url(/user_data/packages/default/img/icon/cat06.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat07 a{
background:url(/user_data/packages/default/img/icon/cat07.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat10 a{
background:url(/user_data/packages/default/img/icon/cat10.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat11 a{
background:url(/user_data/packages/default/img/icon/cat11.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat12 a{
background:url(/user_data/packages/default/img/icon/cat12.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat47 a{
background:url(/user_data/packages/default/img/icon/cat47.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat43 a{
background:url(/user_data/packages/default/img/icon/cat43.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat03 a{
background:url(/user_data/packages/default/img/icon/cat03.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat13 a{
background:url(/user_data/packages/default/img/icon/cat13.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat05 a{
background:url(/user_data/packages/default/img/icon/cat05.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat46 a{
background:url(/user_data/packages/default/img/icon/cat46.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat14 a{
background:url(/user_data/packages/default/img/icon/cat14.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat15 a{
background:url(/user_data/packages/default/img/icon/cat15.png?ver=20250319)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat42 a{
background:url(/user_data/packages/default/img/icon/cat42.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat16 a{
background:url(/user_data/packages/default/img/icon/cat16.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat17 a{
background:url(/user_data/packages/default/img/icon/cat17.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat19 a{
background:url(/user_data/packages/default/img/icon/cat19.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat18 a{
background:url(/user_data/packages/default/img/icon/cat18.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat20 a{
background:url(/user_data/packages/default/img/icon/cat20.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat44 a{
background:url(/user_data/packages/default/img/icon/cat44.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat22 a{
background:url(/user_data/packages/default/img/icon/cat22.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat23 a{
background:url(/user_data/packages/default/img/icon/cat23.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat24 a{
background:url(/user_data/packages/default/img/icon/cat24.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat48 a{
background:url(/user_data/packages/default/img/icon/cat48.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat49 a{
background:url(/user_data/packages/default/img/icon/cat49.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat50 a{
background:url(/user_data/packages/default/img/icon/cat50.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat26 a{
background:url(/user_data/packages/default/img/icon/cat26.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat27 a{
background:url(/user_data/packages/default/img/icon/cat27.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat100 a{
background:url(/user_data/packages/default/img/icon/cat100.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat101 a{
background:url(/user_data/packages/default/img/icon/cat101.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li.cat102 a{
background:url(/user_data/packages/default/img/icon/cat102.png)no-repeat 0 center;
background-size:40px auto
}
header#header nav#global-nav ul li a:after,header#header nav#global-nav ul li span.nolink:after{
content:'';
position:absolute;
top:50%;
right:10px;
display:block;
width:6px;
height:6px;
margin:-5px 0 0;
border-top:1px solid #999;
border-right:1px solid #999;
transform:rotate(45deg)
}
header#header nav#global-nav ul li span.nolink:after,header#header nav#global-nav ul li.open span.nolink:after{
border-color: #FFF;
}
header#header nav#global-nav ul li.open > a:after,header#header nav#global-nav ul li.open span.nolink:after{
margin:-2px 0 0;
transform:rotate(-45deg)
}
header#header nav#global-nav ul li span.nolink:after{
transform:rotate(135deg)
}
header#header nav#global-nav ul li span.small{
font-size:75%
}
header#header nav#global-nav ul li ul{
display:none
}
header#header nav#global-nav ul li.open ul{
display:block
}
header#header nav#global-nav ul li.education{
background:#ececec
}
header#header nav#global-nav ul li.education span{
display:block;
padding:8px 10px;
font-size:14px;
font-weight:700
}
header#header nav#global-nav ul li.education ul li,header#header nav#global-nav ul li.education ul li:first-child{
border-top:0;
border:0
}
header#header nav#global-nav ul li.education ul li a{
padding-left:26px;
font-size:14px
}
header#header nav#global-nav ul li.education ul li a:before{
content:'';
position:absolute;
top:50%;
left:14px;
display:block;
width:6px;
height:1px;
margin:-1px 0 0;
background:#999
}
header#header nav#global-nav nav#global-type-nav{
padding:10px 5px 0;
border-bottom:7px solid #004fad
}
body.stream header#header nav#global-nav nav#global-type-nav{
border-bottom:7px solid #c00
}
header#header nav#global-nav nav#global-type-nav ul{
display:flex
}
header#header nav#global-nav nav#global-type-nav li{
width:50%;
border:0
}
header#header nav#global-nav nav#global-type-nav li a{
height:100%;
margin:0 5px;
padding:10px 5px 5px;
color:#fff;
font-size:14px;
font-weight:700;
text-align:center;
line-height:1.4;
letter-spacing:-1px;
border-radius:3px 3px 0 0;
opacity:.7;
box-sizing:border-box
}
header#header nav#global-nav nav#global-type-nav li:nth-child(1) a{
background:#004fad
}
header#header nav#global-nav nav#global-type-nav li:nth-child(2) a{
background:#c00
}
header#header nav#global-nav nav#global-type-nav li a.current{
opacity:1
}
header#header nav#global-nav nav#global-type-nav li a:before{
content:'';
display:block;
width:25px;
height:25px;
margin:0 auto 5px
}
header#header nav#global-nav nav#global-type-nav li:nth-child(1) a:before{
background:url(/user_data/packages/default/img/icon/disc_white.svg)no-repeat center 0
}
header#header nav#global-nav nav#global-type-nav li:nth-child(2) a:before{
background:url(/user_data/packages/default/img/icon/stream_white.svg)no-repeat center 0
}
header#header nav#global-nav nav#global-type-nav li a:after{
display:none
}
body#details header#header div#button-head a{
position:relative;
display:block;
height:50px;
padding:0 20px;
background:#eee;
background:-moz-linear-gradient(top,#eee 0,#ccc 100%);
background:-webkit-linear-gradient(top,#eee 0,#ccc 100%);
background:linear-gradient(to bottom,#eee 0,#ccc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0);
color:#000;
font-weight:700;
text-decoration:none;
text-align:center;
line-height:50px
}
body#details header#header div#button-head a:after{
content:'';
position:absolute;
top:50%;
left:20px;
display:block;
width:10px;
height:10px;
margin:-5px 0 0;
border-bottom:2px solid #000;
border-left:2px solid #000;
transform:rotate(45deg)
}
header#header div#search-form{
padding:10px
}
header#header div#search-form input[type="text"]{
width:85%;
padding:10px;
background:#fff;
border:1px solid #ccc;
border-right:0;
border-radius:4px 0 0 4px;
box-sizing:border-box;
outline:0
}
header#header div#search-form input[type="text"]::-webkit-input-placeholder{
color:#b7b7b7
}
header#header div#search-form input[type="text"]:-ms-input-placeholder{
color:#b7b7b7
}
header#header div#search-form input[type="text"]::-moz-placeholder{
color:#b7b7b7
}
header#header div#search-form input[type="submit"]{
position:relative;
width:15%;
height:37px;
font-size:1.2em;
border-radius:0 4px 4px 0;
box-sizing:border-box;
background:#ff8e31 url(/user_data/packages/default/img/icon/search-form-btn.png);
background:-moz-linear-gradient(top,#ff8e31 0,#ff7300 100%)url(/user_data/packages/default/img/icon/search-form-btn.png);
background:-webkit-linear-gradient(top,#ff8e31 0,#ff7300 100%)url(/user_data/packages/default/img/icon/search-form-btn.png);
background:linear-gradient(to bottom,#ff8e31 0,#ff7300 100%)url(/user_data/packages/default/img/icon/search-form-btn.png);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8e31',endColorstr='#ff7300',GradientType=0)url(/user_data/packages/default/img/icon/search-form-btn.png);
background-repeat:no-repeat;
background-position:center;
background-size:37px;
text-indent:-9999px;
border:0;
outline:0
}
header#header div#cart{
position:absolute;
top: calc(100% - 63px);
right:0;
width:25%;
text-align:center;
box-sizing:border-box;
border-left:1px solid hsla(0,0%,100%,.5)
}
header#header div#cart a{
display:block;
padding:40px 0 10px;
background:url(/user_data/packages/default/img/sp/icon/cart-nav.png)no-repeat center 8px;
background-size:35px;
color:#fff;
font-size:10px;
text-decoration:none;
line-height:1.2em
}
header#header.scroll-hide div#cart a{
display:none
}
#index div#eyecatch{
position:relative;
clear:both;
height:auto;
margin:0 0 30px;
padding-top:0;
overflow:hidden
}
#index div#eyecatch div.eyecatch-wrapper{
position:relative;
display:block;
width:100%
}
#index div#eyecatch div.eyecatch-wrapper img{
width:100%;
height:auto
}
#index div#eyecatch div.eyecatch-wrapper ul.slides{
position:relative
}
#index div#eyecatch div.eyecatch-wrapper ol.flex-control-nav{
bottom:-30px;
z-index:2
}
div#eyecatch{
position:relative;
clear:both;
overflow:hidden;
height:0;
padding-top:38%;
background-repeat:no-repeat;
background-position:0 0;
background-size:auto 100%;

}
div#eyecatch:before{
content:'';
position:absolute;
bottom:0;
right:0;
color:hsla(0,0%,100%,.6);
font-size:44px;
font-family:Century Gothic,Heiti SC;
font-style:italic;
line-height:.75em
}
div#eyecatch div.eyecatch-wrapper{
display:none
}
#index div.item-type-btn{
clear:both;
padding:0 10px 10px;
overflow:hidden
}
#index div.item-type-btn a{
position:relative;
display:block;
padding:8px 20px;
color:#fff;
font-size:1.1em;
font-weight:700;
text-align:center;
text-decoration:none;
border-radius:3px
}
#index div.item-type-btn.disc a{
background:#2669b9;
background:-moz-linear-gradient(top,#2669b9 0,#004393 100%);
background:-webkit-linear-gradient(top,#2669b9 0,#004393 100%);
background:linear-gradient(to bottom,#2669b9 0,#004393 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2669b9',endColorstr='#004393',GradientType=0)
}
#index div.item-type-btn.stream a{
background:#d32626;
background:-moz-linear-gradient(top,#d32626 0,#ae0000 100%);
background:-webkit-linear-gradient(top,#d32626 0,#ae0000 100%);
background:linear-gradient(to bottom,#d32626 0,#ae0000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d32626',endColorstr='#ae0000',GradientType=0)
}
#index div.item-type-btn a:before{
content:'';
display:inline-block;
width:26px;
height:26px;
margin:0 10px 0 0;
vertical-align:middle
}
#index div.item-type-btn.disc a:before{
background:url(/user_data/packages/default/img/icon/disc_white.svg)no-repeat center;
background-size:100% auto
}
#index div.item-type-btn.stream a:before{
background:url(/user_data/packages/default/img/icon/stream_white.svg)no-repeat center;
background-size:100% auto
}
#index div.item-type-btn a:after{
content:'';
position:absolute;
top:50%;
right:10px;
display:block;
width:8px;
height:8px;
margin:-4px 0 0;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(45deg)
}
div#contents,div#contents section.node{
clear:both;
margin:0 auto;

}
div#contents section.node{
overflow:hidden
}
div#contents section.node{
padding:10px 10px 40px
}
div#contents section.node h3{
overflow:hidden;
clear:both;
margin:0 0 30px;
padding:0 5px 5px;
font-size:1.2em;
font-weight:700;
line-height:1.2em;
border-bottom:1px solid #ccc
}
div#contents div#main{
overflow:hidden
}
div#contents div#sub{
overflow:hidden;
margin:10px 10px 40px
}
div#contents nav#breadcrumbs{
display:none
}
footer#footer{
clear:both;
overflow:hidden
}
footer#footer div.pagetop{
position:fixed;
right:0;
bottom:90pt;
display:none;
z-index:3
}
footer#footer div.pagetop a{
position:relative;
display:block;
width:40px;
height:0;
padding-top:50px;
background:#004fad;
overflow:hidden;
filter:alpha(opacity=50);
opacity:.5
}
footer#footer div.pagetop a:before{
content:'';
position:absolute;
top:50%;
left:50%;
width:10px;
height:10px;
margin:-3px 0 0 -5px;
border-top:2px solid #fff;
border-left:2px solid #fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
footer#footer div.footer-wrapper{
clear:both;
overflow:hidden;
background:#ebebeb;
border-top:1px solid #dcdcdc
}
footer#footer div.footer-nav{
margin:20px 15px;
background:#fff;
font-size:14px;
border:1px solid #c4c4c4;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
overflow:hidden
}
footer#footer div.footer-nav ul li{
border-bottom:1px solid #c4c4c4
}
footer#footer div.footer-nav ul:last-child li:last-child{
border-bottom:0
}
footer#footer div.footer-nav ul li a,footer#footer div.footer-nav ul li span.title{
position:relative;
display:block;
padding:10px;
text-decoration:none;
cursor:pointer
}
footer#footer div.footer-nav ul li a:after,footer#footer div.footer-nav ul li span.title:after{
content:'';
position:absolute;
top:50%;
right:10px;
display:block;
width:6px;
height:6px;
margin:-5px 0 0;
border-top:1px solid #000;
border-right:1px solid #000;
transform:rotate(45deg)
}
footer#footer div.footer-nav ul li.open a:after,footer#footer div.footer-nav ul li.open span.title:after{
margin:-2px 0 0;
transform:rotate(-45deg)
}
footer#footer div.footer-nav ul li span.title:after{
transform:rotate(135deg)
}
footer#footer div.footer-nav ul li ul{
display:none;
border-top:1px dotted #c7c7c7
}
footer#footer div.footer-nav ul li.open ul{
display:block
}
footer#footer div.footer-nav ul li ul li{
border-bottom:0
}
footer#footer div.footer-nav ul li ul li a{
padding:5px 10px 5px 30px
}
footer#footer div.footer-nav ul li ul li a:after{
display:none
}
footer#footer div.footer-nav ul li ul li a:before{
content:'';
position:absolute;
top:50%;
left:18px;
display:block;
width:0;
height:0;
margin-top:-5px;
border-style:solid;
border-width:4px 0 4px 5px;
border-color:transparent transparent transparent #004fad
}
footer#footer div.footer-inner{
padding:0 0 20px;
background:#464646
}
footer#footer div.footer-inner ul{
letter-spacing:-.4em
}
footer#footer div.footer-inner ul li{
display:inline-block;
width:49.5%;
letter-spacing:normal;
vertical-align:top;
border-bottom:1px solid rgba(0,0,0,.3);
box-shadow:0 1px 0 0 hsla(0,0%,100%,.1);
-moz-box-shadow:0 1px 0 0 hsla(0,0%,100%,.1);
-webkit-box-shadow:0 1px 0 0 hsla(0,0%,100%,.1);
box-sizing:border-box
}
footer#footer div.footer-inner ul li.long{
display:block;
width:100%;
border-right:0;
border-left:0
}
footer#footer div.footer-inner ul li:nth-child(odd){
border-right:1px solid rgba(0,0,0,.3)
}
footer#footer div.footer-inner ul li:nth-child(even){
border-left:1px solid hsla(0,0%,100%,.1)
}
footer#footer div.footer-inner ul li a{
position:relative;
display:block;
padding:10px 10px 10px 25px;
color:#fff;
font-size:14px;
line-height:1.4;
text-decoration:none;
cursor:pointer
}
footer#footer div.footer-inner ul li a:after{
content:'';
position:absolute;
top:50%;
left:9pt;
display:block;
width:0;
height:0;
margin-top:-5px;
border-style:solid;
border-width:4px 0 4px 5px;
border-color:transparent transparent transparent #fff
}
footer#footer div.footer-wrapper div.copyright{
clear:both;
padding:0 20px 8px;
color:#cbcbcb;
font-size:11px;
line-height:1.4em;
background:#464646;
text-align:center;
overflow:hidden
}
.hide-s{
display:none!important
}
.img-fit{
width:100%;
height:auto
}
body.m div#switch-view-desktop{
display:block;
clear:both;
padding:9pt 0 22px;
overflow:hidden;
background:#464646;
cursor:pointer
}
body.m div#switch-view-desktop div.button{
position:relative;
width:9em;
height:36px;
margin:0 auto;
padding:0 10px 0 30px;
background:#fcfcfc;
background:-moz-linear-gradient(top,#fcfcfc 0,#e6e6e6 100%);
background:-webkit-linear-gradient(top,#fcfcfc 0,#e6e6e6 100%);
background:linear-gradient(to bottom,#fcfcfc 0,#e6e6e6 100%);
border:1px solid #b7b7b7;
border-radius:3px;
text-align:center;
line-height:38px
}
body.m div#switch-view-desktop div.button:before{
content:'';
position:absolute;
top:11px;
left:1pc;
float:left;
width:10px;
height:6px;
background:#f2f2f2;
border:2px solid #333;
border-bottom:3px solid #333;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px
}
body.m div#switch-view-desktop div.button:after{
content:'';
position:absolute;
top:8px;
left:20px;
float:left;
width:6px;
height:2px;
margin-top:14px;
background:#333
}

}
@keyframes a{
0{margin-left:100%}
to{margin-left:-128%}
}
@media screen and (min-width:481px){
div#container{
min-width:975pt
}
header#header{
clear:both;
width:100%;
min-width:810pt;
z-index:4
}
header#header div.header-wrapper{
position:relative;
overflow:hidden;
background:#fff;
background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);
background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);
background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0f0f0',GradientType=0);
transition-duration:.2s;
transition-timing-function:ease-in-out
}
header#header.scroll-hide div.header-wrapper{
height:0
}
header#header div.header-inner{
background:#fff;
box-shadow:0 0 3px 0 rgba(0,0,0,.3)
}
header#header div.header-body{
clear:both;
padding:5px 30px 0;
overflow:hidden
}
header#header div.header-search{
position:relative;
height:50px;
padding:5px 30px;
background:#004fad
}
body.stream header#header div.header-search{
background:#c00
}
header#header div.header-search.bg-pink{
background:#ee6384
}
header#header div.header-search.bg-green{
background:#9c0
}
header#header div.header-search.bg-red{
background:#ed0014
}
header#header div.site-title{
display:flex;
align-items:center;
min-width:510px;
padding:4px 665px 4px 30px;
box-sizing:border-box;
overflow:hidden
}
header#header div.site-title .logo a{
display:block;
float:left;
width:318px;
height:35px;
margin-right:20px;
background:url(/user_data/packages/default/img/site-title.png)no-repeat 0 0;
background-size:100% auto;
text-indent:-9999px
}
header#header div.site-title h1{
color:#666;
font-size:11px;
line-height:1.4;
vertical-align:middle
}
header#header div.site-title div.purchased,header#header div.site-title div.ships{
display:none
}
header#header nav.supplement-nav{
position:absolute;
top:0;
right:0;
width:35pc;
width:700px;
padding-right:30px;
font-size:9pt;
line-height:1.2;
box-sizing:border-box
}
header#header nav.supplement-nav ul{
text-align:right;
letter-spacing:-.4em
}
header#header nav.supplement-nav ul li{
position:relative;
display:inline-block;
height:100%;
margin:5px 0;
text-align:left;
border-right:1px solid #c9c9c9;
letter-spacing:normal;
vertical-align:middle;
box-sizing:border-box
}
header#header nav.supplement-nav ul li:first-child{
border-left:1px solid #c9c9c9
}
header#header nav.supplement-nav ul li a{
display:block;
padding:0 15px 0 45px;
height:30px;
color:#242424;
font-family:Gothic Rounded;
font-size:14px;
font-weight:700;
line-height:30px;
text-decoration:none;
transition:.2s
}
header#header nav.supplement-nav ul li a .sub{
display:inline-block;
color:#e20000
}
header#header nav.supplement-nav ul li a .sub em{
color:#e20000;
font-weight:700;
font-style:normal
}
header#header nav.supplement-nav ul li.ordermae a{
background:url(/user_data/packages/default/img/icon/ordermae-nav.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li.ordermae a:hover{
background:url(/user_data/packages/default/img/icon/ordermae-nav_on.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li.login a{
background:url(/user_data/packages/default/img/icon/login-nav.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li.login a:hover{
background:url(/user_data/packages/default/img/icon/login-nav_on.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li.mypage a{
background:url(/user_data/packages/default/img/icon/login-nav.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li.mypage a:hover{
background:url(/user_data/packages/default/img/icon/login-nav_on.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li.kiyaku a{
background:url(/user_data/packages/default/img/icon/kiyaku-nav.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li.kiyaku a:hover{
background:url(/user_data/packages/default/img/icon/kiyaku-nav_on.svg)no-repeat 10px center;
background-size:30px auto
}
header#header nav.supplement-nav ul li a:hover{
color:#ff7300
}
header#header nav.supplement-nav ul li.user{
padding:0 15px;
color:#242424;
font-family:Gothic Rounded;
font-size:13px;
font-weight:700;
line-height:1.3;
border-right:0;
box-sizing:border-box
}
header#header nav.supplement-nav ul li .user-name{
color:#004fad;
font-size:14px
}
header#header nav.supplement-nav ul li .user-point{
display:block;
font-size:11px
}
header#header nav.supplement-nav ul li .user-point em{
color:#000;
font-size:9pt;
font-weight:700
}
header#header nav.supplement-nav ul li.purchased{
margin:-5px 0;
border:0
}
header#header nav.supplement-nav ul li.purchased a{
height:auto;
padding:7px 15px 5px 45px;
background:#383838 url(/user_data/packages/default/img/icon/stream_yellow.svg)no-repeat 15px center;
background-size:20px auto;
color:#ffe400;
font-size:14px;
letter-spacing:-1px
}
header#header nav.supplement-nav ul li.purchased a:hover{
opacity:.8
}
header#header nav#type-nav{
float:left;
clear:left;
padding-top:10px;
letter-spacing:-.4em
}
header#header nav#type-nav li{
display:inline-block;
width:280px;
margin-right:10px;
text-align:center;
letter-spacing:normal;
vertical-align:bottom
}
header#header nav#type-nav li a{
display:block;
padding:0 30px;
height:3pc;
color:#fff;
font-family:Gothic Rounded;
font-size:20px;
font-weight:700;
line-height:3pc;
text-decoration:none;
border-radius:3px 3px 0 0;
transition:.2s;
opacity:.7
}
header#header nav#type-nav li:nth-child(1) a{
background:#004fad
}
header#header nav#type-nav li:nth-child(2) a{
background:#c00
}
header#header nav#type-nav li a:before{
content:'';
display:inline-block;
width:28px;
height:28px;
margin:0 10px 5px 0;
vertical-align:middle;
transition:.2s
}
header#header nav#type-nav li:nth-child(1) a:before{
background:url(/user_data/packages/default/img/icon/disc_white.svg)no-repeat center;
background-size:100% auto
}
header#header nav#type-nav li:nth-child(2) a:before{
background:url(/user_data/packages/default/img/icon/stream_white.svg)no-repeat center;
background-size:100% auto
}
header#header nav#type-nav li a.current,header#header nav#type-nav li a:hover{
opacity:1
}
header#header .ships{
float:left;
width:266px;
height:28px;
margin:15px 0 0 15px;
background:url(/user_data/packages/default/img/site-ships.png)no-repeat 0 0;
text-indent:-9999px
}
header#header div.tel{
display:block;
float:right;
clear:right;
width:auto;
font-size:11px;
text-align:right;
white-space:nowrap;
line-height:1.4
}
body.m.dv header#header div.tel,body.t header#header div.tel{
white-space:normal
}
header#header.scroll-hide div.tel{
display:none
}
header#header div.tel .tel-num{
display:block;
color:#ff7300;
font-size:30px;
font-family:Century Gothic,Heiti SC;
letter-spacing:-1px;
line-height:1.2
}
body.m.dv header#header div.tel .tel-num,body.t header#header div.tel .tel-num{
font-size:24px
}
header#header div.tel .tel-num:before{
content:'';
display:inline-block;
width:30px;
height:30px;
margin:0 5px 3px 0;
background:url(/user_data/packages/default/img/icon/tel.png)no-repeat center;
background-size:38px;
vertical-align:middle
}
header#header div.header-search div.global-nav-icon{
float:left;
width:202px;
height:50px;
margin-right:30px;
padding:0 40px 0 5pc;
color:#004fad;
font-size:1.5em!important;
font-family:Gothic Rounded;
text-align:center;
text-shadow:0 1px 0 #004fad;
line-height:50px;
background:#fff;
background:-moz-linear-gradient(top,#fff 0,#f1f1f1 100%);
background:-webkit-linear-gradient(top,#fff 0,#f1f1f1 100%);
background:linear-gradient(to bottom,#fff 0,#f1f1f1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0);
border-radius:4px;
cursor:pointer
}
body.stream header#header div.header-search div.global-nav-icon{
color:#c00;
text-shadow:0 1px 0 #c00
}
header#header div.header-search div.global-nav-icon.open{
height:55px;
background:#fff;
border-radius:4px 4px 0 0
}
header#header div.header-search div.global-nav-icon div.nav-icon{
position:absolute;
top:10px;
left:90px;
width:40px;
height:40px
}
header#header div.header-search div.global-nav-icon div.nav-icon div.line1,header#header div.header-search div.global-nav-icon div.nav-icon div.line2,header#header div.header-search div.global-nav-icon div.nav-icon div.line3{
position:absolute;
left:3px;
width:34px;
height:4px;
background:#004fad;
border-radius:2px;
transition:.25s
}
body.stream header#header div.header-search div.global-nav-icon div.nav-icon div.line1,body.stream header#header div.header-search div.global-nav-icon div.nav-icon div.line2,body.stream header#header div.header-search div.global-nav-icon div.nav-icon div.line3{
background:#c00
}
header#header div.header-search div.global-nav-icon div.nav-icon div.line1{
top:7px
}
header#header div.header-search div.global-nav-icon div.nav-icon div.line2{
top:18px
}
header#header div.header-search div.global-nav-icon div.nav-icon div.line3{
top:29px
}
header#header div.header-search div.global-nav-icon.open div.nav-icon div.line1{
top:17px;
background:#004fad;
transform:rotate(135deg)
}
header#header div.header-search div.global-nav-icon.open div.nav-icon div.line2{
left:50%;
width:0;
background:#004fad
}
header#header div.header-search div.global-nav-icon.open div.nav-icon div.line3{
top:17px;
background:#004fad;
transform:rotate(-135deg)
}
header#header nav#global-nav div.global-nav-wrapper{
overflow:hidden;
margin:0 15px 30px;
}
header#header nav#global-nav div.global-nav-wrapper #global-type-nav{
display:none
}
header#header nav#global-nav div.global-nav-wrapper p{
margin-bottom:5px;
font-weight:700
}
header#header nav#global-nav div.global-nav-wrapper ul{
letter-spacing:-.4em
}
header#header nav#global-nav div.global-nav-wrapper ul li{
display:inline-block;
width:33.3%;
letter-spacing:normal;
border-bottom:1px dotted #c4c4c4;
vertical-align:top
}
/*header#header nav#global-nav div.global-nav-wrapper > ul > li:first-child,header#header nav#global-nav div.global-nav-wrapper > ul > li:nth-child(2),header#header nav#global-nav div.global-nav-wrapper > ul > li:nth-child(3){
border-top:1px dotted #c4c4c4
}*/
header#header nav#global-nav div.global-nav-wrapper ul li.cat-title {
display: block;
width: 100%;
padding: 13pt 0 5pt;
font-weight: 700;
}
header#header nav#global-nav div.global-nav-wrapper ul li a{
display:block;
padding:9pt 5px 7pt 45px;
font-size:1pc;
text-decoration:none;
line-height:1.4;
background-size: 44px auto !important;
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat02 a{
background:url(/user_data/packages/default/img/icon/cat02.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat04 a{
background:url(/user_data/packages/default/img/icon/cat04.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat08 a{
background:url(/user_data/packages/default/img/icon/cat08.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat09 a{
background:url(/user_data/packages/default/img/icon/cat09.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat45 a{
background:url(/user_data/packages/default/img/icon/cat45.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat06 a{
background:url(/user_data/packages/default/img/icon/cat06.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat07 a{
background:url(/user_data/packages/default/img/icon/cat07.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat10 a{
background:url(/user_data/packages/default/img/icon/cat10.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat11 a{
background:url(/user_data/packages/default/img/icon/cat11.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat12 a{
background:url(/user_data/packages/default/img/icon/cat12.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat47 a{
background:url(/user_data/packages/default/img/icon/cat47.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat43 a{
background:url(/user_data/packages/default/img/icon/cat43.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat03 a{
background:url(/user_data/packages/default/img/icon/cat03.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat13 a{
background:url(/user_data/packages/default/img/icon/cat13.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat05 a{
background:url(/user_data/packages/default/img/icon/cat05.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat46 a{
background:url(/user_data/packages/default/img/icon/cat46.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat14 a{
background:url(/user_data/packages/default/img/icon/cat14.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat15 a{
background:url(/user_data/packages/default/img/icon/cat15.png?ver=20250319)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat42 a{
background:url(/user_data/packages/default/img/icon/cat42.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat16 a{
background:url(/user_data/packages/default/img/icon/cat16.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat17 a{
background:url(/user_data/packages/default/img/icon/cat17.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat19 a{
background:url(/user_data/packages/default/img/icon/cat19.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat18 a{
background:url(/user_data/packages/default/img/icon/cat18.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat20 a{
background:url(/user_data/packages/default/img/icon/cat20.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat44 a{
background:url(/user_data/packages/default/img/icon/cat44.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat22 a{
background:url(/user_data/packages/default/img/icon/cat22.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat23 a{
background:url(/user_data/packages/default/img/icon/cat23.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat24 a{
background:url(/user_data/packages/default/img/icon/cat24.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat48 a{
background:url(/user_data/packages/default/img/icon/cat48.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat49 a{
background:url(/user_data/packages/default/img/icon/cat49.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat50 a{
background:url(/user_data/packages/default/img/icon/cat50.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat26 a{
background:url(/user_data/packages/default/img/icon/cat26.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat27 a{
background:url(/user_data/packages/default/img/icon/cat27.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat100 a{
background:url(/user_data/packages/default/img/icon/cat100.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat101 a{
background:url(/user_data/packages/default/img/icon/cat101.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.cat102 a{
background:url(/user_data/packages/default/img/icon/cat102.png)no-repeat 0 center
}
header#header nav#global-nav div.global-nav-wrapper ul li.other-nav{
display: block;
overflow:hidden;
width:100%;
border-bottom:0;
cursor:pointer
}
header#header nav#global-nav.open div.global-nav-wrapper ul li.other-nav span.more{
position: absolute;
top: 100%;
right: 0;
width: 140px;
padding:5px;
background:#004fad;
color:#FFF;
font-size:14px;
text-align: center;
border-radius: 0 0 6px 6px;
}
body.stream header#header nav#global-nav.open div.global-nav-wrapper ul li.other-nav span.more {
background:#c00;
}
header#header nav#global-nav.open div.global-nav-wrapper ul li.other-nav span.more:before{
content:'[＋]';
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
header#header nav#global-nav.open div.global-nav-wrapper ul li.other-nav.open span.more:before{
content:'[－]';
}
header#header nav#global-nav div.global-nav-wrapper ul li.other-nav ul{
height:0;
filter:alpha(opacity=0);
opacity:0;
transition:.2s
}
header#header nav#global-nav div.global-nav-wrapper ul li.other-nav.open ul{
height:auto;
filter:alpha(opacity=100);
opacity:1
}
header#header nav#global-nav div.global-nav-wrapper ul li.education{
overflow:hidden;
width:66.6%;
height:44px;
margin:8px 0 0;
padding:0 20px;
font-size:9pt;
font-weight:700;
background:#ececec;
border-radius:4px;
border-bottom:0;
line-height:43px;
box-sizing:border-box
}
header#header nav#global-nav div.global-nav-wrapper ul li.education ul{
float:right;
width:77%
}
header#header nav#global-nav div.global-nav-wrapper ul li.education ul li{
width:50%;
border-top:0;
border-bottom:0
}
header#header nav#global-nav div.global-nav-wrapper ul li.education ul li a{
position:relative;
padding:0 0 0 25px;
font-size:9pt;
font-weight:400
}
header#header nav#global-nav div.global-nav-wrapper ul li.education ul li a:before{
content:'';
position:absolute;
top:50%;
left:15px;
width:0;
height:0;
margin-top:-3.5px;
border-style:solid;
border-width:3.5px 0 3.5px 5px;
border-color:transparent transparent transparent #004494
}
header#header nav#global-nav div.global-nav-wrapper ul li a:hover{
color:#ff7300;
text-decoration:underline
}
header#header nav#global-nav,header#header nav#global-nav.close{
position:absolute;
top:60px;
left:30px;
width:0;
background:#fff;
border-radius:0 0 0 4px;
box-shadow:0 3px 5px 0 rgba(0,0,0,.45);
-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,.45);
-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.45);
z-index:999;
transition:background .5s;
}
header#header nav#global-nav.open{
width:600px;
transition:background .5s
}
header#header div#search-form{
position:absolute;
top:5px;
left:372px;
right:260px;
height:50px
}
header#header div#search-form input[type="text"]{
position:relative;
width:100%;
height:50px;
padding:6px 70px 6px 10px;
font-size:1.2em;
background:#fff;
border:1px solid #ccc;
border-right:0;
border-radius:4px;
box-sizing:border-box;
outline:0
}
header#header div#search-form input[type="text"]::-webkit-input-placeholder{
color:#b7b7b7
}
header#header div#search-form input[type="text"]:-ms-input-placeholder{
color:#b7b7b7
}
header#header div#search-form input[type="text"]::-moz-placeholder{
color:#b7b7b7
}
header#header div#search-form input[type="submit"]{
position:absolute;
top:0;
right:0;
width:60px;
height:50px;
font-size:1.2em;
border-radius:0 4px 4px 0;
box-sizing:border-box;
background:#ff8e31 url(/user_data/packages/default/img/icon/search-form-btn.png);
background:-moz-linear-gradient(top,#ff8e31 0,#ff7300 100%)url(/user_data/packages/default/img/icon/search-form-btn.png);
background:-webkit-linear-gradient(top,#ff8e31 0,#ff7300 100%)url(/user_data/packages/default/img/icon/search-form-btn.png);
background:linear-gradient(to bottom,#ff8e31 0,#ff7300 100%)url(/user_data/packages/default/img/icon/search-form-btn.png);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8e31',endColorstr='#ff7300',GradientType=0)url(/user_data/packages/default/img/icon/search-form-btn.png);
background-repeat:no-repeat;
background-position:center;
background-size:54px;
text-indent:-9999px;
border:0;
outline:0
}
header#header div#search-form input[type="submit"]:hover{
background:#ff7300 url(/user_data/packages/default/img/icon/search-form-btn.png)no-repeat center;
background-size:52px
}
header#header div#search-form div.marquee,header#header div#search-form div.no-marquee{
overflow:hidden
}
header#header div#search-form div.marquee p{
width:100%;
text-align:center;
display:inline-block;
white-space:nowrap;
color:#fff;
font-size:28px;
font-family:Gothic Rounded;
text-shadow:0 1px 0 #fff;
line-height:50px;
animation:a 18s linear 0 infinite
}
header#header div#search-form div.marquee a,header#header div#search-form div.no-marquee a{
color:#fff;
text-decoration:none;
}
header#header div#search-form div.marquee a:hover,header#header div#search-form div.no-marquee a:hover{
opacity: 0.7;
}
header#header div#search-form div.marquee .sub-marquee,header#header div#search-form div.no-marquee .sub-marquee{
display:inline-block;
margin:0 0 5px 10px;
padding:5px 20px;
background:#fff;
color:#004fad;
font-size:22px;
line-height:1;
border-radius:75pt;
vertical-align:middle
}
body.stream header#header div#search-form div.marquee .sub-marquee,body.stream header#header div#search-form div.no-marquee .sub-marquee{
color:#c00
}
header#header div.bg-red div#search-form div.marquee .sub-marquee,header#header div.bg-red div#search-form div.no-marquee .sub-marquee{
color:#ed0014
}
header#header div#search-form div.no-marquee p{
width:100%;
text-align:center;
display:inline-block;
white-space:nowrap;
color:#fff;
font-size:min(1.8vw, 24px);
font-family:Gothic Rounded;
text-shadow:0 1px 0 #fff;
line-height:50px
}
header#header div#search-form div.no-marquee .sub-marquee{
padding:5px 15px;
font-size:18px;
font-weight:700
}
header#header div#cart{
float:right;
clear:right;
width:210px;
height:50px;
margin-left:30px;
background:#fff;
background:-moz-linear-gradient(top,#fff 0,#f1f1f1 100%);
background:-webkit-linear-gradient(top,#fff 0,#f1f1f1 100%);
background:linear-gradient(to bottom,#fff 0,#f1f1f1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0);
border-radius:4px
}
header#header div#cart a{
display:block;
padding:0 20px 0 55px;
background:url(/user_data/packages/default/img/icon/cart-nav.png)no-repeat 15px center;
background-size:40px;
color:#424548;
font-size:1.3em;
font-family:Gothic Rounded;
text-decoration:none;
text-shadow:0 1px 0 #424548;
line-height:52px;
transition:.2s
}
header#header div#cart:hover{
background:#fff
}
header#header div#cart a:hover{
background:url(/user_data/packages/default/img/icon/cart-nav_on.png)no-repeat 15px center;
background-size:40px;
color:#ff7300;
text-shadow:0 1px 0 #ff7300
}
#index div#eyecatch{
position:relative;
clear:both;
height:auto;
margin:25px 30px 0 660px;
overflow:hidden
}
#index div#eyecatch div.eyecatch-wrapper{
position:relative;
left:0;
right:0;
width:100%;
max-width:850px;
height:560px;
margin:0 auto;
padding:0
}
#index div#eyecatch div.eyecatch-wrapper img{
width:100%;
height:auto
}
#index div#eyecatch div.eyecatch-wrapper ul.slides{
position:relative
}
#index div#eyecatch div.eyecatch-wrapper ol.flex-control-nav{
position:absolute;
bottom:0;
left:0;
right:0;
z-index:10
}
div#eyecatch{
position:relative;
clear:both;
overflow:hidden;
height:220px;
background-repeat:no-repeat;
background-position:0 0
}
div#eyecatch:before{
content:'';
position:absolute;
bottom:0;
right:30px;
color:hsla(0,0%,100%,.6);
font-size:75pt;
font-family:Century Gothic,Heiti SC;
font-style:italic;
letter-spacing:-3px;
line-height:.75em
}
div#eyecatch div.eyecatch-wrapper{
position:absolute;
top:0;
left:30px;
right:30px;
padding-left:23%
}
div#eyecatch div.eyecatch-wrapper h2{
display:table-cell;
height:220px;
font-size:1.3em;
font-weight:700;
font-family:Gothic Rounded;
vertical-align:middle;
-moz-text-shadow:0 -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff;
-webkit-text-shadow:0 -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff;
-ms-text-shadow:0 -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff;
text-shadow:0 -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,2px 2px 1px #fff,2px -2px 1px #fff,-2px 2px 1px #fff,-2px -2px 1px #fff;
line-height:1.6em
}
div#contents{
padding:0
}
div#contents,div#contents section.node{
clear:both;
margin:0 auto;

}
div#contents section.node{
overflow:hidden
}
div#contents section.node{
padding:10px 30px 60px
}
div#contents section.node h3{
clear:both;
margin:0 0 30px;
padding:0 5px;
font-size:1.2em;
font-weight:700;
overflow:hidden;
border-bottom:1px solid #ccc
}
div#contents div#container{
position:relative;
margin:0 0 60px
}
div#contents div#main-column{
overflow:hidden;
margin-right:330px
}
div#contents div#sub{
position:absolute;
top:0;
right:30px;
width:300px;
/*height:100%;*/
margin-bottom:10px
}
div#contents nav#breadcrumbs{
clear:both;
padding:10px 30px 30px;
font-size:9pt;
text-align:left;
line-height:1.1
}
div#contents nav#breadcrumbs li{
display:inline-block;
vertical-align:top
}
div#contents nav#breadcrumbs li a,div#contents nav#breadcrumbs li>span{
position:relative;
display:block;
padding:0 0 0 15px
}
div#contents nav#breadcrumbs li a:before,div#contents nav#breadcrumbs li>span:before{
content:'';
position:absolute;
top:1px;
left:5px;
width:0;
height:0;
border-top:4px solid transparent;
border-left:4px solid #666;
border-bottom:4px solid transparent
}
div#contents nav#breadcrumbs li a:after,div#contents nav#breadcrumbs li>span:after{
content:'';
position:absolute;
top:1px;
left:3px;
width:0;
height:0;
border-top:4px solid transparent;
border-left:5px solid #fff;
border-bottom:4px solid transparent
}
div#contents nav#breadcrumbs li.home a{
padding:0
}
div#contents nav#breadcrumbs li.home a:after,div#contents nav#breadcrumbs li.home a:before{
content:initial;
display:none
}
div#contents nav#breadcrumbs li.current a{
color:#262626;
text-decoration:none
}
body#index.stream div#contents nav#breadcrumbs{
display:none
}
footer#footer{
clear:both;
overflow:hidden
}
footer#footer div.pagetop{
position:fixed;
right:0;
bottom:110px;
display:none;
z-index:3
}
footer#footer div.pagetop a{
position:relative;
display:block;
width:40px;
height:0;
padding-top:50px;
background:#004fad;
transition:.2s;
overflow:hidden;
cursor:pointer
}
footer#footer div.pagetop a:before{
content:'';
position:absolute;
top:50%;
left:50%;
width:10px;
height:10px;
margin:-3px 0 0 -5px;
border-top:2px solid #fff;
border-left:2px solid #fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
body.d footer#footer div.pagetop a:hover{
filter:alpha(opacity=75);
opacity:.75
}
footer#footer div.footer-wrapper{
clear:both;
overflow:hidden;
background:#ebebeb;
border-top:1px solid #dcdcdc
}
footer#footer div.footer-nav{
overflow:hidden;
max-width:75pc;
margin:0 auto 25px;
letter-spacing:-.4em
}
footer#footer div.footer-nav ul{
display:inline-block;
width:20%;
padding:0 15px;
letter-spacing:normal;
vertical-align:top;
box-sizing:border-box
}
footer#footer div.footer-nav ul.sports-dvd{
width:60%;
letter-spacing:-.4em
}
footer#footer div.footer-nav ul li span.title{
display:block;
margin:30px 0 10px;
padding:0;
color:#424242;
font-weight:700;
letter-spacing:normal;
border-bottom:1px solid #ccc;
box-shadow:0 1px 0 0 hsla(0,0%,100%,.6);
-moz-box-shadow:0 1px 0 0 hsla(0,0%,100%,.6);
-webkit-box-shadow:0 1px 0 0 hsla(0,0%,100%,.6)
}
footer#footer div.footer-nav ul li ul{
width:100%;
padding:0;
}
footer#footer div.footer-nav ul.sports-dvd ul{
letter-spacing:-.4em
}
footer#footer div.footer-nav ul.sports-dvd ul li{
display:inline-block;
width:33.3%;
padding-bottom: 4px;
letter-spacing:normal;
box-sizing: border-box;
}
footer#footer div.footer-nav ul li ul li{
padding: 0 0 7px 5px;
line-height: 1.3;
}
footer#footer div.footer-nav ul li ul li a{
font-size:9pt;
text-decoration:none;
}
footer#footer div.footer-nav ul li ul li a:hover{
color:#ff7300;
text-decoration:underline
}
footer#footer div.footer-inner{
text-align:center;
background:#464646
}
footer#footer div.footer-inner ul{
overflow:hidden;
padding:20px 30px;
letter-spacing:-.4em
}
footer#footer div.footer-inner ul li{
display:inline-block;
letter-spacing:normal
}
footer#footer div.footer-inner ul li a{
padding:0 15px;
color:#fff;
font-size:.9em;
text-decoration:none;
border-right:1px solid #fff
}
footer#footer div.footer-inner ul li:first-child a{
border-left:1px solid #fff
}
footer#footer div.footer-inner ul li a:hover{
filter:alpha(opacity=70);
opacity:.7
}
footer#footer div.footer-wrapper div.copyright{
clear:both;
padding:0 0 8px;
color:#a3a3a3;
font-size:11px;
background:#464646;
text-align:center;
overflow:hidden
}
.hide-d{
display:none!important
}
.hover-img:hover{
filter:alpha(opacity=70);
opacity:.7
}
body.m div#switch-view-mobile{
position:fixed;
top:0;
left:0;
display:block;
width:100%;
background:#fcfcfc;
background:-moz-linear-gradient(top,#fcfcfc 0,#e6e6e6 100%);
background:-webkit-linear-gradient(top,#fcfcfc 0,#e6e6e6 100%);
background:linear-gradient(to bottom,#fcfcfc 0,#e6e6e6 100%);
cursor:pointer;
z-index:5
}
body.m div#switch-view-mobile div.button{
position:relative;
display:block;
width:14em;
height:150px;
margin:0 auto;
padding:0 0 0 60px;
font-size:40px;
font-weight:700;
text-align:center;
line-height:152px
}
body.m div#switch-view-mobile div.button:before{
content:'';
position:absolute;
top:44px;
left:0;
float:left;
width:30px;
height:40px;
background:#f1f1f1;
border:6px solid #333;
border-bottom:1pc solid #333;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px
}
body.m div#switch-view-mobile div.button:after{
content:'';
position:absolute;
top:5pc;
left:17px;
float:left;
width:8px;
height:8px;
margin-top:14px;
background:#f1f1f1;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px
}

}

div#contents div#main-column p{
margin-bottom:14px
}
div#contents div#main-column .alignright{
text-align:right!important
}
div#contents div#main-column .alignleft{
text-align:left!important
}
div#contents div#main-column .aligncenter{
text-align:center!important
}
div#contents div#main-column .valigntop{
vertical-align:top!important
}
div#contents div#main-column .valignmiddle{
vertical-align:middle!important
}
div#contents div#main-column .valignbottom{
vertical-align:bottom!important
}
div#contents div#main-column .indent{
text-indent:-1em;
padding-left:1em
}
div#contents div#main-column .f-mincho{
font-family:mincho!important
}
div#contents div#main-column ul.list-mark.half li{
float:left;
width:40%
}
div#contents div#main-column ul.list-mark.half li.long{
width:80%
}
@media screen and (max-width:480px){
div#contents div#main-column ul.list-mark.half li{
float:none;
width:auto
}
div#contents div#main-column ul.list-mark.half li.long{
width:auto
}

}
div#contents div#main-column img.alignright{
float:right;
clear:right;
padding:0 0 15px 15px
}
div#contents div#main-column img.alignleft{
float:left;
clear:left;
padding:0 15px 15px 0
}
div#contents div#main-column img.aligncenter{
display:block;
margin:0 auto;
padding:0 0 15px
}
@media screen and (max-width:480px){
div#contents div#main-column img.alignright{
width:40%;
height:auto;
padding:0 0 10px 10px
}
div#contents div#main-column img.alignleft{
width:40%;
height:auto;
padding:0 10px 10px 0
}
div#contents div#main-column img.aligncenter{
width:80%
}

}
div#contents div#main-column div.detail-btn{
clear:both;
margin-bottom:14px;
text-align:center;
overflow:hidden
}
div#contents div#main-column div.detail-btn a{
position:relative;
display:inline-block;
height:24px;
padding:0 20px 0 38px;
color:#fff;
background:#4d4d4d;
border-radius:50px;
text-decoration:none;
line-height:26px;
vertical-align:top;
transition:.2s
}
div#contents div#main-column div.detail-btn a:before{
content:'';
position:absolute;
top:8px;
left:24px;
width:0;
height:0;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #fff
}
body.d div#contents div#main-column div.detail-btn a:hover{
filter:alpha(opacity=75);
opacity:.75
}
div#contents div#main-column .small{
font-size:85%!important
}
div#contents div#main-column .large{
font-size:115%!important
}
div#contents div#main-column .big{
font-size:135%!important
}
div#contents .c-darkred{
color:#801500!important
}
div#contents .c-red{
color:red!important
}
div#contents .c-green{
color:#54a12c!important
}
div#contents .c-blue{
color:#0150ad!important
}
.mt0{
margin-top:0!important
}
.mt5{
margin-top:5px!important
}
.mt10{
margin-top:10px!important
}
.mt15{
margin-top:15px!important
}
.mt20{
margin-top:20px!important
}
.mt25{
margin-top:25px!important
}
.mt30{
margin-top:30px!important
}
.mt35{
margin-top:35px!important
}
.mt40{
margin-top:40px!important
}
.mt45{
margin-top:45px!important
}
.mt50{
margin-top:50px!important
}
.mt55{
margin-top:55px!important
}
.mt60{
margin-top:60px!important
}
.mt65{
margin-top:65px!important
}
.mt70{
margin-top:70px!important
}
.mt75{
margin-top:75px!important
}
.mt80{
margin-top:5pc!important
}
.mt85{
margin-top:85px!important
}
.mt90{
margin-top:90px!important
}
.mt95{
margin-top:95px!important
}
.mt100{
margin-top:75pt!important
}
.mr0{
margin-right:0!important
}
.mr5{
margin-right:5px!important
}
.mr10{
margin-right:10px!important
}
.mr15{
margin-right:15px!important
}
.mr20{
margin-right:20px!important
}
.mr25{
margin-right:25px!important
}
.mr30{
margin-right:30px!important
}
.mr35{
margin-right:35px!important
}
.mr40{
margin-right:40px!important
}
.mr45{
margin-right:45px!important
}
.mr50{
margin-right:50px!important
}
.mr55{
margin-right:55px!important
}
.mr60{
margin-right:60px!important
}
.mr65{
margin-right:65px!important
}
.mr70{
margin-right:70px!important
}
.mr75{
margin-right:75px!important
}
.mr80{
margin-right:5pc!important
}
.mr85{
margin-right:85px!important
}
.mr90{
margin-right:90px!important
}
.mr95{
margin-right:95px!important
}
.mr100{
margin-right:75pt!important
}
.mb0{
margin-bottom:0!important
}
.mb5{
margin-bottom:5px!important
}
.mb10{
margin-bottom:10px!important
}
.mb15{
margin-bottom:15px!important
}
.mb20{
margin-bottom:20px!important
}
.mb25{
margin-bottom:25px!important
}
.mb30{
margin-bottom:30px!important
}
.mb35{
margin-bottom:35px!important
}
.mb40{
margin-bottom:40px!important
}
.mb45{
margin-bottom:45px!important
}
.mb50{
margin-bottom:50px!important
}
.mb55{
margin-bottom:55px!important
}
.mb60{
margin-bottom:60px!important
}
.mb65{
margin-bottom:65px!important
}
.mb70{
margin-bottom:70px!important
}
.mb75{
margin-bottom:75px!important
}
.mb80{
margin-bottom:5pc!important
}
.mb85{
margin-bottom:85px!important
}
.mb90{
margin-bottom:90px!important
}
.mb95{
margin-bottom:95px!important
}
.mb100{
margin-bottom:75pt!important
}
.ml0{
margin-left:0!important
}
.ml5{
margin-left:5px!important
}
.ml10{
margin-left:10px!important
}
.ml15{
margin-left:15px!important
}
.ml20{
margin-left:20px!important
}
.ml25{
margin-left:25px!important
}
.ml30{
margin-left:30px!important
}
.ml35{
margin-left:35px!important
}
.ml40{
margin-left:40px!important
}
.ml45{
margin-left:45px!important
}
.ml50{
margin-left:50px!important
}
.ml55{
margin-left:55px!important
}
.ml60{
margin-left:60px!important
}
.ml65{
margin-left:65px!important
}
.ml70{
margin-left:70px!important
}
.ml75{
margin-left:75px!important
}
.ml80{
margin-left:5pc!important
}
.ml85{
margin-left:85px!important
}
.ml90{
margin-left:90px!important
}
.ml95{
margin-left:95px!important
}
.ml100{
margin-left:75pt!important
}
.pt0{
padding-top:0!important
}
.pt5{
padding-top:5px!important
}
.pt10{
padding-top:10px!important
}
.pt15{
padding-top:15px!important
}
.pt20{
padding-top:20px!important
}
.pt25{
padding-top:25px!important
}
.pt30{
padding-top:30px!important
}
.pt35{
padding-top:35px!important
}
.pt40{
padding-top:40px!important
}
.pt45{
padding-top:45px!important
}
.pt50{
padding-top:50px!important
}
.pt55{
padding-top:55px!important
}
.pt60{
padding-top:60px!important
}
.pt65{
padding-top:65px!important
}
.pt70{
padding-top:70px!important
}
.pt75{
padding-top:75px!important
}
.pt80{
padding-top:5pc!important
}
.pt85{
padding-top:85px!important
}
.pt90{
padding-top:90px!important
}
.pt95{
padding-top:95px!important
}
.pt100{
padding-top:75pt!important
}
.pr0{
padding-right:0!important
}
.pr5{
padding-right:5px!important
}
.pr10{
padding-right:10px!important
}
.pr15{
padding-right:15px!important
}
.pr20{
padding-right:20px!important
}
.pr25{
padding-right:25px!important
}
.pr30{
padding-right:30px!important
}
.pr35{
padding-right:35px!important
}
.pr40{
padding-right:40px!important
}
.pr45{
padding-right:45px!important
}
.pr50{
padding-right:50px!important
}
.pr55{
padding-right:55px!important
}
.pr60{
padding-right:60px!important
}
.pr65{
padding-right:65px!important
}
.pr70{
padding-right:70px!important
}
.pr75{
padding-right:75px!important
}
.pr80{
padding-right:5pc!important
}
.pr85{
padding-right:85px!important
}
.pr90{
padding-right:90px!important
}
.pr95{
padding-right:95px!important
}
.pr100{
padding-right:75pt!important
}
.pb0{
padding-bottom:0!important
}
.pb5{
padding-bottom:5px!important
}
.pb10{
padding-bottom:10px!important
}
.pb15{
padding-bottom:15px!important
}
.pb20{
padding-bottom:20px!important
}
.pb25{
padding-bottom:25px!important
}
.pb30{
padding-bottom:30px!important
}
.pb35{
padding-bottom:35px!important
}
.pb40{
padding-bottom:40px!important
}
.pb45{
padding-bottom:45px!important
}
.pb50{
padding-bottom:50px!important
}
.pb55{
padding-bottom:55px!important
}
.pb60{
padding-bottom:60px!important
}
.pb65{
padding-bottom:65px!important
}
.pb70{
padding-bottom:70px!important
}
.pb75{
padding-bottom:75px!important
}
.pb80{
padding-bottom:5pc!important
}
.pb85{
padding-bottom:85px!important
}
.pb90{
padding-bottom:90px!important
}
.pb95{
padding-bottom:95px!important
}
.pb100{
padding-bottom:75pt!important
}
.pl0{
padding-left:0!important
}
.pl5{
padding-left:5px!important
}
.pl10{
padding-left:10px!important
}
.pl15{
padding-left:15px!important
}
.pl20{
padding-left:20px!important
}
.pl25{
padding-left:25px!important
}
.pl30{
padding-left:30px!important
}
.pl35{
padding-left:35px!important
}
.pl40{
padding-left:40px!important
}
.pl45{
padding-left:45px!important
}
.pl50{
padding-left:50px!important
}
.pl55{
padding-left:55px!important
}
.pl60{
padding-left:60px!important
}
.pl65{
padding-left:65px!important
}
.pl70{
padding-left:70px!important
}
.pl75{
padding-left:75px!important
}
.pl80{
padding-left:5pc!important
}
.pl85{
padding-left:85px!important
}
.pl90{
padding-left:90px!important
}
.pl95{
padding-left:95px!important
}
.pl100{
padding-left:75pt!important
}
div#contents div#main-column div.letter-block{
position:relative;
clear:both;
width:85%;
max-width:860px;
margin:0 auto;
padding:20px 20px 0;
box-shadow:0 0 6px rgba(0,0,0,.25)
}
div#contents div#main-column div.letter-block div.letter-block-wrapper{
position:relative;
overflow:hidden
}
div#contents div#main-column div.letter-block:before{
content:'';
position:absolute;
left:-6px;
top:0;
width:100%;
height:100%;
padding:0 6px 6px;
background:-moz-linear-gradient(top,hsla(0,0%,100%,0) 0,#fff 100%);
background:-webkit-linear-gradient(top,hsla(0,0%,100%,0) 0,#fff 100%);
background:linear-gradient(to bottom,hsla(0,0%,100%,0) 0,#fff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)
}
div#contents div#main-column div.letter-block h4{
position:relative;
margin:0 0 14px;
padding:0 0 0 10px;
color:#801500;
font-size:19px;
line-height:1.2
}
div#contents div#main-column div.letter-block h4:before{
content:'';
position:absolute;
top:0;
left:0;
bottom:2px;
width:4px;
background:#801500
}
div#contents div#main-column div.letter-block p{
background:url(/user_data/packages/default/img/bg/ruled-line.gif)repeat 0 0;
line-height:28px
}
div#contents div#main-column div.letter-block img{
background:#fff
}
@media screen and (max-width:480px){
div#contents div#main-column div.letter-block h4{
padding:0 0 0 15px;
font-size:18px
}

}
div#contents div#sub ul.sub-nav{
margin:0 0 10px
}
div#contents div#sub ul.sub-nav li{
margin-bottom:10px
}
div#contents div#sub ul.sub-nav li a{
display:block;
width:300px;
text-indent:-9999px
}
div#contents div#sub ul.sub-nav li.flowchart a{
height:241px;
background:url(/user_data/packages/default/img/button/side_flowchart.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.shipping a{
height:94px;
background:url(/user_data/packages/default/img/button/side_shipping_banner.png?ver=20241209)no-repeat 0 0;
background-size: 100% auto;
}
div#contents div#sub ul.sub-nav li.order a{
height:70px;
background:url(/user_data/packages/default/img/button/side_order_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.entry a{
height:70px;
background:url(/user_data/packages/default/img/button/side_entry_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.result a{
height:73px;
background:url(/user_data/packages/default/img/button/side_result_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.swml a{
height:73px;
background:url(/user_data/packages/default/img/button/side_swml_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.twitter a{
height:94px;
background:url(/user_data/packages/default/img/button/side_twitter_banner.png?ver=20241206)no-repeat 0 0;
background-size: 100% auto;
}
div#contents div#sub ul.sub-nav li.basics a{
height:73px;
background:url(/user_data/packages/default/img/button/side_basics_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.credit a{
height:73px;
background:url(/user_data/packages/default/img/button/side_credit_banner.png?ver=20250917)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.paypal a{
height:73px;
background:url(/user_data/packages/default/img/button/side_paypal_banner.png)no-repeat 0 0
}
body.d div#contents div#sub ul.sub-nav li.flowchart a:hover{
background:url(/user_data/packages/default/img/button/side_flowchart.png)no-repeat -330px 0
}
body.d div#contents div#sub ul.sub-nav li.shipping a:hover{
background:url(/user_data/packages/default/img/button/side_shipping_banner_on?ver=20241209.png)no-repeat 0 0;
background-size: 100% auto;
}
body.d div#contents div#sub ul.sub-nav li.order a:hover{
background:url(/user_data/packages/default/img/button/side_order_banner_on.png)no-repeat 0 0
}
body.d div#contents div#sub ul.sub-nav li.entry a:hover{
background:url(/user_data/packages/default/img/button/side_entry_banner_on.png)no-repeat 0 0
}
body.d div#contents div#sub ul.sub-nav li.result a:hover{
background:url(/user_data/packages/default/img/button/side_result_banner_on.png)no-repeat 0 0
}
body.d div#contents div#sub ul.sub-nav li.swml a:hover{
background:url(/user_data/packages/default/img/button/side_swml_banner_on.png)no-repeat 0 0
}
body.d div#contents div#sub ul.sub-nav li.twitter a:hover{
background:url(/user_data/packages/default/img/button/side_twitter_banner_on.png?ver=20241206)no-repeat 0 0;
background-size: 100% auto;
}
body.d div#contents div#sub ul.sub-nav li.basics a:hover{
background:url(/user_data/packages/default/img/button/side_basics_banner_on.png)no-repeat 0 0
}
body.d div#contents div#sub ul.sub-nav li.credit a:hover{
background:url(/user_data/packages/default/img/button/side_credit_banner_on.png?ver=20250917)no-repeat 0 0
}
body.d div#contents div#sub ul.sub-nav li.paypal a:hover{
background:url(/user_data/packages/default/img/button/side_paypal_banner_on.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.campaign.fixed{
position:fixed;
top:0;
width:300px;
padding:9pt 0 1pc;
z-index:1;
background:#fff
}
div#contents div#sub ul.sub-nav li.campaign a{
text-indent:0
}
body.d div#contents div#sub ul.sub-nav li.campaign a:hover{
opacity:.75
}
div#contents div#sub div.glossary{
position:relative;
margin:0 0 20px;
background:#fff;
border:1px solid #c6c6c6
}
div#contents div#sub div.glossary:before{
content:'';
position:absolute;
top:-8px;
right:5px;
width:75px;
height:50px;
background:url(/user_data/packages/default/img/background/glossary.png)no-repeat 0 0;
background-size:75px 50px
}
div#contents div#sub div.glossary div.glossary-title{
padding:5px 60px 2px 10px;
background:#ececec;
color:#00469b;
font-family:Gothic Rounded;
font-size:18px;
font-weight:700;
letter-spacing:3px
}
div#contents div#sub div.glossary div.glossary-title .glossary-eng{
margin-left:10px;
color:#9c9c9c;
font-size:11px;
font-weight:400;
letter-spacing:0
}
div#contents div#sub div.glossary ul li a{
position:relative;
display:block;
margin:0 10px;
padding:8px 10px 5px 20px;
color:#333;
text-decoration:none;
border-top:1px dotted #acacac
}
div#contents div#sub div.glossary ul li:first-child a{
border-top:0
}
div#contents div#sub div.glossary ul li a:before{
content:'';
position:absolute;
top:15px;
left:8px;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 6px;
border-color:transparent transparent transparent #00469b
}
body.d div#contents div#sub div.glossary ul li a:hover{
color:#ff7300;
text-decoration:underline
}
body.d div#contents div#sub div.glossary ul li a:hover:before{
content:'';
position:absolute;
top:15px;
left:8px;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 6px;
border-color:transparent transparent transparent #ff7300
}
div#contents div#sub div.rule{
position:relative;
margin:0 0 10px;
background:#f5faff;
border:3px solid #7ba9e0
}
div#contents div#sub div.rule ul li a{
position:relative;
display:block;
margin:0 10px;
padding:9pt 10px 10px 50px;
color:#00469b;
font-family:Gothic Rounded;
font-size:24px;
font-weight:700;
text-decoration:none;
line-height:1.1;
border-top:1px dotted #acacac
}
div#contents div#sub div.rule ul li.basketball a{
background:url(/user_data/packages/default/img/icon/basketball.png)no-repeat 0 center;
background-size:40px auto
}
div#contents div#sub div.rule ul li.softtennis a{
padding:9pt 10px 10px 90pt;
background:url(/user_data/packages/default/img/icon/softtennis.png)no-repeat 0 center;
background-size:75pt auto
}
div#contents div#sub div.rule ul li:first-child a{
border-top:0
}
body.d div#contents div#sub div.rule ul li a:hover{
color:#ff7300
}
div#contents div#sub div.basketball_rule a{
display:block;
margin:0 0 10px;
width:300px;
height:178px;
background:url(/user_data/packages/default/img/button/basketball_rule.png)no-repeat 0 0;
text-indent:-9999px
}
body.d div#contents div#sub div.basketball_rule a:hover{
background:url(/user_data/packages/default/img/button/basketball_rule_on.png)no-repeat 0 0
}
div#contents div#sub div.softtennis_rule a{
display:block;
margin:0 0 10px;
width:300px;
height:178px;
background:url(/user_data/packages/default/img/button/softtennis_rule.png)no-repeat 0 0;
text-indent:-9999px
}
body.d div#contents div#sub div.softtennis_rule a:hover{
background:url(/user_data/packages/default/img/button/softtennis_rule_on.png)no-repeat 0 0
}
div#contents div#sub div.soccer_rule a{
display:block;
margin:0 0 10px;
width:300px;
height:178px;
background:url(/user_data/packages/default/img/button/soccer_rule.png)no-repeat 0 0;
text-indent:-9999px
}
body.d div#contents div#sub div.soccer_rule a:hover{
background:url(/user_data/packages/default/img/button/soccer_rule_on.png)no-repeat 0 0
}
div#contents div#sub div.feature-banner{
position:sticky;
top:0;
clear:both;
margin:20px 0;
background:#fafbfc;
border:1px solid #173664;
border-radius:3px;
box-sizing:border-box;
line-height:1.4
}
div#contents div#sub div.feature-banner.fixed{
position:fixed;
top:0;
right:30px;
width:300px;
margin:10px 0 0;
z-index:1
}
div#contents div#sub div.feature-banner.fixed-end{
position:absolute;
top:auto;
bottom:1px;
right:0;
width:300px;
margin:0
}
div#contents div#sub div.feature-banner .feature-title{
position:relative;
margin:0 0 10px;
padding:10px 30px;
color:#fff;
text-align:center;
font-weight:700;
background:#173664 url(/user_data/packages/default/img/icon/hand_down.png)no-repeat 5px 10px;
background-size:22px auto
}
div#contents div#sub div.feature-banner .feature-title:after{
content:'';
position:absolute;
top:10px;
right:5px;
width:22px;
height:30px;
background:url(/user_data/packages/default/img/icon/hand_down.png)no-repeat 0 0;
background-size:22px auto
}
div#contents div#sub div.feature-banner ul{
padding:0 15px
}
div#contents div#sub div.feature-banner li{
padding:15px 0;
border-top:1px dashed #ccc
}
div#contents div#sub div.feature-banner li:first-child{
border-top:0
}
div#contents div#sub div.feature-banner li a img{
display:block;
width:auto;
height:170px;
margin:0 auto 10px
}
div#contents div#sub div.feature-banner li .feature-dvd-title{
display:block;
font-weight:700
}
div#contents div#sub div.feature-banner li .feature-dvd-style{
font-size:9pt
}
body.d div#contents div#sub div.feature-banner li a:hover{
color:#ff7c07
}
body.d div#contents div#sub div.feature-banner li a:hover img{
opacity:.8
}
div#contents div#sub div.sports-news{
margin:0 0 30px
}
div#contents div#sub div.sports-news div.sports-news-title{
padding:0 0 0 28px;
background:url(/user_data/packages/default/img/icon/sports_news-nav.png)no-repeat 0 center;
background-size:22px;
border-top:2px solid #00469b;
border-bottom:1px solid #00469b
}
div#contents div#sub div.sports-news div.sports-news-title .sports-news-jpn{
color:#00469b;
font-family:Gothic Rounded;
font-size:20px;
font-weight:700
}
div#contents div#sub div.sports-news div.sports-news-title a{
display:block;
float:right;
clear:right;
margin:5px 0 0;
padding:2px 10px;
color:#fff;
font-size:9pt;
text-decoration:none;
background:#00469b;
transition:.2s
}
body.d div#contents div#sub div.sports-news div.sports-news-title a:hover{
filter:alpha(opacity=80);
opacity:.8
}
div#contents div#sub div.sports-news div.news-box ul{
overflow-y:scroll;
height:170px;
font-size:14px;
line-height:1.4em
}
div#contents div#sub div.sports-news div.news-box li{
position:relative;
margin-right:10px;
padding:7px 10px 7px 23px;
background-image:linear-gradient(to right,#ccdaeb,#ccdaeb 1px,transparent 1px,transparent 4px);
background-size:4px 1px;
background-position:bottom;
background-repeat:repeat-x
}
div#contents div#sub div.sports-news div.news-box li span{
color:#666;
font-size:9pt
}
div#contents div#sub div.sports-news div.news-box li:before{
content:'';
position:absolute;
top:9pt;
left:8px;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 6px;
border-color:transparent transparent transparent #ff7300
}
div#contents div#sub div.ssl{
margin:30px 0 0;
text-align:center;
color:#666;
font-size:9pt
}
div#contents div#sub div.ssl span{
display:block;
margin-bottom:10px
}
@media screen and (max-width:480px){
div#contents div#sub ul.sub-nav li{
display:block;
width:100%
}
div#contents div#sub ul.sub-nav li.flowchart a{
height:0;
padding-top:21%;
background:url(/user_data/packages/default/img/sp/button/side_flowchart.png)no-repeat 0 0;
background-size:100% auto
}
div#contents div#sub ul.sub-nav li.flowchart.bk a{
background:url(/user_data/packages/default/img/sp/button/side_flowchart_bk.jpg)no-repeat 0 0;
background-size:100% auto
}
div#contents div#sub ul.sub-nav li.flowchart.jo a{
background:url(/user_data/packages/default/img/sp/button/side_flowchart_jo.jpg)no-repeat 0 0;
background-size:100% auto
}
div#contents div#sub ul.sub-nav li.shipping a{
padding-top:32%;
background:url(/user_data/packages/default/img/button/side_shipping_banner.png?ver=20241209)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.order a{
padding-top:23.3%;
background:url(/user_data/packages/default/img/sp/button/side_order_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.entry a{
padding-top:23.3%;
background:url(/user_data/packages/default/img/sp/button/side_entry_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.basics a{
padding-top:24.4%;
background:url(/user_data/packages/default/img/sp/button/side_basics_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.result a{
padding-top:24%;
background:url(/user_data/packages/default/img/sp/button/side_result_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.swml a{
padding-top:24%;
background:url(/user_data/packages/default/img/sp/button/side_swml_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.twitter a{
padding-top:32%;
background:url(/user_data/packages/default/img/button/side_twitter_banner.png?ver=20241206)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.credit a{
padding-top:24.3%;
background:url(/user_data/packages/default/img/sp/button/side_credit_banner.png?ver=20250917)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li.paypal a{
padding-top:24.3%;
background:url(/user_data/packages/default/img/sp/button/side_paypal_banner.png)no-repeat 0 0
}
div#contents div#sub ul.sub-nav li a{
width:100%;
height:0!important;
background-size:100% auto!important
}
div#contents div#sub ul.sub-nav li.campaign a{
display:block;
height:auto!important;
text-align:center
}
div#contents div#sub ul.sub-nav li.campaign a img{
width:80%;
height:auto;
margin:0 auto
}
div#contents div#sub ul.sub-nav li.campaign.full a img{
width:100%
}
div#contents div#main-column div.flowchart.bk a{
display:block;
width:100%;
height:0;
margin:0 0 10px;
padding-top:21%;
background:url(/user_data/packages/default/img/sp/button/side_flowchart_bk.jpg)no-repeat 0 0;
background-size:100% auto
}
div#contents div#main-column div.flowchart.jo a{
display:block;
width:100%;
height:0;
margin:0 0 10px;
padding-top:21%;
background:url(/user_data/packages/default/img/sp/button/side_flowchart_jo.jpg)no-repeat 0 0;
background-size:100% auto
}
div#contents div#sub div.glossary ul li a{
padding:10px 10px 8px 20px
}
div#contents div#sub div.glossary ul li a:before{
content:'';
top:18px
}
div#contents div#sub div.sports-news{
position:relative;
padding-bottom:40px
}
div#contents div#sub div.sports-news div.sports-news-title a{
position:absolute;
bottom:0;
left:0;
right:0;
width:100%;
height:40px;
display:block;
float:none;
margin:0;
padding:0 10px;
font-size:18px;
font-weight:700;
text-align:center;
letter-spacing:2px;
line-height:42px
}
div#contents div#sub div.basketball_rule a,div#contents div#sub div.soccer_rule a,div#contents div#sub div.softtennis_rule a{
margin:0 auto 10px
}
}