@charset "UTF-8";
*,:after,:before{margin:0;padding:0;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing: antialiased;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
a{outline:0}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0}
a{text-decoration: none;}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button { border:none; background: none; outline:0 }
button:focus { outline: none; }
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ul,li { list-style:none; }
.cf:after,.cf:before{content:" ";display:table}
.cf:after{clear:both}
.cf{*zoom:1}
.fl { float: left; }
.fr { float: right !important; }
.table { position: relative; display: table; width: 100%; height: 100%; }
.table-cell { position: relative; display: table-cell; vertical-align: middle; }
.va-top { vertical-align: top }
.va-bottom { vertical-align: bottom }
.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ta-right { text-align: right; }
.media-holder{position:relative;width:100%;height:0;padding:0 0 100%;overflow:hidden; }
.media-holder.h16 {padding:0 0 16.66%;}
.media-holder.h30 {padding:0 0 30%;}
.media-holder.h33 {padding:0 0 33%;}
.media-holder.h50 {padding:0 0 50%;}
.media-holder.h56 {padding:0 0 56%;}
.media-holder.h62 {padding:0 0 62%;}
.media-holder.h67 {padding:0 0 67%;}
.media-holder img,.media-holder iframe,.media-holder video {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden}

@font-face { font-family:'Griffon'; src:url('../fonts/Griffon_W01_Regular.eot'); src:url('../fonts/Griffon_W01_Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Griffon_W01_Regular.woff') format('woff'), url('../fonts/Griffon_W01_Regular.ttf') format('truetype'), url('../fonts/Griffon_W01_Regular.svg') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family:'Griffon'; src:url('../fonts/Griffon_W01_Semibold.eot'); src:url('../fonts/Griffon_W01_Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Griffon_W01_Semibold.woff') format('woff'), url('../fonts/Griffon_W01_Semibold.ttf') format('truetype'), url('../fonts/Griffon_W01_Semibold.svg') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family:'GothamNarrow'; src:url('../fonts/GothamNarrow-Book.eot'); src:url('../fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-Book.woff') format('woff'), url('../fonts/GothamNarrow-Book.ttf') format('truetype'), url('../fonts/GothamNarrow-Book.svg') format('svg'); font-weight:400; font-style:normal; }
@font-face { font-family:'GothamNarrow'; src:url('../fonts/GothamNarrow-Bold.eot'); src:url('../fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-Bold.woff') format('woff'), url('../fonts/GothamNarrow-Bold.ttf') format('truetype'), url('../fonts/GothamNarrow-Bold.svg') format('svg'); font-weight:700; font-style:normal; }

