/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}



blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: top;
}

iframe {
    outline: none;
    border: none;
}

a {
    outline: none;
}


select,
input,
button,
textarea {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}


/*------------------------------------
Web Font
------------------------------------*/

.bodoni {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.bodoni-i {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: italic;
}

.bodoniBold {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

.bodoniBold-i {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: italic;
}

.yumin {
    font-family: "游明朝", "YuMincho", "serif";
}

iframe body,
body.index {
    min-width: 100%;
}

body#iframe {
    background: none;
}

#wrapper {
    width: 100%;
    color: #000000;
    font-size: 100%;
}

.no-results {
    text-align: center;
    padding: 100px 50px;
    border: 1px solid #f2f2ef;
}

.inner {
    width: 1000px;
    margin: 0 auto;
}

.fades a,
.fades a:hover,
.fades a img,
.fades a:hover img {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

.fades a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.small {
    font-size: 93%;
}

.loading {
    text-align: center;
    padding-top: 30px;
}


/*------------------------------------
grobalNav
------------------------------------*/

.header {
    background: url(../../images/common/header_bg.jpg) top center;
}

.home .header {
    background: none;
}

.information .header,
#member .header,
#concept .header,
#topics .header,
#order .header,
#premio .header,
#men .header,
#women .header,
#shop .header,
#coordinate .header {
    background: url(../../images/common/header_bg.jpg) top center;
}

#corporation .header,
#ir .header,
#recruit .header {
    background: url(../../images/common/header_bg_blue.jpg) top center;
}

.header a,
.header a:hover {
    text-decoration: none;
}

.header .inner {
    position: relative;
    height: 130px;
}


/*.header h1 {
	position:absolute;
	left:0;
	top:28px;
}*/

.header .logo {
    position: absolute;
    left: 0;
    top: 28px;
}

.header nav {
    position: absolute;
}

.header nav.top-nav {
    left: 70px;
    top: 50px;
}

.header nav.top-nav li {
    float: left;
    padding-left: 45px;
    position: relative;
}

.header nav.top-nav li a {
    display: block;
    color: #ffffff;
    font-size: 116%;
}

.header nav.top-nav li a.pull-down-top {
    font-size: 100%;
}

.header nav.top-nav li a:hover {
    color: #7d6e46;
}

.header nav.top-nav li.pull-down {
    cursor: pointer;
    color: #ffffff;
    font-size: 116%;
}

.header nav.top-nav li.pull-down:hover {
    color: #7d6e46;
}

.header nav.top-nav li.pull-down ul {
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 100;
}

.header nav.top-nav li.pull-down ul li {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    font-size: 71%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.header nav.top-nav li.pull-down ul li a {
    width: 150px;
    padding: 5px 0 5px 10px;
    background: #000000;
    display: block;
    color: #ffffff;
}

.header nav.top-nav li.pull-down ul li a:hover {
    width: 150px;
    padding: 5px 0 5px 10px;
    background: #7d6e46;
    color: #ffffff;
}

.header nav.top-nav li.pull-down:hover ul li {
    visibility: visible;
    overflow: visible;
    height: 25px;
    margin-top: 8px;
    z-index: 10;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
    color: #ffffff;
}

.header nav.top-nav * {
    -webkit-transition: 0.5s;
    /* Saf3.2+, Chrome */
    -moz-transition: 0.5s;
    /* FF4+ */
    -ms-transition: 0.5s;
    /* IE10 */
    -o-transition: 0.5s;
    /* Opera 10.5+ */
    transition: 0.5s;
}

.header nav.second-nav {
    right: 0;
    top: 15px;
}

.header nav.second-nav li {
    float: left;
    padding-left: 10px;
}

.header nav.second-nav li a {
    font-size: 93%;
    line-height: 12px;
    background: #7d6e46;
    padding: 5px 10px;
    color: #ffffff;
    display: block;
}

.header nav.second-nav li a:hover {
    background: #ffffff;
    color: #7d6e46;
}

.header .snsArea {
    position: absolute;
    top: 80px;
    right: 0;
}

.header .snsArea ul {
    overflow: hidden;
}

.header .snsArea li {
    float: left;
    padding-left: 10px;
}


/*------------------------------------
localNav
------------------------------------*/

nav.lNav {
    width: 100%;
    min-width: 1000px;
    border-bottom: 1px solid #000000;
    overflow: hidden;
    position: relative;
    background: #ffffff;
}

nav.lNav ul.nav-type01 {
    margin: 0 auto;
    padding: 25px 0 0 0;
}

nav.lNav ul {
    position: relative;
    float: left;
    left: 50%;
}

nav.lNav li {
    float: left;
    text-align: center;
    font-size: 93%;
    line-height: 1.4;
    position: relative;
    left: -50%;
}

nav.lNav li span {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 200%;
}

#premio nav.lNav li span,
#men nav.lNav li span,
#women nav.lNav li span {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 167%;
}

nav.lNav li a {
    display: block;
    color: #000000;
    text-decoration: none;
    border-bottom: 5px solid #ffffff;
}

nav.lNav li a:hover,
nav.lNav li a.active {
    /*	color:#7d6e46;*/
    text-decoration: none;
    border-bottom: 5px solid #000000;
}

nav.lNav ul.nav-type01 li a {
    height: 90px;
}


/*CONCEPT*/

nav.lNav ul.nav-concept li.nav01 a {
    width: 150px;
    margin-right: 80px;
}

nav.lNav ul.nav-concept li.nav02 a {
    width: 200px;
    margin-right: 80px;
}

nav.lNav ul.nav-concept li.nav_last a {
    width: 150px;
}


/*TOPICS*/

nav.lNav ul.nav-topics li.nav01 a {
    width: 120px;
    margin-right: 30px;
}

nav.lNav ul.nav-topics li.nav02 a {
    width: 200px;
    margin-right: 30px;
}

nav.lNav ul.nav-topics li.nav03 a {
    width: 200px;
    margin-right: 30px;
}

nav.lNav ul.nav-topics li.nav04 a {
    width: 230px;
    margin-right: 30px;
}

nav.lNav ul.nav-topics li.nav_last a {
    width: 200px;
}


/*ORDER*/

nav.lNav ul.nav-order-tailor li.nav01 a {
    width: 190px;
    margin-right: 22px;
}

nav.lNav ul.nav-order-tailor li.nav02 a {
    width: 120px;
    margin-right: 22px;
}

nav.lNav ul.nav-order-tailor li.nav03 a {
    width: 230px;
    margin-right: 22px;
}

nav.lNav ul.nav-order-tailor li.nav04 a {
    width: 130px;
    margin-right: 22px;
}

nav.lNav ul.nav-order-tailor li.nav_last a {
    width: 130px;
}

nav.lNav ul.nav-order-shirt li.nav01 a {
    width: 220px;
}

nav.lNav ul.nav-order-shirt li.nav_last a {
    width: 200px;
}


/*nav.lNav ul.nav-order-minimal { padding: 18px 0 0; }*/


/*nav.lNav ul.nav-order-minimal ul { padding-top: 20px; }*/


/*nav.lNav ul.nav-order-minimal li { font-size: 70%; }*/


/*nav.lNav ul.nav-order-minimal li a { height: 50px; }*/

nav.lNav ul.nav-order-minimal li.nav01 a {
    width: 210px;
    margin-right: 22px;
}

nav.lNav ul.nav-order-minimal li.nav02 a {
    width: 250px;
    margin-right: 22px;
}

nav.lNav ul.nav-order-minimal li.nav03 a {
    width: 150px;
    margin-right: 22px;
}

nav.lNav ul.nav-order-minimal li.nav_last a {
    width: 150px;
}


/*MEMBER*/

nav.lNav ul.nav-member {
    width: 540px;
}

nav.lNav ul.nav-member li.nav01 a {
    width: 270px;
    margin-right: 40px;
}

nav.lNav ul.nav-member li.nav_last a {
    width: 230px;
}


/*PREMIO*/

nav.lNav ul.nav-premio li.nav a {
    width: 100px;
    margin-right: 60px;
}

nav.lNav ul.nav-premio li.nav_last a {
    width: 100px;
}


/*MEN*/

nav.lNav ul.nav-men li.nav a {
    width: 100px;
    margin-right: 28px;
}

nav.lNav ul.nav-men li.nav_last a {
    width: 100px;
}


/*WOMEN*/

nav.lNav ul.nav-women li.nav a {
    width: 100px;
    margin-right: 60px;
}

nav.lNav ul.nav-women li.nav_last a {
    width: 100px;
}


/*下層*/

nav.lNav ul.nav-type02 {
    position: relative;
    float: left;
    left: 50%;
    padding: 5px 0 0 20px;
}

nav.lNav ul.nav-type02 li {
    position: relative;
    float: left;
    left: -50%;
    font-size: 100%;
}

nav.lNav ul.nav-type02 li a {
    margin-right: 40px;
    height: 50px;
    line-height: 50px;
}


/*下層ページにタイトル入れる*/

nav.lNav .page-ttl {
    width: 100%;
    padding: 20px 0;
    text-align: left;
    font-size: 93%;
    line-height: 1.6;
    border-bottom: 1px solid #000000;
}

nav.lNav .page-ttl span {
    font-weight: 400;
    font-size: 220%;
}


/*------------------------------------
Footer
------------------------------------*/

.footer {
    width: 100%;
    background: url(../../images/common/footer_bg.jpg) center top;
}


/*簡易版フッタ*/

.footer-simple {
    position: fixed;
    bottom: 0;
}


/*簡易版フッタ＞企業・IR・採用*/

nav.under-nav {
    width: 1000px;
    position: fixed;
    left: 50%;
    bottom: 50px;
    margin-left: -500px;
}

nav.under-nav li {
    float: left;
    padding-right: 10px;
    width: 90px;
}

nav.under-nav li a {
    width: 90px;
    font-size: 93%;
    line-height: 12px;
    background: #000000;
    padding: 5px 0;
    color: #ffffff;
    text-decoration: none;
    display: block;
    text-align: center;
}

nav.under-nav li a:hover {
    background: #7d6e46;
    color: #ffffff;
    text-decoration: none;
}


/*下層ナビ*/

.footer nav.bottom-nav {
    width: 100%;
    padding: 10px 0;
}

.footer nav.bottom-nav ul {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../../images/common/copyrights.png) right center no-repeat;
}

.footer nav.bottom-nav ul li {
    float: left;
    padding: 0 20px 0 0;
    font-size: 85%;
}

.footer nav.bottom-nav ul li a {
    color: #998480;
    text-decoration: none;
}

.footer nav.bottom-nav ul li a:hover {
    color: #998480;
    text-decoration: underline;
}


/*リッチフッタ*/

.footer nav.rich-nav {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

.footer nav.rich-nav dl {
    margin-top: 30px;
}

.footer nav.rich-nav dd {
    color: #998480;
    margin-top: 10px;
    font-size: 93%;
    padding-left: 10px;
}

.footer nav.rich-nav dd a {
    color: #998480;
    text-decoration: none;
}

.footer nav.rich-nav dd a:hover {
    color: #998480;
    text-decoration: underline;
}

.footer nav.rich-nav dt {
    color: #ffffff;
    font-size: 123%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.footer nav.rich-nav dt a {
    color: #ffffff;
    text-decoration: none;
}

.footer nav.rich-nav dt a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.footer nav.rich-nav .column {
    width: 135px;
    float: left;
}

.footer nav.rich-nav .column-s {
    width: 130px;
    float: left;
}

.footer nav.rich-nav .column-l {
    width: 200px;
    float: left;
}

.footer nav.rich-nav .mr20 {
    margin-right: 20px;
}

.footer .logos {
    width: 808px;
    height: 150px;
    margin: 0 auto 50px;
    position: relative;
}

.footer .logos p {
    position: absolute;
}

.footer .logos p.logo01 {
    top: 0;
    left: 356px;
}

.footer .logos p.logo02 {
    bottom: 4px;
    left: 0;
}

.footer .logos p.logo03 {
    bottom: 0;
    left: 300px;
}

.footer .logos p.logo04 {
    bottom: 4px;
    right: 226px;
}

.footer .logos p.logo05 {
    bottom: 3px;
    right: 0;
}


/*パンクズ*/

.crumb {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 15px;
    overflow: hidden;
    font-size: 93%;
}

.crumb li {
    float: left;
    color: #999;
    padding: 0 13px 0 0;
    margin: 0 10px 0 0;
    background: url(../../images/common/crumb_arw.png) 100% 50% no-repeat;
}

.crumb li.tail {
    padding: 0;
    margin: 0;
    background: none;
}


/*------------------------------------
Top Page
------------------------------------*/


/*ロゴを画面真ん中に*/


/*.index-ttl {
	width:340px;
	height:274px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-137px;
	margin-left:-170px;
	background:url(../../images/index/index_ttl.png) no-repeat center top;
}*/

.index-ttl {
    width: 556px;
    height: 419px;
    position: absolute;
    top: -10%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../../images/index/index_ttl.png) no-repeat center top;
    -webkit-background-size: contain;
    background-size: contain;
}


/*左下のリード文位置調整*/

.index-under {
    width: 380px;
    height: 34px;
    position: absolute;
    bottom: 84px;
    right: 0;
    background: url(../../images/index/under_logo.png) no-repeat center top;
}


/*------------------------------------
共通コンテンツ
------------------------------------*/

.content {
    margin: 50px auto 80px;
}

.pdfNotice {
    margin: 0;
    padding: 11px 0;
    background: url(../../images/common/dotline.png) 0 0 repeat-x;
}

.pdfNotice p {
    margin: 0;
    padding: 3px 0 3px 30px;
    color: #999;
    background: url(../../images/common/ico_pdf.png) 0 0 no-repeat;
}

.pdfNotice a {
    color: #06c;
    text-decoration: underline;
}

.post-type-archive-catalog .pdfNotice {
    margin: 0 0 80px;
}

.post-type-archive-catalog .pdfNotice p {
    margin: 0;
    padding: 3px 0;
    color: #999;
    background: none;
}


/*主要ページのタイトル部分　英文＋改行で日本文*/

.cont-ttl {
    margin-bottom: 70px;
    padding-bottom: 0;
    border-bottom: none;
    overflow: hidden;
}

.cont-ttl h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 380%;
    line-height: 1;
    color: #000000;
}

