@charset "UTF-8";
/* ===================================================================
style info : 特設サイト追記部分
author     : style.css
=================================================================== */
/*------------------------------------------------------------------------------------------a*/
a {
    opacity: 1;
    color : #666;
    text-decoration : none;
    transition: all 0s;
}
a:active, a:hover, a:focus {
    color : #666;
    color : #666;
    outline : 0;
    text-decoration: underline;
}
/*要素を半透明にする*/
.overwhite {
    background-color: #ffffff;
    position: relative;
    display: block;
    opacity: 1;
}
.overwhite :hover, .overwhite:hover img {
    text-decoration: none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
img {
    max-width : 100%;
    height: auto;
    vertical-align: bottom;
}
/*ScrollTrigger.jsのアニメーション設定*/
.invisible {
    transition: opacity 0.5s ease;
    opacity: 0.0;
}
.visible {
    transition: opacity 0.5s ease;
    opacity: 1.0;
}
.fromTopIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}
.fromBottomIn, .fromTopOut {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromTopOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0
}
.fromBottomIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}
.fromBottomOut, .fromLeftIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromBottomOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0
}
.fromLeftIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}
.fromLeftOut, .fromRightIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromLeftOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
    opacity: 0
}
.fromRightIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}
.fromRightOut, .scaleUpIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromRightOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(20px, 0);
    -moz-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    transform: translate(20px, 0);
    opacity: 0
}
.scaleUpIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.scaleDownIn, .scaleUpOut {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.scaleUpOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0
}
.scaleDownIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.scaleDownOut {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(.7, .7);
    -moz-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    -o-transform: scale(.7, .7);
    transform: scale(.7, .7);
    opacity: 0
}
/*----------------------------------------------------
 l-content
----------------------------------------------------*/
#l-container {
    margin-top: 60px;
}
.c-content {
    width: 100%;
    padding: 4% 0;
}
.l_content_wrap {
    width: 100%;
    padding: 0 4%;
}
section {
    margin: 0 0 10% 0;
}
article {
    text-align: left;
    margin: 0 auto 10% auto;
}
/*----------------------------------------------------
  c-mainImg
----------------------------------------------------*/
#c-mainImg {
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    background: #d80c18;
}
#c-mainImg .inner {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
#c-mainImg img {
    width: 100%;
    min-width: 100%;
    height: auto;
    margin: 0 auto;
}
/*----------------------------------------------------
  globalNavi,#language_link
----------------------------------------------------*/
#globalNavi {
    width: 100%;
    margin: 0 0 10% 0;
}
#language_link {
    width: 100%;
    margin: 0;
}
#globalNavi li, #language_link li {
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 3% auto;
}
#globalNavi li img, #language_link li img, .btnBox li img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*IE下位バージョン用に補正*/
    position: relative;
    behavior: url(/js/PIE.htc);
}
#language_link li img {
    border: 1px solid #333;
}
#globalNavi li a, #language_link li a {
    display: block;
    width: 100%;
    height: auto;
    transition: all 0s;
}
.btnBox li {
    width: 100%;
    text-align: center;
}
.btnBox02 {
    margin: 5% 0 5% 0;
}
/*----------------------------------------------------
  h
----------------------------------------------------*/
h2 {
    background: #ff8482;
    text-indent: 0;
    padding: 2%;
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 130%;
}
h3 {
    background: url(../img/ico_mark01.png) no-repeat 0 9px;
    background-size: 12px;
    border-bottom: 1px solid #ccc;
    padding: 1% 1% 1% 1.3em;
    margin: 0 0 2% 0;
    font-size: 125%;
    line-height: 1.5em;
	position: relative;
}
/*spにてタイトル部分が二行になる場合の補正*/
h3.title_2lines {
    background: url(../img/ico_mark01_02.png) no-repeat top left;
    background-size: 12px;
    border-bottom: 1px solid #ccc;
    padding: 1% 1% 1% 1.3em;
    font-size: 125%;
    line-height: 1.5em;
}

