@charset "utf-8";

/* ============================
  Common
============================ */
body {
    background-color: #FFF;
 	font-family     : "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	font-size       : 13px;
	letter-spacing  : 1px;
    padding-bottom  : 0;
    color:#000;
	line-height: 160%;
}
body#home {
	position: relative;
	overflow: hidden;
	visibility: hidden;
}

/*国旗画像*/
.flag_usa:before { background-image: url(../img/flag/usa.png); }
.flag_esp:before { background-image: url(../img/flag/esp.png); }
.flag_hkg:before { background-image: url(../img/flag/hkg.png); }
.flag_kor:before { background-image: url(../img/flag/kor.png); }
.flag_mas:before { background-image: url(../img/flag/mas.png); }
.flag_ned:before { background-image: url(../img/flag/ned.png); }
.flag_sin:before { background-image: url(../img/flag/sin.png); }
.flag_tpe:before { background-image: url(../img/flag/tpe.png); }
.flag_tha:before { background-image: url(../img/flag/tha.png); }
.flag_tpe:before { background-image: url(../img/flag/tpe.png); }
.flag_hkg:before { background-image: url(../img/flag/hkg.png); }
.flag_chn:before { background-image: url(../img/flag/chn.png); }
.flag_gbr:before { background-image: url(../img/flag/gbr.png); }
.flag_ger:before { background-image: url(../img/flag/ger.png); }
.flag_fra:before { background-image: url(../img/flag/fra.png); }
.flag_can:before { background-image: url(../img/flag/can.png); }

/* #container
--------------------------- */
#container {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
}
body:not(#home) #container section>div {
	width: 960px;
    margin:0 auto;
}

@media (max-width: 767px) {
    body:not(#home) #container section>div {
        width: 700px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    body:not(#home) #container section>div {
        width: 750px;
    }
}



a {
    color:#000;
    text-decoration:underline;
}
a:hover, a:focus {
    color:#ABABAB;
}
a:hover img {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

body#shop .wrapper a[target="_blank"],
body#player .wrapper a[target="_blank"] {
    background: url(../img/ico_new_window.gif) no-repeat 0px 2px;
    padding: 0px 0 2px 20px;
    line-height: 1;
    font-size:12px;
    font-weight:normal;
    color:#0076EA;
}
body#shop .wrapper a:hover[target="_blank"],
body#player .wrapper a:hover[target="_blank"] {
    color:#0076EA;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

ul {
    list-style:none;
    padding:0;
}

ul.switch {
    text-align:center;
    margin: 50px 0 10px 0;
}
ul.switch>li {
    display: inline-block;
    margin: 0 5px;
    border-radius: 20px;
    padding: 5px 15px;
    text-decoration:none;
    border:1px solid #AAA;
    color: #AAA;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    cursor:pointer;
}
ul.switch>li.active {
    border:1px solid #000;
    background: #000;
    color: #FFF;
}
ul.switch>li:not(.active):hover {
    border:1px solid #AF0002;
    background: #AF0002;
    color: #FFF;
}

.fleft { float:left; }
.fright { float:right; }

img.fleft { margin:0 20px 20px 0; }
img.fright { margin:0 0 20px 20px; }

.ribbon_new {
    display:block;
    background-image: url(../img/ribbon_new.png);
    width:64px;
    height:64px;
    text-indent:-99999px;
    position:absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
}
.playerlist_ft .ribbon_new {
    top: 7px;
    left: 7px;
}



/* header
--------------------------- */
header {
    position:fixed;
    z-index:2;
    width: 100%;
    border-bottom:1px solid #000;
    background:#FFF;
    height: 64px;
}
header h1 {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    z-index:1001;
}
header h1 a {
    box-sizing: content-box;
    display: block;
    width: 179px;
    height: 34px;
    padding: 15px;
    background: url(../img/logo_nav.png) no-repeat center;
    text-indent: -99999px;
}
header nav ul.nav {
    /* text-align:center; */
    display: flex;
    justify-content: center;
    float: none;
    height: 64px;
    align-items: center;
}
header nav ul.nav li {
    display:inline-block;
    margin:0 10px;
}
header nav ul.nav li a {
    box-sizing: content-box;
    display:inline-block;
    height:20px;
    padding:15px;
    text-indent:-99999px;
    background-repeat:no-repeat;
    background-position:center bottom;
}
header nav ul.nav li a:hover {
    background-position:center top;
}
header nav ul.nav li a.barrel {
    background-image: url(../img/topnav_barrel.png);
    width:79px;
}
header nav ul.nav li a.item {
    background-image: url(../img/topnav_item.png);
    width:50px;
}
header nav ul.nav li a.player {
    background-image: url(../img/topnav_player.png);
    width:78px;
}
header nav ul.nav li a.movie {
    background-image: url(../img/topnav_movie.png);
    width:68px;
}
header nav ul.nav li a.shop {
    background-image: url(../img/topnav_shop.png);
    width:55px;
}

/*英語ページ*/
body.english header nav ul.nav li a {
    padding:15px 10px;
}
body.english header nav ul.nav li a.barrel { width:82px; }
body.english header nav ul.nav li a.item   { width:50px; }
body.english header nav ul.nav li a.player { width:80px; }
body.english header nav ul.nav li a.movie  { width:68px; }
body.english header nav ul.nav li a.movie  { width:68px; }
body.english header nav ul.nav li a.shop {
    background-image: url(../img/topnav_support.png);
    width:100px;
}

header nav .nav-box {
    right: 10px;
    position: absolute;
    top: 0;
}
header nav .nav-box  p {
    margin: 9px 0;
}
header nav .nav-box p a {
    box-sizing: content-box;
    display: block;
    height: 17px;
    text-indent: -99999px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
header nav .nav-box p.lang a {
    background-image: url(../img/btn_lang_en.png?date=20230906);
    width:73px;
}
.english header nav .nav-box p.lang a {
    background-image: url(../img/btn_lang_jp.png?date=20230906);
    width:73px;
}
header nav .nav-box p.inquiry a {
    background-image: url(../img/btn_mail.png?date=20230906);
    width:48px;
}
header nav .nav-box p a:hover,
.english header nav .nav-box p a:hover {
    background-position: left top;
}

header nav .sns {
    top: 16px;
    right: 100px;
    position: absolute;
    display: flex;
}
header nav .sns p {
    position: static;
    display: inline-block;
    margin: 0 8px;
}
header nav .sns p a {
    box-sizing: content-box;
    display:block;
    height:32px;
    width:32px;
    text-indent:-99999px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
header nav .sns p.fb a {
    background-image: url(../img/ico_sns_facebook.png);
}
header nav .sns p.tw a {
    /* background-image: url(../img/ico_sns_twitter.png); */
    background-image: url("../img/ico_sns_x.png");
}
header nav .sns p.in a {
    background-image: url(../img/ico_sns_instagram.png);
}


.navbar-inverse .navbar-toggle .icon-bar { background-color: #000; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #F5F5F5; }
div#navbar {
    width : 580px;
    margin: auto;
}

.navbar-toggle {
    /*display: block;*/
}

@media (max-width: 767px) {
    .playerlist_ft .ribbon_new {
        top: 2px;
        left: 7px;
    }

    header {
        height: 70px;
    }
    header nav p { right: 50px; }
    header h1 a {
        width: 145px;
        background-size: 145px auto;
        padding: 8px 15px;
    }
    div#navbar   {
        width           : 112px;
        background-color: #fff;
        border-top      : none;
        margin-right    : -15px;
        padding: 0;
        overflow: hidden;
    }
    div#navbar ul.navbar-nav {
        margin: 0;
        width: 111px;
        height: auto;
        flex-wrap: wrap;
    }
    div#navbar ul.navbar-nav li {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        margin:0;
    }
    header nav div#navbar ul.nav li a {
        width:80px;
        height:40px;
        background-size:auto 80px;
        padding: 0 15px;
    }
    header nav .nav-box {
        right: auto;
        left: 15px;
        top: 34px;
        display: flex;
    }
    header nav .nav-box p {
        margin-right: 8px;
    }
    header nav .sns {
        top: 25px;
        right: 62px;
    }
    header nav .sns p {
        margin: 0 8px;
    }
    header nav .sns p a {
        height:29px;
        width:29px;
    }
    .navbar-toggle {
        margin-right: 15px;
        padding: 9px 8px;
        margin-top: 23px;
        margin-bottom: 13px;
    }
    .navbar-toggle .icon-bar {
        width: 20px;
    }    
}
@media (min-width: 768px) and (max-width: 991px) {
    .playerlist_ft .ribbon_new {
        top: 2px;
        left: 37px;
    }
    
    header h1 a {
        width:120px;
        background-size:120px auto;
    }
    div#navbar          { width : 430px; }
    /*
    header nav ul li    { margin: 0; }
    header nav ul li a.barrel {
        width          : 55px;
    }
    header nav ul li a.item {
        width          : 35px;
        background-size: 35px;
    }
    header nav ul li a.player {
        width          : 55px;
        background-size: 55px;
    }
    header nav ul li a.movie {
        width          : 46px;
        background-size: 46px;
    }
    header nav ul li a.shop {
        width          : 40px;
        background-size: 40px;
    }
    */

    header nav p.lang {
        right: 66px;
    }
    header nav p.inquiry {
        right: 10px;
    }
    header nav p.fb {
        right:145px;
    }
    
    header nav ul.nav li {
        margin:0 2px;
        padding: 5px 0;
    }
    header nav ul.nav li a {
        padding:0px 8px;
        height:40px;
        background-size:auto 80px;
    }

    /*英語ページ*/
    body.english header nav ul.nav li a {
        padding:0px 3px;
    }
    
}