.cont-ttl h3 {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 153.9%;
    line-height: 1;
    margin-top: 10px;
    color: #000000;
}


/*下層ページのタイトル部分*/

.cont-ttl-sub {
    margin-bottom: 32px;
}
.cont-ttl-sub h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;

}
.usageArea {
    margin-bottom: 80px;
}
.cont-ttl-sub {
    margin-bottom: 32px;
}
@media(min-width:768px){
    .cont-ttl-sub {
        margin-bottom: 48px;
     }
    .cont-ttl-sub h2 {
        font-size: 24px;
    }
    .usageArea {
        margin-bottom: 128px;
    }
}


/*ボタン*/

.sub-btn a {
    background: url(../../images/common/btn_arrow.png) right center no-repeat #F2F2EF;
    padding-left: 20px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #707070;
    display: block;
    text-decoration: none;
}

.sub-btn a:hover {
    background: url(../../images/common/btn_arrow.png) right center no-repeat #ffffff;
}


/*下層ページh3設定*/

#corporation h3,
#recruit h3,
.faqArea h3,
.usageArea h3,
.privacyArea h3 {
    padding: 0 0 0 10px;
    height: 50px;
    background: #efefef;
    border-bottom: 1px solid #ffffff;
    font-size: 153.9%;
    line-height: 50px;
}
.privacyArea {
    margin-bottom:80px
}
@media(min-width: 768px) {
    .privacyArea {
        margin-bottom:128px
    }
}
/*------------------------------------
ニュース一覧
------------------------------------*/

.category-news .newsItem {
    margin: 0 0 60px;
}

.category-news .newsItem a.list {
    display: block;
    background: url(../../images/common/news_arw.png) 100% 100% no-repeat;
}

.category-news .newsItem .textArea {
    width: 640px;
    float: right;
}

.category-news .newsItem .textArea .days span {
    margin-right: 9px;
}

.category-news .newsItem .textArea .days span img {
    vertical-align: middle;
}

.category-news .newsItem .textArea h4 {
    padding: 3px 0 6px 0;
    margin: 0 0 6px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 117%;
}

.category-news .newsItem .thumbs {
    width: 310px;
    height: 150px;
    float: left;
    overflow: hidden;
    position: relative;
}

.category-news .newsItem .thumbs .arw {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff url(../../images/common/news_arw.png) 0 0 no-repeat;
}

.category-news .newsItem .thumbs .new {
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.category-news .newsDetail {
    width: 100%;
    margin: 0 0 60px;
    position: relative;
    padding: 0;
}

.category-news .newsDetail a.close {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 9px;
    bottom: 0;
    cursor: pointer;
}

.category-news .newsDetail .new {
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.category-news .newsDetail .days span {
    margin-right: 9px;
}

.category-news .newsDetail .days span img {
    vertical-align: middle;
}

.category-news .newsDetail .entry-title {
    padding: 6px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #666;
    font-size: 133%;
}

.more_disp {
    clear: both;
    text-align: center;
    margin: 0 0 80px;
}

.more_disp p {
    color: #999;
}

body.single a.close {
    display: none;
}

.category-news .archiveNavi {
    width: 1000px;
    height: 33px;
    padding: 0 0 20px 0;
}

.category-news .archiveNavi li {
    width: 130px;
    height: 33px;
    float: left;
    margin: 0 10px 0 0;
}

.category-news .archiveNavi li a {
    display: block;
    width: 130px;
    height: 25px;
    font-size: 100%;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    background: #000000;
}

.category-news .archiveNavi li a:hover,
.category-news .archiveNavi li.current a {
    text-decoration: none;
    background: #999999;
}

#allBtn {
    width: 109px;
    height: 19px;
    text-align: right;
    margin: 0 0 40px auto;
}

#allBtn li {
    float: left;
    height: 19px;
}

.newsList {}

.newsList article a.list {
    display: block;
    padding: 13px 0 10px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    background: url(../../images/common/news_arw.png) 100% 10px no-repeat;
}

.newsList dt {
    width: 190px;
    float: left;
    clear: both;
}

.newsList dt .date {
    display: block;
    width: 75px;
    padding: 0 0 0 12px;
    float: left;
    color: #808080;
}

.newsList dt .icon {
    display: block;
    width: 85px;
    float: right;
}

.newsList dt .icon img {
    vertical-align: middle;
}

.newsList dd {
    padding: 0 0 0 210px;
}

.newsList .long dt {
    width: 240px;
    float: left;
    clear: both;
}

.newsList .long dt .icon {
    display: block;
    width: 135px;
    float: right;
}

.newsList .long dd {
    padding: 0 0 0 260px;
}

.newsList .newsContent {
    margin: 15px 0;
}


/*------------------------------------
CONCEPT
------------------------------------*/


/*Concept*/


/*body.concept-top {
	background: url(../../images/concept/concept_index_bg.jpg) center 230px no-repeat !important;
}*/

body.concept-top .content {
    width: 100%;
    margin-top: -40px;
}

body.concept-top #content_bg {
    width: 100%;
    height: 2360px;
    background: url(../../images/concept/concept_index_bg.jpg)top center no-repeat fixed;
    position: relative;
}

body.concept-top .crumb {
    margin-top: -120px;
    z-index: 100;
    position: relative;
}

body.concept-top #content_bg .indexArea {
    position: absolute;
    width: 1000px;
    height: 2200px;
    left: 50%;
    margin-left: -500px;
    top: 60px;
    padding: 0;
    z-index: 0;
}

.indexArea h2 {
    padding-top: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -128px;
}

.indexBox {
    position: absolute;
    text-align: left;
}

.indexBox h3 {
    margin-bottom: 8px;
}

.indexBox p {
    font-size: 108%;
    margin-bottom: 8px;
    line-height: 1.25;
}

.indexBox p.txt17 {
    font-size: 123.1%;
}

.indexBox .btn {
    z-index: 99;
}

#indexBoxCatch {
    left: 190px;
    top: 1010px;
    width: 622px;
    height: 94px;
    padding: 20px 0 0 0;
    background: url(../../images/concept/concept_base_catch.png) no-repeat;
}

#indexBoxCatch p {
    text-align: center;
    font-size: 197%;
    font-family: "游明朝", "YuMincho", "serif";
    color: #806f00;
    line-height: 1.25;
}

#indexBoxMessage {
    left: 153px;
    top: 276px;
    width: 190px;
    height: 155px;
    padding: 55px 0 0 55px;
    background: url(../../images/concept/concept_base_message.png) no-repeat;
}

#indexBox1970 {
    left: 618px;
    top: 230px;
    width: 358px;
    height: 98px;
    padding: 230px 0 0 12px;
    background: url(../../images/concept/concept_base_1970.png) no-repeat;
}

#indexBoxThinksuit {
    left: 0;
    top: 525px;
    width: 285px;
    height: 155px;
    padding: 55px 0 0 60px;
    background: url(../../images/concept/concept_base_thinksuit.png) no-repeat;
}

#indexBoxKyoto {
    left: 265px;
    top: 771px;
    width: 406px;
    height: 180px;
    padding: 30px 0 0 10px;
    background: url(../../images/concept/concept_base_kyoto.png) no-repeat;
}

#indexBox1976 {
    left: 724px;
    top: 591px;
    width: 267px;
    height: 95px;
    padding: 230px 0 0 10px;
    background: url(../../images/concept/concept_base_1976.png) no-repeat;
}

#indexBoxMadein {
    left: 13px;
    top: 1126px;
    width: 322px;
    height: 187px;
    padding: 57px 0 0 57px;
    background: url(../../images/concept/concept_base_madein.png) no-repeat;
}

#indexBox1983 {
    left: 690px;
    top: 1125px;
    width: 300px;
    height: 100px;
    padding: 228px 0 0 14px;
    background: url(../../images/concept/concept_base_1983.png) no-repeat;
    z-index: 9;
}

#indexBox1999 {
    left: 430px;
    top: 1418px;
    width: 433px;
    height: 95px;
    padding: 228px 0 0 10px;
    background: url(../../images/concept/concept_base_1999.png) no-repeat;
}

#indexBoxBusiness {
    left: 73px;
    top: 1548px;
    width: 269px;
    height: 119px;
    padding: 228px 0 0 10px;
    background: url(../../images/concept/concept_base_business.png) no-repeat;
}

#indexBoxPolicy {
    left: 6px;
    top: 1986px;
    width: 486px;
    height: 155px;
    padding: 55px 0 0 50px;
    background: url(../../images/concept/concept_base_policy.png) no-repeat;
}

#indexBoxSimple {
    left: 625px;
    top: 1786px;
    width: 266px;
    height: 146px;
    padding: 226px 0 0 10px;
    background: url(../../images/concept/concept_base_simple.png) no-repeat;
}

.detailBox {
    color: #ffffff;
    width: 800px;
    font-size: 108%;
}

.detailBox .detailTitle {
    text-align: center;
}

.detailBox .detailTitle h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 50px;
}

.detailBox .detailTitle h2.detailHistory {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 153.9%;
}

.detailBox .detailTitle h3 {
    font-size: 106%;
}

.detailBox p {
    margin-bottom: 20px;
}


/*Factory*/

.factoryArea {
    position: relative;
    width: 1000px;
}

.factoryTitle .contTitle {
    width: 450px;
    height: 155px;
    float: left;
    padding-bottom: 0;
    border-bottom: none;
    overflow: hidden;
    background: url(../../images/concept/factory_title_bg.png) left bottom no-repeat;
}

.factoryTitle .contTitle h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 380%;
    line-height: 1;
    color: #000000;
}

.factoryTitle .contTitle h3 {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 153.9%;
    line-height: 1;
    margin-top: 10px;
    color: #000000;
}

.factoryTitle .contLead {
    width: 550px;
    float: right;
}

.factoryTitle .contLead p {
    font-size: 116%;
}

.factoryBox {
    -moz-columns: 3 316px;
    -webkit-columns: 3 316px;
    columns: 3 316px;
    -moz-column-gap: 26px;
    -webkit-column-gap: 26px;
    column-gap: 26px;
}


/*カルーセル*/

.onlyFactorySlide01 {
    margin-bottom: 40px;
}

.onlyFactorySlide01,
.onlyFactorySlide02 {
    clear: both;
    width: 1000px;
    position: relative;
}


/*左右矢印*/

.onlyFactorySlide01 .list-arrow-left a,
.onlyFactorySlide01 .list-arrow-right a {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    position: absolute;
    text-indent: -9999px;
    display: block;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    cursor: pointer;
}

.onlyFactorySlide01 .list-arrow-left a {
    left: 10px;
    top: 0;
    width: 25px;
    height: 400px;
    background: url(../../images/concept/arrow01_left.png) center center no-repeat;
}

.onlyFactorySlide01 .list-arrow-right a {
    right: 10px;
    top: 0;
    width: 25px;
    height: 400px;
    background: url(../../images/concept/arrow01_right.png) center center no-repeat;
}

.onlyFactorySlide01 .list-arrow-left a:hover,
.onlyFactorySlide01 .list-arrow-right a:hover {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.onlyFactorySlide02 .list-arrow-left a,
.onlyFactorySlide02 .list-arrow-right a {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    position: absolute;
    display: block;
    cursor: pointer;
}

.onlyFactorySlide02 .list-arrow-left a {
    left: 620px;
    top: 335px;
    width: 45px;
    height: 45px;
}

.onlyFactorySlide02 .list-arrow-right a {
    left: 670px;
    top: 335px;
    width: 45px;
    height: 45px;
}

#owl-factory01 .item {
    padding: 0;
    width: 500px;
    margin: 0;
    text-align: left;
}

#owl-factory02 .item {
    padding: 0;
    width: 1000px;
    margin: 0;
    text-align: left;
}

.onlyFactorySlide02 dl {
    width: 1000px;
    height: 400px;
    overflow: hidden;
    background: #808080;
    position: relative;
    z-index: 0;
}

.onlyFactorySlide02 dl dt {
    width: 600px;
    height: 400px;
    overflow: hidden;
    float: left;
}

.onlyFactorySlide02 dl dd {
    width: 360px;
    height: 280px;
    padding: 100px 20px 20px;
    float: right;
    vertical-align: middle;
}