/*メンズ*/
.mens h2 {
    background: #508BCE;
}
.mens h3 {
    background: url(../img/ico_mark02.png) no-repeat 0 9px;
    background-size: 12px;
}
/*ベビー＆キッズ*/
.babykids h2 {
    background: #F9D628;
}
.babykids h3 {
    background: url(../img/ico_mark05.png) no-repeat 0 9px;
    background-size: 12px;
}
/*ゴルフウェア*/
.golf h2 {
    background: #92CA6E;
}
.golf h3 {
    background: url(../img/ico_mark04.png) no-repeat 0 9px;
    background-size: 12px;
}
/*リビング*/
.living h2 {
    background: #F7B922;
}
.living h3 {
    background: url(../img/ico_mark03.png) no-repeat 0 9px;
    background-size: 12px;
}
/*----------------------------------------------------
table
----------------------------------------------------*/
table.blandList {
    border-collapse: collapse;
    border-top: 1px solid #959595;
    width: 100%;
    margin: 0 0 6% 0;
}
table.blandList th, table.blandList td {
    padding: 2% 3%;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
}
/*メンズ特設会場*/
table.blandList th.blandList_tokusetsu {
    padding: 2% 3%;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
}
table.blandList td {
    display: block;
    text-align: left;
}
table.blandList th {
    background-color: #dbdbdb;
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
    text-align: left;
}
/*メンズ特設会場*/
table.blandList th.blandList_tokusetsu {
    background-color: #ffe5e1;
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
    text-align: left;
}
table.special th, table.special td {
    padding: 2% 3%;
    display: block;
    border: none;
    text-align: left;
}
/*----------------------------------------------------
その他諸々
----------------------------------------------------*/
.special_txtBox {
    border: 1px solid #ff8482;
    padding: 2%;
}
.special_txtBox h4 {
    background: #ff8482;
    color: #fff;
    padding: 2%;
    font-size: 125%;
    line-height: 1.5em;
}
.cardBox {
    width: 100%;
}
.cardBox .fl_l {
    width: 100%;
    margin: 0 0 2% 0;
}
.cardBox .fl_r {
    width: 100%;
}
.caution {
    text-align: left;
}
/*----------------------------------------------------
  iframe-content
----------------------------------------------------*/
.iframe-content {
    position: relative;
    width: 100%;
    padding: 66.6015% 0 0 0;
    margin: 0 0 5% 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*----------------------------------------------------
.caution
----------------------------------------------------*/
.caution {
    text-align: left;
    margin: 15% 0 0 1em;
    font-size: 86%;
}
.caution li:before {
    content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
    margin-left: -1em; /* 1文字分、左に寄せる */
}
/*----------------------------------------------------
.line
----------------------------------------------------*/
.line {
    border-top: 1px dotted #ccc;
    margin: -2% 0 0 0;
}

/*----------------------------------------------------
.container 
----------------------------------------------------*/
.container {
    display: flex;
    flex-wrap: wrap;
}
.column {
    width: 100%;
    adding-right: 5px;
    padding-left: 5px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}

@media (min-width: 1024px) {
.column {
    width: 50%;
    adding-right: 5px;
    padding-left: 5px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}
}



/* ====================================================
　以下ブレークポイント設定
==================================================== */
/*----------------------------------------------------ブレークポイント・PCサイズ以上*/
@media screen and (min-width: 1024px) {
#l-container {
    max-width : 100%;
    margin-top: 80px;
}
.c-content {
    width: 100%;
    padding: 50px 0;
}
#c-mainImg {
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    text-align: center;
}
#c-mainImg .inner {
    width: 100%;
    max-width: 1024px;
    height: auto;
    margin: 0 auto;
}
section {
    margin: 0 0 40px 0;
}
article {
    margin: 0 0 40px 0;
}
#globalNavi {
    max-width: 1024px;
    margin: 0 auto 0 auto;
}
#globalNavi, #language_link {
    max-width: 1024px;
    margin: 0 auto 0 auto;
}
#globalNavi ul, #language_link ul {
    margin: 0 -20px 0 0;
}
#globalNavi li, #language_link li {
    width: 502px;
    float: left;
    text-align: center;
    color: #fff;
    margin: 0 20px 20px 0;
}
#globalNavi li:nth-child(2n) {
    margin: 0 0 20px 0;
}
.btnBox li {
    width: 502px;
}
.l_content_wrap {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
}
h2 {
    background: #ff8482 url(../img/h2_bg01.png) repeat-y top left;
    padding: 5px 5px 5px 15px;
    margin: 0 0 10px 0;
    color: #fff;
}
h3 {
    background-position: center left;
	background-size: auto 12px;
    margin: 0 0 10px 0;
    /*min-height: 50px;*/
    vertical-align: top;
}
h3.title_2lines {
    background: url(../img/ico_mark01.png) no-repeat center left;
    background-size: 12px;
    border-bottom: 1px solid #ccc;
    padding: 1% 1% 1% 1.3em;
    margin: 0 0 2% 0;
    font-size: 125%;
    line-height: 1.5em;
}