/* footer
--------------------------- */
footer {
    width:100%;
    border-top:#000 1px solid;
    padding-top:100px;
}
#home footer {
    position:fixed;
    bottom:0;
    left:0;
    z-index:-1;
}
footer nav {
    background: url(../img/trinidad.gif) center 125px no-repeat;
    background-size:500px;
    width:500px;
    margin: 0 auto;
    height:500px;
}
#home footer nav {
    position: relative;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    padding-bottom:333px;
    margin:0;
}
footer nav ul:nth-of-type(1) {
    margin: 0 0 10px 0;
    height: 120px;
    text-align:center;
}
footer nav ul:nth-of-type(1) li {
    display:block;
    width:120px;
    height:120px;
	position: relative;
}
footer nav ul:nth-of-type(1) li a {
	position: absolute;
    top:30px;
    display:block;
    width:120px;
    height:100px;
    text-indent:-99999px;
    overflow: hidden;
    /* ここで動く速度とか設定 */
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
footer nav ul:nth-of-type(1) li.fnav_inqu a {
    background: url(../img/ico_mail.png) no-repeat;
}
footer nav ul:nth-of-type(1) li.fnav_cart a {
    background: url(../img/ico_cart.png) no-repeat;
}
footer nav ul:nth-of-type(1) li.fnav_inqu a:hover {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}
footer nav ul:nth-of-type(1) li.fnav_cart a:hover {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
footer nav ul:nth-of-type(1) li:before {
    font-size:11px;
	position: absolute;
	display: block;
	padding: 0 10px;
	width: 120px;
	height: 30px;
	color: #F6F6F6;
	line-height: 30px;
	text-align: center;
	background: #000;
	z-index: 0;
    border-radius:20px;
    top:10px;
    left:0;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    /* ここで動く速度とか設定 */
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
footer nav ul:nth-of-type(1) li.fnav_inqu:before {
	content: "お問い合わせ";
}
footer nav ul:nth-of-type(1) li.fnav_cart:before {
	content: "お買い物";
}
/*英語版*/
.english footer nav ul:nth-of-type(1) li.fnav_inqu:before {
	content: "Inquiry";
}
.english footer nav ul:nth-of-type(1) li.fnav_cart:before {
	content: "Shopping";
}
footer nav ul:nth-of-type(1) li:after {
	content: "";
	position: absolute;
	top: 40px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #000 transparent transparent transparent;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    /* ここで動く速度とか設定 */
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
footer nav ul:nth-of-type(1) li:hover:before {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    top:0px;
}
footer nav ul:nth-of-type(1) li:hover:after {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    top:30px;
}

footer nav ul:nth-of-type(1) li {
    display:inline-block;
    margin: 0 20px;
}
footer nav ul:nth-of-type(2) {
    text-align:center;
}
footer nav ul:nth-of-type(2)>li {
    display:inline-block;
    margin:3px 12px;
}
footer nav ul:nth-of-type(2)>li>a {
    color:#FFF;
    font-size:10px;
}
footer .copyRight {
    position:absolute;
    bottom:0;
    z-index:1;
    padding:3px 10px 0;
    width:100%;
    height:25px;
    font-size:10px;
    margin:0;
    text-align:center;
    border-top: 1px solid #000;
    background: #FFF;
}

@media (max-width: 767px) {
    footer nav {
        background-size: 320px;
        width          : 320px;
        height         : 330px;
    }
    #home.disp_hor footer nav {
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%,-30%);
        -ms-transform: translate(-50%,-30%);
        transform: translate(-50%,-30%);
    }
    footer nav ul:nth-of-type(1) li {
        margin: 0 10px;
    }
    footer nav ul:nth-of-type(2)>li {
        margin:3px 8px;
    }
    .english footer nav ul:nth-of-type(2)>li {
        margin:3px 6px;
    }
}

/* ============================
  トップページ
============================ */
section {
    overflow: hidden;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
section#stage2 {
}
section#stage3 {
}

section .fieldWrap {
}
section#stage1 .fieldWrap {
    margin: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1000px;
    /*background: url(../img/site_logo.png) no-repeat center top;*/
    /*background-size: 100%;*/
    /*padding: 50px 0 0 0;*/
}
section#stage1 .site_seal {
    position: absolute;
    bottom  : 10px;
    right   : 10px;
}

@media (max-width: 767px) {
    .disp_ver section {
        background-size: 100% auto;
        background-position: center;
    }
    section#stage1 .fieldWrap {
        top: 55%;
        width: 320px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .disp_ver section {
        background-size: 100% auto;
        background-position: center;
    }
    section#stage1 .fieldWrap {
        width: 750px;
    }
}

h2 {
    background:#000;
    color:#FFF;
    margin: 64px 0 0 0;
    padding: 8px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
    height:40px;
	text-align: center;
}
#home h2 {
    margin: 0;
    padding: 72px 8px 8px 8px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
    height: 104px;
	text-align: center;
}
section#stage1 .fieldWrap h2 {
    display:none;
}
section#stage1 .fieldWrap img.logo {
    width:90%;
    margin:50px 0;
}
/* ticker */
.ticker {
    background: url(../img/topics.png) no-repeat 10px 9px;
    border:1px solid #000;
    border-radius:3px;
    padding:5px 5px 5px 80px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
    width: 85%;
    height: 30px !important;
}

.ticker ul {
	width: 100%;
	position: relative;
    overflow:hidden;
    min-height: 30px;
    font-size:11px;
}

.ticker ul li {
	width: 100%;
	display: none;
}
.ticker ul li a {
	display: block;
    color:#A2A2A2;
}
.ticker ul li a>span {
    color:#000;
}

ul.newitem {
    overflow:hidden;
    display: inline-block;
    margin: 40px 0 0 0;
}
ul.newitem li {
    float:left;
    margin: 0 2px;
}
ul.newitem li a {
    display:block;
}
ul.newitem li a img {
    width : 60px;
    border: 1px solid #ccc;
}

section .inner {
    text-align:center;
    background: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border:#000000 1px solid;
    position:absolute;
    top: 48%;
    left: 24%;
}
section .inner h3 {
    font-weight:bold;
    font-size:10px;
    line-height: 1;
    margin: 0 auto 5px;
}
section .inner p {
    font-size:20px;
    margin:0;
}

p.btn_newitem {
    position:absolute;
    /*bottom:4%;*/
    top:7%;
    right:4%;
}
p.btn_newitem a {
    background:url(../img/top/btn_arrow.png) no-repeat top left;
    display:block;
    width:131px;
    height:85px;
    font-size: 11px;
    line-height: 1.2;
    padding: 30px 22px 0 0;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;    
}
p.btn_newitem a:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
/* ふわふわさせたいものに fuwafuwaクラスを付与 */
.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

/* fuwafuwa スピードアップ */
.fuwafuwa_fast {
	-webkit-animation-name:fuwafuwa_fast; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:0.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease-in-out;
	
	-moz-animation-name:fuwafuwa_fast;
	-moz-animation-duration:0.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease-in-out;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa_fast {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa_fast {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

ul.player_top {
    display:table;
    width:70%;
    max-width:960px;
    margin:0 auto;
}
ul.player_top li {
    display:table-cell;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    width:25%;
}
ul.player_top li.player_meg {
    /*background-image:url(../img/top/barrel_news.jpg);*/
    background-image:url(../img/top/player/meg20150210.jpg);
    background-position: 50% 0;
}
ul.player_top li.player_yan {
    background-image:url(../img/top/player/yanmar20150210.jpg);
    background-position: 50% 0;
}
ul.player_top li.player_sei {
    background-image:url(../img/top/player/seigo20150210.jpg);
    background-position: 50% 0;
}
ul.player_top li.player_nob {
    background-image:url(../img/top/player/nobu20150210.jpg);
    background-position: 50% 0;
}

ul.player_top li a {
    display:block;
    width:100%;
    height:100%;
    position: relative;
}
ul.player_top li a:hover {
    background-color:rgba(255,255,255,0.3);
}
ul.player_top li a>p {
    position: absolute;
    left: 0;
    top:65%;
    width: 100%;
    background:rgba(0,0,0,0.7);
    color:#FFF;
    padding:12px;
    font-weight:normal;
    font-size:10px;
    text-align:left;
    line-height:1.2;
    min-height: 500px;
}
ul.player_top li a>p span {
    font-size: 18px;
    display: block;
    text-align: center;
    margin-bottom: 8px;
    letter-spacing: 6px;
}
.english ul.player_top li a>p span {
    font-size: 13px;
    letter-spacing: 1px;
}

#movie iframe {
    width: 100%;
}
#movie div.thumbnail {
    position:relative;
}
#movie div.thumbnail img {
    width: 100%;
}
#movie div.thumbnail a {
    display:block;
    text-indent:-99999px;
    background:none;
}
#movie div.thumbnail a:before {
    content:"";
    display:block;
    width:30px;
    height:20px;
    background: url(../img/ico_play.png) no-repeat top left;
    position:absolute;
    top:50%;
    left:50%;
    margin: -20px 0 0 -15px;
}

@media (max-width: 767px) {
    h2 {
        margin: 70px 0 0 0;
        letter-spacing: 2px;
        min-height: 40px;
        height: auto;
    }
    #home h2 {
        font-size: 15px;
        letter-spacing: 1px;
        padding: 80px 8px 8px 8px;
    }
    .disp_hor section#stage1 .fieldWrap img.logo {
        margin:20px 0;
    }
    
    .ticker {
        height: 50px !important;
    }
    .ticker ul {
        min-height: 40px;
    }
    
    ul.newitem {
        margin: 8% 0 0 0;
    }

    .disp_ver p.btn_newitem {
        top: 10%;
        right: 0%;
    }
    .disp_hor p.btn_newitem {
        top: 15%;
        right: 0%;
    }
    p.btn_newitem a {
        background:url(../img/top/btn_arrow.png) no-repeat top left;
        background-size:100px auto;
        display:block;
        width:100px;
        height:65px;
        font-size: 10px;
        line-height: 1.1;
        padding: 21px 17px 0 0;
    }
    
    /* 縦位置 */
    .disp_ver ul.player_top {
        width:88%;
        max-width:700px;
        display: block;
    }
    .disp_ver #container ul.player_top li {
        width: 100%;
        height: auto;
        background-size: 30%;
        background-position: left top;
        text-align: left;
        display: block;
        padding:10% 0 1% 30%;
        background-color: rgba(0,0,0,1);
        margin:3px 0;
    }
    .disp_ver ul.player_top li a {
        text-align: left;
        text-decoration:none;
        height:auto !important;
    }
    .disp_ver ul.player_top li a:hover {
        text-decoration:none;
        background:none;
    }
    .disp_ver ul.player_top li a>p {
        position: static;
        min-height: inherit;
        display: block;
        text-align: left;
        padding: 7px 7px 0 7px;
        background: none;
        letter-spacing: 0px;
    }
    .disp_ver ul.player_top li a>p span {
        text-align: left;
        font-size: 15px;
        margin-bottom: 5px;
        letter-spacing: 4px;
    }
    /* 横位置 */
    .disp_hor ul.player_top {
        width:90%;
    }
    .disp_hor ul.player_top li {
        background-size: 100% auto;
    }    
    .disp_hor ul.player_top li a>p {
        top:37%;
        padding:5%;
        line-height:1.1;
        background: rgba(0,0,0,1);
    }
    .disp_hor ul.player_top li a>p span {
        font-size: 13px;
        margin-bottom: 3px;
        letter-spacing: 4px;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
    ul.player_top {
        width:90%;
        max-width:750px;
    }
    /* 横位置 */
    .disp_hor ul.player_top li a>p {
        top:50%;
        padding:10px;
        line-height:1.1;
    }
    .disp_hor ul.player_top li a>p span {
        font-size: 15px;
        margin-bottom: 3px;
        letter-spacing: 4px;
    }
}
@media (max-width: 767px) {
    .english.disp_ver #container ul.player_top li {
        padding:3% 0 1% 30%;
    }
    .english.disp_ver ul.player_top li a>p {
        line-height:1.1;
        margin:0;
    }
    .english.disp_ver ul.player_top li a>p span {
        font-size: 15px;
        margin-bottom: 3px;
        letter-spacing: 0px;
    }
    .english.disp_hor ul.player_top li a>p {
        line-height:1;
    }
    .english.disp_hor ul.player_top li a>p span {
        letter-spacing: 0px;
    }
}