.onlyFactorySlide02 dl dd h4 {
    font-size: 40px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    margin-bottom: 30px;
}


/*Originals*/

.originalsArea {
    position: relative;
    width: 1000px;
}

.originalsTitle .contTitle {
    width: 450px;
    height: 155px;
    float: left;
    padding-bottom: 0;
    border-bottom: none;
    overflow: hidden;
    background: url(../../images/concept/factory_title_bg.png) left bottom no-repeat;
}

.originalsTitle .contTitle h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 380%;
    line-height: 1;
    color: #000000;
}

.originalsTitle .contTitle h3 {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 153.9%;
    line-height: 1;
    margin-top: 10px;
    color: #000000;
}

.originalsBox {
    overflow: hidden;
}

.originalsBox .imgBox {
    float: left;
    width: 420px;
}

.originalsBox .textBox {
    float: right;
    width: 480px;
}

.originalsBox .textBox p {
    margin-bottom: 1em;
}

.originalsBox dl {
    display: table;
    font-size: 93%;
}

.originalsBox dl dt,
.originalsBox dl dd {
    display: table-cell;
    vertical-align: middle;
}

.originalsBox dl dd {
    padding-left: 10px;
}

.washnet {
    background: #98a1a5;
    border-radius: 5px;
    padding: 15px;
}

.tag {
    padding-top: 30px;
    border-top: 2px solid #000000;
}

.tag dl dt {
    padding: 0 20px;
}


/*------------------------------------
ORDER
------------------------------------*/

#order .topBelt {
    width: 100%;
    height: 165px;
    background: url(../../images/order/header_bg.png) center center no-repeat #643931;
}

#order .topBelt.topBeltMinimal {
    width: 100%;
    height: 165px;
    background: url(../../images/order/header_bg_minimal.png) center center no-repeat #000;
    background-size: auto 80px;
}

.orderArea {
    width: 900px;
    margin: 0 auto;
    border: none;
}

.orderTitle {
    text-align: left;
    font-family: "游明朝", "YuMincho", "serif";
}

.orderTitle h2 {
    font-size: 197%;
    color: #643931;
}

.orderTitle p.lead {
    font-size: 138.5%;
    color: #000000;
}

.orderArea h3 {
    padding-left: 40px;
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 153.9%;
    line-height: 40px;
    color: #643931;
    background: url(../../images/order/bg_headline_01.png) left top no-repeat;
}

.orderArea h4 {
    padding-left: 45px;
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 153.9%;
    line-height: 80px;
    color: #000000;
    background: url(../../images/order/bg_headline_02.png) left top no-repeat;
}

.orderArea p {
    margin-bottom: 1.5em;
}

.orderArea p.notice {
    color: #666666;
    font-size: 93%;
}

.orderArea .textBox {
    float: left;
    width: 482px;
}

.orderArea .imgBox {
    float: right;
    width: 360px;
}

.orderArea .inner {
    width: 800px;
    margin: 0 50px;
}


/*トップ用*/

#topBox3 p.message {
    text-align: right;
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 138.5%;
}


/*------------------------------------
生地用
------------------------------------*/

#clothBox1 {
    margin-top: -160px;
}

#clothBox1 .textBox {
    padding-top: 140px;
}


/*採寸用*/

#measureBox1 .textBox {
    clear: both;
}

#measureBox1 .imgBox {
    clear: both;
    width: 100%;
}

#measureBox1 dl {}

#measureBox1 dl dt {
    margin-bottom: 30px;
}

#measureBox1 dl dd {
    font-size: 93%;
}

#measureBox1 dl.men {
    width: 330px;
    float: left;
    padding-left: 85px;
}

#measureBox1 dl.women {
    width: 330px;
    float: right;
    padding-right: 85px;
}


/*システム*/

.systemBox ul li {
    list-style: disc inside;
    margin: 5px;
    font-size: 93%;
}

#systemBox1 div.priceList {
    text-align: center;
}

#systemBox2 .flow {}

#systemBox2 h3 {
    font-size: 197%;
    text-align: center;
    background: none;
}

#systemBox2 .parts {
    position: relative;
    width: 100%;
    height: 940px;
}

#systemBox2 .parts div,
#systemBox2 .parts dl {
    position: absolute;
}

#systemBox2 .parts .torso {
    left: 245px;
    top: 0;
}

#systemBox2 .parts .finish {
    left: 390px;
    top: 525px;
}

#systemBox2 .parts dl {
    width: 220px;
    line-height: 1.25;
}

#systemBox2 .parts dl dt {
    margin-bottom: 5px;
}

#systemBox2 .parts .partsA1 {
    left: 0;
    top: 0;
}

#systemBox2 .parts .partsA2 {
    left: 0;
    top: 225px;
}

#systemBox2 .parts .partsB {
    left: 0;
    top: 450px;
}

#systemBox2 .parts .partsC1 {
    left: 580px;
    top: 60px;
}

#systemBox2 .parts .partsC2 {
    left: 580px;
    top: 285px;
}

#systemBox2 .parts .spec {
    left: 430px;
    top: 878px;
    width: 220px;
    font-size: 93%;
}

#systemBox3 hr {
    height: 4px;
    background: #000000;
    border: none;
}

#systemBox3 h5 {
    text-align: center;
}

#systemBox3 h5 span {
    font-size: 197%;
    padding-right: 10px;
}

#systemBox3 .textBox,
#systemBox4 .textBox {
    width: 480px;
    float: left;
}

#systemBox3 .imgBox {
    width: 250px;
    float: right;
}

#systemBox3 .imgBox a {
    display: block;
    width: 210px;
    height: 60px;
    padding: 0 20px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: url(../../images/order/order_icon_btn_arrow_blk.png) 200px center no-repeat #ffffff;
    line-height: 60px;
}

#systemBox3 .imgBox a:hover {
    color: #ffffff;
    background: url(../../images/order/order_icon_btn_arrow_wht.png) 200px center no-repeat #000000;
    text-decoration: none;
}

#systemBox4 .inner {
    margin-top: -80px;
}

#systemBox4 .textBox {
    padding-top: 110px;
}

#systemBox4 .imgBox {
    width: 260px;
    float: right;
}


/*早割*/

.earlybirdBox ul li {
    list-style: none;
    margin: 5px;
    font-size: 93%;
}


/*小窓*/

body#option {
    background: #ffffff;
}

body#option .sdHeader {
    width: 100%;
    height: 72px;
    padding: 10px 0;
    background: url(../../images/common/header_bg.jpg) top center;
}

body#option .sdHeader h1 {
    width: 100%;
    text-align: center;
}

body#option .wrapper {
    width: 100%;
    font-size: 100%;
    margin: 0 auto;
}

body#option .optCont {
    width: 540px;
    padding: 0 20px;
    margin: 0 auto;
}

body#option h2 {
    text-align: center;
    font-size: 182%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    margin: 30px 0;
}

body#option h3 {
    text-align: center;
    margin-bottom: 30px;
}

body#option .lineSection {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

body#option .notice {
    font-size: 85%;
}

body#option .sdFooter {
    width: 100%;
    height: 30px;
    background: url(../../images/common/header_bg.jpg) top center;
}

body#option .sdFooter .copy {
    width: 95%;
    height: 30px;
    margin: 0 auto;
    background: url(../../images/common/copyrights.png) right center no-repeat;
}

body#option p.close {
    text-align: center;
    margin: 30px 0;
    padding: 0;
}


/*シャツ用*/

.shirtsTitle {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 140%;
}

#shirtsBox1 .flow ul li {
    float: left;
    width: 220px;
    line-height: 1.25;
    margin-right: 6px;
}

#shirtsBox1 .flow ul li dl dd.img {
    margin-bottom: 20px;
}

#shirtsBox1 .flow ul li dl dt {
    font-weight: bold;
    font-size: 123.1%;
    margin-bottom: 10px;
}

#shirtsBox2 .price {
    color: #1e7880;
    font-weight: bold;
}

#shirtsBox2 .price span {
    font-size: 36px;
    font-family: "游明朝", "YuMincho", "serif";
}

#shirtsBox3 .shop ul {
    float: left;
    width: 280px;
    margin-right: 10px;
}

#shirtsBox3 .shop ul li {
    float: left;
    width: 330px!important;
    margin-right: 10px;
    margin-bottom: 5px;
}

#shirtsBox4 {
    padding: 20px;
    background: #efefef;
}

#shirtsBox4 h5 {
    font-size: 116%;
    font-weight: bold;
}

#shirtsBox4 .textBox {
    float: none;
}

#shirtsBox4 .textBox p.notice {
    margin-bottom: 0;
    font-size: 85%;
}

#shirtsBox4 dl {
    display: table;
    margin-bottom: 10px;
}

#shirtsBox4 dl dt,
#shirtsBox4 dl dd {
    display: table-cell;
    vertical-align: middle;
    color: #1e7880;
    font-weight: bold;
    font-size: 123.1%;
}

#shirtsBox4 dl dt {
    padding-right: 20px;
}

#shirtsBox4 dl.chakuwari dd {
    color: #000000;
    font-size: 100%;
    font-weight: normal;
}

#shirtsBox4 p.notice {
    margin-bottom: 0;
    color: #000000;
}


/*------------------------------------
PREMIO MEN WOMEN
------------------------------------*/


/*各トップページ背景指定*/

body#premio {
    background: url(../../images/item/bg_premio.jpg) repeat;
}

body#men {
    background: url(../../images/item/bg_men.jpg) repeat;
}

body#women {
    background: url(../../images/item/bg_women.jpg) repeat;
}


/*タイトル文字色*/

#premio .cont-ttl h2,
#men .cont-ttl h2,
#women .cont-ttl h2 {
    float: left;
    margin-right: 30px;
    line-height: 1;
}

#premio .cont-ttl h3,
#men .cont-ttl h3,
#women .cont-ttl h3 {
    float: left;
    line-height: 1;
    margin-top: 26px;
}

#premio .cont-ttl h2,
#premio .cont-ttl h3 {
    color: #ffffff;
}

#men .cont-ttl h2,
#women .cont-ttl h2,
#men .cont-ttl h3,
#women .cont-ttl h3 {
    color: #000000;
}


/*右側大画像*/

.itemTopArea {
    width: 100%;
    height: 1000px;
    margin-bottom: -50px;
}

#premio .itemTopArea {
    width: 100%;
    height: 1000px;
    margin-bottom: -50px;
}

#men .itemTopArea {
    width: 100%;
    height: 1000px;
    margin-bottom: -50px;
}

#premio .itemTopArea {
    background: url(../../images/item/premio_top.jpg) right top no-repeat;
}

#men .itemTopArea {
    background: url(../../images/item/men_top.jpg) right top no-repeat;
}

#women .itemTopArea {
    background: url(../../images/item/women_top.jpg) right top no-repeat;
}


/*左側＋背景指定*/

.itemTopLeftArea {
    width: 50%;
    height: 100%;
    padding-top: 50px;
    overflow: hidden;
}

#men .itemTopLeftArea {
    width: 50%;
    height: 100%;
    padding-top: 50px;
    overflow: hidden;
}

#premio .itemTopLeftArea {
    background: url(../../images/item/bg_premio.jpg) repeat;
}

#men .itemTopLeftArea {
    background: url(../../images/item/bg_men.jpg) repeat;
}

#women .itemTopLeftArea {
    background: url(../../images/item/bg_women.jpg) repeat;
}


/*サムネイル並び*/

.itemTopLeftArea .itlCont {
    width: 500px;
    float: right;
    overflow: hidden;
}

.itemTopLeftArea .itlCont li {
    width: 250px;
    margin-bottom: 60px;
    float: left;
}

.itemTopLeftArea .itlCont li.last {
    margin: 0;
}


/*1商品エリア*/

.productArea {
    width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-size: 100%;
    margin-bottom: 40px;
}


/*1商品エリア ＞ 左側*/

.itemArea {
    width: 600px;
    float: left;
}


/*1商品エリア ＞ リード*/

.itemArea .itemLead {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 215%;
    margin-bottom: 32px;
    line-height: 1.4;
}

#premio .itemArea .itemLead {
    color: #ffffff;
}

#men .itemArea .itemLead,
#women .itemArea .itemLead {
    color: #000000;
}


/*1商品エリア ＞ スライドショー*/

.slideShow {
    display: none;
    /* スライドショーの初期化が完了するまで非表示. */
}


/*1商品エリア ＞ スライドショー ＞ 大画像*/

.mainView {
    width: 600px;
    height: 600px;
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
}


/*1商品エリア ＞ スライドショー ＞ 左右矢印*/

.mainView .arrow-left {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 10px;
    background: url(../../images/item/arrow_large_l.png);
    z-index: 100000;
    cursor: pointer;
}

.mainView .arrow-right {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    right: 10px;
    background: url(../../images/item/arrow_large_r.png);
    z-index: 100000;
    cursor: pointer;
}

.mainView ul {
    position: relative;
}

.mainView li {
    position: absolute;
    top: 0;
}

.zoomContainer {
    z-index: 2000;
}

.zoomLens {
    background-color: #ffffff;
}


/*1商品エリア ＞ スライドショー ＞ サムネイル*/

.thumbNail {}

.thumbNail ul {
    overflow: hidden;
}

.thumbNail li {
    margin-right: 12px;
    float: left;
    cursor: pointer;
    background: #ffffff;
}