body { background: #fff; font-family:'Noto Serif','游明朝体','Yu Mincho','YuMincho','Hiragino Mincho ProN','HiraMinProN-W6','ヒラギノ明朝 ProN W6','ＭＳ Ｐ明朝','MS PMincho','MS 明朝',serif; -webkit-font-smoothing: antialiased; color:#222; }
h1,h2,h3,h4,h5,b,strong { font-weight: 400; }
i,em { font-style: italic; }
.sans-serif { font-family:'GothamNarrow',Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ',sans-serif; }
.sans-serif b,.sans-serif strong { font-weight: 700; }
.griffon { font-family:'Griffon',serif; }
.griffon b,.griffon strong { font-weight: 600; }

#progress { width:100%; height:100%; left:0; top:0; position: fixed; background-color: white; z-index: 9999; }
div.loader { width:40px; height:40px; position: absolute; top:50%; left:50%; margin-top: -20px; margin-left: -20px; }

/* Header */
header { position: absolute; left:0; top:0; width: 100%; height: 150px; z-index: 999; }
header.lp-header { height: 50px; }
.header-top {position: absolute;left:0;top:0;width: 100%;height: 50px;background-color: #760c2f;z-index: 10;}
.header-top nav { position: relative; width: 100%; /*padding-right: 250px;*/ padding-right: 200px; }
.header-top .gn { position: relative; display: block; width: 100%; }
.header-top .gn li { display: block; /*width: 25%;*/ width: 33.3333%; height: 50px; float: left; border-right: 1px solid rgba(255,255,255,0.2); overflow: hidden; }
.header-top .gn li a { position: relative; display: block; width: 100%; font-size: 11px; line-height: 50px; color:#fff; text-align: center; -webkit-transition: color 0.5s cubic-bezier(.19,1,.22,1); transition: color 0.5s cubic-bezier(.19,1,.22,1); }
.header-top .gn li s { position: relative; display: block; width: 100%; font-size: 11px; line-height: 50px;text-align: center; color: rgba(255,255,255,0.5); text-decoration: none; }
.header-top .gn li a span,
.header-top .gn li s span { position: relative; text-transform: uppercase; letter-spacing: 1px; }
.header-top .gn li.active a {background-color: #920d39;font-weight: 700;}
.header-top .gn li .acc { background-color: #002C60; }
.header-top .gn li.active a.acc {background-color: #00388B; }
.header-top .sns { position: absolute; /*right:130px;*/ right:0; top:0; width: 200px; height: 50px; }
.header-top .sns li { display: block; width: 50px; height: 50px; float: left; border-right: 1px solid rgba(255,255,255,0.2); overflow: hidden; }
.header-top .sns li a { position: relative; display: block; width: 100%; height: 100%; }
.header-top .sns li a img { position: absolute; left:50%; top:50%; width: 14px; height: 14px; margin:-7px 0 0 -7px; }
.header-top .sns li.lang { border-right:none; background-color: #191919; text-align: center; }
.header-top .sns li.lang a { line-height: 50px; font-size: 12px; font-weight: 700; display: block; color:#fff; }
.header-top .login { position: absolute; right:0; top:0; width: 130px; height: 40px; }
.header-top .login a { position: relative; display: block; width: 100%; height: 100%; font-size: 12px; line-height: 40px; font-weight: 700; color:#fff; text-align: center; background-color: #ba3131; }
.header-top .login a span { position: relative; display: inline-block; padding-left: 22px; text-transform: uppercase; letter-spacing: 1px; }
.header-top .login a span img { position: absolute; left:0; top:50%; width: 16px; height: 16px; margin:-8px 0 0 0; }
.header-bottom { position: absolute; left:0; bottom:0; width: 100%; height: 100px; background-color: #fff; }
.header-bottom .logo { position: absolute; left:0; top:25px; width: 140px; height: 50px; z-index: 2; }
.header-bottom .logo a,
.header-bottom .logo img { display: block; width: 100%; height: 100%; }
.header-bottom nav { position: relative; display: block; width: 100%; text-align: center; height: 100px; overflow: hidden; }
.header-bottom .cn { display: inline-block; }
.header-bottom .cn li { display: inline-block; margin:0 12px; height: 100px; }
.header-bottom .cn li a { position: relative; display: block; line-height: 100px; font-size: 11px; color:#222; letter-spacing: 2px; overflow: hidden; }
.header-bottom .cn li a span { position: relative; }
.header-bottom .cn li.active a { font-weight: 600; color: #920d39; }
.header-bottom .search { position: absolute; right: 40px; top:0; height: 100px; min-width: 40px; }
.header-bottom .search .icon { position: absolute; right:0; top:50%; margin-top: -20px; width: 40px; height: 40px; cursor: pointer; }
.header-bottom .search .icon img { position: absolute; display: block; left:50%; top:50%; width: 20px; height: 20px; margin:-10px 0 0 -10px; }
.header-bottom .nav-trigger { position: absolute; right:0; top:0; width:20px; height:100px; cursor:pointer; }
.header-bottom .btn-menu { display: block; position: relative; padding: 44px 0; z-index: 2;}
.header-bottom .btn-menu > div { position: relative; width: 20px; height: 1px; display: block; overflow: hidden; transition: transform 0.55s cubic-bezier(.19,1,.22,1),opacity 0.2s cubic-bezier(.19,1,.22,1); will-change: transform,opacity; }
.header-bottom .btn-menu > div:after,
.header-bottom .btn-menu > div:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; will-change: transform; }
.header-bottom .btn-menu > div:before { transform: translate3d(0,0,0); }
.header-bottom .btn-menu > div:after { transform: translate3d(-100%,0,0); background: #920d39; }
.header-bottom .btn-menu > div:nth-child(1):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 90ms; }
.header-bottom .btn-menu > div:nth-child(1):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94); }
.header-bottom .btn-menu > div:nth-child(2):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 0.14s; }
.header-bottom .btn-menu > div:nth-child(2):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 30ms; }
.header-bottom .btn-menu > div:nth-child(3):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 0.19s; }
.header-bottom .btn-menu > div:nth-child(3):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 60ms; }
.header-bottom .btn-menu > div:not(:last-child) { margin-bottom: 4px; }
.show .header-bottom .btn-menu > div:nth-child(1) { transform: translate3d(0,5px,0) rotate3d(0,0,1,45deg);}
.show .header-bottom .btn-menu > div:nth-child(2) { opacity: 0;}
.show .header-bottom .btn-menu > div:nth-child(3) { transform: translate3d(0,-5px,0) rotate3d(0,0,1,-45deg);}
.megamenu { position: fixed; display: block; left:0; top:0; width: 100%; height: 100%; visibility: hidden; z-index: 99; }
.megamenu .mask { position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: #000; }
.megamenu .section-inner { height: 100%; overflow: scroll; }
.megamenu .col { position: relative; float: left; display: block; padding:50px 0; }
.megamenu .col:nth-child(1) { width: 39%; }
.megamenu .col:nth-child(2) { width: 39%; }
.megamenu .col:nth-child(3) { width: 22%; }
.megamenu p { font-size: 12px; margin:10px 0; text-transform: uppercase; color:#999; letter-spacing: 1px; }
.megamenu ul { display: block; }
.megamenu li { display: block; }
.megamenu li a { position: relative; display: block; line-height: 1.2; padding:10px 0; color:#fff; }
.megamenu li a span { font-weight: 600; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; }
.megamenu li a strong { font-size: 24px; letter-spacing: 2px; text-transform: uppercase; display: inline-block; }
.megamenu li.active a { color: #920d39; }
.megamenu li s { color:#999; }
.megamenu li ul { padding:5px 0 15px; }
.megamenu li ul li a { padding-left: 25px; line-height: 1.7; }
.megamenu li ul li a:before { content:""; position: absolute; left:0; top:50%; width: 15px; height: 1px; background-color: #fff; }
.megamenu li ul li a span { font-size: 12px; }
.megamenu .follow li { width: 40px; float: left; margin:10px 18px 0 0; }
.megamenu .follow li a { position: relative; display: block; width: 40px; height: 40px; border:2px solid #fff; border-radius: 50%; }
.megamenu .follow li a img { position: absolute; left:50%; top:50%; width: 14px; height: 14px; margin:-7px 0 0 -7px; }
.megamenu br { display: block; border:none; width: 100%; height: 1px; margin:20px 0; }
.megamenu hr { display: block; border:none; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); margin:20px 0; }
.megamenu .btn-close { position: absolute; right:30px; top:30px; width: 60px; height: 60px; z-index: 2; cursor: pointer; }
.megamenu .btn-close > div { position: absolute; left:50%; top:50%; margin:-1px 0 0 -15px; width: 30px; height: 2px; display: block; overflow: hidden; transition: transform 0.55s cubic-bezier(.19,1,.22,1),opacity 0.2s cubic-bezier(.19,1,.22,1); will-change: transform,opacity; }
.megamenu .btn-close > div:after,
.megamenu .btn-close > div:before { content: ''; position: absolute; width: 100%; height: 100%; background: #fff; will-change: transform; }
.megamenu .btn-close > div:before { transform: translate3d(0,0,0); }
.megamenu .btn-close > div:after { transform: translate3d(-100%,0,0); background: #e22161; }
.megamenu .btn-close > div:nth-child(1) { transform:rotate3d(0,0,1,45deg);}
.megamenu .btn-close > div:nth-child(2) { transform:rotate3d(0,0,1,-45deg);}
.megamenu .btn-close > div:nth-child(1):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 90ms; }
.megamenu .btn-close > div:nth-child(1):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94); }
.megamenu .btn-close > div:nth-child(2):before { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 0.19s; }
.megamenu .btn-close > div:nth-child(2):after { transition: transform 0.6s cubic-bezier(.25,.46,.45,.94) 60ms; }
.header-after { position: relative; display: block; height: 150px;}
/* hover */
.no-touch .gn li:not(.active) a:before,
.no-touch .sns li a:before,
.no-touch .login a:before { content:""; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.14); -webkit-transition: -webkit-transform 0.5s cubic-bezier(.19,1,.22,1); -moz-transition: -moz-transform 0.5s cubic-bezier(.19,1,.22,1); transition: transform 0.5s cubic-bezier(.19,1,.22,1); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; transform-origin: top; }
.no-touch .gn li:not(.active) a:hover:before,
.no-touch .sns li a:hover:before,
.no-touch .login a:hover:before{ -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform:scaleY(1); -webkit-transform-origin:bottom; -moz-transform-origin:bottom; transform-origin:bottom; }
.no-touch .cn li a { transition: color 0.55s cubic-bezier(.19,1,.22,1); }
.no-touch .cn li a:before { content: attr(data-text); position: absolute; left:0; top:0; display: block; z-index: 2; color: #920d39; white-space: nowrap; width: 0; height: 100%; overflow: hidden; transition: width 0.55s 0s cubic-bezier(.19,1,.22,1); z-index:3; }
.no-touch .cn li a:after { content: ""; position: absolute; left:0; top:0; display: block; z-index: 2; background-color: #fff; white-space: nowrap; width: 100%; height: 100%; overflow: hidden; transform: translate3d(-100%,0,0); transition: all 0.55s 0.1s cubic-bezier(.19,1,.22,1); }
.no-touch .cn li a:hover:before { width:100%; transition: width 0.4s 0.1s cubic-bezier(.19,1,.22,1); }
.no-touch .cn li a:hover:after { transform: translate3d(0,0,0); transition: all 0.4s 0s cubic-bezier(.19,1,.22,1); }
.no-touch .btn-menu:hover > div:nth-child(1):before,
.no-touch .btn-close:hover > div:nth-child(1):before { transition: transform 0.55s cubic-bezier(.19,1,.22,1); }
.no-touch .btn-menu:hover > div:nth-child(1):after,
.no-touch .btn-close:hover > div:nth-child(1):after { transition: transform 0.55s cubic-bezier(.19,1,.22,1) 0.1s; }
.no-touch .btn-menu:hover > div:nth-child(2):before,
.no-touch .btn-close:hover > div:nth-child(2):before { transition: transform 0.5s cubic-bezier(.19,1,.22,1) 50ms; }
.no-touch .btn-menu:hover > div:nth-child(2):after,
.no-touch .btn-close:hover > div:nth-child(2):after { transition: transform 0.5s cubic-bezier(.19,1,.22,1) 0.15s; }
.no-touch .btn-menu:hover > div:nth-child(3):before { transition: transform 0.45s cubic-bezier(.19,1,.22,1) 0.1s; }
.no-touch .btn-menu:hover > div:nth-child(3):after { transition: transform 0.45s cubic-bezier(.19,1,.22,1) 0.2s; }
.no-touch .btn-menu:hover > div:before,
.no-touch .btn-close:hover > div:before { transform: translate3d(100%,0,0); }
.no-touch .btn-menu:hover > div:after,
.no-touch .btn-close:hover > div:after { transform: translate3d(0,0,0); }
@media all and (max-width: 1080px){
	.header-bottom .logo { width: 120px; height: 43px; top:28px; }
	.header-bottom .cn li { margin:0 15px; }
	.header-bottom .cn li a { letter-spacing: 1px; }
}
@media all and (max-width: 960px){
	.header-top .gn li a,
	.header-top .gn li s { font-size: 11px; }
	.header-bottom .cn li { margin:0 10px; }
	.header-bottom .cn li a { font-size: 10px; }
}
@media all and (max-width: 900px){
	header,.header-after { height: 140px; }
	header.lp-header { height: 40px; }
	.header-top { height: 40px; }
	.header-top nav { padding-right: 160px; }
	.header-top .gn li,.header-top .sns,.header-top .sns li { height: 40px; }
	.header-top .gn li a,.header-top .gn li s { line-height: 40px; }
	.header-top .sns { width: 160px; }
	.header-top .sns li { width: 40px; }
	.header-top .sns li.lang a { line-height: 40px; }
	.header-top .gn {background-color: #760c2f;padding-top: 40px;height: 40px;overflow: hidden;transition: height 0.55s cubic-bezier(.19,1,.22,1);}
	.header-top .gn.drop { /*height: 160px;*/height: 120px; }
	.header-top .gn li { width: 100%; border-right:none; border-bottom: 1px solid rgba(255,255,255,0.2); }
	.header-top .gn li.active { position: absolute; left:0; top:0; }
	.header-top .gn li.active a:after { content:""; position: absolute; right: 12px; top:50%; margin-top: -3px; width: 0; height: 0; border: 4px solid transparent; border-top: 6px solid #fff; transition: transform 0.4s cubic-bezier(.19,1,.22,1); }
	.header-top .gn.drop li.active a:after { transform: translate3d(0,-4px,0) rotate3d(0,0,1,180deg); }
	.header-bottom nav { position: absolute; display: none; }
	.megamenu .section-inner { padding:50px 80px; width: 100%; }
	.megamenu .col { width: 100% !important; padding:10px 0; }
	.megamenu .btn-close { right: 10px; top:10px; }
}
@media all and (max-width: 450px){
	header { height: 100px; }
	.header-top nav { padding-right: 120px; }
	.header-top .gn li .acc span { font-size: 10px; letter-spacing: 0; }
	.header-top .sns { /*right:80px;*/ width: 120px; }
	.header-top .sns li { width: 30px; border-right: none; }
	.header-top .login { width: 80px; }
	.header-top .login a span { letter-spacing: 0; }
	.header-bottom { height: 60px; }
	.header-bottom .logo { width: 100px; height: 36px; top:12px; }
	.header-bottom .search { height: 60px; right: 30px; }
	.header-bottom .nav-trigger { height: 60px; }
	.header-bottom .btn-menu { padding:24px 0; }
	.megamenu .section-inner { padding:50px 30px; }
	.megamenu .btn-close { right: 0; top:0; }
	.megamenu li a span { font-size: 12px; }
	.megamenu li a strong { font-size: 18px; }
	.header-after { height:100px; }
}

/* Footer */
@media only screen and (min-width: 320px) {
	#footer { background-color:#444; min-width:320px; width: 100%; margin:0 auto; overflow:hidden; position:relative; text-align:left; padding:20px 0; z-index: 99; }
	#footer * { font-size:11px; line-height:1.8; *line-height:expression(this.parentNode.currentStyle['line-height']); text-align:inherit; *text-align:expression(this.parentNode.currentStyle['text-align']); }
	#footer img { border:0; vertical-align:middle; }
	#footer a { color:#fff; text-decoration:none; }
	#footer a:hover { color:#ccc; text-decoration:underline; }
	#footer hr { border:none; display: block; width: 100%; height: 1px; background-color: #666; margin:20px 0; }
	#footer .directory { font-size:12px; line-height:1.66667; font-weight:400; letter-spacing:normal; position:relative; z-index:1; padding:10px 0; }
	#footer .directory .column { position:relative; z-index:1; min-height:2px; margin:0; padding:0; float:left; width:25%; }
	#footer .directory .column .section { width:100%; position:relative; z-index:1; min-height:2px; margin:0; padding:15px 0 0; float:left; pointer-events:none; }
	#footer .directory .column .section h3 { font-size:11px; line-height:1.66667; letter-spacing:1px; color:#999; margin:0 0 10px; }
	#footer .directory .column .section .anchor { display:none; cursor:default; position:absolute; top:0; right:0; width:1px; height:1px; z-index:10; }
	#footer .directory .column .section .anchor:focus { outline-offset:-6px; width:25px; height:38px; }
	#footer .directory .column .section .anchor span { position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px); -webkit-clip-path:inset(0px 0px 99.9% 99.9%); clip-path:inset(0px 0px 99.9% 99.9%); overflow:hidden; height:1px; width:1px; padding:0; border:0; }
	#footer .directory .column .section ul { padding:0; margin-right:20px; list-style:none; }
	#footer .directory .column .section ul li { display:block; pointer-events:auto; padding:3px 0; }
	#footer .directory .column .section ul li a { font-size: 11px; letter-spacing: 1px; }
	#footer .partners { position: relative; display: block; padding:20px; background: #fff; }
	#footer .partners .col { display: inline-block; margin:10px 20px 10px 0; }
	#footer .partners .col:last-child { margin-right: 0; }
	#footer .partners h4 { color:#000; line-height: 30px; letter-spacing: 1px; display: block; float: left; }
	#footer .partners ul { display: inline-block; }
	#footer .partners li { display: block; float: left; }
	#footer .partners li a,
	#footer .partners li span { display: block; padding:3px 10px; }
	#footer .partners img { display: block; width: auto; height: 24px; }
	#footer .bottom { padding:20px 0; }
	#footer .bottom .legal .copyright { white-space:nowrap; text-transform: uppercase; color:#999; letter-spacing: 1px; line-height: 36px; }
	#footer .bottom .legal .sns { padding-bottom: 10px; }
	#footer .bottom .legal .sns li { display: inline-block; margin-right:15px; width: 36px; height: 36px; }
	#footer .bottom .legal .sns li a { position: relative; display: block; width: 36px; height: 36px; border: 2px solid #fff; border-radius: 30px; overflow: hidden; }
	#footer .bottom .legal .sns li a img { position: absolute; left:50%; top:50%; width: 14px; height: 14px; margin:-7px 0 0 -7px; }
	#footer .bottom .legal .sns li:last-child { margin-right:0; }
}
@media only screen and (min-width: 768px) {
	#footer .directory { padding:20px 0; }
	#footer .bottom .legal .copyright { margin-right:16px; float:left; }
	#footer .bottom .legal .sns { float:right; padding-bottom: 0 }
	#footer .bottom .legal .sns a { margin-right:10px; padding-right:10px; }
	#footer .partners { padding:30px; }
	#footer .partners h4 { margin-right: 5px; }
	#footer .partners li a,
	#footer .partners li span { display: block; padding:3px 13px; }
}
@media only screen and (max-width: 767px) {
	#footer hr { margin:0; }
	#footer .directory { line-height:2.5; padding:20px 0 0; }
	#footer .directory .column { width:100% !important; }
	#footer .directory .column .section { border-top:1px solid #666; padding:0; overflow:hidden; pointer-events:auto; }
	#footer .directory .column .section h3 { font-size:11px; letter-spacing:1px; line-height:33px; cursor:pointer; margin:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	#footer .directory .column .section h3:after { font-size: 14px; content:'+'; float:right; font-weight:400; margin-right:8px; -webkit-transition:-webkit-transform .3s ease; transition:transform .3s ease; }
	#footer .directory .column .section ul { margin:0; overflow:hidden; display: block; padding-bottom:16px; position:absolute; top:100%; left:0; width:100%; visibility:hidden; z-index:-1; }
	#footer .directory .column .section ul li { -webkit-transform:translateY(-120px); -ms-transform:translateY(-120px); transform:translateY(-120px); }
	#footer .directory .column .section ul li a { letter-spacing:1px; outline-offset:-6px; padding:0 14px; display:block; }
	#footer .directory .column .section .anchor { display:block; cursor:pointer; outline-offset:-6px; width:100%; height:38px; }
	#footer .directory .column .section .anchor.close { display:none; }
	#footer .directory .column .section.open h3 { font-weight: 800 }
	#footer .directory .column .section.open h3:after { -webkit-transform:rotate(45deg) scale(1.08); -ms-transform:rotate(45deg) scale(1.08); transform:rotate(45deg) scale(1.08); }
	#footer .directory .column .section.open ul { position:relative; top:0; visibility:visible; }
	#footer .directory .column .section.open ul li { -webkit-transform:none; -ms-transform:none; transform:none; -webkit-transition:-webkit-transform 300ms ease; transition:transform 300ms ease; }
	#footer .directory .column .section.open .anchor.open { display:none; }
	#footer .directory .column .section.open .anchor.close { display:block; }
}

/* Common */
main { }
section { position: relative; }
.section-inner { position: relative; width: 92%; max-width: 1080px; margin:0 auto; }
.section-inner-2 { position: relative; width: 100%; max-width: 1200px; margin:0 auto; }
.sec-title { position: relative; text-align: center; width: 100%; margin:50px 0; }
.sec-title h3 { font-size: 24px; letter-spacing: 2px; color:#222; }
.sec-title h3 span { color:#777; }
.sec-title h5 { position: relative; font-size: 13px; letter-spacing: 1px; margin-top: 10px; display: inline-block; padding:0 30px; }
.sec-title h5:before,
.sec-title h5:after { content:""; position: absolute; top:50%; width: 20px; height: 1px; background-color: #333; }
.sec-title h5:before { left:0; }
.sec-title h5:after { right:0; }
@media all and (max-width: 600px){
	.sec-title h3 { font-size: 18px; }
}
.line-link { position: relative; overflow: hidden; display: inline-block; padding:5px 0; color:#222; line-height: 1.4; }
.line-link:before,
.line-link:after { content:""; display: block; position: absolute; bottom:0; width: 100%; height: 1px; background-color: #444; }
.line-link:before { left:-100%; -webkit-transition:all 300ms 0ms cubic-bezier(.19,1,.22,1); -moz-transition:all 300ms 0ms cubic-bezier(.19,1,.22,1); transition:all 300ms 0ms cubic-bezier(.19,1,.22,1); }
.line-link:after { left:0%; -webkit-transition:all 300ms 150ms cubic-bezier(.19,1,.22,1); -moz-transition:all 300ms 150ms cubic-bezier(.19,1,.22,1); transition:all 300ms 150ms cubic-bezier(.19,1,.22,1); }
.line-link span { position: relative; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; display: block; }
.line-link.wh { color:#fff; }
.line-link.wh:before,
.line-link.wh:after { background-color:#fff; }
.no-touch .line-link:hover:before { left:0%; -webkit-transition:all 300ms 150ms cubic-bezier(.19,1,.22,1); -moz-transition:all 300ms 150ms cubic-bezier(.19,1,.22,1); transition:all 300ms 150ms cubic-bezier(.19,1,.22,1); }
.no-touch .line-link:hover:after { left:100%; -webkit-transition:all 300ms 0ms cubic-bezier(.19,1,.22,1); -moz-transition:all 300ms 0ms cubic-bezier(.19,1,.22,1); transition:all 300ms 0ms cubic-bezier(.19,1,.22,1); }
.box-link { position: relative; overflow: hidden; display: inline-block; padding:10px 25px; color:#fff; background-color: #aaa; line-height: 1.4; }
.box-link:before,
.box-link:after { content:""; display: block; position: absolute; bottom:0; width: 100%; height: 100%; }
.box-link:before { background-color: #888; left:-100%; -webkit-transition:all 450ms 0ms cubic-bezier(.19,1,.22,1); -moz-transition:all 450ms 0ms cubic-bezier(.19,1,.22,1); transition:all 450ms 0ms cubic-bezier(.19,1,.22,1); }
.box-link:after { background-color: #c0c0c0; left:0%; -webkit-transition:all 450ms 150ms cubic-bezier(.19,1,.22,1); -moz-transition:all 450ms 150ms cubic-bezier(.19,1,.22,1); transition:all 450ms 150ms cubic-bezier(.19,1,.22,1); }
.box-link span { position: relative; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; display: block; z-index: 2; }
.box-link.pink { background-color: #970350; }
.box-link.pink:before { background-color: #e70078; }
.box-link.pink:after { background-color: #c40066; }
.box-link.gold { background-color: #c59a3a; }
.box-link.gold:before { background-color: #d7af55; }
.box-link.gold:after { background-color: #a07b28; }
.no-touch .box-link:hover:before { left:0%; -webkit-transition:all 450ms 150ms cubic-bezier(.19,1,.22,1); -moz-transition:all 450ms 150ms cubic-bezier(.19,1,.22,1); transition:all 450ms 150ms cubic-bezier(.19,1,.22,1); }
.no-touch .box-link:hover:after { left:100%; -webkit-transition:all 450ms 0ms cubic-bezier(.19,1,.22,1); -moz-transition:all 450ms 0ms cubic-bezier(.19,1,.22,1); transition:all 450ms 0ms cubic-bezier(.19,1,.22,1); }
.breadcrumbs {position: relative;padding:10px 0;width: 100%;text-align: right;z-index: 2;border-bottom: 1px solid #eee;}
.breadcrumbs ul { display: inline-block; }
.breadcrumbs li { position: relative; display: block; padding-left: 21px; float: left; max-width: 100%; }
.breadcrumbs li:before { content:""; position: absolute; left:10px; top:50%; margin-top: -5px; width: 1px; height: 11px; background: rgba(0,0,0,0.2); }
.breadcrumbs li:first-child { padding-left: 0; }
.breadcrumbs li:first-child:before { display: none; }
.breadcrumbs li a,
.breadcrumbs li span { position: relative; display: block; padding:5px 0; line-height: 14px; font-size: 11px; text-transform: uppercase; letter-spacing:.6px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumbs li span>span { display: none; }
.breadcrumbs li a { color:#888; -webkit-transition:color 333ms cubic-bezier(.215,.61,.355,1); transition:color 333ms cubic-bezier(.215,.61,.355,1); }
.breadcrumbs li span { color:#222; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumbs li a:hover { color:#920d39; }
/* Home */
.hero-slider { position: relative; width: 100%; }
.hero-slider .slides { display: block; }
.hero-slider .slides li a { position: relative; display: block; color:#222; }
.hero-slider .slide-img { display: block; width: 100%; }
.hero-slider .slide-img img { display: block; width: 100%; height: auto; }
.hero-slider .slide-img img.spImg { display: none; }
.hero-slider .slide-text { position: absolute; left:0; bottom:0; width: 30%; height: 200px; padding:20px 15px; background-color: #fff; }
.hero-slider .slide-text .meta { display: block; }
.hero-slider .slide-text .meta span { display: inline-block; font-size: 10px; letter-spacing: 1px; color:#777; }
.hero-slider .slide-text .meta span.cat { color:#6ea1ac; text-transform: uppercase; margin-left: 10px; }
.hero-slider .slide-text .title { display: block; margin:10px 0; }
.hero-slider .slide-text .title h2 { font-size: 14px; line-height: 1.8; letter-spacing: 1px; }
.hero-slider .slide-text .title h2 span { display: block; font-size: 12px; }
.hero-slider .slide-text .more { position: relative; display: inline-block; }
.hero-slider .slide-text .more span { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }
.hero-slider .slide-text .more:before { content:""; position: absolute; left: -15px; top:50%; margin-top: -2px; width: 0; height: 0; border: 4px solid transparent; border-left: 6px solid #000; transition: transform 0.4s cubic-bezier(.19,1,.22,1); }
@media all and (max-width: 900px){
	.hero-slider .slide-text { width: 47%; }
}
@media all and (max-width: 600px){
	.hero-slider .slide-img img.spImg { display: block;; }
	.hero-slider .slide-img img.pcImg { display: none; }
	.hero-slider .slide-text { position: relative; width: 100%; padding:20px 0 40px; }
	.hero-slider .slide-text .more { display: none; }
}
.mini-bnrs { position: relative; width: 100%; display: block; margin:80px 0; }
.mini-bnrs .bnr { display: block; width: 47%; float: left; margin-left: 6%; }
.mini-bnrs .bnr:first-child { margin-left: 0; }
.mini-bnrs .bnr a { position: relative; display: block; width: 100%; }
.mini-bnrs .bnr-img,
.mini-bnrs .bnr-img img { display: block; width: 100%; }
@media all and (max-width: 450px){
	.mini-bnrs { margin:20px 0; }
	.mini-bnrs .bnr { width: 100%; margin-left: 0%; margin:10px 0; }
}
.meta span.cat_column { color:#945050 !important; }
.meta span.cat_interview { color:#4a9fbf !important; }
.meta span.cat_heritage-car-beginners { color:#227fa2 !important; }
.meta span.cat_heritage-car-lovers { color:#b7347e !important; }
.meta span.cat_news { color:#b79d34 !important; }
.meta span.cat_special { color:#9b54a4 !important; }
.meta span.cat_automobile-council-2016 { color:#6b468b !important; }
.meta span.cat_automobile-council-2017 { color:#7eb6d7 !important; }
.meta span.cat_automobile-council-2018 { color:#9b4d88 !important; }
.meta span.cat_heritage-car-dealer { color:#54a461 !important; }
.meta span.cat_maker { color:#be5656 !important; }
.meta span.cat_marche { color:#a77a24 !important; }

.cols { position: relative; width: 100%; }
.col { float: left; }
.col a { position: relative; display: block; width: 100%; color:#222; }
.col a.nolink { pointer-events: none; }
.col .col-img img { display: block; width: 100%; height: auto; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:-webkit-transform 1200ms cubic-bezier(.19,1,.22,1); -moz-transition:-moz-transform 1200ms cubic-bezier(.19,1,.22,1); transition:transform 1200ms cubic-bezier(.19,1,.22,1); }
.col .col-text { padding:10px 0; }
.pickup .col .col-text { position: relative; margin-top:-100px; margin-bottom:50px; width: 90%; background-color: #fff; padding:20px 15px; }
.col .col-text .meta { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.col .col-text .meta span { display: inline-block; font-size: 10px; letter-spacing: 1px; color:#777; }
.col .col-text .meta span.cat { color:#6ea1ac; text-transform: uppercase; margin-left: 10px; }
.col .col-text .meta span.cat:nth-child(3),
.col .col-text .meta span.cat:nth-child(4) { display: none; }
.col .col-text .title { display: block; margin:10px 0; }
.col .col-text .title h2 { font-size: 14px; letter-spacing: 1px; }
.col .col-text .title h2 span { display: block; font-size: 11px; margin-bottom: 5px; }
.col .col-text .more { position: relative; display: inline-block; }
.col .col-text .more span { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }
.col .col-text .more:before { content:""; position: absolute; left: -15px; top:50%; margin-top: -2px; width: 0; height: 0; border: 4px solid transparent; border-left: 6px solid #000; transition: transform 0.4s cubic-bezier(.19,1,.22,1); }
.recent { margin:60px 0; }
.recent .more { text-align: center; display: block; padding:30px 0; }
.col-4 .col .col-text,
.col-3.ht .col .col-text { padding-bottom: 20px; }
.no-touch a:hover .col-img img { -webkit-transform:scale(0.93); -ms-transform:scale(0.93); transform:scale(0.93); }
@media all and (min-width: 901px){
	.col-3 .col { width: 30%; margin-left: 5%; }
	.col-3 .col:nth-child(3n+1) { margin-left: 0; }
	.col-4 .col { width: 22%; margin-left: 4%; margin-bottom: 20px; }
	.col-4 .col:nth-child(4n+1) { margin-left: 0; }
}
@media all and (min-width: 601px) and (max-width: 900px){
	.col-3 .col { width: 47%; margin-left: 6%; }
	.col-3 .col:nth-child(2n+1) { margin-left: 0; }
	.col-4 .col { width: 30%; margin-left: 5%; margin-bottom: 20px; }
	.col-4 .col:nth-child(3n+1) { margin-left: 0; }
}
@media all and (max-width: 600px){
	.col-3 .col { width: 100%; }
	.col-4 .col { width: 48%; margin-left: 4%; margin-bottom: 20px; }
	.col-4 .col:nth-child(2n+1) { margin-left: 0; }
	.pickup .col .col-text { margin-bottom: 30px; padding:20px 15px 20px 0; }
	.col .col-text .meta span { letter-spacing: 0; }
	.col .col-text .title h2 { font-size: 12px; }
	.col .col-text .more { display: none; }
}

.half-list { display: block; width: 47%; float: left; margin-left: 6%; }
.half-list:first-child { margin-left: 0; }
.half-list li { display: block; border-bottom: 1px solid #eee; padding:20px 0; }
.half-list li a { position: relative; display: block; color:#222; }
.half-list li .list-img { display: block; width: 30%; }
.half-list li .list-img img { display: block; width: 100%; height: auto; }
.half-list li .list-text { position: absolute; left:36%; bottom:0; width: 64%; height: 100%; }
.half-list li .list-text .meta { width:100%; font-size: 10px; letter-spacing: 1px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.half-list li .list-text .meta span { display: inline-block; font-size: 10px; letter-spacing: 1px; color:#777; }
.half-list li .list-text .meta span.cat { color:#6ea1ac; text-transform: uppercase; margin-left: 10px; }
.half-list li .list-text h4 { font-size: 14px; letter-spacing: 1px; }
.half-list li .list-text h4 span { display: block; font-size: 11px; margin-bottom:5px; }
.half-list li:first-child { padding:0; }
.half-list li:first-child .list-img { width: 100%; }
.half-list li:first-child .list-text { left:0; width: 100%; height: 100px; padding:0 25px; background-color: rgba(0,0,0,0.6); color:#fff; }
.half-list .more { text-align: center; display: block; padding:30px 0; }
@media all and (max-width: 780px){
	.half-list { width: 100%; margin:0 0 30px; }
}
@media all and (max-width: 450px){
	.half-list li .list-text h4 { font-size: 12px; }
}
.large-bnr { position: relative; display: block; margin:80px 0; }
.large-bnr a { position: relative; display: block; width: 100%; color:#444 }
.large-bnr .bnr-img { width: 100%; }
.large-bnr .bnr-img img { display: block; width: 100%; height:auto; }
.large-bnr .bnr-text {position: absolute;right: 0;top:0;width: 60%;height: 100%;text-align: center;}
.large-bnr .bnr-text .l { width: 120px; height: 47px; margin:0 auto 30px; }
.large-bnr .bnr-text .l img { display: block; width: 100%; height: 100%; }
.large-bnr .bnr-text h2 { font-size: 15px; letter-spacing: 1px; }
.large-bnr .bnr-text h3 { font-size: 18px; letter-spacing: 1px; margin:10px 0; }
.large-bnr .bnr-text h3 sup { font-size: 10px; }
.large-bnr .bnr-text h2.jp {font-size: 24px;letter-spacing: 0;color: #fff;}
.large-bnr .bnr-text h3.jp {font-size: 18px;letter-spacing: 0;margin:10px 0;color: #fff;}
.large-bnr .bnr-text h3.jp sub { font-size: 10px; bottom:0; }
.large-bnr .bnr-text .more { margin:30px 0 0; }
@media all and (max-width: 900px){
	.large-bnr .bnr-img { height: 250px; overflow: hidden; }
	.large-bnr .bnr-img img {/* float: right; */width: auto;height: 100%;}
	.large-bnr .bnr-text h2.jp {font-size: 20px;}
}
@media all and (max-width: 600px){
	.large-bnr .bnr-img { height: 200px; overflow: hidden; }
	.large-bnr .bnr-img img {/* float: right; */width: auto;height: 100%;}
	.large-bnr .bnr-text { position: relative; width: 100%; height: 240px; background-color: #8699a0; }
	.large-bnr .bnr-text .l { margin:0 auto 15px; }
	.large-bnr .bnr-text .more { margin:15px 0 0; }
}
.bnr-area { position: relative; background-color: #dcdcdc; padding:80px 0; }
.event-bnr { position: relative; width: 100%; }
.event-bnr a { display: block; color:#fff; }
.event-bnr a.box-link { display: inline-block; }
.event-bnr .bnr-img { width: 65%; float: left; }
.event-bnr .bnr-img img { display: block; width: 100%; height:auto; }
.event-bnr .bnr-text { position: absolute; right: 0; top:0; width: 35%; height: 100%; text-align: center; }
.event-bnr .bnr-text .l { width: 120px; height: 47px; margin:0 auto 30px; }
.event-bnr .bnr-text .l img { display: block; width: 100%; height: 100%; }
.event-bnr .bnr-text h2 { font-size: 15px; letter-spacing: 1px; }
.event-bnr .bnr-text h3 { font-size: 18px; letter-spacing: 1px; margin:10px 0; }
.event-bnr .bnr-text h3 sup { font-size: 10px; }
.event-bnr .bnr-text h2.jp { font-size: 20px; letter-spacing: 0; color:#ce135f; }
.event-bnr .bnr-text h3.jp { font-size: 18px; letter-spacing: 0; margin:10px 0; color:#ce135f; }
.event-bnr .bnr-text h3.jp sub { font-size: 10px; bottom:0; }
.event-bnr .bnr-text .more { margin:30px 0 0; }
@media all and (max-width: 780px){
	.bnr-area { padding:60px 0; }
	.event-bnr .bnr-img { width: 47%; height: 250px; overflow: hidden; }
	.event-bnr .bnr-img img { width: auto; height: 100%; }
	.event-bnr .bnr-text { width: 47%; }
}
@media all and (max-width: 450px){
	.event-bnr .bnr-img { width: 100%; float: none; }
	.event-bnr .bnr-text { position: relative; width: 100%; height: 250px; background-color: rgba(255,255,255,0.2); }
	.event-bnr .bnr-text .l { margin:0 auto 15px; }
	.event-bnr .bnr-text .more { margin:15px 0 0; }
}

/* Archive */
.category-title {position: relative;text-align: center;width: 100%;margin: 80px 0 80px;}
.category-title h1 { font-size: 32px; letter-spacing: 2px; }
.category-title h1.s { font-size: 22px; }
.category-title h1 span { color:#777; }
.category-title ul { text-align: center; display: block; margin:40px 0; font-size: 0px; }
.category-title ul li { display: inline-block; margin:1px; }
.category-title ul li a { position: relative; display: block; padding:6px 12px; font-size: 12px; letter-spacing: 1px; color:#777; background-color: #eee; transition: all 0.4s cubic-bezier(.19,1,.22,1); }
.category-title ul li a:hover { color:#fff; background-color: #6ea1ac; }
.category-title ul .cat-item-14 a, .category-title ul .cat-item-1053 a  { color:#227fa2; }
.category-title ul .cat-item-14 a:hover, .category-title ul .cat-item-1053 a:hover { background-color:#227fa2; }
.category-title ul .cat-item-13 a { color:#b7347e; }
.category-title ul .cat-item-13 a:hover { background-color:#b7347e; }
.category-title ul .cat-item-15 a, .category-title ul .cat-item-1054 a { color:#6b468b; }
.category-title ul .cat-item-15 a:hover, .category-title ul .cat-item-1054 a:hover { background-color:#6b468b; }
.category-title ul .cat-item-16 a { color:#7eb6d7; }
.category-title ul .cat-item-16 a:hover { background-color:#7eb6d7; }
.category-title ul .cat-item-17 a { color:#9b4d88; }
.category-title ul .cat-item-17 a:hover { background-color:#9b4d88; }
.category-title ul .cat-item-18 a, .category-title ul .cat-item-762 a  { color:#be5656; }
.category-title ul .cat-item-18 a:hover, .category-title ul .cat-item-762 a:hover { background-color:#be5656; }
.category-title ul .cat-item-19 a, .category-title ul .cat-item-850 a  { color:#a77a24; }
.category-title ul .cat-item-19 a:hover, .category-title ul .cat-item-850 a:hover { background-color:#a77a24; }
.category-title ul .cat-item-20 a, .category-title ul .cat-item-989 a  { color:#54a461; }
.category-title ul .cat-item-20 a:hover, .category-title ul .cat-item-989 a:hover { background-color:#54a461; }

.category-title h5 { position: relative; font-size: 13px; letter-spacing: 1px; margin-top: 10px; display: inline-block; padding:0 30px; }
.category-title h5:before,
.category-title h5:after { content:""; position: absolute; top:50%; width: 20px; height: 1px; background-color: #333; }
.category-title h5:before { left:0; }
.category-title h5:after { right:0; }
.archives { padding:0 0 60px; }
@media all and (max-width: 600px){
	.category-title {margin: 60px 0 60px;}
	.category-title h1 { font-size: 20px; }
	.category-title h1.s { font-size: 18px; }
	.category-title ul { margin:20px 0; }
	.category-title ul li { display: block; margin:2px 0; }
}
.wp-pagenavi:after,.wp-pagenavi:before{content:" ";display:table}
.wp-pagenavi:after{clear:both}
.wp-pagenavi{*zoom:1}
.wp-pagenavi { position: relative; width: 100%; margin:30px 0 80px; display: block; }
.wp-pagenavi .pages,
.wp-pagenavi .current,
.wp-pagenavi .page { display: block; float: left; margin:0 1px 0 0; padding:0; border:none; width: 45px; height: 45px; text-align: center; font-size: 14px; line-height: 45px; }
.wp-pagenavi .current { background-color: #666; color:#fff; }
.wp-pagenavi .page { background-color: #eee; color:#333; -webkit-transition: all 0.4s cubic-bezier(.19,1,.22,1); transition: all 0.4s cubic-bezier(.19,1,.22,1); }
.wp-pagenavi .page:hover { background-color: #222; color:#fff; }
.wp-pagenavi .pages { float: right; }
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last { display: none; }


/* Single Post */
.article { width: 67%; float: left; }
.post-header { position: relative; display: block; margin:80px 0 40px; }
.post-header .cat-link { display: block; margin-bottom: 30px; }
.post-header .cat-link a { color:#222; font-size: 20px; letter-spacing: 2px; }
.post-header .title { display: block; }
.post-header .title .date { font-size: 12px; color:#333; }
.post-header .title h1 { font-size: 30px; line-height: 1.4; letter-spacing: 1px; margin:10px 0 20px; }
.post-header .title h1 span { font-size: 20px; display: block; color:#000; margin-bottom:10px; }
.post-header .title h2 { font-size: 16px; letter-spacing: 1px; margin:10px 0; color:#666; }
.post-header .title .sub-title { position: relative; color:#000; margin-bottom: 30px; font-size: 20px; }
.post-header .title .head-catch { padding:20px; background: #f5f5f5; margin: 30px 0 10px; }
.post-header .title p { font-size: 13px; margin:10px 0; line-height: 1.9; color:#444; }
.post-header .title p a { color:#111; text-decoration: underline; display: inline-block; }
.post-header .title p a:hover { text-decoration: none; }
.post-header .links { padding:1px 0; }
.post-header .share { display: inline-block; float: right; margin:10px 0; }
.post-header .share h4 { font-size: 12px; line-height: 15px; padding:5px 10px 5px 0; letter-spacing: 1px; display: block; float: left; }
.post-header .share ul { display: inline-block; }
.post-header .share li { display: inline-block; font-size: 12px; line-height: 15px; }
.post-header .share li a { display: block; padding:5px 5px; }
.post-header .share li a img { display: block; width: 15px; height: 15px; }
@media all and (max-width:780px){
	.article { width: 100%; float: none; }
	.post-header { margin:60px 0 30px; }
	.post-header .cat-link a { font-size: 17px; }
	.post-header .title h1 { font-size: 22px; }
	.post-header .title h1 span { font-size: 13px; }
	.post-header .title h2 { font-size: 15px; }
	.post-header .title .sub-title { font-size: 16px; }
	.post-header .title p { font-size: 12px; }
}
.post-content h3 { position: relative; display: block; padding-left: 15px; border-left: 4px solid #6ea1ac; color:#111; font-weight: 700; margin:30px 0; font-size: 18px; }
.post-content h3 span { display: inline-block; margin-left: 5px; font-size: 14px; }
.post-content p { font-size: 16px; line-height: 1.9; margin: 30px 0; color:#444; }
.post-content p strong { font-size: 17px; font-weight: 700; }
.post-content p a { color:#111; text-decoration: underline; }
.post-content p.cap { font-size: 13px; }
.post-content p.credit { font-size: 13px; text-align: right; }
.post-content p .q { position: relative; color:#578089; display: inline-block; padding-left: 15px; }
.post-content p .q:before { content:""; display: block; width: 1px; height: 100%; position: absolute; top:0; left:0; background-color: #6ea1ac; }
.post-content p.a {  }
.post-content p img { display: block; width: 100%; height: auto; }
.post-content hr { display: block; border: none; width: 100%; height: 1px; margin:20px 0; background-color: #eee; }
.post-content .half-photo { margin-bottom:20px; }
.post-content .half-photo img { display: block; width: 49%; height: auto; margin-right: 2%; float: left; }
.post-content .half-photo img:last-child { margin-right: 0; }
.post-content .half-photo.tri img { width: 32%; }
.post-content .shop-info { position: relative; border:1px solid #ccc; background: #f2f2f2; padding:60px 20px 20px; display: block; width: 100%; margin:20px 0; }
.post-content .shop-info h3 { position: absolute; left:0; top:0; width: 100%; background: #6ea1ac; text-align: center; color:#fff; padding:12px 0 10px; margin:0; border:none; text-transform: uppercase; }
.post-content .shop-info h4 { font-size: 16px; font-weight: 700; margin:0; }
.post-content .shop-info ul { margin:10px 0; }
.post-content .shop-info li { display: block; font-size: 14px; margin:5px 0; }
.post-content .shop-info p { margin:0; font-size: 14px; }
.post-content .shop-info p strong { font-size: 16px; display: block; }
.post-content .shop-info a { color:#6ea1ac; text-decoration: underline; }
.post-content .shop-info hr { background-color:#ccc; }
@media all and (max-width: 780px){
	.post-content h3 { font-size: 16px; }
	.post-content p { font-size: 14px; }
	.post-content p strong { font-size: 15px; }
	.post-content p.cap,
	.post-content p.credit { font-size: 11px; }
	.post-content .shop-info p,
	.post-content .shop-info li { font-size: 12px; }
	.post-content .shop-info p strong,
	.post-content .shop-info h4 { font-size: 14px; }
}
@media all and (max-width: 450px){
	.post-content .half-photo { margin-bottom:10px; }
	.post-content h3 { font-size: 15px; }
	.post-content h3 span { font-size: 13px; }
	.post-content p { font-size: 13px; }
}
.post-bottom { margin: 40px 0; }
.post-bottom .tags { display:block; margin:0 0 30px; }
.post-bottom .tags h4 { font-size: 12px; line-height: 15px; padding:5px 0; letter-spacing: 1px; display: block; float: left; width: 15%; }
.post-bottom .tags ul { display: block; float: left; width: 85%; }
.post-bottom .tags li { display: inline-block; font-size: 12px; line-height: 15px; margin:0 2px 4px; }
.post-bottom .tags li a { display: block; font-weight: 700; color:#666; background-color: #e1e1e1; padding:6px 12px; -webkit-transition: all 0.4s cubic-bezier(.19,1,.22,1); transition: all 0.4s cubic-bezier(.19,1,.22,1); }
.post-bottom .tags li a:hover { color:#111; background-color: #6ea1ac; }
.post-bottom .shares { position: relative; display: block; width: 100%; border:1px solid #eee; padding:20px; }
.post-bottom .shares h4 { text-align: center; font-size: 14px; font-weight: 700; border-bottom: 1px solid #eee;  padding-bottom: 15px; margin-bottom: 20px; }
.post-bottom .article-share-item { position: relative; width: 100%; padding:10px 0; float: left;text-align: center;cursor: pointer;}
.post-bottom .article-share-item a { position: relative; display: block;}
.post-bottom .article-share-icon { width: 50px;height: 50px; position: absolute; left:0; top:0; -moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}
.post-bottom .article-share-icon img { width: 20px; display: block; margin:14px auto;}
.post-bottom .article-share-text { display: block; font-weight: bold;font-size: 12px;line-height: 50px;color: #fff;background: #444;width: 100%;height: 50px; padding-left: 50px; letter-spacing: 1px; -moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}
.post-bottom .article-share-fb .article-share-icon {background: #3b5998;}
.post-bottom .article-share-fb .article-share-text {background: #2e477b;}
.post-bottom .article-share-tw .article-share-icon {background: #00aced;}
.post-bottom .article-share-tw .article-share-text {background: #0096c4;}
.post-bottom .article-share-line .article-share-icon {background: #00C303;}
.post-bottom .article-share-line .article-share-text {background: #0e9610;}
.post-bottom .post-nav { position: relative; margin:40px 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.post-bottom .post-nav a { position: relative; float: left; display: inline-block; padding:0 0 0 20px; color:#222; }
.post-bottom .post-nav a:before { content:""; position: absolute; left:0; top:50%; margin-top: -10px; width: 20px; height: 20px; background-image: url(../img/arrow-left-s.svg); background-size: cover; }
.post-bottom .post-nav a span { display: inline-block; font-size: 13px; line-height: 40px; }
.post-bottom .post-nav a.next { float: right; padding:0 20px 0 0; }
.post-bottom .post-nav a.next:before { left:auto; right: 0; background-image: url(../img/arrow-right-s.svg); }
@media all and (min-width: 600px){
	.post-bottom { margin: 60px 0; }
	.post-bottom .tags h4 { width: 10%; }
	.post-bottom .tags ul { width: 90%; }
	.post-bottom .shares h4 { font-size: 16px; }
	.post-bottom .article-share-item { width: 33.3333%; padding:0 10px; }
	.post-bottom .article-share-text { display: block; font-size: 13px; }
	.post-bottom .article-share-fb:hover .article-share-icon {background: #2e477b;}
	.post-bottom .article-share-fb:hover .article-share-text {background: #3b5998;}
	.post-bottom .article-share-tw:hover .article-share-icon {background: #0096c4;}
	.post-bottom .article-share-tw:hover .article-share-text {background: #00aced;}
	.post-bottom .article-share-line:hover .article-share-icon {background: #0e9610;}
	.post-bottom .article-share-line:hover .article-share-text {background: #00C303;}
}
@media all and (min-width: 1000px){
	.post-bottom .tags h4 { font-size: 16px; }
}
.brand-related { position: relative; margin:40px 0 0; border:1px dotted #333; background: #f2f2f2; padding-top: 1px; }
.brand-related h5 { text-align: center; font-size:18px; margin:20px 0; }
.brand-related .cols .col { width: 100%; padding:0 20px; }
@media all and (min-width: 600px){
	.brand-related h5 { margin:25px 0; }
	.brand-related .cols { padding:0 10px; }
	.brand-related .cols .col { width: 50%; padding:0 10px; }
}

.sidebar { position: relative; float: right; width: 28%; }
.side-bnrs { display: block; margin:60px 0; }
.side-bnrs .bnr { margin-bottom: 20px; }
.side-bnrs .bnr a { position: relative; display: block; }
.side-bnrs .bnr a img { display: block; width: 100%; }
.side-bnrs h4 { font-size: 14px; }
.side-bnrs .tag-search { display: block; margin-top: 30px; }
.side-bnrs .tag-search ul { margin-top: 15px; }
.side-bnrs .tag-search li { display: block; width: 50%; float: left; box-shadow: 0 0 1px #acacac; }
.side-bnrs .tag-search li a { color:#666; background-color: #e1e1e1; font-size: 12px; padding:10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.4s cubic-bezier(.19,1,.22,1); transition: all 0.4s cubic-bezier(.19,1,.22,1); }
.side-bnrs .tag-search li a:hover { color:#111; background-color: #6ea1ac; }
@media all and (max-width:780px){
	.sidebar { width: 100%; max-width: 450px; float: none; margin:30px auto; }
	.side-bnrs { margin:40px 0; }
}
@media all and (min-width:781px){
	.sidebar.fix { position: fixed; bottom:0; right:4%; width: 25.76%; }
	.sidebar.fix.bottom { position: absolute; right:0; bottom:0; width: 28%; }
}
@media all and (min-width:1174px){
	.sidebar.fix { width: 302px; right: 50%; margin-right: -540px; }
	.sidebar.fix.bottom { margin-right: 0; }
}

.related { position: relative; background-color: #f2f2f2; padding:1px 20px 50px; margin:30px 0; }
.related-list li { display: block; padding:20px 20px; float: left; width: 50%; }
.related-list li a { position: relative; display: block; color:#222; padding:0; border-bottom: 1px solid #dcdcdc; }
.related-list li .list-img { display: block; width: 25%; }
.related-list li .list-img img { display: block; width: 100%; height: auto; }
.related-list li .list-text { position: absolute; left:30%; bottom:0; width: 70%; height: 100%; text-align: left; }
.related-list li .list-text p { font-size: 10px; letter-spacing: 1px; opacity: .8; margin-bottom: 5px; }
.related-list li .list-text h4 { font-size: 14px; letter-spacing: 1px; }
.related-list li .list-text h4 span { display: block; font-size: 12px; margin-bottom: 5px; }
@media all and (max-width:900px){
	.related-list li .list-text h4 { font-size: 12px; }
}
@media all and (max-width:780px){
	.related-list li { width: 100%; }
}
@media all and (max-width:450px){
	.related-list li { width: 100%; padding:0; margin-bottom:15px; }
	.related-list li a { border-bottom: none;}
	.related-list li .list-img { float: left; }
	.related-list li .list-text { position: relative; float: right; left:0; }
}

/*
 * jQuery FlexSlider v2.6.2
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover { outline: none; }
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav { margin: 0;padding: 0;list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider { margin: 0;padding: 0; }
.flexslider .slides > li { display: none;-webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%;display: block; }
.flexslider .slides:after { content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto;-moz-user-select: none; }
.flex-viewport { max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;cursor: pointer; text-indent:-9999px; }
.flex-direction-nav a:before { content:''; position: absolute; left:10px; top:10px; width: 20px; height: 20px; display: block; background-image: url(../img/arrow-left-bk.svg); background-size: cover; }
.flex-direction-nav a.flex-next:before { background-image: url(../img/arrow-right-bk.svg); }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; }
.flex-direction-nav .flex-disabled { opacity: 0!important;filter: alpha(opacity=0);cursor: default;z-index: -1; }
.flex-control-nav { width: 100%; position: relative; text-align: center; z-index: 2; }
.flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { position: relative; margin-top: 30px; width: 12px; height: 12px; display: block; border:1px solid #333; cursor: pointer; text-indent:9999px; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover:before { content:""; position: absolute; left:50%; top:50%; width: 4px; height: 4px; margin:-2px 0 0 -2px; background: #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.flex-control-paging li a.flex-active { background: #333; cursor: default; }
.slides-num { position: absolute; display: none; right: 40px; top:50%; margin-top: -25px; width: 70px; height: 50px; line-height: 25px; padding:10px; text-align: center; z-index: 15; }
.slides-num span { font-size: 13px; display: inline-block;}
.slides-num .par { margin:0 5px; }
.slides-num .active { font-weight: 700; }
.hero-slider .flex-direction-nav { display: none; }
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (min-width: 901px) {
	.flex-direction-nav { position: absolute; right: 0px; top:50%; margin-top: -25px; width: 150px; height: 50px; background-color: #fff; z-index: 10; }
	.flex-direction-nav .flex-prev { left: 5px; }
	.flex-direction-nav .flex-next { right: 5px; }
}
@media screen and (max-width: 900px) {
	.flex-direction-nav { display: none; }
	.slides-num { display: none; }
}
@media screen and (max-width: 600px) {
	.flex-direction-nav { display: block; }
	.flex-direction-nav .flex-prev { top:auto; bottom:-2px; opacity: 1; left: 0; }
	.flex-direction-nav .flex-next { top:auto; bottom:-2px; opacity: 1; right: 0; }
	.flex-direction-nav a.flex-prev:before { background-image: url(../img/arrow-left.svg); }
	.flex-direction-nav a.flex-next:before { background-image: url(../img/arrow-right.svg); }
}

.post-password-form { position: relative; padding:100px 0 60px; text-align: center; }
.post-password-form p { margin:10px 0; font-size: 14px; }


.border-table { border: 1px solid #000; }
.border-table th { border-bottom: 1px solid #000; padding: 0 5px; }
.border-table th{ border-right: 1px solid #000; }
.border-table.inner-dashed th:first-of-type { border-right: 1px dashed #000; }
.border-table.inner-dashed td { border-bottom: 1px dashed #000; padding: 0 5px; }
.border-table.inner-dashed td:nth-child(3) { border-top: 1px solid #000; } /* This works because exactly two th elements are expected. Adjust if needed */

.numbered-list { list-style: decimal; }