/* ============================
  コンテンツページ
============================ */
/* ===== 共通 ===== */
.wrapper {
    background: #FFF;
    margin-bottom: 100px;
}
.wrapper>section {
    width:960px;
    margin:0 auto;
    padding-top:50px;
}
.wrapper>section>h3 {
    border-top:5px solid #000;
    border-bottom:1px dotted #000;
    margin: 2px 0 25px;
    padding: 15px 0 8px;
    position:relative;
    text-align:center;
}
.wrapper>section>h3:before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #000;
    position: absolute;
    top: 2px;
    left: 0;
}

.wrapper>section>h4 {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    margin: 20px 0 20px;
    padding: 10px 0 10px;
    font-size: 16px;
    line-height: 1;
    text-align:center;
}

@media (max-width: 767px) {
    .wrapper {
        margin-bottom: 50px;
    }
    .wrapper>section {
        padding: 20px 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .wrapper>section {
        padding: 30px 20px;
    }
}
@media (max-width: 991px) {
    .wrapper>section {
        width:100%;
    }
}


/* ===== バレル ===== */
#barrel div.barrelimage {
    width:100%;
    /*
    background-image:url(../img/barrel/top.jpg);
    background-size:cover;
    background-position:center;
    padding-bottom:120px;
    */
}

ul.barrel { padding: 0 0 0 25px; }
ul.barrel>li { margin-bottom: 80px; }
ul.barrel>li>h3 {
    /* font-weight   : bold; */
    font-size     : 34px;
    /* font-family   : 'Arial Black'; */
    font-family: 'Arial Black', arial, sans-serif;
    font-weight: 900;
    font-style : normal;
    letter-spacing: 0;
}
ul.barrel>li.designer>h3 {
    display    : block;
    font-weight: normal;
    font-size  : 20px;
    margin     : 100px 0 0 0;
    background : #000;
    color      : #FFF;
    padding    : 5px 8px;
    width      : 240px;
}
ul.barrel>li.designer>h3+p a {
    text-indent: -99999px;
    background : url(../img/barrel/btn_designer.jpg) no-repeat top left;
    display    : block;
    width      : 240px;
    height     : 135px;
    border     : #000 3px solid;
}
ul.barrel>li.designer>h3+p a:hover {
    filter      : alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity     : 0.9;
}
ul.barrel>li>h3+p {
    font-size  : 12px;
    line-height: 1.5;
}
ul.barrel>li>ul.barrellist {
    margin-top: 20px;
    display   : flex;
    flex-wrap : wrap;
}
ul.barrel>li>ul.barrellist>li {
    margin-bottom: 5px;
    position     : relative;
    width        : 33%;
}
ul.barrel>li>ul.barrellist>li>a {
    background-size    : 14px auto;
    background-repeat  : no-repeat;
    background-position: left center;
    padding-left       : 20px;
    display            : block;
    letter-spacing     : 0;
}
ul.barrel>li>ul.barrellist>li span.newitem {
    display        :block;
    background     :url(../img/ico_new_fukidashi.png) no-repeat 0 0;
    text-indent    : -99999px;
    width          : 24px;
    height         : 24px;
    position       : absolute;
    top            : -8px;
    left           : -23px;
    z-index        : 1;
    background-size: 24px;
}
ul.barrel>li>ul.barrellist>li span.image {
    display : none;
    position: absolute;
}
ul.barrel>li>ul.barrellist>li span.image>img {
    width : 100px;
    height: 100px;
}

/* balloon-4 bottom-right */
body:not(.smartdevice) ul.barrel>li>ul.barrellist>li a:hover span.image {
    z-index      : 1;
    bottom       : 0px;
    right        : 30px;
	display      : inline-block;
	padding      : 5px;
	color        : #F6F6F6;
	line-height  : 50px;
	text-align   : center;
	background   : #000;
	border-radius: 3px;
}
body:not(.smartdevice) ul.barrel>li>ul.barrellist>li a:hover span.image:after {
	content     : "";
	position    : absolute;
	bottom      : 6px; left: -5px;
	display     : block;
	width       : 0px;
	height      : 0px;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-color: transparent #000 transparent transparent;
}

body:not(.smartdevice) ul.barrel>li>ul.barrellist>li a:hover span.image>img {
    filter      : alpha(opacity=100);
    -moz-opacity: 1;
    opacity     : 1;
}

@media (max-width: 767px) {
    ul.barrel { padding: 0 25px; }
    ul.barrel>li>h3 { font-size: 30px; }
    ul.barrel>li>ul.barrellist { padding-left: 15px; }
    ul.barrel>li>ul.barrellist>li { width: 100%; }
}
@media (min-width: 768px) and (max-width: 991px) {
    ul.barrel>li>ul.barrellist>li { width: 50%; }
}
@media (max-width: 991px) {
    /*#barrel .wrapper>section { width: 100%; }*/
}

/*バレル詳細ページ*/
#barrelinfo h3 {
    background-repeat:no-repeat;
    padding:28px 0 35px 190px;
    border:none;
    text-align:left;
    font-size: 70px;
    /* font-family: 'Arial Black'; */
    font-family: 'Arial Black', arial, sans-serif;
    font-weight: 900;
    font-style : normal;
    letter-spacing:0;
    line-height: 1;
}
#barrelinfo h3:before {
    display:none;
}
#barrelinfo h3>span.model {
    font-size:30px;
    display:block;
}
#barrelinfo h3+img {
    float:right;
    margin: 0 0 20px 0;
}
#barrelinfo #container h3+img+div {
    float:left;
    width:420px;
    margin: 0 0 20px 0;
}
#barrelinfo p.player {
    margin:0 0 20px 0;
}
#barrelinfo p.player a {
    border           : #000 1px solid;
    background-repeat: no-repeat;
    background-size  : 100px;
    display          : block;
    height           : 100px;
    padding          : 14px 2px 0 115px;
    font-size        : 27px;
    text-decoration  : none;
    line-height      : 1.2;
}
#barrelinfo p.player.global a {
    padding: 12px 2px 0 115px;
    font-size: 20px;
    letter-spacing:-1px;
    line-height:1.5;
}
#barrelinfo p.player a span {
    font-size  :14px;
    margin-left: 3px;
    display    : block;
    margin-top : 6px;
}
#barrelinfo p.player.global a span {
    margin-left: 0;
    display:block;
    letter-spacing:1px;
    line-height:1.2;
}
#barrelinfo p.player a span.player_s {
    font-size:18px;
    font-weight:bold;
    display:block;
    margin:0;
}

#barrelinfo div.spec {
    border:1px solid #000;
    margin:20px 0;
    overflow:hidden;
}
#barrelinfo div.spec>h4 {
    background:#000;
    color:#FFF;
    display:block;
    width:130px;
    height:130px;
    float:left;
    margin: 0;
    text-align: center;
    padding-top: 52px;
    font-size: 24px;
    font-weight: bold;
}
#barrelinfo div.spec>dl {
    float: right;
    overflow: hidden;
    margin: 7px 10px;
    width: 265px;
}
#barrelinfo div.spec>dl>dt {
    float:left;
    padding: 5px 4px 0px 4px;
    width: 80px;
}
#barrelinfo div.spec>dl>dd {
    border-top:1px dotted #000;
    padding: 5px;
}
#barrelinfo div.spec>dl>dd:nth-of-type(1) {
    border-top:none;
}

#barrelinfo ul.link {
    overflow:hidden;
    margin-right:-20px;
}
#barrelinfo ul.link li {
    float:left;
    margin:0 20px 0 0;
}
#barrelinfo ul.link li a {
    display:block;
    width:200px;
    height:55px;
    text-indent:-99999px;
    background-repeat:no-repeat;
    background-position: top left;
    padding: 0;
}
#barrelinfo ul.link li a.btn_movie {
    background-image:url(../img/barrel/btn_movie.png);
}
#barrelinfo ul.link li a.btn_shopping {
    background-image:url(../img/barrel/btn_shopping.png);
}
#barrelinfo #container div.user {
    overflow:hidden;
    border: 1px solid #000;
    padding: 15px;
    width: initial;
    display: table;
    margin: 0;
    clear: both;
}
#barrelinfo div.user>h4 {
    background-image:url(../img/barrel/player.png);
    text-indent:-99999px;
    display:block;
    width:100px;
    height:100px;
    float:left;
    margin:0;
}
#barrelinfo.english div.user>h4 { background-image:url(../img/barrel/player_en.png); }
#barrelinfo div.user>a {
    display:block;
    width:100px;
    height:100px;
    float:left;
    position:relative;
}
#barrelinfo div.user>a[href]:before {
    content:"";
    display:block;
    background:url(../img/ico_info.png) no-repeat 0 0;
    background-size:15px 15px;
    position:absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    right: 2px;
}
#barrelinfo div.user>a:not([href]):hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#barrelinfo div.user>h4,
#barrelinfo div.user>a {
    margin:8px;
}
#barrelinfo div.user>a>img {
    width:100px;
    height:100px;
}
#barrelinfo div.user>a>span {
    position:absolute;
    background:rgba(0,0,0,0.70);
    color:#FFF;
    bottom:0;
    left:0;
    width:100px;
    font-size: 11px;
    padding: 2px 3px;
    line-height:1;
}

@media (max-width: 767px) {
    #barrelinfo h3+img { width: 350px; }
    #barrelinfo h3 {
        font-size          : 25px;
        background-size    : 70px;
        width              : 350px;
        padding-left       : 100px;
        background-position: 20px 10px;
    }
    #barrelinfo h3>span.model         { font-size: 15px; }
    #barrelinfo #container h3+img+div { width: 350px; }
    #barrelinfo div.spec>h4 {
        width      : 60px;
        height     : 129px;
        padding-top: 59px;
        font-size  : 15px;
    }
    #barrelinfo ul.link    { text-align: center; }
    #barrelinfo ul.link li {
        float  : none;
        display: inline-block;
    }
    #barrelinfo p.player a               { font-size: 20px; }
    #barrelinfo p.player.global a        { font-size: 17px; }
    #barrelinfo p.player a span.player_s { margin-bottom: 5px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #barrelinfo h3 {
        font-size          : 50px;
        background-size    : 100px;
        width              : 100%;
        background-position: 80px 18px;
    }
    #barrelinfo h3>span.model { font-size: 20px; }
}
@media (max-width: 991px) {
    #barrelinfo .wrapper>section {
        width     : 100%;
        text-align: center;
    }
    #barrelinfo .wrapper>section div { text-align: initial; }
    
    #barrelinfo h3                    { margin: auto; }
    #barrelinfo h3+img                { float: none; }
    #barrelinfo #container h3+img+div {
        float : none;
        margin: auto;
    }
    #barrelinfo #container div.user {
        margin    : auto;
        border    : none;
        text-align: center;
    }
    #barrelinfo #container div.user>h4 {
        background : #000;
        color      : #fff;
        text-indent: 0;
        float      : none;
        width      : 100%;
        height     : inherit;
        padding    : 10px;
    }
    #barrelinfo #container div.user>a {
        float  : none;
        display: inline-block;
    }
}