/*メンズ*/
.mens h2 {
    background: #508BCE url(../img/h2_bg02.png) repeat-y top left;
}
.mens h3 {
    background-position: center left;
}
/*ベビー＆キッズ*/
.babykids h2 {
    background: #F9D628 url(../img/h2_bg05.png) repeat-y top left;
}
.babykids h3 {
    background-position: center left;
}
/*ゴルフウェア*/
.golf h2 {
    background: #92CA6E url(../img/h2_bg04.png) repeat-y top left;
}
.golf h3 {
    background-position: center left;
}
/*リビング*/
.living h2 {
    background: #F7B922 url(../img/h2_bg03.png) repeat-y top left;
}
.living h3 {
    background-position: center left;
}
table.blandList {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 20px 0;
}
table.blandList th, table.blandList td, table.special th, table.special td {
    padding: 10px;
    display: table-cell;
}
/*メンズ特設会場*/
table.blandList th.blandList_tokusetsu {
    padding: 10px;
    display: table-cell;
}
table.blandList th {
    text-align: center;
    vertical-align: middle;
    width: 204px;
    height: auto;
    border-bottom: 1px solid #959595;
}
/*メンズ特設会場*/
table.blandList th.blandList_tokusetsu {
    text-align: center;
    vertical-align: middle;
    width: 204px;
    height: auto;
    border-bottom: 1px solid #959595;
}
table.blandList td {
    width: 810px;
    text-align: left;
}
table.special th {
    text-align: center;
    vertical-align: middle;
    width: 194px;
    height: auto;
}
.special_txtBox {
    padding: 10px;
}
.special_txtBox h4 {
    background: #ff8482;
    color: #fff;
    padding: 5px;
}
.cardBox .fl_l {
    width: 420px;
    float: left;
    margin: 0 20px 0 0;
}
.cardBox .fl_r {
    width: 584px;
    float: right;
}
.caution {
    text-align: left;
    margin: 80px 0 0 1em;
}
.caution li {
    text-align: right;
}
.line {
    padding: 2% 0 0 0;
    margin: 2% 0 -4% 0;
}
	
/*----------------------------------------------------
	ipadにて1024px以上のみ対応ここから*/
.ipad .l_content_wrap {
	width: 100%;
	padding: 0 2%;
}
.ipad #globalNavi, .ipad #language_link {
    width: 100%;
    margin: 0 auto 0 auto;
}
.ipad #globalNavi ul, .ipad #language_link ul {
    margin: 0 -2% 0 0;
}
.ipad #globalNavi li, .ipad #language_link li {
    width: 48%;
    float: left;
    margin: 0 2% 2% 0;
}
/*----------------------------------ここまで*/
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ブレークポイント・タブレットサイズ以上PCサイズ以下*/
@media screen and (min-width: 640px) and (max-width: 1023px) {
#l-container {
    margin-top: 80px;
}
#c-mainImg {
    margin: 0 0 25px 0;
}
section {
    margin: 0 0 60px 0;
}
article {
    margin: 0 0 30px 0;
}
.l_content_wrap {
    width: 100%;
    padding: 0 2%;
}
h2 {
    background: #ff8482 url(../img/h2_bg01.png) repeat-y top left;
    padding: 5px 5px 5px 15px;
    margin: 0 0 10px 0;
    color: #fff;
}
h3 {
    background-position: center left;
	background-size: auto 12px;
    margin: 0 0 10px 0;
}
/*メンズ*/
.mens h2 {
    background: #508BCE url(../img/h2_bg02.png) repeat-y top left;
}
.mens h3 {
    background-position: center left;
}
/*ベビー＆キッズ*/
.babykids h2 {
    background: #F9D628 url(../img/h2_bg05.png) repeat-y top left;
}
.babykids h3 {
    background-position: center left;
}
/*ゴルフウェア*/
.golf h2 {
    background: #92CA6E url(../img/h2_bg04.png) repeat-y top left;
}
.golf h3 {
    background-position: center left;
}
/*リビング*/
.living h2 {
    background: #F7B922 url(../img/h2_bg03.png) repeat-y top left;
}
.living h3 {
    background-position: center left;
}
#globalNavi, #language_link {
    width: 100%;
    margin: 0 auto 0 auto;
}
#globalNavi ul, #language_link ul {
    margin: 0 -2% 0 0;
}
#globalNavi li, #language_link li {
    width: 48%;
    float: left;
    margin: 0 2% 2% 0;
}
table.blandList {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 20px 0;
}
table.blandList th, table.blandList td, table.special th, table.special td {
    padding: 10px;
    display: table-cell;
}
table.blandList th {
    text-align: center;
    vertical-align: middle;
    width: 174px;
    height: auto;
    border-bottom: 1px solid #959595;
}
/*メンズ特設会場*/
table.blandList th.blandList_tokusetsu {
    padding: 10px;
    display: table-cell;
}
/*メンズ特設会場*/
table.blandList th.blandList_tokusetsu {
    text-align: center;
    vertical-align: middle;
    width: 174px;
    height: auto;
    border-bottom: 1px solid #959595;
}
table.blandList td {
    width: auto;
    text-align: left;
}
table.special th {
    text-align: center;
    vertical-align: middle;
    width: 164px;
    height: auto;
}
table.special td {
    width: auto;
    text-align: left;
}
.special_txtBox {
    padding: 10px;
}
.special_txtBox h4 {
    background: #ff8482;
    color: #fff;
    padding: 5px;
}
.cardBox .fl_l {
    width: 48%;
    max-width: 420px;
    float: left;
    margin: 0 2% 0 0;
}
.cardBox .fl_r {
    width: 50%;
    float: right;
}
.btnBox li {
    width: 48%;
    margin: 0 auto;
}
.caution {
    text-align: left;
    margin: 80px 0 0 1em;
}
.line {
    padding: 2% 0 0 0;
    margin: 2% 0 -4% 0;
}
}