.thumbNail li.last {
    margin: 0;
}


/*1商品エリア ＞ 右側説明部分*/

.productDetail {
    width: 380px;
    float: right;
    color: #ffffff;
}

#women .productDetail {
    color: #000000;
}

#premio .productDetail,
#men .productDetail {
    background: #333333;
}

#women .productDetail {
    background: #959595;
}

.productDetail .baseArea {
    min-height: 230px;
    padding: 20px;
}


/*1商品エリア ＞ アイコン*/

.productDetail .baseArea .prd-icon {
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 93%;
    margin-bottom: 20px;
    display: none;
}

#premio .productDetail .baseArea .prd-icon,
#men .productDetail .baseArea .prd-icon {
    background: #685600;
}


/*1商品エリア ＞ 名前*/

.productDetail .baseArea .prd-ttl {
    font-size: 153.9%;
    margin-bottom: 30px;
}


/*1商品エリア ＞ 型番など*/

.productDetail .baseArea .prd-type {
    font-size: 108%;
    margin-bottom: 20px;
}


/*1商品エリア ＞ 価格*/

.productDetail .baseArea .prd-price {
    font-size: 93%;
    margin-bottom: 20px;
}

.productDetail .baseArea .prd-price span {
    font-size: 153.9%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}


/*1商品エリア ＞ 購入ボタン*/

.productDetail .baseArea .prd-btn {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ffffff;
}


/*1商品エリア ＞ 詳細*/

.productDetail .detailArea {
    height: 510px;
    padding: 0 20px 0 20px;
    font-size: 93%;
    overflow-y: auto;
    margin-bottom: 20px;
}

.productDetail .detailArea a {
    text-decoration: underline;
}

.productDetail .detailArea a:hover {
    text-decoration: none;
}

.productDetail .detailArea a,
.productDetail .detailArea a:hover {
    color: #ffffff;
}


/*ネクストバック*/

.productNavigation {
    width: 250px;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 100%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.productNavigation a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 8px 25px;
    background: #333;
}

.productNavigation a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #000;
}

#women .productNavigation a {
    color: #000000;
    background: #959595;
}

#women .productNavigation a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #333;
}

.productNavigation .pnavPrev {
    float: left;
}

.productNavigation .pnavNext {
    float: right;
}


/*下部商品カルーセル*/

.productList {
    clear: both;
    width: 940px;
    padding: 20px 22px 20px 38px;
    overflow: hidden;
    color: #ffffff;
    position: relative;
}


/*背景色*/

#premio .productList,
#men .productList {
    background: #333333;
}

#women .productList {
    background: #959595;
    color: #000000;
}

.productList .prd-image {
    margin-bottom: 10px;
}

.productList .prd-type {
    font-size: 93%;
    min-height: 40px;
}

.productList .prd-price {
    font-size: 93%;
}

.productList span {
    font-size: 123.1%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}


/*左右矢印*/

.productList .list-arrow-left a {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    position: absolute;
    left: 0;
    top: 20px;
    width: 20px;
    height: 200px;
    background: url(../../images/product/arrow_list_l.png);
    text-indent: -9999px;
    display: block;
}

.productList .list-arrow-right a {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    position: absolute;
    right: 0;
    top: 20px;
    width: 20px;
    height: 200px;
    background: url(../../images/product/arrow_list_r.png);
    text-indent: -9999px;
    display: block;
}

.productList .list-arrow-left a:hover,
.productList .list-arrow-right a:hover {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/* clearfix */

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

#owl-demo .item {
    padding: 0;
    width: 170px;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
}

.customNavigation {
    text-align: center;
}

//use styles below to disable ugly selection
.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*------------------------------------
#Shop List
------------------------------------*/

.topBan {
    width: 900px;
    margin: 0 auto 70px;
}

.shopSearch {
    width: 900px;
    margin: 0 auto;
    font-size: 100%;
    overflow: hidden;
}

#searchFormArea .ss-lead {
    margin-bottom: 15px;
    font-weight: bold;
}

#searchFormArea .area-ttl #searchFormArea li,
#searchFormArea label,
#searchFormArea span,
#searchFormArea input {
    cursor: pointer;
}

.noDisp {
    display: none;
}

#searchArea,
#searchPref {
    width: 244px;
    height: 180px;
    float: left;
    position: relative;
    background: url(../../images/shop/src_bg.png) right bottom no-repeat;
    font-size: 93%;
}

#searchArea {
    margin-right: 40px;
}

#searchArea ul {
    overflow: hidden;
    width: 184px;
}

#searchArea ul li,
#searchPref div li {
    width: 90px;
    height: 35px;
    margin-bottom: 2px;
    margin-right: 2px;
    line-height: 35px;
    display: block;
    float: left;
    text-align: center;
}

#searchArea ul li input,
#searchPref div li input {
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha( opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
    font-size: 1px;
    z-index: -5;
    display: none;
}

#searchArea ul li input:focus,
#searchPref div li input:focus {
    outline: none;
}

#searchArea ul li span,
#searchPref div li span {
    width: 84px;
    height: 29px;
    padding: 3px;
    display: block;
    color: #000000;
    background-color: #b4b4b4;
    line-height: 29px;
}

#searchArea ul li.on span,
#searchPref div li.on span {
    color: #ffffff;
    background-color: #643931;
}

#searchArea ul li label,
#searchPref div li label {
    width: 90px;
    display: block;
}

#searchPoint {
    width: 332px;
    height: 180px;
    padding: 0 0 0 40px;
    float: left;
}

#searchPoint ul {
    height: 80px;
}

#searchPoint ul.outlet {
    height: 29px;
    padding: 15px 0 0;
    border-top: 1px dashed #ccc;
}

#searchPoint li {
    width: 147px;
    margin: 0 0 14px;
    display: block;
    float: left;
    position: relative;
    line-height: 1;
}

#searchPoint li input {
    -ms-filter: "alpha( opacity=0 )";
    filter: alpha( opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
    z-index: -5;
    display: none;
}

#searchPoint li input:focus {
    outline: none;
}

#searchPoint li label {
    display: block;
    width: 150px;
}

#searchPoint li span {
    display: block;
    width: 125px;
    padding: 0 0 0 25px;
    background: url(../../images/common/ck.png) 0 50% no-repeat;
}

#searchPoint li.on span {
    background: url(../../images/common/ck_on.png) 0 50% no-repeat;
}

.shopSearch .ss-btn input {
    float: right;
    margin-bottom: 90px;
    margin-right: 50px;
    padding: 0;
    background: url(https://only-co.cv/shop/wp-content/themes/only_tpl/images/shop/btn_search.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    width: 300px;
    height: 35px;
    padding: 0;
    border: none;
    outline: none;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

.shopSearch .ss-btn input:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}


/*------------------------------------
#store shopsearch
------------------------------------*/


/*検索エリア・ジャンル表示*/

.searchOption dl {
    overflow: hidden;
    font-size: 93%;
    margin-bottom: 30px;
}

.searchOption dt {
    width: 70px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
    color: #ffffff;
    background: #000000;
    margin-right: 10px;
}

.searchOption dd {
    float: left;
    margin-right: 30px;
    height: 20px;
    line-height: 20px;
}


/*各店舗リスト*/

h2.shopList_ttl {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #000;
    font-weight: bold;
    padding: 15px 0 13px 20px;
    background: url(../../images/shop/shopList_ttl_bk.jpg) no-repeat;
    background-size: cover;
    width: 900px;
    line-height: 1;
    margin: 50px auto 10px;
    box-sizing: border-box;
    text-transform: uppercase;
}

#shop_kanto h2.shopList_ttl:first-child {
    margin: 0 auto 10px;
}

h2.shopList_ttl span {
    font-size: 18px;
    margin-right: 13px;
}

.shopContent {
    width: 900px;
    margin: 0 auto;
}

.shopItem {
    width: 860px;
    overflow: hidden;
    background: url(../../images/shop/shop_bg.jpg) repeat;
    padding: 20px;
    margin-bottom: 10px;
}

.shopItem a {
    display: block;
}

.shopItem .textArea {
    width: 520px;
    float: right;
    overflow: hidden;
}

.shopItem .textArea h3 {
    font-weight: bold;
    padding: 10px 0 25px 0;
}

.shopItem .textArea .product {
    overflow: hidden;
    padding-top: 20px;
    float: right;
}

.shopItem .textArea .product li {
    float: left;
    margin: 0 5px 0 0;
    line-height: 1;
}

.shopItem .textArea .shopInfo dt {
    clear: both;
    float: left;
    width: 60px;
    margin: 0;
    color: #333333;
}

.shopItem .textArea .shopInfo dd {
    padding: 0 0 0 75px;
    margin: 0;
    color: #333333;
}

.shopItem .thumbs {
    width: 310px;
    height: 150px;
    float: left;
    overflow: hidden;
    position: relative;
}


/*------------------------------------
# Shop pageLink
------------------------------------*/

#shop .shopLink {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 900px;
    margin: 0 auto 125px;
    letter-spacing: 0.05em;
}

#shop .shopLink div:first-child {
    width: 462px;
    padding-top: 360px;
    background: url(../../images/shop/pagelink_bk.jpg) no-repeat;
    background-size: contain;
    position: relative;
    margin-top: 35px;
}

#shop .shopLink div:first-child p {
    position: absolute;
}

#shop .shopLink div:first-child p a {
    display: block;
    color: #fff;
    font-size: 14px;
    border-radius: 25px;
    border: 2px solid #fff;
    padding: 7px 12px 5px 12px;
    line-height: 1;
    width: auto;
    min-width: 84px;
    box-sizing: border-box;
    text-align: center;
}

#shop .shopLink div:first-child p:nth-child(odd) a {
    background-color: #a5956c;
}

#shop .shopLink div:first-child p:nth-child(even) a {
    background-color: #7d6e46;
}

#shop .shopLink div:first-child p:nth-child(odd) a:hover,
#shop .shopLink div:first-child p:nth-child(even) a:hover {
    text-decoration: none;
    background-color: #c4961f;
}

#shop .shopLink div:first-child .map_hokkaidou {
    top: 114px;
    right: 61px;
}

#shop .shopLink div:first-child .map_kantou {
    top: 232px;
    right: 52px;
}

#shop .shopLink div:first-child .map_toukai {
    top: 295px;
    right: 139px;
}

#shop .shopLink div:first-child .map_kansai {
    top: 256px;
    right: 226px;
}

#shop .shopLink div:first-child .map_tyuugoku {
    top: 289px;
    left: 72px;
}

#shop .shopLink div:first-child .map_kyuusyuu {
    top: 249px;
    left: -2px;
}

#shop .shopLink div:nth-child(2) {
    width: 380px;
    line-height: 1;
}

#shop .shopLink div:nth-child(2) dl dt {
    font-size: 16px;
    background-color: #000;
    padding: 11px 0 11px 15px;
    margin-bottom: 10px;
}

#shop .shopLink div:nth-child(2) dl dt a {
    color: #fff;
}

#shop .shopLink div:nth-child(2) dl dt a:hover {
    opacity: 0.8;
    text-decoration: none;
}

#shop .shopLink div:nth-child(2) dl dt a:before {
    content: "";
    display: inline-block;
    background: url(../../images/shop/pagelink_arrow.gif) no-repeat;
    background-size: contain;
    width: 15px;
    height: 9px;
    margin-right: 15px;
}

#shop .shopLink div:nth-child(2) dl dt a:before {}

#shop .shopLink div:nth-child(2) dl dd {
    padding: 0 0 10px 10px;
}

#shop .shopLink div:nth-child(2) dl dd a {
    color: #222;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    border-bottom: 1px solid #222;
}

#shop .shopLink div:nth-child(2) dl dd a:hover {
    opacity: 0.8;
    text-decoration: none;
}

#shop .searchPage_ttl {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 40px;
}

#shop .searchPage_ttl font {
    font-size: 16px;
}


/*------------------------------------
# Shop Detail
------------------------------------*/

body#shopDetail {
    background: #ffffff;
}

body#shopDetail .sdHeader {
    width: 100%;
    height: 72px;
    padding: 10px 0;
    background: url(../../images/common/header_bg.jpg) top center;
}

body#shopDetail .sdHeader h1 {
    width: 100%;
    text-align: center;
}

body#shopDetail .wrapper {
    width: 100%;
    margin: 0 auto;
}

body#shopDetail h2 {
    text-align: center;
}

body#shopDetail .sdFooter {
    width: 100%;
    height: 30px;
    background: url(../../images/common/header_bg.jpg) top center;
}

body#shopDetail .sdFooter .copy {
    width: 95%;
    height: 30px;
    margin: 0 auto;
    background: url(../../images/common/copyrights.png) right center no-repeat;
}

body#shopDetail .shopCont {
    width: 540px;
    padding: 30px;
    background: url(../../images/shop/shop_bg.jpg) repeat;
    overflow: hidden;
    margin: 0 auto;
}

body#shopDetail .shopCont h3 {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 20px;
}

body#shopDetail .shopCont ul {
    overflow: hidden;
    float: right;
    margin-bottom: 30px;
}

body#shopDetail .shopCont li {
    float: left;
    margin-right: 5px;
}

body#shopDetail .sdTitle {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #999999;
}