/*バレルデザイナー*/
#barreldesigner #container .leftbox {
    float:left;
    width:360px;
}
#barreldesigner #container .leftbox h4 {
    font-size:26px;
    font-weight:bold;
}
#barreldesigner #container .leftbox h4 span {
    font-size:14px;
    font-weight:normal;
    margin-left: 3px;
}
#barreldesigner #container dl.prof {
    overflow:hidden;
    margin: 15px 0;
    border-top:dotted #000 1px;
}
#barreldesigner #container dl.prof dt {
    float:left;
    width:100px;
    padding:4px;
    text-align:right;
}
#barreldesigner #container dl.prof dd {
    padding:4px;
    border-bottom:dotted #000 1px;
}
#barreldesigner #container .leftbox p {
    margin:0 0 30px 0;
}
#barreldesigner #container h5 {
    font-size: 16px;
    font-weight: bold;
    border-left: 5px solid #000;
    padding: 5px 0 5px 10px;
    margin: 10px 0;
}
#barreldesigner #container h5>span {
    font-size: 18px;
    margin: 0 0 0 5px;
}
#barreldesigner #container .rightbox {
    float:right;
    width:540px;
}
#barreldesigner #container .rightbox p {
    font-size:14px;
    line-height:1.8;
    margin:0 0 10px 0;
}
#barreldesigner #container dl.tournament {
    font-size:11px;
    letter-spacing: 0;
    padding:0;
    margin:0;
}
#barreldesigner #container dl.tournament dt {
    padding:1px;
    border-bottom: 1px solid #DDD;
}
#barreldesigner #container dl.tournament dd {
    padding:1px;
    border-bottom: 1px solid #DDD;
}
#barreldesigner #container dl.tournament dd span {
    font-weight:bold;
}
#barreldesigner #container dl.tournament dd span.champ {
    color:#CD0003;
}

@media (max-width: 767px) {
    #barreldesigner h3+img {
        width:100%;
        height:auto;
    }
    #barreldesigner #container .leftbox {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    #barreldesigner #container .rightbox {
        float: none;
        width: 100%;
        margin: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #barreldesigner h3+img {
        width:300px;
        height:auto;
    }
    #barreldesigner #container .leftbox {
        float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    #barreldesigner #container .leftbox p {
        line-height:1.3;
    }
    #barreldesigner #container dl.tournament {
        overflow:hidden;
    }
    #barreldesigner #container dl.tournament dt {
        padding: 5px 1px 1px 1px;
        clear: both;
        width: 60px;
        border: none;
    }
    #barreldesigner #container dl.tournament dd {
        float:left;
        padding:1px 10px;
        border-bottom: 1px solid #DDD;
    }
    #barreldesigner #container .rightbox {
        float: none;
        width: auto;
        margin: 0;
    }
}




/* ===== アイテム ===== */
ul.activenav {
    text-align:center;
    margin:0 0 40px 0;
}
ul.activenav>li {
    display:inline-block;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:13px 9px;
    color:#FFF;
    border-radius:20px;
    cursor:pointer;
    padding:5px 15px 5px 30px;
    margin:0 5px;
    /* ここで動く速度とか設定 */
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
ul.activenav>li#all {
    background-image:url(../img/ico_check.png);
}
ul.activenav>li#non {
    background-image:url(../img/ico_close.png);
}
ul.categorylist {
    text-align:center;
    margin:0 0 40px 0;
}
ul.categorylist:nth-of-type(1) { margin-bottom: 20px; }

