@charset "UTF-8";
/* *****************************************************************
リセット
共通
文字
メニュー（ヘッダ）
オークション
***************************************************************** */
/* *****************************************************************
リセット
***************************************************************** */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;}
article, aside, details, footer, header, main, menu, nav, section, summary {display: block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
    text-decoration: none;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {vertical-align:middle;}
@media (min-width: 768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/* *****************************************************************
共通
***************************************************************** */
html, body {
    height: 100%;
    width: 100%;
	word-wrap: break-word;
}
html {overflow-y: scroll;}
* {
    margin: 0;
    padding: 0;
	box-sizing: border-box;
}
img {
    width: 100%;
    height: auto;
    border: medium none;
    vertical-align: middle;
}
:hover{
    transition: all  0.5s ease;
}
ul, ol {list-style: outside none none;}
.pad_t0{padding-top: 0!important;}
.pad_b0{padding-bottom: 0!important;}
.pad_l1{padding-left: 1em;}
.mrg_t1em{margin-top: 1em;}
.double{margin-bottom: 2em;}
.flex{display: flex;}
.between{justify-content: space-between;}
.inline{display: inline-block;}

/* アニメーション */
.animate {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease;
    transition-delay: 0;
}
.animate.show{
    opacity: 1;
    transform: translateY(0);
}
.animate_start {
    animation: fadein 1s ease forwards;
    transition-delay: 0s;
}
@keyframes fadein {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.two {transition-delay: 0.2s;}
.three {transition-delay: 0.4s;}
.four {transition-delay: 0.6s;}
.five {transition-delay: 0.8s;}
.six {transition-delay: 1s;}

#wrapper {
	width: 100%;
    min-height: 100vh;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 40px;
}
#wrapper.home{
    padding-bottom: 0;
}
#wrapper.page{
    background-color: #eee;
}
.page main{
    width: 100%;
    max-width: 1366px;
    height: 100%;
    margin: auto;
    padding: 180px 60px 60px;
    overflow: hidden;
}
.page h2{
    width: 120px;
    font-weight: normal;
    color: #a6a6a6;
}
.page .right{
    width: calc(100% - 120px);
}
footer {
    width: 100%;
    height: 40px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    opacity: 0.8;
    text-align: right;
    padding: 14px 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.page footer,.s_work footer{
    color: #666;
}
footer p{
    padding-right:3.91667%;
}

.sp_no{display: block;}
.sp_only{display: none;}
@media screen and (max-width: 768px) {
    .page main{
        padding: 120px 60px 60px;
    }
    .page h2,.page .right{
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    .sp_no{display: none;}
    .sp_only{display: block;}
    .page main{
        padding: 100px 5% 40px;
    }
}

/* *****************************************************************
文字
***************************************************************** */
body {
	font-family: "OptimaLTProRoman", YakuHanMP, yu-mincho-pr6n, 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', 'Times New Roman', serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;
	-webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    color: #666666;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
a, a:link {color: #333333;}
a:visited {color: #333333;}
a:focus {outline: medium none;}
.home{
    font-size: 14px;
}
.t_cent{text-align: center;}
.txt12{font-size: 12px;}
.txt14{font-size: 14px;}
.gold{color: #c29a1f;}
.d_brown{color: #7c7569;}

/* *****************************************************************
メニュー（ヘッダ）
***************************************************************** */
header {
    width: 100%;
	margin: 0 auto;
    position: fixed;
    z-index: 5;
}
.s_work header{
    transition: all 0.3s ease;
    background-color: transparent;
}
.page header{
    height: 140px;
    background-color: rgba(238,238,238,0.8);
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
header .logo{
    position: relative;
    width: 132px;
    top: 2.9375rem;
    left: 3.41667%;
    z-index: 100;
}
header .lang{
    width: auto;
    position: fixed;
    top:3.7rem;
    right:8rem;
    z-index: 100;
    color: #fff;
    text-align: center;
    padding-right: 12px
}
header .lang:after {
    position: absolute;
    top: 40%;
    right: 0;
    content: '';
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    width: 7px;
    height: 7px;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}
.lamg_select {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    width: 100%;
    padding: 0 4px 0 7px;
    font-size: 14px;
    border-radius: 0;
    border: none;
    color: #fff;
    cursor: pointer;
}
header.active .lang,
header.active .lang:after,
header.active .lamg_select{
    color: #fff!important;
}
.page header .lang,
.page header .lang:after,
.page header .lamg_select,
.s_work header .lang,
.s_work header .lang:after,
.s_work header .lamg_select{
    color: #666;
}
.lamg_select:focus {
    outline: none;
}
header .lang .lamg_select {
    appearance: none;
    -webkit-appearance:none
}
header .lang select::-ms-expand {
    display: none;
}
header .lang .lamg_select option{
    display: block;
    color: #666;
    background-color:#ddd;
}

/*btn*/
.menu{
    visibility:visible;
    width:3.125rem;
    height:3.125rem;
    display:block;
    position:fixed;
    top:3.1875rem;
    right:3.91667%;
    z-index:500;
    cursor:pointer;
}
.menu:before,.menu:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    border-radius:50%;
    transition:opacity 0.6s cubic-bezier(0.4, 0.15, 0.2, 1);
}
.menu:before{
    /*border:.0625rem solid rgba(255,255,255,0.5);*/
    opacity:0;
}
.active .menu:before{opacity:1 !important;}
/*.menu:after{
    border:.0625rem solid rgba(255,255,255,0.5);
}*/
.active .menu:after{opacity:0 !important;}
.menu_linebox{
    display:block;
    width:30px;
    height:8px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    z-index:5;
}
.menu_line{
    display:block;
    width:100%;
    height:1px;
    position:absolute;
    left:0;
    overflow:hidden;
    z-index:0;
    background-color:rgba(255,255,255,0.9);
    transition:transform 0.5s cubic-bezier(0.4, 0.15, 0.2, 1);
    backface-visibility:hidden;
}
.page .menu_line,.s_work .menu_line{
    background-color:rgba(102,102,102,0.9);
}
.page .active .menu_line{
    background-color:rgba(255,255,255,0.9);
}
.line_top{top:0;}
.active .line_top{transform:translateY(3px) rotate(45deg);}
.line_bottom{bottom:0;}
.active .line_bottom{transform:translateY(-3px) rotate(-45deg);}
.b--hm__l{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    top:0;
    left:0;
    backface-visibility:hidden;
}
.b--hm__l::before,
.b--hm__l::after{
	content:'';
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	width:0;
	height:1px;
    background-color:#888;
}

/*hover*/
.menu:hover .b--hm__l::before,
.menu:hover .b--hm__l::after{
    animation: passing-bar 0.5s ease 0s 1 normal;
}
.menu:hover .line_bottom .b--hm__l::before,
.menu:hover .line_bottom .b--hm__l::after{
    animation: passing-bar 1s ease 0s 1 normal;
}
@-webkit-keyframes passing-bar{
	0% {
		width: 0;
	}
	50% {
		width: 100%;
	}

	100% {
		width: 0;
	}
}
.active .b--hm__l:before{opacity:1 !important}

/*gnav*/
.gnav {
    display: none;
    height: 100%;
    position: fixed;
    top:0;
    right: 0;
    width: 40%;
    min-width: 455px;
    z-index: 98;
}
.gnav__wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
}
.gnav__wrap .company{
    width: 100%;
    opacity: 0.8;
    color: #e5e5e5;
    font-size: 1.171vw;
}
.gnav__wrap .company h1{
    font-size: 1.317vw;
}
.gnav__wrap .bgc{
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    opacity: .65;
}
.gnav__menu{
    z-index: 1;
    width: 100%;
    height: 100%;
    padding-top: 145px;
    padding-left: 12.186%;
    padding-bottom: 3em;
    padding-right: 3.91667%;
    overflow-y: auto;
}
.gnav__menu__item {
    margin-top: 28px;
    padding: 15px 0 15px 20px;
    background: linear-gradient(to right, rgba(0,0,0,0.85), rgba(0,0,0,0));
    border-radius: 10px;
}
.gnav__menu__item:hover{
    background: linear-gradient(to right, rgba(100,100,100,0.4), rgba(100,100,100,0));
}
.gnav__menu__item a{
    display: block;
    width: 100%;
    font-size: 1.171vw;
    overflow: hidden;
    color: #fff;
    position: relative;
    height: 1em;
    line-height: 1em;
}
.gnav__menu__item a:hover {
    opacity: .4;
}
.gnav__menu__item p{
    display: flex;
    height: 1em;
    line-height: 1em;
    position: absolute;
}
.gnav__menu__item p.base span {
  display: block;
  transform: translate(0, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
.gnav__menu__item a:hover p.base span {
  transform: translate(0, -100%);
}
.gnav__menu__item p.hover span {
  display: block;
  transform: translate(0, 100%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
.gnav__menu__item a:hover p.hover span {
  transform: translate(0, 0);
}

.gnav__menu__item p.hover span:nth-child(2),
.gnav__menu__item p.base span:nth-child(2) {
  transition-delay: 0.04s;
}
.gnav__menu__item p.hover span:nth-child(3),
.gnav__menu__item p.base span:nth-child(3){
  transition-delay: 0.08s;
}
.gnav__menu__item p.hover span:nth-child(4),
.gnav__menu__item p.base span:nth-child(4){
  transition-delay: 0.12s;
}
.gnav__menu__item p.hover span:nth-child(5),
.gnav__menu__item p.base span:nth-child(5){
  transition-delay: 0.16s;
}
.gnav__menu__item p.hover span:nth-child(6),
.gnav__menu__item p.base span:nth-child(6){
  transition-delay: 0.20s;
}
.gnav__menu__item p.hover span:nth-child(7),
.gnav__menu__item p.base span:nth-child(7){
  transition-delay: 0.24s;
}
.gnav__menu__item p.hover span:nth-child(8),
.gnav__menu__item p.base span:nth-child(8){
  transition-delay: 0.28s;
}
.insta_menu{
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 28px;
    margin-left: 20px;
	float: left;
}
.insta_menu a{
    width: 20px;
    height: 20px;
    background: url("../../images/icon-insta.png") no-repeat;
    background-size: 20px 20px;
    display: block;
}
.youtube_menu{
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 28px;
    margin-left: 60px;
}
.youtube_menu a{
    width: 20px;
    height: 20px;
    background: url("../../images/icon-youtube.png") no-repeat;
    background-size: 20px 20px;
    display: block;
}
@media only screen and (max-width: 1366px) {
    .gnav__menu__item a,
    .gnav__wrap .company{
        font-size: 16px;
    }
    .gnav__wrap .company h1{
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px) {
    .page header,
    .s_work header.stop{
        height: 100px;
    }
    header .logo{
        width: 120px;
        top: 1.9375rem;
        left: 5%;
    }
    header .lang{
        font-size: 14px;
        top:2.6875rem;
    }
    .menu{
        top: 1.9375rem;
        right: 5%;
    }
}
@media only screen and (max-width: 640px) {
    .page header{
        height: 85px;
    }
    .s_work header.stop{
        height: 85px;
        background-color: rgba(238,238,238,0.8);
    }
    .s_work header.lang,
    .s_work header .lang:after,
    .s_work header .lamg_select{
        color: #666;
    }
    .s_work .menu_line{
        background-color:rgba(102,102,102,0.9);
    }
    .s_work .active .menu_line{
        background-color:rgba(255,255,255,0.9);
    }
    header .logo{
        top: 1rem;
        left: 5%;
    }
    header .lang{
        top: 1.85rem;
        right: 90px;
    }
    .menu{
        top: 1.2rem;
        right: 5%;
    }
    .gnav {
        width: 100%;
        min-width: 100%;
    }
    .gnav__wrap .bgc{
        opacity: .8;
    }
    .gnav__menu{
        padding-top: 80px;
    }
}

/* *****************************************************************
オークション
***************************************************************** */
#wp-container-p img{
    width: auto;
    height: auto;
}
#wp-image-p img{
    width: 100%;
}
#TB_window{
    width: 80%!important;
    max-width: 785px;
}
#wp-container-p,#TB_ajaxContent{
    width: 100%!important;
}
.wpa-bid-form .form-control{
    color: #000;
}
#wpa-liveprice{
    font-size: 22px;
}
.col-md-9{
    width: 100%!important;
}
#TB_window img#TB_Image {
  margin: 0!important;
}
.media p,.media a,.media span{
color: #fff!important;
}