body#shopDetail .sdTitle h4 {
    font-size: 153.9%;
    float: left;
    margin-right: 20px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

body#shopDetail .sdTitle h5 {
    font-size: 85%;
    float: left;
    padding-top: 10px;
    font-family: "游明朝", "YuMincho", "serif";
}

body#shopDetail .news {
    margin: 0 0 40px;
    padding: 0;
}

body#shopDetail .newsList {
    margin: 0;
    padding: 0;
}

body#shopDetail .newsList article a.list {
    display: block;
    padding: 10px 24px 10px 0;
    margin: 0;
    border-bottom: 1px solid #ffffff;
    background: url(../../images/common/newwin.png) 100% 12px no-repeat;
}

body#shopDetail .newsList dt {
    width: 105px;
    float: left;
    clear: both;
}

body#shopDetail .newsList dt .date {
    display: block;
    width: 75px;
    padding: 0 0 0 12px;
    float: left;
    color: #808080;
}

body#shopDetail .newsList dd {
    padding: 0 0 0 105px;
}

body#shopDetail .newsList .newsContent {
    margin: 15px 0;
}

body#shopDetail .newsItem {
    margin: 0;
}

body#shopDetail .map {
    margin: 0 0 40px;
    padding: 0;
}

body#shopDetail #shopMap {
    width: 540px;
    height: 350px;
    margin: 0 0 15px;
}

body#shopDetail .access {
    margin: 0 0 40px;
    padding: 0;
}

body#shopDetail .map dt,
body#shopDetail .access dt {
    clear: both;
    float: left;
    width: 72px;
    margin: 0 0 3px;
    background: url(../../images/shop/dt_dot.png) 100% 50% no-repeat;
}

body#shopDetail .map dd,
body#shopDetail .access dd {
    padding: 0 0 0 87px;
    margin: 0 0 3px;
}

body#shopDetail .shopimg {
    width: 540px;
    margin: 0 0 72px;
    padding: 0;
    overflow: hidden;
}

body#shopDetail .shopimg ul {
    width: 555px;
    overflow: hidden;
}

body#shopDetail .shopimg li {
    width: 170px;
    float: left;
    margin-right: 15px;
}

body#shopDetail .shopimg li .img {
    width: 170px;
    height: 120px;
    margin: 0 0 6px;
}

body#shopDetail .print {
    text-align: center;
    margin: 0 0 52px;
    padding: 0;
}

body#shopDetail p.close {
    text-align: center;
    margin: 30px 0;
    padding: 0;
}

body#shopDetail .newsDetail {
    margin: 0 0 60px;
    padding: 49px;
    position: relative;
    width: 440px;
}


/*-- クーポン --*/

body#shopDetail .couponCampaign {
    clear: both;
    padding: 30px;
    margin: 0 0 30px;
    background: #FCFBF3;
}

body#shopDetail .couponCampaign h2 {
    padding: 0 0 5px;
    margin: 0 0 15px;
    text-align: center;
}

body#shopDetail .couponCampaign .text {
    width: 280px;
    padding: 0;
    float: left;
}

body#shopDetail .couponCampaign .text p {
    margin: 0 0 15px;
}

body#shopDetail .couponCampaign .img {
    width: 155px;
    float: right;
}

body#shopDetail .couponCampaign .btn {
    padding: 30px 0 0;
    text-align: center;
}


/*------------------------------------
メンバー
------------------------------------*/

.memberArea {
    width: 900px;
    margin: 0 auto;
    border: none;
}

.memberTitle {
    width: 500px;
    margin: 0 auto 45px;
    text-align: center;
    font-family: "游明朝", "YuMincho", "serif";
}

.memberTitle h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 4px solid #000000;
    font-size: 161.6%;
}

.memberArea p.notice {
    color: #666666;
    font-size: 93%;
}


/* 2017/5/30 追記 */

.memberArea p>img.aligncenter {
    display: block;
    margin: 0 auto;
}


/*MOC*/

.mocArea {}

.mocWrap {
    width: 100%;
    margin: 0;
    text-align: left;
}

.mocWrap .mocBox {
    margin-bottom: 45px;
}

.mocBox h3 {
    float: left;
    width: 365px;
}

.mocBox h4 {
    margin-bottom: 10px;
    font-size: 123.1%;
    font-weight: bold;
}

.mocBox .textBox {
    float: left;
    width: 535px;
}

.mocBox .textBox p {
    margin-bottom: 10px;
    font-size: 93%;
}

.mocBox .textBox .coupon1 {
    width: 169px;
    float: left;
}

.mocBox .textBox .coupon2 {
    width: 361px;
    float: left;
}

.mocBox .textBox .coupon2 p,
.mocBox .textBox .coupon2 img {
    margin-bottom: 10px;
}

.mocBox .textBox .notice {
    color: #666666;
}


/*20170530　追記*/

.mocBox .halfBox {
    float: left;
    width: 50%;
}


/* 2017/5/30 追記 */

.mocBox .alignright {
    text-align: right;
    width: 450px;
}

.mocPresentShop {
    clear: both;
    width: 740px;
    margin: 0 auto;
    padding-top: 15px;
}

.mocPresentShop h4 {
    padding-left: 20px;
}

.mocTable {
    border-collapse: separate;
    border-spacing: 30px 15px;
    font-size: 93%;
}

.mocTable col.shop {
    width: 301px;
}

.mocTable col.product {
    width: 399px;
}

.mocTable tr th {
    padding: 0 0 5px;
    text-align: center;
    border-bottom: 2px solid #000000;
}

.mocTable tr td {
    vertical-align: top;
}

.mocMypage {
    border-radius: 10px;
    background: #ACA38B;
    padding: 20px;
}

.mocMypage .imgBox {
    float: left;
    width: 345px;
    text-align: center;
}

.mocMypage .textBox {
    float: left;
    width: 515px;
}

.mocMypage .textBox h3 {
    font-size: 231%;
    font-weight: bold;
    border-bottom: 2px solid #000000;
}

.mocMypage .textBox p strong {
    color: #643931;
    font-size: 123.1%;
    ;
}

.mocMypage .textBox .btn {}

.mocMypage .textBox .btn a {
    display: block;
    width: 310px;
    height: 50px;
    border: 1px solid #000000;
    background: url(../../images/member/moc_icon_btn_arrow_blk.png) 280px center no-repeat #ffffff;
    font-size: 100%;
    text-align: center;
    line-height: 50px;
}

.mocMypage .textBox .btn a:hover {
    color: #ffffff;
    text-decoration: none;
    background: url(../../images/member/moc_icon_btn_arrow_wht.png) 280px center no-repeat #000000;
}

.mocQA dt {
    padding: 0 0 6px 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #efefef;
    font-size: 116%;
    background: url(../../images/contact/ico_q.png) left top no-repeat;
}

.mocQA dd {
    padding: 0 0 0 30px;
    background: url(../../images/contact/ico_a.png) left top no-repeat;
    margin-bottom: 40px;
}

.mocQA dd a {
    color: #1E7880;
    text-decoration: none;
}

.mocQA dd a:hover {
    color: #1E7880;
    text-decoration: underline;
}

.moc-entry-btn {
    float: right;
}

.moc-entry-btn a {
    display: block;
    width: 290px;
    height: 68px;
    padding-right: 10px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: url(../../images/member/moc_icon_btn_arrow_blk.png) right center no-repeat #ffffff;
    font-size: 123.1%;
    text-align: center;
    line-height: 68px;
    text-decoration: none;
}

.moc-entry-btn a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*OEC*/

.oecArea {}

.oecTopCard {
    float: right;
    width: 540px;
    overflow: hidden;
    font-size: 93%;
    margin-bottom: 30px;
}

.oecTopCard .cardimg {
    float: left;
    padding-right: 15px;
}

.oecBtnArea {
    width: 690px;
    margin: 0 auto;
    padding-bottom: 70px;
    clear: both;
    overflow: hidden;
}

.oec-entry-btn {
    float: left;
}

.oec-entry-btn span {
    font-size: 11px;
}

.oec-entry-btn a {
    display: block;
    width: 310px;
    padding: 15px 10px 15px 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: url(../../images/member/moc_icon_btn_arrow_blk.png) right center no-repeat #ffffff;
    font-size: 123.1%;
    text-align: center;
    text-decoration: none;
}

.oec-entry-btn a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.oecWrap {
    width: 100%;
    margin: 0;
    text-align: left;
}

.oecWrap .oecBox {
    margin-bottom: 45px;
}

.oecBox h3 {
    float: left;
    width: 365px;
}

.oecBox h4 {
    margin-bottom: 10px;
    font-size: 123.1%;
    font-weight: bold;
    color: #643931;
}

.oecBox .textBox {
    float: left;
    width: 535px;
}

.oecBox .textBox p {
    margin-bottom: 10px;
    font-size: 93%;
}

.oecBox .textBox p strong {
    margin-bottom: 10px;
    font-size: 108%;
    font-weight: bold;
}

.oecShop {}

.oecShop h3 {
    width: 350px;
    height: 30px;
    line-height: 30px;
    font-size: 116%;
    color: #ffffff;
    text-align: center;
    background: #643931;
}

.oecShop h4 {
    padding-bottom: 10px;
    border-bottom: 2px solid #000000;
}

.oecShop .oecShopListL {
    width: 420px;
    float: left;
    margin-right: 60px;
}

.oecShop .oecShopListM {
    width: 180px;
    float: left;
    margin-right: 60px;
}

.oecShopListL h4,
.oecShopListM h4 {
    margin: 0 0 10px;
}

.oecShopListL ul,
.oecShopListM ul {
    margin: 0 0 20px;
}

.oecShopListL ul {
    width: 180px;
    float: left;
}

.oecShopListL li,
.oecShopListM li {
    margin: 0 0 5px;
}

.oecMobile {
    border-radius: 0px;
    border: 2px solid #643931;
    padding: 18px;
}

.oecMobile .imgBox {
    float: left;
    width: 345px;
    text-align: left;
}

.oecMobile .textBox {
    float: left;
    width: 515px;
}

.oecMobile .textBox h3 {}

.oecMobile .textBox p a {
    color: #1E7880;
}


/*------------------------------------
カタログ
------------------------------------*/


/*カタログページだけ2段目ナビ削除*/

body.post-type-archive-catalog nav.lNav {
    display: none;
}

.catalogContents {
    width: 100%;
    overflow: hidden;
    font-size: 100%;
    margin-bottom: 80px;
}

.catalogContents .textArea {
    width: 540px;
    float: right;
    margin: 0;
}

.catalogContents .textArea h1 {
    padding: 0 0 6px;
    margin: 0 0 6px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    font-size: 123.1%;
}

.catalogContents .dlBtn {
    width: 150px;
    margin: 15px 0 0 auto;
    text-align: center;
}

.catalogContents .dlBtn .pdfSize {
    font-size: 83%;
    color: #999;
    margin: 3px 0 0;
}

.catalogContents .thumbs {
    width: 430px;
    float: left;
    margin: 0;
}


/*------------------------------------
会社概要
------------------------------------*/

#recruit,
#ir,
#corporation {
    background-color: #ffffff !important;
    background-image: none !important;
}


/*コンタクトボックス*/

.contactBox {
    border: 1px solid #f2f2ef;
    padding: 4px;
    margin: 0 0 80px;
}

.contactBox .box-inner {
    background-color: #f2f2ef;
    padding: 20px 110px;
}

.contactBox table {
    width: 770px;
    margin: 0 0 10px;
    text-align: center;
}

.contactBox h4 {
    border-bottom: 1px solid #f2f2ef;
    padding: 0 0 10px;
    margin: 0 0 15px;
    text-align: center;
}

.contactBox .tel {
    font-weight: bold;
    font-size: 150%;
}

.contactBox .notice {
    color: #808080;
}

.contactBox .txtC {
    text-align: center;
}

.aboutArea,
.philosophyArea,
.historyArea,
.factoryArea,
.CSRArea {
    width: 100%;
    font-size: 100%;
    overflow: hidden;
}

#corporation dl {
    overflow: hidden;
}

@media(max-width:767px) {
    .contactBox .box-inner {
        background-color: #f2f2ef;
        padding: 20px;
    }    
}
/*--- about ---*/

.aboutArea dt {
    clear: both;
    float: left;
/*    width: 140px;*/
    padding: 0 50px 30px 0;
    text-align: right;
}

.aboutArea dd {
    float: right;
    width: 810px;
    padding: 0 0 30px 0;
}

.aboutArea dd.last {
    padding: 0;
}

.officer {
    width: 810px;
}

.officer th {
    width: 150px;
    padding: 0 0 20px 0;
    text-align: left;
}

.officer td {
    vertical-align: bottom;
    padding: 0 0 20px 0;
    text-align: left;
}


/*--- philosophy ---*/

.philosophyArea li {
    margin-top: 30px;
}


/*--- history ---*/

.historyArea .textArea {
    width: 700px;
    float: left;
    padding-right: 40px;
}

.historyArea .textArea dt {
    clear: both;
    float: left;
    width: 150px;
    padding: 0 0 30px 0;
}

.historyArea .textArea dd {
    padding: 0 0 30px 150px;
}

.historyArea .textArea dd.last {
    padding: 10px 0 0 150px;
}

.historyArea .textArea dd p {
    text-indent: -1em;
    padding-left: 1em;
}