ul.categorylist>li {
    position:relative;
    display:inline-block;
    background:#F2F2F2;
    color:#797979;
    border-radius:20px;
    cursor:pointer;
    padding:5px 15px;
    margin:0 5px;
    /* ここで動く速度とか設定 */
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
body:not(.smartdevice) ul.activenav>li:hover,
body:not(.smartdevice) ul.categorylist>li:hover,
body:not(.smartdevice) ul.categorylist>li.active:hover {
    background-color: #A3A3A3;
    color: #FFFFFF;
}
ul.categorylist>li.active {
    background:#000;
    color:#FFF;
}
ul.categorylist>li a {
    text-decoration: none;
    color          : #797979;
}
ul.categorylist>li a:hover  { color: #fff; }
ul.categorylist>li.active a { color: #fff; }

/*
ul.categorylist>li:before {
    background:#FFF url(../img/ico_close.png) no-repeat 0 0;
    position:absolute;
    top:-3px;
    right:-3px;
    content:"";
	display: inline-block;
	width: 12px;
	height: 12px;
    border-radius:6px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    // ここで動く速度とか設定
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
*/
/*
ul.categorylist>li.active:before {
    background:#FFF url(../img/ico_check.png) no-repeat 0 0;
}
*/

body:not(.smartdevice) ul.categorylist>li:hover:before {
    background:#FFF url(../img/ico_check.png) no-repeat 0 0;
}
body:not(.smartdevice) ul.categorylist>li.active:hover:before {
    background:#FFF url(../img/ico_close.png) no-repeat 0 0;
}

ul.itemlist {
    /*overflow:hidden;*/
    width: 100%;
    margin: 0 auto;
    text-align: center;
    letter-spacing: -.32em;    
}
ul.itemlist>li {
    /*float:left;*/
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    position:relative;
}
ul.itemlist>li span.newitem {
    display:block;
    background:url(../img/ico_new_fukidashi.png) no-repeat 0 0;
    text-indent:-99999px;
    width: 36px;
    height: 36px;
    position:absolute;
    top:3px;
    left:3px;
    z-index:1;
}
ul.itemlist>li>a {
    background:none;
    padding:0;
    display:block;
    width:240px;
    height:240px;
    position:relative;
}
ul.itemlist>li>a[href]:before {
    content:"";
    display:block;
    background:url(../img/ico_info.png) no-repeat 0 0;
    position:absolute;
    width: 20px;
    height: 20px;
    top: 2px;
    right: 2px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
ul.itemlist>li>a[href]:hover:before {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index:1;
}
ul.itemlist>li>a>img {
    width:240px;
    height:240px;
}
ul.itemlist>li>a>p {
    padding:10px;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height:0px;
    background:rgba(0,0,0,0);
    /* ここで動く速度とか設定 */
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
ul.itemlist>li>a:hover>p {
    height:240px;
    background:rgba(0,0,0,0.7);
}
ul.itemlist>li>a[href]:hover>p {
    background:rgba(0, 95, 221, 0.73);
}
ul.itemlist>li>a>p>span {
    position: relative;
    top: 50%;
    display:block;
    line-height:1;
    margin:5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    color:#FFF;
    /* ここで動く速度とか設定 */
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay:0.2s;
}
ul.itemlist>li>a>p>span:nth-of-type(1) {
    font-weight:bold;
}
ul.itemlist>li>a:hover>p>span {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media (max-width: 767px) {
    ul.activenav {
        margin: 0 0 20px 0;
    }
    ul.activenav>li {
        margin: 0 1px 5px;
    }
    ul.categorylist {
        margin: 0 0 20px 0;
    }
    ul.categorylist>li {
        padding: 5px 10px;
        font-size: 11px;
        margin: 0 1px 5px;
    }
    ul.itemlist {
        /*width: 330px;*/
        margin: 0 auto;
    }
    ul.itemlist>li {
        margin:4px;
        border: 1px solid #000;
    }
    ul.itemlist>li span.newitem {
        width: 24px;
        height: 24px;
        background-size:24px;
    }
    ul.itemlist>li>a {
        width: 140px;
        height: 140px;
    }
    ul.itemlist>li>a[href]:before {
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    ul.itemlist>li>a>img {
        width: 140px;
        height: 140px;
    }
    ul.itemlist>li>a:hover>p {
        height:140px;
    }
    ul.itemlist>li>a>p {
        top: auto;
        height:auto;
        background:rgba(0,0,0,0.7);
        padding: 2px;
        font-size:10px;
    }
    ul.itemlist>li>a:hover>p {
        height:auto;
        display: block;
        width: 100%;
        padding: 3px;
    }
    ul.itemlist>li>a[href]:hover>p {
        background:rgba(0,0,0,0.7);
    }
    ul.itemlist>li>a>p>span {
        position: static;
        margin:0;
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    
    /* カテゴリボタン制御 */
    /*
    #item ul.activenav,
    #item ul.itemlist li.cat2,
    #item ul.itemlist li.cat3,
    #item ul.itemlist li.cat4,
    #item ul.itemlist li.cat5,
    #item ul.itemlist li.cat6,
    #item ul.itemlist li.cat7 { display: none; }
    */
}
@media (min-width: 768px) and (max-width: 991px) {
    ul.categorylist>li {
        padding: 5px 12px;
        font-size: 12px;
    }
    ul.itemlist {
        width: 726px;
        margin: 0 auto;
    }
    ul.itemlist>li {
        margin:5px;
        border: 1px solid #000;
    }
    ul.itemlist>li span.newitem {
        width: 24px;
        height: 24px;
        background-size:24px;
    }
    ul.itemlist>li>a {
        width: 150px;
        height: 150px;
    }
    ul.itemlist>li>a[href]:before {
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    ul.itemlist>li>a>img {
        width: 150px;
        height: 150px;
    }
    ul.itemlist>li>a>p {
        top: auto;
        height:auto;
        background:rgba(0,0,0,0.7);
        padding: 3px;
        font-size:10px;
    }
    ul.itemlist>li>a:hover>p {
        height:auto;
        display: block;
        width: 100%;
        padding: 5px;
    }
    ul.itemlist>li>a[href]:hover>p {
        background:rgba(0,0,0,0.7);
    }
    ul.itemlist>li>a>p>span {
        position: static;
        margin:0;
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media (max-width: 991px) {
    #item ul.itemlist li p:before {
        color      : #fff;
        font-weight: bold;
    }
    #item ul.itemlist li.cat1 p:before { content: "フライト"; }
    #item ul.itemlist li.cat2 p:before { content: "シャフト"; }
    #item ul.itemlist li.cat3 p:before { content: "ダーツケース"; }
    #item ul.itemlist li.cat4 p:before { content: "ウェア"; }
    #item ul.itemlist li.cat5 p:before { content: "アクセサリー"; }
    #item ul.itemlist li.cat6 p:before { content: "DVD ＆ 書籍"; }
    #item ul.itemlist li.cat7 p:before { content: "ノベルティ"; }
    #item.english ul.itemlist li.cat1 p:before { content: "Flights"; }
    #item.english ul.itemlist li.cat2 p:before { content: "Shafts"; }
    #item.english ul.itemlist li.cat3 p:before { content: "Darts Case"; }
    #item.english ul.itemlist li.cat4 p:before { content: "Clothing"; }
    #item.english ul.itemlist li.cat5 p:before { content: "Accessories"; }
    #item.english ul.itemlist li.cat6 p:before { content: "DVD & Books"; }
    #item.english ul.itemlist li.cat7 p:before { content: "Novelties"; }
}
@media (min-width: 992px) {
    #item ul.itemlist>li>a:hover>p:before {
        display    : block;
        color      : #fff;
        font-size  : 17px;
        font-weight: bold;
        position   : absolute;
        z-index    : 2;
        top        : 42px;
        left       : 5px;
    }
    #item ul.itemlist>li.cat1>a:hover>p:before { content: "フライト"; }
    #item ul.itemlist>li.cat2>a:hover>p:before { content: "シャフト"; }
    #item ul.itemlist>li.cat3>a:hover>p:before { content: "ダーツケース"; }
    #item ul.itemlist>li.cat4>a:hover>p:before { content: "ウェア"; }
    #item ul.itemlist>li.cat5>a:hover>p:before { content: "アクセサリー"; }
    #item ul.itemlist>li.cat6>a:hover>p:before { content: "DVD ＆ 書籍"; }
    #item ul.itemlist>li.cat7>a:hover>p:before { content: "ノベルティ"; }
    #item.english ul.itemlist>li.cat1>a:hover>p:before { content: "Flights"; }
    #item.english ul.itemlist>li.cat2>a:hover>p:before { content: "Shafts"; }
    #item.english ul.itemlist>li.cat3>a:hover>p:before { content: "Darts Case"; }
    #item.english ul.itemlist>li.cat4>a:hover>p:before { content: "Clothing"; }
    #item.english ul.itemlist>li.cat5>a:hover>p:before { content: "Accessories"; }
    #item.english ul.itemlist>li.cat6>a:hover>p:before { content: "DVD & Books"; }
    #item.english ul.itemlist>li.cat7>a:hover>p:before { content: "Novelties"; }
}


/* ===== プレーヤー ===== */
section#global {
    display:none;
}
ul.playerlist {
    overflow:hidden;
}
ul.playerlist.undisputed,
ul.playerlist.unified {
    text-align: center;
    margin-bottom: 30px;
}
ul.playerlist>li {
    display:block;
    width:220px;
    float:left;
    margin: 22px 10px;
    border-radius:2px;
    position:relative;
}
ul.playerlist>li:nth-of-type(4n+1) {
    clear:both;
}
ul.playerlist.undisputed>li,
ul.playerlist.unified>li {
    display: inline-block;
    float: none;
    vertical-align: top;
}
ul.playerlist>li>a {
    display:block;
    width:220px;
    padding: 10px 10px 5px;
    text-decoration:none;
    border:#E1E1E1 1px solid;
    background:#F3F3F3;
}
ul.playerlist>li>a:hover {
    color:#000;
    border: #B5B5B5 1px solid;
    background: #FCFCFC;
    box-shadow: 0 0 5px rgba(0,0,0,0.30);
}
ul.playerlist>li>a>img {
    display:block;
    margin: 0 auto 10px;
}
ul.playerlist>li>a>span.pname {
    display:block;
    font-size:14px;
    text-align:center;
    line-height: 1.5;
    font-weight: bold;
}
ul.playerlist>li>a>span.pname>span {
    display:block;
    font-size:11px;
    font-weight:normal;
}
ul.playerlist>li>a>span.countryName {
    display: block;
    text-align: center;
    font-size: 11px;
}
ul.playerlist>li>a>span.ranking {
    position: absolute;
    top: 179px;
    width: 220px;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0;
    padding: 4px;
    text-align: center;
    line-height: 1;
    
    display: none;
    
}
ul.playerlist>li>a>span.ranking span.desc { font-size: 10px; }

#global ul.playerlist>li>a>span.country {
    background-repeat: no-repeat;
    padding: 10px 5px 8px 40px;
    margin: 5px auto 0px;
    display: table;
}

ul.playerlist>li>dl.playertop_b {
    position:absolute;
    top: -5px;
    right: -5px;
}
ul.playerlist>li>dl.playertop_b>dt {
    display:none;
}
ul.playerlist>li>dl.playertop_b>dd>a {
    display: block;
    width: 60px;
    height: 60px;
    text-indent: -99999px;
    background-size: 60px 60px;
    border-radius:30px;
}
ul.playerlist>li>dl.playertop_b>dd>a:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.8);
}

/*フィールドテスター*/
ul.playerlist_ft {
    overflow:hidden;
    text-align: center;
}
ul.playerlist_ft>li {
    display:inline-block;;
    /* float:left; */
    /* width:460px; */
    width:220px;
    background: #F3F3F3;
    margin: 5px;
    border: #E1E1E1 1px solid;
    border-radius: 2px;
    position: relative;
    padding: 10px;
    padding-left: 20px;
    overflow: hidden;
}
/*
ul.playerlist_ft>li:nth-of-type(2n+1) {
    clear:both;
}
*/
ul.playerlist_ft>li>img {
    width:120px;
    /* float:left; */
}
ul.playerlist_ft>li>dl {
    /*
    width: 280px;
    float: right;
    */
    overflow:hidden;
    margin:0;
}
ul.playerlist_ft>li>dl.name {
    margin: 10px 0 5px;
}
ul.playerlist_ft>li>dl.name dt {
    display:none;
}
ul.playerlist_ft>li>dl.name dt+dd {
    font-weight : bold;
    font-size   : 15px;
    padding     : 3px 0 5px;
}
ul.playerlist_ft>li>dl.name dt+dd>span {
    display: block;
    font-weight    :normal;
    font-size      :10px;
    letter-spacing :0;
}
ul.playerlist_ft>li>dl.rank {
    /*clear:both;*/
}
ul.playerlist_ft>li>dl.rank dt,
ul.playerlist_ft>li>dl.rank dt+dd {
    font-size: 11px;
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    display: inline-block;
    padding: 2px 5px;
    font-weight: normal;
    float: left;
    /* margin: 0 0 10px; */
    margin: 0;
    
    display: none;
    
}
ul.playerlist_ft>li>dl.rank dt+dd+strong {
    clear    : both;
    display  : block;
    font-size: 11px;
    
    display: none;
    
}
ul.playerlist_ft>li>dl dt.shop {
    /* clear:both; */
    font-size: 10px;
    background: #DFDFDF;
    /*
    display: inline-block;
    float: left;
    */
    padding: 2px 0 1px;
    margin-bottom: 5px;
    border-radius: 2px;
    letter-spacing:0;
}
ul.playerlist_ft>li>dl dt.shop+dd {
    font-size: 11px;
    letter-spacing:0;
    padding: 2px 0 0 0;
}
ul.playerlist_ft>li>dl dt.barrel {
    clear:both;
    font-size: 10px;
    background: #DFDFDF;
    display: inline-block;
    float: left;
    margin: 19px 8px 0 0;
    padding: 2px 5px;
    border-radius: 2px;
    letter-spacing:0;
}
ul.playerlist_ft>li>dl dt.barrel+dd {
    float: left;
}
ul.playerlist_ft>li>dl dt.barrel+dd a {
    text-decoration: none;
    background-size: 55px 55px;
    background-repeat: no-repeat;
    min-height: 55px;
    padding: 10px 0 0 60px;
    display: block;
    font-size: 15px;
    color:#000;
}
ul.playerlist_ft>li>dl dt.barrel+dd a:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
ul.playerlist_ft>li>dl dt.barrel+dd a span {
    display:block;
    font-size: 12px;
}

/*海外プレーヤー*/
#global dl.news {
    border: 1px solid #000;
    border-radius:3px;
    margin: 0 50px 10px 50px;
    padding: 5px 10px 5px 80px;
    background: url(../img/topics.png) no-repeat 10px 9px;
    overflow:hidden;
}
#global dl.news>dt {
    float:left;
    clear:both;
    font-weight: normal;
    line-height: 1.2;
    padding: 2px 0 3px 0;
}
#global dl.news>dd {
    margin-left : 95px;
    line-height : 1.2;
    padding     : 2px 0 3px 0;
}
#global ul.playerlist_ft>li {
    padding: 10px 10px 0;
}
#global ul.playerlist_ft>li>img {
    width: 120px;
}
/*
#global ul.playerlist_ft>li>dl {
    width: 280px;
}
*/
#global ul.playerlist_ft>li>dl.name dt+dd>span {
    letter-spacing:1px;
    margin-left:0px;
    display:block;
}
#global ul.playerlist_ft>li>dl dt.country {
    display:none;
}
#global ul.playerlist_ft>li>dl dt.country+dd,
#global ul.playerlist>li>dl dt.country+dd,
#undisputed ul.playerlist>li>dl dt.country+dd,
#unified ul.playerlist>li>dl dt.country+dd {
    background-repeat:no-repeat;
    /*
    padding: 10px 5px 10px 40px;
    margin: 0 0 3px 0;
    */
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    top: 5px;
    right: 5px;
}
#global ul.playerlist>li>dl dt.country+dd,
#undisputed ul.playerlist>li>dl dt.country+dd,
#unified ul.playerlist>li>dl dt.country+dd {
    top  : 185px;
}
#undisputed ul.playerlist>li>dl dt.barrel+dd,
#unified ul.playerlist>li>dl dt.barrel+dd {
    margin-right : -15px;
}

@media (max-width: 767px) {
    #player .wrapper>section {
        width  : 350px;
        padding: 0;
    }
    
    /* TRiNiDADプレイヤー（国内） */
    #player ul.playerlist>li {
        margin    : 0 0 50px;
        /* width     : 170px; */
        /* min-height: 336px; */
    }
    #player ul.playerlist>li>a {
        padding: 10px 10px 90px 10px;
        width: 100%;
    }
    ul.playerlist>li {
        width: auto;
        float: none;
    }
    ul.playerlist>li>a:after {
        content: "プロフィール";
        font-size: 10px;
        display: block;
        width: 91px;
        height: 42px;
        background: url(../img/btn_arrow_91.png) no-repeat top left;
        color: #FFF;
        letter-spacing: 0;
        padding: 11px 8px 0 0;
        text-align: center;
        /* margin-left: 24%; */
        /* margin: -40px 0 0 auto; */
        position: absolute;
        top: 178px;
        right: 0;
    }
    .english ul.playerlist>li>a:after {
        content:"Profile";
    }
    #player ul.playerlist>li>a>img { /* width: 150px; */ }
    #player.english ul.playerlist>li>a>span.pname { font-size: 12px; }
    #player ul.playerlist>li dl.playertop_b {
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        margin: -80px 10px 0 10px;
        display: flex;
        min-height: 68px;
    }
    #player ul.playerlist>li dl.playertop_b>dt {
        width: 60px;
        font-size: 10px;
        background: #DFDFDF;
        padding: 20px 10px;
        border-radius: 2px;
        letter-spacing: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 10px 0 0;
    }
    #player ul.playerlist>li dl.playertop_b>dd {
        margin-top     : 5px;
        margin-right   : 5px;
    }
    #player ul.playerlist>li dl.playertop_b>dd>a {
        width: auto;
        height: 60px;
        background-size: 60px;
        background-repeat: no-repeat;
        text-decoration: none;
        min-height: 60px;
        padding: 13px 0 0 70px;
        display: block;
        font-size: 14px;
        color: #000;
        text-indent: inherit;
        text-align: left;
    }
    #player ul.playerlist>li dl.playertop_b>dd>a>span {
        display  : block;
        font-size: 12px;
    }
    #player ul.playerlist>li dl.playertop_b>dd>a:hover {
        box-shadow  : none;
        filter      : alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity     : 0.8;
    }
    #player ul.playerlist>li>a>span.ranking {
        width: 170px;
        top  : 128px;
        left : 0;
    }
    #player ul.playerlist>li>a>span.ranking>span {
        display:block;
    }
    
    /* フィールドテスター */
    #player ul.playerlist_ft>li {
        width        : 168px;
        text-align   : center;
        padding      : 5px 0;
        margin       : 2px 2px 20px 2px;
    }
    #player ul.playerlist_ft>li>dl  {
        float: none;
        width: 169px;
    }
    
    #player ul.playerlist_ft>li>dl.rank { display: none; }
    
    #player ul.playerlist_ft>li>dl dt.rank {
        font-size: 10px;
        position : absolute;
        width    : 169px;
        top      : 127px;
        left     : 0;
        padding  : 0;
    }
    #player ul.playerlist_ft>li>dl dt.name+dd {
        font-size   : 11px;
        text-align  : center;
        /*padding-left: 10px;*/
        padding-top : 8px;
    }
    #player ul.playerlist_ft>li>dl dt.name+dd>span {
        display    : block;
        margin-left: -10px;
    }
    #player #global ul.playerlist_ft>li>dl dt.name+dd>span {
        margin-left: 0;
    }
    
    /* TRiNiDADプレイヤー（海外） */
    #player #global ul.playerlist>li dl.playertop_b>dt.country { display: none; }
    
    #player #global ul.playerlist>li>dl dt.country+dd {
        top: -85px;
        right: auto;
        left: 50px;
    }
    
    /* Undisputed・Unified */
    #player #undisputed ul.playerlist>li dl.playertop_b>dt.country,
    #player #unified ul.playerlist>li dl.playertop_b>dt.country { display: none; }
    
    #player #undisputed ul.playerlist>li>dl dt.country+dd,
    #player #unified ul.playerlist>li>dl dt.country+dd {
        top: -85px;
        right: auto;
        left: 50px;
    }    
}
@media (min-width: 768px) and (max-width: 991px) {
    #player .wrapper>section {
        width  : 740px;
        padding: 0;
    }
    #player .wrapper>section#undisputed,
    #player .wrapper>section#unified { padding-top: 30px; }
    
    /* TRiNiDADプレイヤー（国内） */
    #player ul.playerlist    { text-align: center; }
    #player ul.playerlist>li {
        display: inline-block;
        float  : none;
        vertical-align: top;
    }
    
    ul.playerlist.undisputed>li>dl.playertop_b,
    ul.playerlist.unified>li>dl.playertop_b {
        top: -15px;
    }
    
    ul.playerlist>li>a:after {
        content:"プロフィール";
        font-size:10px;
        display:block;
        width:91px;
        height:42px;
        background: url(../img/btn_arrow_91.png) no-repeat top left;
        color: #FFF;
        letter-spacing: 0;
        padding: 11px 6px 0 0;
        /*
        position:absolute;
        bottom: 40px;
        right: -18px;
        z-index: 1;
        */
        margin: 0 -10px 0 auto;
    }
    .english ul.playerlist>li>a:after {
        content:"Profile";
        /*
        top: 178px;
        right: -12px;
        */
    }
    
    /* フィールドテスター */
    #player ul.playerlist_ft>li {
        width        : 232px;
        float        : none;
        display      : inline-block;
        text-align   : center;
        padding      : 5px 0;
        margin       : 2px 2px 20px 2px;
        vertical-align: top;
    }
    #player ul.playerlist_ft>li>dl {
        float: none;
        width: 230px;
    }
    #player ul.playerlist_ft>li>dl.rank { display: none; }
    
    #player ul.playerlist_ft>li>dl.name dt+dd {
        font-size      : 15px;
        text-align     : center;
        margin         : 0 auto;
        display        : table-cell;
        vertical-align : middle;
        height         : 50px;
        width          : 230px;
    }
    
    /* TRiNiDADプレイヤー（海外） */
    #player #global ul.playerlist>li>dl dt.country+dd { top: 190px; }
    
    /* Undisputed・Unified */
    #player #undisputed ul.playerlist>li>dl dt.country+dd,
    #player #unified ul.playerlist>li>dl dt.country+dd {
        top: 200px;
    }
    #player #undisputed ul.playerlist>li>dl dt.barrel+dd,
    #player #unified ul.playerlist>li>dl dt.barrel+dd {
        margin-right : -4px;
    }
}
@media (max-width: 991px) {
    /* フィールドテスター */
    #player ul.playerlist_ft    { text-align: center; }
    #player ul.playerlist_ft>li>img { float: none; }
    /*
    #player ul.playerlist_ft>li>dl dt.rank+dd {
        font-size    : 10px;
        position     : absolute;
        width        : 45px;
        top          : 164px;
        left         : 2px;
        padding      : 0;
        border-radius: 7px;
    }
    */
    .english ul.playerlist_ft>li>dl.name dt+dd {
        font-size: 14px;
    }
    #global ul.playerlist_ft>li>dl.name dt+dd {
        font-size     : 13px;
        letter-spacing: 0;
    }
    #player ul.playerlist_ft>li>dl.name dt+dd>span {
        display: block;
    }
    #global ul.playerlist_ft>li>dl.name dt+dd>span {
        font-size     : 10px;
        letter-spacing: 0;
    }
    #player ul.playerlist_ft>li>dl.rank>dt {
        clear         : both;
        color         : inherit;
        font-size     : 10px;
        background    : #DFDFDF;
        display       : inline-block;
        margin        : 0 8px 2px 0;
        padding       : 2px 5px;
        border-radius : 2px;
        letter-spacing: 0;
        float         : none;
        width         : 100%;
        margin-top    : 0;
        margin-bottom : 2px;
        font-weight   : bold;
    }
    #player ul.playerlist_ft>li>dl.rank>dd {
        background    : none;
        color         : inherit;
        font-size     : 11px;
        letter-spacing: 0;
        padding       : 2px 0 0 0;
        margin        : 0 0 2px 0;
        text-align    : center;
        width         : 100%;
    }

    #player ul.playerlist_ft>li>dl dt.shop {
        float     : none;
        width     : 100%;
        margin-top: 0;
    }
    #player ul.playerlist_ft>li>dl dt.shop+dd {
        float        : none;
        margin-bottom: 2px;
    }
    /*
    #player ul.playerlist_ft>li>dl dt.barrel { display: none; }
    #player ul.playerlist_ft>li>dl dt.barrel+dd {
        text-indent: -9999px;
        position   : absolute;
        top        : 0px;
        right      : 0px;
    }
    #player ul.playerlist_ft>li>dl dt.barrel+dd a {
        text-indent: -9999px;
        width      : 60px;
    }
    #player ul.playerlist_ft>li>dl dt.barrel+dd a span { display    : none;    }
    */
    #player ul.playerlist_ft>li>dl dt.barrel {
        float  : none;
        width  : 100%;
        margin : 0;
    }
    #player ul.playerlist_ft>li>dl dt.barrel+dd {
        float   : none;
        padding : 5px 10px 0;
    }
    #player ul.playerlist_ft>li>dl dt.barrel+dd a {
        text-decoration   : none;
        background-size   : 40px 40px;
        background-repeat : no-repeat;
        min-height        : 45px;
        padding           : 5px 0 0 50px;
        display           : block;
        font-size         : 13px;
        color             : #000;
        text-align        : left;
        letter-spacing    : 0;
    }
    #player ul.playerlist_ft>li>dl dt.barrel+dd a span {
        text-align :left;
    }
    
    /* TRiNiDADプレイヤー（海外） */
    #player #global ul.playerlist_ft>li>img { width: 150px; }
    #player #global ul.playerlist_ft>li>dl dt.name+dd {
        padding        : 0;
        text-align     : center;
        margin         : 0 auto;
        display        : table-cell;
        vertical-align : middle;
        height         : 50px;
        width          : 230px;
    }
    #player #global ul.playerlist_ft>li>dl dt.country+dd {
        text-align         : left;
        background-position: 8px;
        padding-left       : 50px;
    }
}
@media (max-width: 767px) {
    #player .wrapper>section#undisputed,
    #player .wrapper>section#unified { padding-top: 30px; }
    
    #player .wrapper>section#undisputed ul.playerlist.undisputed>li,
    #player .wrapper>section#unified ul.playerlist.unified>li {
        display: block;
        float: none;
        width: 100%;
    }
}

/*プレーヤー詳細ページ*/
section.player_info {
    overflow:hidden;
}
div.imagelist {
    width:500px;
    height:500px;
    overflow:hidden;
    float:left;
}

body#playerinfo #container section.player_info div.profbox {
    float:right;
    width:400px;
}
@media (max-width: 767px) {
    body#playerinfo #container section.player_info div.profbox {
        float:none;
        width:100%;
    }
}

.profbox h4 {
    font-size:14px;
    font-weight:bold;
    padding:0 0 0 20px;
    background-repeat:no-repeat;
}
.profbox h4.prof {
    background-image:url(../img/ico_book.png);
}
.profbox h4.barrel {
    background-image:url(../img/ico_barrel.png);
}
.profbox h4.result {
    background-image:url(../img/ico_cup.png);
}

dl.profile {
    overflow:hidden;
    padding: 0px 20px;
    margin:0 0 30px 0;
}
dl.profile>dt {
    float: left;
    width: 100px;
    text-align: right;
    clear: both;
    font-size: 11px;
    margin: 5px 0;
    line-height: 1.8;
}
dl.profile>dt.sns { margin-top: 13px; }

dl.profile>dd {
    margin:0 0 5px 0;
    padding:5px 0 7px 110px;
    border-bottom: dotted 1px;
}
.profbox h4.barrel+p {
    padding:0 0 0 20px;
    margin:-37px 0 18px 85px;
}
@media (max-width: 767px) {
    .profbox h4.barrel+p {
        margin: 0 0 18px 0;
    }
}
#playerinfo.english .profbox h4.barrel+p { padding:0 0 0 40px; }

.profbox h4.barrel+p>a {
    display:block;
    background-repeat:no-repeat;
    padding: 8px 0px 14px 40px;
    background-size: 35px;
    font-size:15px;
    font-weight:bold;
}
.profbox h4.barrel+p>a:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.profbox h4.barrel+p>a>span {
    font-size:11px;
}
ul.scroll {
    padding:0px 10px 0 20px;
    overflow-y:scroll;
    height:110px;
    margin: 0 0 20px 0;
}
ul.scroll>li {
    font-size: 11px;
    line-height: 1.2;
    margin: 0 0 7px 0;
    border-bottom: 1px dotted #CCC;
    padding: 0 0 5px 0;
}
ul.scroll>li>a {
    font-size: 11px;
}
ul.scroll>li span.date {
    font-size:11px;
    display:block;
}

h4.blog {
    margin: 0;
    background-color: #000;
    display: block;
    width: 70px;
    height: 40px;
    color: #FFF;
    text-align: center;
    padding: 11px 0 0 0;
}
h4.blog+p {
    margin: -40px 0 0 70px;
    border: 1px solid #000;
}
h4.blog+p>a {
    background-size:40px;
    background-position:top left;
    background-repeat:no-repeat;
    display:block;
    padding: 12px 0 0 47px;
    height: 38px;
    font-size: 15px;
}

#playerinfo div.imagelist ul.switchBigPic li {
    width:500px;
    height:500px;
    background-size: cover;/*正方形以外の形に対応*/
    background-position: 50%;/*正方形以外の形に対応*/
}
@media (max-width: 767px) {
    #playerinfo div.imagelist ul.switchBigPic li {
        width:100%;
        height:100%;
    }
}