.historyArea .textArea dd.points {
    padding: 0 0 15px 150px;
}

.historyArea .textArea dd span {
    font-weight: bold;
    padding: 0;
    font-size: 116%;
}

.historyArea .imgArea p {
    margin-bottom: 30px;
}


/*--- organization ---*/

.organizationArea {
    padding: 19px;
    border: 1px solid #f2f2ef;
}


/*--- factory ---*/

.factoryArea .main {
    margin: 0 0 50px;
}

.factoryArea .first {
    margin: 0 0 70px;
}

.factoryArea .first h3 {
    margin: 0 0 30px;
}

.factoryArea .factoryAbout {
    width: 700px;
    margin: 0 auto;
}

.factoryArea .factoryAbout dt {
    clear: both;
    float: left;
    width: 130px;
    padding: 0 50px 30px 0;
    text-align: right;
    color: #808080;
}

.factoryArea .factoryAbout dd {
    padding: 0 0 30px 180px;
}

.factoryArea .factoryAbout dd.last {
    padding: 0 0 0 180px;
}

.factoryArea .factoryAbout .officer th {
    padding: 0 0 10px 0;
}

.factoryArea .factoryAbout .officer td {
    padding: 0 0 10px 0;
}


/*--- shoplist ---*/

.shoplistArea h4 {
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
}

.shoplistArea li {
    padding: 15px 0;
    border-bottom: 1px dotted #cccccc;
}


/*--- CSR ---*/

.CSRArea .textArea {
    width: 700px;
    float: left;
    /*padding-right:40px;*/
}

.CSRArea .textArea dt {
    clear: both;
    padding: 15px;
    margin: 0 0 20px 0;
    width: 600px;
    font-weight: bold;
    font-size: 116%;
}

.CSRArea .textArea dd {
    padding: 0 0 30px 50px;
}

.CSRArea .textArea dd.last {
    padding: 10px 0 0 50px;
}

.CSRArea .textArea dd p {
    text-indent: -1em;
    padding-left: 1em;
}

.CSRArea .textArea dd.points {
    padding: 0 0 15px 0px;
}

.CSRArea .textArea dd span {
    font-weight: bold;
    padding: 0;
    font-size: 116%;
}

.CSRArea .imgArea p {
    margin-bottom: 30px;
}


/*------------------------------------
#ir
------------------------------------*/

.courtesyArea,
.libraryArea,
.reportArea,
.stockArea {
    margin: 0 auto;
    font-size: 100%;
    overflow: hidden;
}

.disclaimerArea,
.stockArea,
.calenderArea,
.stockpriceArea {
    width: 1000px;
    margin: 0 auto;
    font-size: 100%;
    overflow: hidden;
}

table.irTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #E0E0E0;
    margin: 0 0 25px;
}

table.irTable th {
    width: 250px;
    padding: 10px 20px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background-color: #f2f2ef;
}

table.irTable td {
    padding: 10px 20px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

table.irTableW {
    width: 998px;
    border-collapse: collapse;
    border: 1px solid #f2f2ef;
    margin: 0 0 25px;
}

table.irTableW th {
    padding: 10px 20px;
    border: 1px solid #E9EEF1;
    background-color: #f2f2ef;
    text-align: center;
}

table.irTableW td {
    padding: 10px 20px;
    border: 1px solid #f2f2ef;
}

td.num {
    text-align: right;
}


/*--- courtesy ---*/

.courtesyArea .comment {
    color: #808080;
}


/*--- library ---*/

.irAttention {
    padding: 80px 0 0;
    background: url(../../images/common/dotline.png) 0 0 repeat-x;
}


/*--- report ---*/


/*--- stock ---*/



/*--- courtesy ---*/


/*--- stockprice ---*/

.stockpriceArea li {
    float: left;
    width: 415px;
    padding-right: 50px;
}

.stockpriceArea .sub-btn {
    width: 395px;
}

.stockpriceArea li .comment {
    padding: 10px;
}


/*--- calender ---*/

.calenderArea .cal {
    padding: 19px;
    border: 1px solid #f2f2ef;
}


/*--- disclaimer ---*/

#ir h3 {
    padding: 0 0 0 10px;
    width: 990px;
    height: 40px;
    background: #efefef;
    border-bottom: 1px solid #ffffff;
    font-size: 116%;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 30px;
}

.disclaimerArea {
    margin: 0 0 80px;
}


/*------------------------------------
#recruit
------------------------------------*/

.fleshArea,
.albaitArea,
.systemArea {
    width: 1000px;
    margin: 0 auto;
    font-size: 100%;
    overflow: hidden;
}

.systemArea {
    width: 900px;
}

/*--- message ---*/

.topmessageArea {
    background: #efefef;
    width: 920px;
    padding: 40px;
    font-size: 100%;
}

.topmessageArea .topsImage {
    margin-bottom: 60px;
    text-align: center;
}


/*--- flesh ---*/

.fleshArea .contactBox table {
    width: 790px;
}

.fleshArea .box-inner {
    overflow: hidden;
}

.fleshArea .box-inner p {
    float: left;
    margin-right: 20px;
}

.fleshArea .box-inner p.last {
    float: left;
    margin: 0;
}


/*--- career ---*/

.noContents {
    border: 1px solid #f2f2ef;
    padding: 80px;
    margin: 0 0 80px;
    text-align: center;
}

.noContents h3 {
    font-size: 117%;
}

.noContents p {
    color: #808080;
}


/*--- albait ---*/

.albaitArea .sub-btn a {
    background: url(../../images/common/btn_arrow.png) right center no-repeat #ffffff;
    padding-left: 20px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #dddddd;
    display: block;
    width: 395px;
    margin: 0 auto;
    color: #000000;
    text-decoration: none;
}

.albaitArea .sub-btn a:hover {
    color: #999999;
    text-decoration: none;
}


/*--- system ---*/

.systemArea h3 {
    margin-bottom: 30px;
}

.systemArea .schedule {
    width: 860px;
    margin: 0 auto 70px;
}

.systemArea .careerUp .textArea {
    width: 540px;
    float: right;
    overflow: hidden;
}

.systemArea .careerUp .textArea .imageBox {
    width: 540px;
    height: 358px;
    position: relative;
}

.systemArea .careerUp .textArea .imageBox p {
    position: absolute;
}

.systemArea .careerUp .textArea .imageBox p.photo01 {
    top: 0;
    left: 0;
}

.systemArea .careerUp .textArea .imageBox p.photo02 {
    top: 0;
    right: 0;
}

.systemArea .careerUp .textArea .imageBox p.photo03 {
    bottom: 0;
    left: 0;
}

.systemArea .careerUp .textArea .imageBox p.photo04 {
    bottom: 0;
    right: 0;
}

.systemArea .careerUp .pic {
    width: 417px;
    border: 1px solid #cccccc;
    float: left;
    margin-bottom: 70px;
}

.systemArea .sub-btn {
    width: 415px;
}

.systemArea .sub-btn a {
    background: url(../../images/common/btn_arrow.png) right center no-repeat #ffffff;
}

.systemArea .sub-btn a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/*------------------------------------
#recruit interview
------------------------------------*/

#interviewArchive {
    width: 918px;
    margin: 0 auto -60px;
    padding-left: 30px;
    overflow: hidden;
}

#interviewContents {
    width: 918px;
}

.interviewItem {
    width: 429px;
    margin: 0 30px 60px 0;
    float: left;
}

.interviewItem a {
    display: block;
}

.interviewItem a:hover {
    text-decoration: none;
}

.interviewItem h4 {
    padding: 8px 10px;
    background: url(../../images/common/btn_arrow.png) right center no-repeat #efefef;
    font-weight: bold;
}

.interviewItem a:hover h4 {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.interviewItem .comment {
    padding: 8px 10px;
}

.interviewItem .thumbs {
    width: 429px;
    height: 277px;
    overflow: hidden;
    position: relative;
}

.interviewItem .thumbs .new {
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.interviewDetail {
    width: 1000px;
    position: relative;
    font-size: 100%;
}

.interviewDetail .new {
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.interviewDetail .topPerson {
    width: 1000px;
    overflow: hidden;
    background: #efefef;
}

.interviewDetail .topPerson .top-image {
    float: left;
}

.interviewDetail .topPerson .top-name {
    width: 300px;
    padding: 40px 0 0 40px;
    float: right;
    position: relative;
}

.interviewDetail .topPerson .top-name p.name-j {
    font-size: 232%;
    font-family: "游明朝", "YuMincho", "serif";
    margin-bottom: 20px;
    line-height: 1;
}

.interviewDetail .topPerson .top-name p.name-e {
    font-size: 153.9%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 1;
}

.interviewDetail .topPerson .top-name p.name-p {
    font-size: 116%;
    margin: 0;
}

.interviewDetail h4 {
    width: 600px;
    font-size: 153.9%;
    padding: 8px 10px;
    background: #efefef;
    margin-bottom: 30px;
}

.interviewDetail .int-box {
    clear: both;
}

.interviewDetail .int-left {
    float: left;
    width: 620px;
}

.interviewDetail .int-right {
    float: right;
    width: 620px;
}

.interviewDetail .imgLeft {
    float: left;
    margin: 0;
}

.interviewDetail .imgRight {
    float: right;
    margin: 0;
}


/*------------------------------------
下層
------------------------------------*/


/*--- sitemap ---*/

.sitemapArea {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

.sitemapArea h3 {
    text-align: center;
    border-bottom: 1px solid #f2f2ef;
    margin: 0 0 70px;
}

.sitemapArea .column {
    width: 280px;
    float: left;
}

.sitemapArea .mr60 {
    margin-right: 60px;
}

.sitemapArea .brdbtm {
    padding-bottom: 10px;
    border-bottom: 1px solid #666666;
}

.sitemapArea .column .big-ttl {
    overflow: hidden;
}

.sitemapArea .column h4 {
    font-size: 138.5%;
    float: left;
}

.sitemapArea .column h5 {
    font-size: 77%;
    font-family: "游明朝", "YuMincho", "serif";
    float: right;
    margin-top: 5px;
}

.sitemapArea .column li {
    border-bottom: 1px solid #f2f2ef;
    font-size: 93%;
}

.sitemapArea .column li a {
    display: block;
    padding: 10px;
}

.sitemapArea .smConcept {
    margin: 0 0 40px;
}

.sitemapArea .smTopics {
    margin: 0 0 40px;
}

.sitemapArea .smOrder {
    margin: 0;
}

.sitemapArea .smShop {
    margin: 0 0 40px;
}

.sitemapArea .smMember {
    margin: 0 0 40px;
}

.sitemapArea .smCorporation {
    margin: 0 0 40px;
}

.sitemapArea .smIr {
    margin: 0 0 40px;
}

.sitemapArea .smRecruit {
    margin: 0 0 40px;
}


/*--- privacypolicy ---*/

.ppCorp dt {
    clear: both;
    float: left;
    width: 200px;
}

.ppCorp dd {
    padding: 0 0 0 200px;
}

.privacyArea .contactBox {
    border: 1px solid #f2f2ef;
    padding: 4px;
    margin: 0 0 80px;
}

.privacyArea .contactBox .box-inner {
    background-color: #efefef;
    padding: 20px 110px;
}

.privacyArea .contactBox table {
    width: 950px;
    margin: 0 0 5px;
}

.privacyArea .contactBox table th {
    width: 180px;
    padding: 0 25px;
    text-align: right;
}

.privacyArea .contactBox h4 {
    margin: 0 0 5px;
    text-align: center;
}

.privacyArea .contactBox .tel {
    font-weight: bold;
    font-size: 150%;
}

.privacyArea .contactBox .notice {
    color: #808080;
}

.privacyArea .contactBox .txtC {
    text-align: center;
}

.privacyArea .contactBox a {
    color: #000000;
    text-decoration: underline;
}

.privacyArea .contactBox dl {
    border-top: 1px solid #f2f2ef;
    padding: 15px 0 0;
    display: flex;
    justify-content: center;
}

.privacyArea .contactBox dl dt {
    width: 290px;  
}

.privacyArea .contactBox dl dt span {
    font-size: 116%;
}

.privacyArea .contactBox dl dd {

}


/*--- information---*/

#infoArchive .infoItem {
    border: 1px solid #f2f2ef;
    padding: 29px;
    margin: 0 0 40px;
}

#infoArchive .infoItem .entry-header {
    border-bottom: 1px solid #666;
    font-weight: bold;
    font-size: 133%;
    padding: 0 0 9px;
    margin: 0 0 25px;
}


/*--- usage ---*/

.usageArea {}


/*--- contact ---*/

.contactArea {
    margin-bottom: 70px;
}

.contactArea .cntBtn a {
    color: #000000;
    text-decoration: underline;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.contactArea a img {
    width: 100%;

}

.contactArea .cntColumn {
    border: 1px solid #f2f2ef;
    display: flex;
    flex-direction: column;
    height: 100%;
}


.contactArea .cntColumn .title {
    padding: 4px 4px 0 4px;
    margin: 0;
    border-bottom: 1px solid #f2f2ef;
}

.contactArea .cntColumn .title h3 {
    background-color:#f2f2ef;
    padding: 10px 5px;
    font-size: 116%;
    text-align: center;
    font-size: 14px;
}
.contactArea li:nth-child(2) .title h3 {
   font-size: 13px;
   letter-spacing: -.05px;
}

.contactArea .cntColumn .textArea {
    margin: 0 4px 4px 4px;
    padding: 15px 5px;
    background-color: #f2f2ef;
    position: relative;
    height: calc( 100% - 50px);
    display: flex;
    flex-direction: column;
    font-size: 13px;
}

.contactArea .cntColumn .telBox {
    text-align: center;
    margin: 15px 0 0;
}

.contactArea .cntColumn .telBox .tel {
    font-weight: bold;
    font-size: 200%;
    line-height: 1;
}

.contactArea .cntColumn .telBox .notice {
    color: #808080;
    font-size: 83%;
}

.contactArea .cntColumn .cntBtn {
     margin-top: auto;
     margin-left: auto;
     margin-right: auto;
     width: 250px;
}


/*お問い合わせ*/

.faqArea ul {
    margin: 0 0 70px;
}

.faqArea h3 {
    margin-bottom: 40px;
}

.faqArea .faqList {
    display: flex;
    flex-wrap: wrap;
}
.faqArea .faqList li {
   
}
.faqArea .faqList li a {
    padding: 8px 0 0;
    display: block;
    margin: 0 8px 8px;
   
}


.faqArea li.__item {
    margin-bottom: 60px;
}

.faqArea .entry-title {
    padding: 6px 0 6px 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #efefef;
    font-size: 116%;
    background: url(../../images/contact/ico_q.png) left top no-repeat;
}

.faqArea .entry-content {
    padding: 0 0 0 30px;
    background: url(../../images/contact/ico_a.png) left top no-repeat;
}

.faqArea .entry-content a {
    color: #1E7880;
    text-decoration: none;
}

.faqArea .entry-content a:hover {
    color: #1E7880;
    text-decoration: underline;
}

.faqArea strong {
    font-weight: bold;
}
@media(min-width: 768px){
    .faqArea .category {
        margin-top: -110px;
        padding-top: 110px;
    }
}

/*------------------------------------
Topics
------------------------------------*/


#topics .content {
    overflow: hidden;
}

#topics .cont-ttl {
    margin-bottom: 50px;
}

#topics .cont-ttl h2 {
    float: left;
    margin-right: 30px;
    line-height: 1.7;
    color: #000000;
}