#playerinfo div.imagelist img {
    display:none;/*正方形以外の形に対応(liの背景に画像を設定)*/
}

@media (max-width: 767px) {
    #playerinfo .wrapper>section         { width: 350px;    }
    #playerinfo .wrapper>section>h3      { font-size: 20px; }
    #playerinfo .wrapper>section>h3 span { display: block;  }
    
    #playerinfo div.imagelist {
        width : 300px !important;
        height: 300px !important;
    }
    #playerinfo div.imagelist img { width: 300px; }
    #playerinfo .switchMiniPic    { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #playerinfo .wrapper>section { width: 740px; }
}
@media (max-width: 991px) {
    #playerinfo div.imagelist { float: none; }
    body#playerinfo #container section.player_info div.profbox { float: none; }
}

/* ===== 動画一覧 ===== */
ul.movielist {
    overflow:hidden;
}
ul.movielist li {
    float:left;
    margin:5px;
    position:relative;
}
ul.movielist li:nth-of-type(3n+1) {
    clear:both;
}
ul.movielist li a {
    display:block;
    width:310px;
    border: 1px solid #000;
    padding:2px;
    background:none;
    text-decoration:none;
    color:#000;
    position:relative;
}
ul.movielist li a:before {
    content:"";
    /* display:block; */
    display:none;
    width:30px;
    height:20px;
    background: url(../img/ico_play.png) no-repeat top left;
    position:absolute;
    top:50%;
    left:50%;
    margin: -20px 0 0 -15px;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
ul.movielist li a:hover {
    color:#000;
    border: 1px solid #CCC;
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
ul.movielist li a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
ul.movielist li a:hover:before {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
ul.movielist li a img {
    width:304px;
    margin: 0 0 5px 0;
}
ul.movielist li a p {
    margin: 0 5px 3px 5px;
    font-size:11px;
}
ul.movielist li a p.moviedate {
    font-size:10px;
    color:#002078;
}
body#movie a.watchMore {
    display         : block;
    width           : 100%;
    height          : 20px;
    color           : #000;
    background-color: #E0E0DF;
    padding         : 20px;
    font-size       : 19px;
    text-align      : center;
    border          : 1px dashed #000;
    text-decoration : none;
    line-height     : 0;
    margin-top      : 50px;
}
body#movie a.watchMore:hover {
    background-color: #000;
    color           : #fff;
    border          : 1px dashed #E0E0DF;
}


@media (max-width: 767px) {
    ul.movielist {
        width:320px;
        margin:0 auto;
    }
    ul.movielist li {
        float:none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    ul.movielist {
        width:640px;
        margin:0 auto;
    }
    ul.movielist li {
    }
    ul.movielist li:nth-of-type(3n+1) {
        clear:none;
    }
    ul.movielist li:nth-of-type(2n+1) {
        clear:both;
    }
}
@media (max-width: 991px) {
}




/* ===== 取り扱い店一覧 ===== */
#shop section>p {
    margin:0 20px 10px;
    background: #EEE;
    padding: 3px 8px;
}
#shop.english section>p.rgm {
    background   : none;
    font-weight  : bold;
    font-size    : 16px;
    margin-bottom: 20px;
}
#shop.english section>p.rgm+hr+p {
    background   : none;
    margin-bottom: 50px;
}

#shop section>ul {
    margin:0 -5px 30px 20px;
    overflow:hidden;
}
#shop.english section>ul {
    margin-bottom: 15px;
    margin-right : 20px;
}

#shop section>ul.online_shop {
    overflow:hidden;
}
#shop section>ul.online_shop>li {
    float:left;
    margin-right: 100px;
    padding: 3px;
}
#shop section>ul.online_shop>li.o_honten1 {
    margin-right: 20px;
    padding: 0px;
}
#shop section>ul.online_shop>li.o_honten1 a {
    display:block;
    width:450px;
    height:130px;
    text-indent:-99999px;
    background: url(../img/bnr/honten.png) no-repeat top left;
}
#shop.english section>ul.online_shop>li.o_rakuten_global {
    width : 724px;
    float : none;
    margin: 0 auto; 
}
#shop.english section>ul.online_shop>li.o_rakuten_global a {
    display    :block;
    width      :724px;
    height     :91px;
    text-indent:-99999px;
    background : url(../../img/bnr/rakuten_global_market.png?date=20200610) no-repeat top left;
}

#shop section>ul.shoplist_img>li {
    width:290px;
    float:left;
    margin:0 25px 25px 0;
}
#shop section>ul.shoplist_img>li:nth-of-type(3n+1) {
    clear:both;
}
#shop section>ul.shoplist_img>li img {
    width:290px;
}
#shop section>ul.shoplist_img>li h4 {
    font-weight: bold;
    line-height: 1.5;
    margin: 5px 0;
}
#shop section>ul.shoplist_img>li h4>span {
    display: block;
    font-weight: normal;
    font-size: 12px;
}
#shop section>ul.shoplist_img>li p.tel {
    font-size:18px;
    font-weight:bold;
    color:#004F9D;
}
#shop section>ul.shoplist_img>li p.tel:before {
    margin-right:5px;
}
#shop section>ul.shoplist_img>li p.tel>span {
    font-size:14px;
    margin-right:3px;
}
#shop section>ul.shoplist_img>li p.add {
    line-height: 1.1;
}
#shop section>ul.shoplist_img>li p.add>span {
    display:none;
}

#shop section>ul.shoplist {
}
#shop section>ul.shoplist>li {
    margin-bottom: 30px;
    border-left: 5px solid #E2E2E2;
    padding: 2px 10px;
}
#shop section>ul.shoplist>li h4 {
    font-size:16px;
    font-weight:bold;
    margin:0 0 5px 0;
}
#shop section>ul.shoplist>li h4 a {
    margin-left:15px;
}
#shop section>ul.shoplist>li p {
    margin:0;
}






/*代理店・販売店*/
#container .wrapper ul.distList {
}
#container .wrapper ul.distList>li {
    margin:0 0 80px 0;
}
#container .wrapper ul.distList>li>p {
    font-size: 18px;
    font-weight: bold;
    background: #757368;
    display: inline-block;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 25px;
    letter-spacing: 3px;    
}
#container .wrapper ul.distList>li>p.link {
    background: none;
    display: block;
    margin: 50px 0 0 0;
}
#container .wrapper ul.distList>li>p.link a {
    text-decoration:none;
    border: 1px solid #E50012;
    border-radius: 12px;
    padding: 10px 10px 10px 30px;
    position:relative;
}
#container .wrapper ul.distList>li>p.link a:before {
    content: "";
    display: inline-block;
    border: 6px solid transparent;
    border-left-color: #E50012;
    position: absolute;
    left: 16px;
    top: 18px;
}
body:not(.smartdevice) #container .wrapper ul.distList>li>p.link a:hover {
    background-color: #E50012;
    color:#FFF;
}
body:not(.smartdevice) #container .wrapper ul.distList>li>p.link a:hover:before {
    border-left-color: #FFF;
}

#container .wrapper ul.distList>li>p.link a span.country {
    position:relative;
    padding:0 0 0 35px;
}
#container .wrapper ul.distList>li>p.link a span.country:before {
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    background-size:30px;
    position:absolute;
    top:0;
    left:0;
}



#container .wrapper ul.distList>li>dl {
    padding: 20px 0 0 20px;
}
#container .wrapper ul.distList>li>dl>dt {
    font-size: 18px;
    margin:7px 0 7px 160px;
    font-weight:normal;
    color:#000;
    position:relative;
}
#container .wrapper ul.distList>li>dl>dt a {
    font-size: 18px;
    background-position:right 7px;
    padding:0px 20px 0 0;
}
#container .wrapper ul.distList>li>dl>dt>span.country {
    border  : 1px solid #ccc;
    padding : 20px 10px;
    text-align:center;
    width:150px;
    margin:-3px 0 0 -160px;
    position:absolute;
    font-size:13px;
    color:#757368;
}
#container .wrapper ul.distList>li>dl>dt>span.country:before {
    content:"";
    position:absolute;
    top:-8px;
    left:-8px;
    display:block;
    width:30px;
    height:30px;
    background-size:30px;
    background-repeat:no-repeat;
}

#container .wrapper ul.distList>li>dl>dd.info {
    margin:0 0 15px 160px;
}
#container .wrapper ul.distList>li>dl>dd.info>p {
    display:inline-block;
    position:relative;
    padding:0 12px 0 24px;
}
#container .wrapper ul.distList>li>dl>dd.info>p.addr {
    letter-spacing:0;
}
#container .wrapper ul.distList>li>dl>dd.info>p:before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    top:-3px;
    left:0;
}
#container .wrapper ul.distList>li>dl>dd.info>p.tel:before {
    background-image:url(../../img/ico_tel.png);
}
#container .wrapper ul.distList>li>dl>dd.info>p.addr:before {
    background-image:url(../../img/ico_addr.png);
}
#container .wrapper ul.distList>li>dl>dd.info>p>span {
    display:none;
}


/*
#shop.english ul.distList p    { margin-left: 30px; }
#shop.english ul.distList h4,
#shop.english ul.distList h4 a { font-size  : 16px; }
#shop.english ul.distList li {
    border-top: 1px solid #ccc;
    width     : 100%;
    padding   : 10px;
    margin    : auto;
}
#shop.english ul.distList li:nth-of-type(1) { border: none; }
*/

@media (max-width: 767px) {
    #shop section>ul.online_shop>li.o_honten1 {
        margin-right: 0px;
    }
    #shop section>ul.online_shop>li.o_honten1 a {
        width:280px;
        height:81px;
        background-size:280px auto;
    }
    #shop section>ul.online_shop>li {
        float: none;
        margin-right: 0;
    }
    #shop section>ul {
        margin: 0 20px 30px 20px;
    }    
    #shop section>ul.shoplist_img>li {
        width: 100%;
        float: none;
        margin: 0 0 25px 0;
        border-bottom: 1px solid #000;
    }
    #shop section>ul.shoplist_img>li img {
        width: 100%;
    }
    
    #shop.english section>ul.online_shop>li.o_rakuten_global   { width: 100%; }
    #shop.english section>ul.online_shop>li.o_rakuten_global a {
        width          : 100%;
        height         : 0;
        background-size: 100%;
        padding-top    : 13%;
    }
    #shop.english section>p.rgm  { font-size: 14px; }
    
    
    body#shop .wrapper ul.distList {
        padding:0;
        overflow: visible;
    }
    #container .wrapper ul.distList>li>p {
        font-size: 16px;
        padding: 7px 20px;
        border-radius: 4px;
    }
    #container .wrapper ul.distList>li>dl {
        padding:0;
        padding-left: 20px;
        margin-top: -15px;
    }
    #container .wrapper ul.distList>li>dl>dt {
        margin:0;
        padding: 40px 0 7px 0;
    }
    #container .wrapper ul.distList>li>dl>dt>span.country {
        position: static;
        display: block;
        padding: 0;
        width: auto;
        text-align: left;
        border: none;
        margin: 0 0 5px 30px;
    }
    #container .wrapper ul.distList>li>dl>dt>span.country:before {
        top: 32px;
        left: -5px;
    }    
    #container .wrapper ul.distList>li>dl>dd.info {
        margin: 0;
    }
    #container .wrapper ul.distList>li>dl>dd.info>p {
        padding: 0 0 0 24px;
        margin: 0 0 6px 0;
    }
    #container .wrapper ul.distList>li>dl>dd.info>p.tel {
        padding: 0 6px 0 24px;
    }
    /*
    #shop.english ul.distList    { margin: 0; }
    #shop.english ul.distList li { padding   : 5px; }
    #shop.english ul.distList h4, #shop.english ul.distList h4 a { font-size: 14px; }
    */
}
@media (min-width: 768px) and (max-width: 991px) {
    #shop section>ul.online_shop>li.o_honten1 {
    }
    #shop section>ul.online_shop>li.o_honten1 a {
        width:320px;
        height:110px;
        background-size:320px auto;
    }
    #shop section>ul.online_shop>li {
        margin-right: 90px;
    }
    #shop section>ul {
        margin: 0 auto 30px;
        width:728px;
    }    
    #shop section>ul.shoplist_img>li {
        margin: 0px 37px 25px;
    }
    #shop section>ul.shoplist_img>li:nth-of-type(3n+1) {
        clear:none;
    }
    #shop section>ul.shoplist_img>li:nth-of-type(2n+1) {
        clear:both;
    }
}
@media (max-width: 991px) {
    body#shop .wrapper ul.distList { margin: 0; }
}


/* ===== 会社概要 ===== */
dl.felixbox {
	background: url(../img/felix_logo.png) no-repeat 10px 0px;
    padding:15px 0 30px 200px;
    margin:30px auto;
    display:table;
}
.english dl.felixbox {
    padding:5px 0 30px 200px;
}
dl.felixbox dt {
    margin:0 0 10px 0;
}
dl.felixbox dd {
    line-height:2;
}
.english dl.felixbox dd {
    line-height:1.5;
}

table.outline {
    margin:0 auto 30px auto;
}
table.outline tr {
    border-bottom:solid 1px #000;
}
table.outline tr:first-child {
    border-top:solid 1px #000;
}
table.outline th {
    padding:15px 80px;
    text-align:center;
}
table.outline td {
    padding:15px 40px;
}

@media (max-width: 767px) {
    dl.felixbox {
        background-size    : 80px;
        padding            : 0 0 0 100px;
        margin             : 0 0 20px 3%;
        background-position: left top;
    }
    dl.felixbox h3 { font-size: 16px; }
    
    div.box_br  {
        padding     : 30px 20px;
        margin-left : 10px;
        margin-right: 10px;
    }
}
@media (max-width: 991px) {
    table.outline th {
        padding: 0;
        width  : 70px;
    }
}


/* ===== プライバシーポリシー・ご利用規約 ===== */
ol.policy {
    padding:40px 60px;
}
ol.policy>li {
    margin:0 0 40px 0;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
ol.policy>li:before {
    font-size:16px;
    display: marker;
    content: "第" counter(cnt) "条　";
    font-weight:bold;
}
.english ol.policy>li:before {
    content: "Article" counter(cnt) ". ";
}
ol.policy>li h3 {
    font-size:16px;
    font-weight:bold;
    display: inline-block;
    margin: 0 0 10px 0 ;
}
ol.policy>li ul {
    margin: 10px 0;
}
ol.policy>li ul li {
    margin: 0 0 10px 40px;
    /*background: url(../img/ico_sq_bk.png) 0 3px no-repeat;*/
    /*padding-left: 18px;*/
    list-style-type:disc;
}
ol.policy>li ul li:before {
    /*content: "■"; 英語版に対応させるために画像に変更 */
}

ol.policy>li dl {
    margin:10px;
}
ol.policy>li dl dt {
    border:solid 1px #000;
    padding: 5px 8px;
    display: inline-block;
    margin:10px 0 5px 0;
}
ol.policy>li dl dd {
    margin:0 0 5px 10px;
}


/* ===== リンク ===== */
#link ul.linklist {
	margin: 20px;
	display: flex;
    flex-wrap: wrap;
}
#link ul.linklist>li {
    width: 28%;
    margin: 24px;
    padding: 15px;
    border: #CCC 1px solid;
    font-size: inherit;
}
#link ul.linklist>li>a.linkimg {
    background:none;
    padding:0;
}
#link ul.linklist li img {
	margin: 0 0 5px 0;
	display: block;
}
#link ul.linklist li p {
	margin: 0 0 5px 0;
}
#link ul.linklist li p.name {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	padding: 0;
}
#link ul.linklist li.tw,
#link ul.linklist li.fb {
	font-size: 12px;
	margin: 2px 0;
    /*display: inline-block;*/
}
#link ul.linklist li.tw a,
#link ul.linklist li.fb a {
	padding: 2px 0 2px 20px;
	color: #06C;
}
#link ul.linklist li.tw a {
	/* background: url(../img/ico_twitter_16.png) 0 2px no-repeat; */
	background: url(../img/ico_x_16.png) 0 2px no-repeat;
}
#link ul.linklist li.fb a {
	background: url(../img/ico_facebook_16.png) 0 2px no-repeat;
}
#link ul.linklist ul.linksub {
    padding:2px 0;
}

#link ul.bloglist {
	margin: 0 0 10px 0;
    padding:3px;
	overflow: hidden;
}
#link ul.bloglist li {
	float: left;
	padding: 0;
	margin: 7px;
}
#link ul.bloglist li>a {
    background:none;
	padding: 0;
}
#link ul.bloglist li img {
    display:block;
	width: 145px;
}
#link ul.bloglist.mini {
}
#link ul.bloglist.mini li {
}
#link ul.bloglist.mini li img {
    display:block;
	width: 65px;
}

#link #container #facebook {
    width : 500px;
    margin:0 auto 20px auto;
    display: block;
    min-height:500px;
}

@media (max-width: 767px) {
    #link #container #facebook {
        width: 100%;
    }
    #link ul.linklist>li {
        width: 90%;
        margin: 15px;
        min-height:inherit;
    }
    #link ul.linklist li.tw, #link ul.linklist li.fb {
        /*float       : left;*/
        /*margin-right: 5px;*/
    }
    /*
    #link ul.linklist ul.linksub:after {
        content: "";
        display: block;
        clear: both;
    }
    */
}
@media (min-width: 768px) and (max-width: 991px) {
    #link ul.linklist>li {
        width: 45%;
        margin: 15px;
    }
    #link ul.bloglist.mini li { margin: 3px; }
    #link ul.bloglist li      { margin: 3px; }
}

/* ===== お問い合わせ ===== */
body#inquiry table {
    width        : 80%;
    margin       : 0 auto;
    margin-bottom: 20px;
}
body#inquiry table th {
    width         : 200px;
    text-align    : center;
    vertical-align: middle;
    background    : #000;
    color         : #fff;
}
body#inquiry ul.btnList {
    text-align: center;
    list-style: none;
    padding   : 0;
}
body#inquiry ul.btnList li { display: inline-block; }

body#inquiry ul.btnList a.btn-cnf, body#inquiry ul.btnList a.btn-end, body#inquiry ul.btnList a.btn-back {
    padding           : 25px 50px;
    font-size         : 150%;
    font-weight       : bold;
    border-radius     : 15px;
    box-shadow        : 0px 0px 10px rgba(0,0,0,0.7);
    -webkit-transition: 0.5s;
    -moz-transition   : 0.5s;
    -o-transition     : 0.5s;
    -ms-transition    : 0.5s;
    transition        : 0.5s;
    text-decoration   : none;
}
body#inquiry ul.btnList a.btn-cnf, body#inquiry ul.btnList a.btn-end {
    background: #000;
    color: #fff;
}
body#inquiry ul.btnList a.btn-cnf:hover, body#inquiry ul.btnList a.btn-end:hover {
    background: #ccc;
    color     : #000;
}
body#inquiry ul.btnList a.btn-back {
    background: #fff;
    color     : #000;
}
body#inquiry ul.btnList a.btn-back:hover {
    background: #ccc;
    color     : #000;
}

@media (max-width: 767px) {
    body#inquiry table    { width: 95%; }
    body#inquiry table th { width: 150px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    body#inquiry table    { width: 90%; }
}
@media (max-width: 991px) {
    body#inquiry .wrapper>section   { width  : 100%; }
    body#inquiry .wrapper>section p { padding: 0 10px 10px; }
    body#inquiry ul.btnList a       {
        padding  : 15px 20px !important;
        font-size: 120% !important;
    }
}


/* ===== 404ページ ===== */
body#fnf404 ul.links li a {
    background: url(../img/ico_circle_red.png) no-repeat 0px 12px;
    display:inline-block;
    padding: 7px 0 7px 20px;
    text-decoration:none;
    line-height:1.2;
    font-size: 16px;
    position: relative;
    color:#0076EA;
}
body#fnf404 ul.links li a:before {
    content: "";
    display: inline-block;
    border: 4px solid transparent;
    border-left-color: #0076EA;
    position: absolute;
    left: 5px;
    top: 12px;
}
body#fnf404:not(.smartdevice) ul.links li a:hover:before {
}
body#fnf404:not(.smartdevice) ul.links li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

body#fnf404 dl.bull_kun {
    margin:-100px 0 0 420px;
    padding:20px 20px 20px 185px;
	background: url(../img/fnf/bull_ani.gif) no-repeat;
    min-height: 220px;
}
body#fnf404 dl.bull_kun dt {
    display: block;
    padding: 25px 0 10px 0;
}
body#fnf404 dl.bull_kun dt span {
    font-size:120%;
    font-weight:bold;
}
body#fnf404 dl.bull_kun dd {
    position:relative;
	padding: 15px 35px;
	min-width: 115px;
	line-height: 30px;
	border: 3px solid #0076EA;
	z-index: 0;
    display: inline-block;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
body#fnf404 dl.bull_kun dd:before {
	content: "";
	position: absolute;
	top: 50%; left: -14px;
	margin-top: -9px;
    display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 20px 9px 0;
	border-color: transparent #FFF transparent transparent;
	z-index: 0;
}
body#fnf404 dl.bull_kun dd:after {
	content: "";
	position: absolute;
	top: 50%; left: -20px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #0076EA transparent transparent;
	z-index: -1;
}
body#fnf404 dl.bull_kun dd a {
    display:block;
    font-size:18px;
    color:#0076EA;
}
body#fnf404:not(.smartdevice) dl.bull_kun dd a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

@media (max-width: 767px) {
    body#fnf404 dl.bull_kun {
        background-size:100px auto;
        padding: 10px 10px 10px 115px;
    }
    body#fnf404 dl.bull_kun dt {
        padding: 0 0 10px 0;
    }
    body#fnf404 dl.bull_kun dd {
        line-height:1.3;
        padding: 10px 15px;
        font-size:12px;
    }
    body#fnf404 dl.bull_kun dd a {
        font-size:14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 991px) {
    body#fnf404 dl.bull_kun {
        margin:30px 0 0 0;
        min-height:inherit;
    }
}