#topics .cont-ttl h3 {
    float: left;
    line-height: 1.7;
    margin-top: 30px;
    color: #000000;
}

#topics .more_disp a {
    width: 80px;
    height: 50px;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
    background: url(../../images/topics/btn_more.png) no-repeat;
}

#topics .more_disp a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#pickupArchive,
#columnArchive {
    overflow: hidden;
    width: 100%;
    font-size: 100%;
}


/*------------------------------------
メインエリア共通
------------------------------------*/

section.pickupContents,
section.columnContents {
    width: 720px;
    float: left;
}

.pickupItem,
.columnItem {
    width: 340px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}

.pickupItem {
    height: 330px;
}

.pickupItem a,
.columnItem a,
.featureItem a {
    display: block;
}

.pickupItem a:hover,
.columnItem a:hover,
.featureItem a:hover {
    text-decoration: none;
}

.pickupItem h3,
.columnItem h3 {
    font-size: 108%;
    margin-bottom: 10px;
}

.pickupItem .thumbs,
.columnItem .thumbs {
    width: 340px;
    height: 220px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.pickupItem .thumbs img,
.columnItem .thumbs img {
    width: 340px;
    height: auto;
}

.pickupItem .comment,
.columnItem .comment {
    font-size: 85%;
    color: #7d6e46;
    text-align: right;
}

.pickupItem .thumbs .new,
.columnItem .thumbs .new,
.featureItem .thumbs .new {
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.pickupItem .thumbs .new img,
.columnItem .thumbs .new img,
.featureItem .thumbs .new img {
    width: 50px;
    height: 20px;
}

.pickupItem .contents h3 {
    height: 45px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
}

.columnItem .contents h3 {
    font-weight: bold;
    margin-bottom: 10px;
}


/*------------------------------------
メインエリア特集
------------------------------------*/

.columnFeature_wrapper section.columnContents {
    width: 100%;
    float: none;
}

.columnFeature_wrapper section.columnContents .featurePost {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.columnFeature_wrapper .featurePost .columnItem {
    width: 236px;
    margin: 0 18px 33px 0;
    padding-bottom: 8px;
    position: relative;
}

.columnFeature_wrapper .featurePost article:nth-child(4n).columnItem {
    margin: 0 0 33px 0;
}

.columnFeature_wrapper .columnItem .featureTxt {
    font-size: 108%;
    margin-bottom: 20px;
}

.columnFeature_wrapper .columnItem .thumbs {
    width: 236px;
    height: 220px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.columnFeature_wrapper .columnItem .thumbs img {
    width: 100%;
    height: auto;
}

.columnFeature_wrapper .columnItem .featureDay {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 92%;
    color: #7e7151;
    line-height: 1;
}

#topics .columnFeature_wrapper .rink_warp {
    margin-bottom: 120px;
}

#topics .columnFeature_wrapper .rink_warp div a {
    display: block;
    width: 250px;
    height: auto;
    text-indent: inherit;
    margin: auto;
    font-size: 115%;
    padding: 19px 0 16px;
    border-radius: 30px;
    text-align: center;
    line-height: 1;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #03717e;
    box-sizing: border-box;
}

#topics .columnFeature_wrapper .rink_warp div a:hover,
#topics .columnFeature_wrapper .more_picup a:hover {
    text-decoration: none;
    opacity: 0.8;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}

#topics .columnFeature_wrapper .rink_warp .more_disp_feature {
    margin: 0 20px 0 0;
}

#topics .columnFeature_wrapper .more_picup {
    margin: 50px 0 0;
}

#topics .columnFeature_wrapper .more_picup a {
    display: block;
    width: 250px;
    height: auto;
    text-indent: inherit;
    margin: auto;
    font-size: 115%;
    padding: 19px 0 16px;
    border-radius: 30px;
    text-align: center;
    line-height: 1;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #03717e;
    box-sizing: border-box;
}


/*------------------------------------
ピックアップ詳細
------------------------------------*/

.single-pickup .contents {
    background: #ffffff;
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.single-column .contents {
    background: #ffffff;
    overflow: hidden;
    width: 860px;
    margin: 0 auto;
}


/*------------------------------------
記事詳細
------------------------------------*/

.pickupDetail {
    width: 1000px;
    padding: 0;
    margin: 0;
}

.columnDetail {
    width: 798px;
    padding: 30px;
    margin: 0 0 60px;
    position: relative;
}

.pickupDetail a.close,
.columnDetail a.close {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 9px;
    bottom: 0;
    cursor: pointer;
}

.pickupDetail .new,
.columnDetail .new {
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.pickupDetail .entry-content,
.columnDetail .entry-content {
    padding: 0;
    margin: 0;
}

.pickupDetail a,
.columnDetail a {
    color: #06c;
    text-decoration: underline;
}

.single-column h4 {
    margin: 10px 0 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 117%;
    font-weight: bold;
}


/*------------------------------------
ニュース一覧
------------------------------------*/

.category-brandnews .contents,
.post-type-archive-shopnews .contents {
    width: 700px;
    float: left;
    overflow: hidden;
    background: none;
    font-size: 100%;
}


/*------------------------------------
  ------------------------------------

PickUp用

------------------------------------
------------------------------------*/


/*------------------------------------

Detail A 用

------------------------------------*/

.originalsArea {
    position: relative;
    width: 1000px;
}

.originalsTitle .contTitle {
    width: 450px;
    height: 155px;
    float: left;
    padding-bottom: 0;
    border-bottom: none;
    overflow: hidden;
    background: url(../concept/images/factory_title_bg.png) left bottom no-repeat;
}

.originalsTitle .contTitle h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 380%;
    line-height: 1;
    color: #000000;
}

.originalsTitle .contTitle h3 {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 153.9%;
    line-height: 1;
    margin-top: 10px;
    color: #000000;
}

.article-ttl {
    position: relative;
}

.article-ttl h3 {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 246%;
    line-height: 1.25;
    padding-bottom: 30px;
    border-bottom: 2px solid #000000;
    width: 540px;
}

.article-ttl h3 span {
    font-size: 65.6%;
}

.article-ttl div.date {
    position: absolute;
    right: 0;
    top: 0;
    background: #000000;
    color: #FFF;
    font-size: 85%;
    text-align: center;
    width: 90px;
    height: 19px;
    line-height: 19px;
}

.article-cont {
    overflow: hidden;
}

.article-cont .textBox p {
    margin-bottom: 1em;
}

.article-cont dl {
    display: table;
    font-size: 93%;
    background: #ffffff;
    padding: 10px;
    margin-bottom: 1em;
}

.article-cont dl dt,
.article-cont dl dd {
    display: table-cell;
    vertical-align: top;
}

.article-cont dl dt {
    width: 180px;
}

.article-cont dl dd {
    padding-left: 10px;
}

.article-cont dl dd p {
    margin-bottom: 5px !important;
    line-height: 1.5;
}

.article-cont dl dd p:last-child {
    margin-bottom: 0 !important;
}

.article-cont dl dd p strong {
    font-size: 138.5%;
    font-weight: bold;
}

.pickupDetailNewA,
.pickupDetailNewB {
    background: url(../../images/topics/bg.jpg) repeat;
    padding-top: 40px;
}

.pickupDetailNewA .article-cont .imgBox {
    clear: both;
    float: left;
    width: 540px;
}

.pickupDetailNewA .article-cont .textBox {
    float: right;
    width: 410px;
}

.pickupDetailNewA strong,
.pickupDetailNewB strong {
    font-weight: bold;
}

.pickupDetailNewA .infobox,
.pickupDetailNewB .infobox {
    border-top: 1px #000 solid;
    padding-top: 10px;
    margin-top: 30px;
}

.pickupDetailNewA .article-cont img,
.pickupDetailNewB .article-cont img {
    width: 100%;
    height: auto;
}

.pickupDetailNewA .article-cont .itemSpec .detail ul li,
.pickupDetailNewB .article-cont .itemSpec .detail ul li {
    margin-bottom: 10px;
}

.pickupDetailNewA .article-cont .itemSpec .detail ul .btn,
.pickupDetailNewB .article-cont .itemSpec .detail ul .btn {
    max-width: 80px;
}


/* スライダー部分 */

.pickupDetailNewA .article-cont .itemPhoto .photo {
    width: 540px;
    height: 720px;
    overflow: hidden;
    margin-bottom: 5px;
}

.pickupDetailNewA .article-cont .itemPhoto .photo .item {
    width: 540px;
    height: 720px;
    overflow: hidden;
    float: left;
}

.pickupDetailNewA .article-cont .itemPhoto .nav {
    overflow: hidden;
    width: 95px;
    height: 45px;
}

.pickupDetailNewA .article-cont .itemPhoto .nav li {
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.pickupDetailNewA .article-cont .itemPhoto .nav .prev {
    float: left;
}

.pickupDetailNewA .article-cont .itemPhoto .nav .next {
    float: right;
}

.pickupDetailNewA .article-cont .itemSpec {
    overflow: hidden;
}

.pickupDetailNewA .article-cont .itemSpec .photo {
    float: left;
    width: 220px;
    overflow: hidden;
}

.pickupDetailNewA .article-cont .itemSpec .detail {
    float: right;
    width: 310px;
}

.pickupDetailNewA .article-cont .itemSpec .detail p.notice {
    font-size: 85%;
}

.pickupDetailNewA .article-cont .itemSpec .detail ul {
    margin-bottom: 30px;
}

.pickupDetailNewA .article-cont .itemSpec .detail ul .name {
    font-weight: bold;
}

.pickupDetailNewA .article-cont .itemSpec .detail ul .number {
    margin-bottom: 20px;
}

.pickupDetailNewA .article-cont .itemSpec .detail ul .price {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 153.9%;
    margin-bottom: 10px;
}

.pickupDetailNewA .article-cont .itemSpec .detail ul .price span {
    font-size: 12px;
}

.pickupDetailNewB .article-cont .photoBox {
    width: 1000px;
    overflow: hidden;
}

.pickupDetailNewB .article-cont .imgBox {
    float: right;
    width: 540px;
}

.pickupDetailNewB .article-cont .textBox {
    float: left;
    width: 410px;
}

.pickupDetailNewB .article-cont .itemSpec {
    overflow: hidden;
}

.pickupDetailNewB .article-cont .itemSpec .photo {
    float: left;
    width: 280px;
    overflow: hidden;
}

.pickupDetailNewB .article-cont .itemSpec .detail {
    float: right;
    width: 240px;
}

.pickupDetailNewB .article-cont .itemSpec .detail p.notice {
    font-size: 85%;
}

.pickupDetailNewB .article-cont .itemSpec .detail ul {
    margin-bottom: 30px;
}

.pickupDetailNewB .article-cont .itemSpec .detail ul .name {
    font-weight: bold;
}

.pickupDetailNewB .article-cont .itemSpec .detail ul .number {
    margin-bottom: 20px;
}

.pickupDetailNewB .article-cont .itemSpec .detail ul .price {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 153.9%;
    margin-bottom: 10px;
}

.pickupDetailNewB .article-cont .itemSpec .detail ul .price span {
    font-size: 12px;
}

.pickupDetailNewB .article-cont .itemSpec .detail ul .btn {}


#topics .newsItem a.list {
    display: block;
    background: url(../../images/common/news_arw.png) 685px 100% no-repeat;
}

#topics .textArea {
    float: left;
    width: 425px;
    padding: 15px 25px;
}

#topics .newsItem .days {
    font-size: 85%;
    color: #7d6e46;
    margin-bottom: 5px;
}

#topics .newsItem .textArea h4 {
    padding: 3px 0 6px 0;
    margin: 0 0 6px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 117%;
}

#topics .newsItem .thumbs {
    width: 225px;
    height: 190px;
    overflow: hidden;
    position: relative;
    float: left;
}

#topics .newsItem .thumbs img {
    height: 190px;
    width: auto;
}

#topics .newsItem .thumbs .arw {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff url(../../images/common/news_arw.png) 0 0 no-repeat;
}

#topics .contents .newsItem .new img {
    width: 50px;
    height: 20px;
}

#topics .newsItem .thumbs .new {
    width: 50px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#topics .archiveNavi {
    width: 700px;
    padding: 0 0 20px 0;
    overflow: hidden;
}

#topics .archiveNavi ul {
    float: right;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 153.9%;
}

#topics .archiveNavi li {
    float: left;
    padding-left: 30px;
}

#topics .archiveNavi li a {
    color: #999999;
}

#topics .archiveNavi li a:hover,
#topics .archiveNavi li.current a {
    text-decoration: none;
    color: #000000;
}

#topics .archiveNavi .newsDetail {
    width: 700px;
    margin: 0 0 10px;
    position: relative;
    padding: 0;
}


/*------------------------------------
ニュース詳細
------------------------------------*/

#shop .content {
    overflow: hidden;
}

#topics .newsDetail,
#shop .newsDetail {
    width: 700px;
    margin: 0;
    position: relative;
    padding: 0;
}

#topics .newsDetail a.close,
#shop .newsDetail a.close {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 0;
    bottom: -30px;
    cursor: pointer;
}

.single-post a.close {
    display: none !important;
}

#topics .newsDetail .new,
#shop .newsDetail .new {
    width: 50px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#topics .newsDetail .entry-header,
#shop .newsDetail .entry-header {
    padding: 40px 20px 0 20px;
}

#topics .newsDetail .entry-title,
#shop .newsDetail .entry-title {
    width: 660px;
    padding: 6px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #666;
    font-size: 133%;
}

#topics .newsDetail .entry-content,
#shop .newsDetail .entry-content {
    width: 660px;
    margin: 0 auto;
    overflow: hidden;
}


/*#topics .newsContent {
	width:660px;
	padding:20px;
	overflow:hidden;
	position:relative;
}*/


/*------------------------------------
サイドアーカイブ
------------------------------------*/

aside.topicsAside {
    width: 280px;
    float: right;
}

aside.topicsAside .asideTitle {
    background: #ffffff;
    margin-bottom: 20px;
    padding: 0 0 5px 13px;
    border-left: 5px solid #007180;
}

aside.topicsAside .asideTitle h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 146.5%;
}

aside.topicsAside .asideTitle h2 {
    font-family: "游明朝", "YuMincho", "serif";
    font-size: 93%;
    line-height: 1;
}

aside.topicsAside ul {
    padding-bottom: 20px;
}

aside.topicsAside li {
    margin-bottom: 20px;
    list-style: none;
}


/*------------------------------------
サイドアーカイブ 特集
------------------------------------*/

.columnFeature_wrapper aside.topicsAside {
    width: 100%;
    float: none;
}

.columnFeature_wrapper aside.topicsAside ul {
    padding: 0 0 20px 20px;
}


/*------------------------------
Blog
--------------------------------*/

.blogContArea .blTitle {
    width: 500px;
    margin: 0 auto 40px;
}

.blogContArea .blTitle h3 {
    font-size: 232%;
    text-align: center;
    width: 500px;
    padding-bottom: 8px;
    border-bottom: 5px solid #000000;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.blogContArea .blTitle .blLead {
    text-align: center;
    font-size: 123.1%;
    font-family: "游明朝", "YuMincho", "serif";
}


/*カルーセル*/

.blSlide01 {
    margin-bottom: 80px;
    overflow: hidden;
}

.blSlide01,
.blSlide02 {
    clear: both;
    overflow: hidden;
    width: 1000px;
    position: relative;
}

.blSlide01 a:hover,
.blSlide02 a:hover {
    text-decoration: none;
}

#owl-blog01,
#owl-blog02 {
    overflow: hidden;
    margin-bottom: 20px;
}


/*左右矢印*/

.blogContArea .customNavigation {
    width: 100px;
    height: 45px;
    position: relative;
    margin: 0 auto -40px;
}

.blogContArea .list-arrow-left a,
.blogContArea .list-arrow-right a {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    position: absolute;
    display: block;
    cursor: pointer;
}

.blogContArea .list-arrow-left a {
    left: 0;
    top: 0;
}

.blogContArea .list-arrow-right a {
    right: 0;
    top: 0;
}

.blogContArea .list-arrow-left a:hover,
.blogContArea .list-arrow-right a:hover {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

.blogContArea .blogLink {
    float: right;
}

.blogContArea .blogLink a {
    display: block;
    width: 290px;
    height: 68px;
    padding-right: 10px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: url(../../images/member/moc_icon_btn_arrow_blk.png) 270px 22px no-repeat #ffffff;
    font-size: 123.1%;
    text-align: center;
    line-height: 68px;
    text-decoration: none;
}

.blogContArea .blogLink a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.blogContArea .blogLink a img {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

.blogContArea .blogLink a:hover img {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#owl-blog01 .item {
    width: 310px;
    padding: 10px;
    background: #ffffff;
    text-align: left;
}

#owl-blog01 .item .bl-img {
    margin-bottom: 10px;
    overflow: hidden;
    width: 310px;
    height: 200px;
}

#owl-blog01 .item .bl-img img {
    width: 310px;
    height: auto;
}

#owl-blog01 .item .bl-txt {
    font-size: 100%;
    height: 45px;
}

#owl-blog01 .item .bl-date {
    text-align: right;
    color: #7d6e46;
    font-size: 85%;
}

#owl-blog02 .item {
    width: 225px;
    padding: 10px;
    background: #ffffff;
    text-align: left;
}

#owl-blog02 .item .bl-img {
    margin-bottom: 10px;
    overflow: hidden;
    width: 225px;
    height: 320px;
}

#owl-blog02 .item .bl-img img {
    width: 225px;
    height: auto;
}

#owl-blog02 .item .bl-txt {
    font-size: 100%;
    height: 70px;
}

#owl-blog02 .item .bl-date {
    text-align: right;
    color: #7d6e46;
    font-size: 85%;
}


/*------------------------------------
#contactForm
------------------------------------*/

body#contactForm .contents a {
    color: #000;
    text-decoration: underline;
}

body#contactForm .header {
    height: 102px;
}

body#contactForm .header h1 {
    padding: 11px 0 0 0;
}

body#contactForm .contents {
    margin: 0 0 45px;
    padding: 0 50px 80px;
}

body#contactForm p.close {
    text-align: center;
    margin: 0 0 48px;
    padding: 0;
}

body#contactForm .footer {
    padding: 30px 0 0;
    height: 66px;
}

body#contactForm .attentionArea {
    background-color: #f4f6f8;
    margin: 0 0 80px;
    padding: 30px;
    display: none;
}

body#contactForm .attentionArea h3 {
    padding: 3px 6px;
    margin: 0 0 18px;
    border-bottom: 1px solid #b2b2b2;
    font-size: 117%;
}

body#contactForm .attentionArea ul {
    margin: 0 0 20px;
}

body#contactForm .attentionArea li {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

body#contactForm .privacyBox {
    background-color: #fcfbf3;
    margin: 0 0 60px;
    padding: 30px;
}

body#contactForm .privacyBox h3 {
    padding: 3px 6px;
    margin: 0 0 18px;
    border-bottom: 1px solid #b2b2b2;
    font-size: 117%;
}

body#contactForm .changeText {
    text-align: center;
    margin: 0 0 25px;
    color: #ab0004;
}


/* form */

body#contactForm table {
    width: 860px;
    border-collapse: collapse;
    border: 1px solid #f2f2ef;
    margin: 0 0 25px;
}

body#contactForm table th {
    padding: 10px 0 10px 20px;
    border: 1px solid #f2f2ef;
    background-color: #E9EEF1;
    text-align: left;
    vertical-align: top;
}

body#contactForm table th.add {
    background-color: #f4f7f8;
    border-left: none;
}

body#contactForm table th.addPar {
    border-right: none;
}

body#contactForm table th.inq {
    background: #E9EEF1 url(../../images/contact/ico_req.png) 275px 11px no-repeat;
}

body#contactForm table td {
    padding: 6px 20px;
    border: 1px solid #f2f2ef;
}

body#contactForm table td .radio li {
    padding: 2px 0;
}

body#contactForm input {
    vertical-align: middle;
}

body#contactForm input[type=text] {
    padding: 3px;
    border: 1px solid #b2b2b2;
}

body#contactForm select {
    padding: 3px;
    border: 1px solid #b2b2b2;
}

body#contactForm textarea {
    padding: 3px;
    border: 1px solid #b2b2b2;
}

body#contactForm .w490 {
    width: 488px;
    height: 180px;
}

body#contactForm .w310 {
    width: 308px;
}

body#contactForm .w70 {
    width: 68px;
}

body#contactForm .w80 {
    width: 78px;
}

body#contactForm .w120 {
    width: 118px;
}

body#contactForm .w100 {
    width: 98px;
}

body#contactForm .att {
    margin-left: 10px;
    font-size: 83%;
}

body#contactForm .btn {
    text-align: center;
}


/*------------------------------------
margin
------------------------------------*/

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.imgLeft {
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}

.imgRight {
    float: right;
    margin-left: 40px;
    margin-bottom: 40px;
}


/*------------------------------------
ClearFix
------------------------------------*/

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}


/*------------------------------------
Slider Pro
------------------------------------*/

.slider-pro {
    font-family: 'Open Sans', Arial;
}

.links {
    text-align: center;
    margin-top: 10px;
}


/* Example 5 */

#slideArea {
    text-align: left;
    font-size: 100%;
}

#slideArea .sp-thumbnail-image-container {
    width: 195px;
    height: 80px;
    overflow: hidden;
    float: left;
}

#slideArea .sp-thumbnail-image {
    height: 100%;
}

#slideArea .sp-caption-container {
    text-align: left;
}

@media (max-width: 500px) {
    #slideArea .sp-thumbnail {
        text-align: center;
    }
    #slideArea .sp-thumbnail-image-container {
        display: none;
    }
    #slideArea .sp-thumbnail-text {
        width: 120px;
    }
    #slideArea .sp-thumbnail-title {
        font-size: 12px;
        text-transform: uppercase;
    }
    #slideArea .sp-thumbnail-description {
        display: none;
    }
}

@media (max-width: 1040px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .header,
    nav.lNav,
    .footer,
    .crumb,
    #order .topBelt {
        padding-right: 20px;
        padding-left: 20px;
    }
 
    .concept-top .content {
        margin-right: 0;
        margin-left: 0;
    }
    .concept .indexBox {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -o-box-sizing: content-box;
        -ms-box-sizing: content-box;
        box-sizing: content-box;
    }
    .inner {
        width: 100%;
    }
    nav.under-nav {
        left: 0;
        bottom: 60px;
        margin-left: 0;
    }
    #top_telop {
        left: 0!important;
        bottom: 94px!important;
        margin-left: 0!important;
    }
    .index-under {
        bottom: 50px;
    }
    .footer-simple {
        height: 50px;
        position: absolute;
        bottom: 0;
    }
    .footer nav.bottom-nav ul {
        width: 100%;
        height: 35px;
        background: url(../../images/common/copyrights.png) center bottom no-repeat;
    }
    .shopItem .textArea {
        width: 480px;
    }
}


/*------------------------------------
Coordinate
------------------------------------*/

body#coordinate {
    background: url(../../images/topics/bg.jpg) repeat;
}


/*------------------------------------
Color Box
------------------------------------*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
    background: #000000;
}

#colorbox {
    outline: 0;
}

#cboxContent {
    overflow: hidden;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin: 28px 0;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    display: none;
}


/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}


/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}


/*        #cboxPrevious{position:absolute; top:0; left:0; background:url(../img/btn_back.png) top center no-repeat; width:56px; height:12px; text-indent:-9999px;}
        #cboxNext{position:absolute; top:0; right:0; background:url(../img/btn_next.png) top center no-repeat; width:58px; height:12px; text-indent:-9999px;}*/

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -22px;
    background: url(../../images/concept/btn_close.png) top center no-repeat;
    width: 43px;
    height: 43px;
    text-indent: -9999px;
}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

iframe {
    border: none;
}


/*------------------------------------------*/

@media screen and (min-width: 1024px) {
    #shop .catTitle {
        text-align: center;
        background: #fff;
    }
    #shop .contents {
        margin: 50px auto;
        width: 700px;
    }
    #shop .newsDetail img.pngimg {
        max-height: 20px;
        max-width: 50px;
    }
}