@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

@font-face { font-family: 'fontello'; src: url('./fonts/fontello.eot?61826719'); src: url('./fonts/fontello.eot?61826719#iefix') format('embedded-opentype'), url('./fonts/fontello.woff?61826719') format('woff'), url('./fonts/fontello.ttf?61826719') format('truetype'), url('./fonts/fontello.svg?61826719#fontello') format('svg'); font-weight: normal; font-style: normal;}
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em;}
.icon-spin1:before { content: '\e800'; }
.icon-rss:before { content: '\e801'; }
.icon-gplus:before { content: '\e802'; }
.icon-pinterest-1:before { content: '\e803'; }
.icon-facebook:before { content: '\e804'; }
.icon-cancel:before { content: '\e805'; }
.icon-cancel-circle:before { content: '\e806'; }
.icon-minus:before { content: '\e807'; }
.icon-plus:before { content: '\e808'; }
.icon-twitter:before { content: '\e809'; }
.icon-tumblr:before { content: '\e80a'; }
.icon-minus-circle:before { content: '\e80b'; }
.icon-soundcloud:before { content: '\e80c'; }
.icon-instagram:before { content: '\e80d'; }
.icon-plus-circle:before { content: '\e80e'; }
.icon-search:before { content: '\e80f'; }
.icon-cd:before { content: '\e810'; }
.icon-pencil:before { content: '\e811'; }
.icon-tv:before { content: '\e812'; }
.icon-music:before { content: '\e813'; }
.icon-doc:before { content: '\e814'; }
.icon-eye:before { content: '\e815'; }
.icon-globe:before { content: '\e816'; }
.icon-user:before { content: '\e817'; }
.icon-diamond:before { content: '\e818'; }
.icon-shop:before { content: '\e819'; }
.icon-right-open:before { content: '\e81a'; }
.icon-left-open:before { content: '\e81b'; }
.icon-left-circle:before { content: '\e81c'; }
.icon-right-circle:before { content: '\e81d'; }
.icon-up-circle:before { content: '\e81e'; }
.icon-youtube:before { content: '\e81f'; }
.icon-location:before { content: '\e820'; }

.lt-ie8 html{height:auto}
.lt-ie8 body{height:auto}
.lt-ie8 .wrapper{height:auto}
.lt-ie8 .product-player .product-description .synopsis{width:90%}
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:"\20";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.container:before,.container:after,.content:before,.content:after,.grid:before,.grid:after,.tag:before,.tag:after{content:"\20";display:block;height:0;overflow:hidden}
.container:after,.content:after,.grid:after,.tag:after{clear:both}
.container,.content,.grid,.tag{zoom:1}
article:before,article:after{content:"\20";display:block;height:0;overflow:hidden}
article:after{clear:both}
article{zoom:1}
.custom-scroll{scrollbar-face-color:#b3b3b3;scrollbar-arrow-color:#b3b3b3;scrollbar-track-color:#000;scrollbar-shadow-color:#191919;scrollbar-highlight-color:#191919;scrollbar-3dlight-color:#191919;scrollbar-darkshadow-Color:#191919}
.custom-scroll::-webkit-scrollbar{width:8px}
.custom-scroll::-webkit-scrollbar-track{background:#000;border-radius:4px}
.custom-scroll::-webkit-scrollbar-thumb{background:#b3b3b3;border-radius:4px}

.image-container img{display:block;width:100%;max-width:100%}
.loader{width:40px;height:40px;border-radius:50%;background:transparent;border-top:4px solid #808e95;border-right:4px solid #808e95;border-bottom:4px solid #777;border-left:4px solid #777;-webkit-animation:loading 1.2s infinite linear;-moz-animation:loading 1.2s infinite linear;-ms-animation:loading 1.2s infinite linear;animation:loading 1.2s infinite linear}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
html{background:#f2f2f2;width:100%;height:100%}
body{color:#494949;font-size:13px;line-height:1.8;font-family:'Open Sans',Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-ms-font-smoothing:antialiased;overflow-x:hidden;overflow-y:scroll;width:100%}
h1,h2,h3,h4,h5{ font-family:'Helvetica Neue',Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
h1{font-size:30px;color:#191919;margin:15px 0;font-weight: bold;}
h2{font-size:16px;font-weight:bold;line-height:1.5;color:#191919;margin:30px 0 -5px 0}
h3{font-size:16px}
strong{font-weight: bold;}
a,.a{color:#808e95;text-decoration:none;cursor:pointer;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s}
a:hover,.a:hover{-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s}
p,.p{font-family:'Open Sans',Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;line-height:1.8;font-size:14px;margin:10px 0;color:#333;}
em{font-style:italic}
blockquote{font-weight:bold;font-size:1.275em;color:#191919;line-height:1.4em;margin:20px 0}
figure{margin:30px 0}
figure figcaption{font-size:.857em;text-align:center;font-style:italic;margin:10px 0 0 0}
.main-container *, .main-container *:after, .main-container *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.wrapper{-webkit-transition:padding-top .3s;-moz-transition:padding-top .3s;-o-transition:padding-top .3s;transition:padding-top .3s;padding-top:54px;background:#f2f2f2;position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.hero .wrapper{padding-top:0}
.hero.player-open .wrapper{padding-top:78px;}
.hero.player-open.track-info-open .wrapper{padding-top:358px;}
.main-container { width: 100%; overflow: hidden; }
.main-container>:last-child,.main-container .container>:last-child{margin-bottom:0}
.container{width:90%;margin:0 5%}
.grid-container{max-width:750px;;margin:0 auto}
@media only screen and (max-width:860px){
	.outer-wrapper { overflow: hidden; width: 100%; }
	.wrapper { background-color: #fff; }
	.grid-container{margin:0 15px;}
	h1{font-size:20px;}
	h2{font-size:17px;}
	h3{font-size:15px}
	p,.p{ font-size: 12px; }
}
.mod{margin-bottom:30px}
fieldset{border:none;padding:0;margin:0}
fieldset input:focus::-webkit-input-placeholder{color:transparent}
fieldset input:focus::-moz-placeholder{color:transparent}
fieldset legend{font-weight:normal;margin-bottom:5px;color:#191919;font-size:1.429em;text-align:center}
fieldset label{width:100%;display:block;margin:13px 0;font-size:.929em;text-align:center}
fieldset input{border:0;border:1px solid #dfdfdf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;-webkit-appearance:none}
fieldset .frow-combined input[type="text"],fieldset .frow-combined input[type="search"],fieldset .frow-combined input[type="email"]{padding:15px;border-radius:4px 0 0 4px;border-right:0;width:80%;height:50px;padding-right:12px;float:left;background:#fff}
fieldset .frow-combined input[type="submit"]{font-size:.875em;height:50px;float:left;padding-bottom:5px;width:20%;font-size:1.143em;font-weight:bold;border-radius:0 4px 4px 0;color:#191919;border-color:#dfdfdf;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
fieldset .frow-combined input[type="submit"]:hover{background:#808e95;color:#fff;cursor:pointer;border-color:#808e95}
.lt-ie8 fieldset{border:none;padding:0;margin:0}
.lt-ie8 fieldset .frow-combined input[type="text"],.lt-ie8 fieldset .frow-combined input[type="search"],.lt-ie8 fieldset .frow-combined input[type="email"]{height:20px;width:70%}
fieldset.geo .frow-combined input[type="search"],fieldset.geo .frow-combined input[type="text"]{width:60%}
fieldset.geo .frow-combined .location-btn{cursor:pointer;display:block;float:left;background:#fff;padding:18px 0 12px 0;text-align:center;height:50px;width:20%;border:1px #dfdfdf solid;border-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
fieldset.geo .frow-combined .location-btn:hover{background:#808e95;color:#fff;cursor:pointer;border-color:#808e95}
.loading{overflow-y:scroll}
@-webkit-keyframes loading{to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes loading{to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes loading{to{-ms-transform:rotate(360deg)}
}
@keyframes loading{to{transform:rotate(360deg)}
}
.site-footer{padding:30px 0 0 0;background:#191919}
.site-footer *, .site-footer *:after, .site-footer *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.site-footer nav{border-bottom:1px solid #666;margin-bottom:30px;padding-bottom:30px;border-color:#383838;text-align:center;font-size:13px}
.site-footer nav a{margin:4px 0;text-align:center;padding:5px;display:inline-block;color:#b3b3b3}
.site-footer nav a:hover{color:#fff}
.site-footer .page-links { z-index: 99; }
.site-footer .page-links a{padding:3px 10px}
.site-footer .page-links a:first-child{display:none}
.site-footer .further-actions{border-bottom:1px solid #666;margin-bottom:30px;padding-bottom:30px;border-color:#383838}
.site-footer form:first-child{margin-bottom:30px}
.site-footer .further-links a{color:#666}
.site-footer .copyrights{text-align:center;margin-bottom:10px;font-size:13px}
.site-footer .copyrights li{display:inline-block;margin-bottom:10px}
.site-footer .copyrights li h2{font-size:13px;color:#666;margin-bottom:10px;font-weight:normal;margin-top:0}
.site-footer .copyrightsli a{padding:10px}
.site-footer .copyrights li a:hover,.site-footer .site-links a:hover{color:#fff}
.site-footer .site-links{margin-bottom:0}
.site-footer .copyrights li a span{margin-right:3px}
.site-footer .copyrights li:first-child{width:100%}
.site-footer .site-links{color:#666;text-align:center;border:0}
.site-footer .site-links a{float:none}
.site-footer .container{margin:0;padding:0;width:100%; position: relative;}
.lt-ie8 .site-footer .site-links,.lt-ie8 .site-footer .social-links li{display:inline}
.footer { min-height: 277px; }
.magazines { position: absolute; right: 0; width: 100%; min-height: 247px; padding: 0 0 0 40%; }
.container { position: relative; width: 90%; height: auto; }
/* Frame */
.effects { position: relative; height: 237px; overflow: hidden; z-index: 0; }
.effects:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 40px; height: 100%; background: -webkit-linear-gradient(90deg, rgba(26,26,26,1) 0%, rgba(26,26,26,0) 100%); background: -moz-linear-gradient(90deg, rgba(26,26,26,1) 0%, rgba(26,26,26,0) 100%); background: linear-gradient(90deg, rgba(26,26,26,1) 0%, rgba(26,26,26,0) 100%); z-index: 1; }
.effects:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: -webkit-linear-gradient(90deg, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 100%); background: -moz-linear-gradient(90deg, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 100%); background: linear-gradient(90deg, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 100%); z-index: 1; }
.effects ul { list-style: none; margin: 0; padding: 0; height: 100%; font-size: 50px; z-index: -1; }
.effects ul li { position: relative; float: left; width: 162px; height: 226px; margin: 0; padding: 0; background-size: cover; text-align: center; cursor: pointer; }
.effects ul li.active {}
.effects ul li a { display: block; width: 100%; height: 100%; }
/* Scrollbar */
.scrollbar { margin-top: 30px; height: 2px; width: 100%; background: #090909; line-height: 0; }
.scrollbar .handle { width: 100px; height: 100%; background: #666; cursor: pointer; }
.scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
.scrollbar *:hover { cursor: col-resize; }
/* Effects */
.effects { height: 226px; line-height: 226px; -webkit-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; overflow-y: show; }
.effects ul { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.effects ul li { position: relative; margin: 0 -20px; -webkit-transform: rotateY(60deg) scale(0.9); -ms-transform: rotateY(60deg) scale(0.9); transform: rotateY(60deg) scale(0.9); -webkit-transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; }
.effects ul li.active { z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.effects ul li.active ~ li { -webkit-transform: rotateY(-60deg) scale(0.9); -ms-transform: rotateY(-60deg) scale(0.9); transform: rotateY(-60deg) scale(0.9); }
@media screen and (max-width:860px){
	.magazines { position: relative; width: 100%; margin: 0 auto; padding: 0; }
	.scrollbar { margin-top: 10px; }
}

.breadcrumb .container {padding-top:10px;padding-bottom:0;background-color: #e9e9e9;}
.breadcrumb ul { padding-left: 30px; font-size: 10px;}
.breadcrumb li{color:#444;display:inline-block;padding:0 5px 0 0;margin-bottom:10px}
.breadcrumb li .divider { font-size: 10px; color:#999; }
.breadcrumb a{color:#999;position:relative;padding-bottom:0; font-size: 90% !important; }
.breadcrumb span { font-size: 90% !important;}
.breadcrumb a:hover{color:#222}
.breadcrumb a:hover:after{color:#999}
.transition{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.float{float:left}
.darker{background-color:#f2f2f2}
.white{background-color:#fff}
@media screen and (min-width:860px){
	.full-width{margin-left:auto;width:auto}
	.wrapper{padding-top:106px;}
	.player-open .wrapper{padding-top:174px;}
	.player-open.track-info-open .wrapper{padding-top:524px;}
	.hero .wrapper{padding-top:0}

	#preloader{top:68px}
	#preloader span{left:46%}
	fieldset .frow-combined input[type="submit"]{font-size:.875em;padding:0}
	fieldset legend,fieldset label{text-align:left}
	.site-footer{width:auto;}
	.site-footer .footer{border-bottom:1px solid #666;margin-bottom:30px;padding-bottom:30px;margin-bottom:0;border-color:#383838}
	.site-footer .footer nav{margin:0;padding:0;border:0}
	.site-footer .footer .page-links {width:32.491%;margin-right:8.749%;margin-left:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.site-footer .footer nav a{float:none;display:block;margin:0;}
	.site-footer .footer .page-links a{text-align:left}
	.site-footer .further-actions{margin:0;padding:0;border:0}
	.site-footer form:first-child{margin-bottom:0;margin-right:0}
	.site-footer .footer .page-links{width:17.491%}
	.site-footer .page-links .logo{padding:0}
	.site-footer .copyrights{text-align:left;float:left;padding-top:29px;width:100%;margin-bottom:0}
	.site-footer .copyrights li{display:inline-block;text-align:left}
	.site-footer .copyrights li:first-child{width:auto}
	.site-footer .site-links{text-align:left;border:0;float:left;display:inline-block;margin-right:0;padding-top:0}
	.site-footer .container{width:90%;margin:0 auto}
}
@media screen and (min-width:900px){
	html body{font-size:.875em}
	fieldset .frow-combined input[type="submit"]{font-size:1.143em}
	.no-scroll{overflow:hidden}
	.no-scroll body{overflow-y:scroll}
	.site-footer{width:auto}
	.site-footer .footer .page-links {width:27.491%;margin-right:8.749%;margin-top:0}
	.site-footer .footer .page-links{position:relative}
	.site-footer .footer .page-links a{margin-left:50%}
	.site-footer .footer .page-links a:first-child{width:120px;position:absolute;left:0;top:0;margin:0;display:block;margin-top: 5px;}
	.site-footer .site-links{text-align:right;float:right;padding-top:20px}
	.site-footer .copyrights{width:35%}
}
@media screen and (min-width:1200px){
	.site-footer .container,.container{max-width:1200px;margin:auto}
	.grid4-container{width:80%;margin:0}
}

.descriptor{padding:40px 0 10px;}
.descriptor h1{font-size:22px; margin: 0px auto 20px; text-align: center;letter-spacing:3px;line-height:1em;font-weight: bold;}
.descriptor h2{font-size:16px;letter-spacing:3px; float:left;margin:0;line-height:1em;font-weight: bold;}
.descriptor a{float:right;font-size:.857em;color:#666;line-height:1.6em;display:block;margin-top:0;}
.descriptor a span.ss-icon{display:inline-block;vertical-align:middle}
.descriptor a:hover{color:#808e95}
.descriptor a.margin-right-10{margin-right:10px}
.descriptor a.margin-right--50{margin-right:-50%}
.related-item {padding: 10px 0; text-align: center; background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee;　}
.related-item h3 {text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
a .tag{height:21px;text-transform:uppercase;font-size:11px;line-height:21px;letter-spacing:1px;font-weight:bold;}
a .tag span{display:block;float:left;background-color:#191919;color:#fff;padding-left:10px;padding-right:1px;border-radius:2px 0 0 2px;line-height:21px;height:21px;font-weight:normal;}
a .tag span+span{border-radius:0 2px 2px 0;border-color:#191919;background-color:#f3f3f3;color:#666;border-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;line-height:21px;height:21px;padding:0 10px 0 0;}
a .tag em{float:left;margin:-1px 5px -1px 0;width:12px;display:block;height:21px;text-indent:200%;overflow:hidden;background:url(./img/tag-separator.png) center left no-repeat}
a:hover .tag span+span { background-color:#fff; }
@media screen and (max-width:480px){
	.descriptor a { padding: 0; vertical-align: top; margin-top: 0; }
	a .tag span{ padding-right:10px }
	a .tag span+span{ display: none; }
}

.carousel{position:relative; overflow: hidden; -webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.carousel .frame{position:relative}
.carousel .mask{position:absolute;background-color:red;width:200%;height:100%;top:0;left:-200%;background-color:#f2f2f2;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}
.carousel .mask.right{left:auto;right:-200%}
.carousel .pagination{display:none}
.carousel.setup .grid{position:absolute}
.carousel.setup .pagination{display:block;cursor:pointer;background-color:#fff;border-bottom:1px solid #ededed;border-left:1px solid #ededed;position:relative;margin-bottom:20px;}
.carousel.setup .next,.carousel.setup .prev{display:block;float:right}
.carousel.setup .next span.ss-icon,.carousel.setup .prev span.ss-icon{font-size:1.429em;display:block;padding:20px 20px 15px 20px}
.carousel.setup .prev{float:left}
.carousel.setup .page{width:25px;height:25px;margin:25px 0;display:block;position:absolute;left:50%;margin-left:-11px;font-size:16px;font-weight: bold;}
.carousel.setup .page .current{position:absolute;top:0;left:0}
.carousel.setup .page .total{position:absolute;bottom:0;right:0}
.carousel.setup .page .line{display:block;position:absolute;width:25px;top:12px;height:1px;background-color:#dfdfdf;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.grid .item p a{color:#808e95}
.grid .col-1{width:50%}
.grid .col-1 .col-1{width:100%}
.grid .col-2,.grid .col-3{width:100%}
.grid .col-2 .col-1,.grid .col-3 .col-1{width:50%}
.grid .col-2 .col-2,.grid .col-2 .col-3,.grid .col-2 .col-2-mobile,.grid .col-3 .col-2,.grid .col-3 .col-3,.grid .col-3 .col-2-mobile{width:100%}
.grid .item{float:left;-webkit-box-shadow:-1px 1px 0 #ededed;-moz-box-shadow:-1px 1px 0 #ededed;box-shadow:-1px 1px 0 #ededed;background-color:#fff}
.grid .item.no-shadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.grid .item .content{width:100%;height:100%;position:relative}
.grid .item .content a.grid-overlay-link { display: block; width: 100%; height: 100%; color:#333; background-color:#fff; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }
.grid .item .content a.grid-overlay-link .image { position: relative; height: auto; margin-bottom: 0; }
.grid .item .content a.padding-box { padding: 20px; display: block;}
.grid .item .content a.padding-box .image { position: relative; margin-bottom: 0; }
.grid .item .content a.padding-box h3 { color:#333; margin-top: 10px; }
.grid .item .block{float:left;position:relative;margin-top:0;-webkit-transition:margin-top .3s;-moz-transition:margin-top .3s;-o-transition:margin-top .3s;transition:margin-top .3s;overflow:hidden}
.grid .item .block.col-2-mobile .text h3{font-size:1.714em}
.grid .item .block .text .summary{line-height:1.2em}
.grid .item .block .row-1 p.article-summary,.grid .item .block p.date{display:none}
.grid .item.no-mobile,.grid .item.social,.grid .item.spacer{display:none}
.grid .item .image{top:0;left:0;width:100%;height:100%;overflow:hidden;margin-bottom:20px}
.grid .item .image img{display:block;width:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.grid .item .circle-img img { border-radius: 300px; -webkit-border-radius: 300px; -moz-border-radius: 300px; width:86%; margin:15px 7% 0;}
.grid .item .image.arrow-right:after,.grid .item .image.arrow-bottom:after,.grid .item .image.arrow-left:after,.grid .item .image.arrow-right-tablet:after,.grid .item .image.arrow-bottom-tablet:after,.grid .item .image.arrow-right-desktop:after{content:" ";display:block;width:0;height:0;border-style:solid;position:absolute;top:auto;right:auto;bottom:auto;left:auto}
.grid .item .image.arrow-right:after{border-width:12px 12px 12px 0;border-color:transparent #fff transparent transparent;top:15px;right:0;bottom:auto;left:auto;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
.grid .item .image.arrow-bottom:after{border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent;bottom:0;top:auto;left:15px;right:auto;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
.grid .item .image.arrow-left:after{border-width:12px 0 12px 12px;border-color:transparent transparent transparent #fff;top:15px;right:auto;bottom:auto;left:0;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
.grid .item .text{padding:10px;top:10px;right:10px;bottom:10px;left:10px;overflow:hidden}
.grid .item .text .summary{font-weight:normal;margin-top:5px;font-size:1em;letter-spacing:1px;line-height:1.5}
.grid .item .text .summary a{color:#191919;font-weight: normal !important;}
.grid .item .text .summary span.artist{display:block;font-size:.778em;color:#666}
.grid .item .text .summary em{font-style:italic;color:#b3b3b3}
.grid .item .text p.date{color:#808e95;line-height:1em}
.grid .item .text p.date.smaller{font-size:.857em}
.grid .item .text p.date span{color:#666}
.grid .item .text a.button{text-transform:uppercase;border:1px solid #dfdfdf;padding:10px 10px 8px 10px;font-size:.857em;color:#b3b3b3;text-align:center;border-radius:2px;bottom:0;left:0;right:0;display:block}
.grid .item .text a.button .ss-icon{display:inline-block;vertical-align:middle}
.grid .item .text a.button:hover{border-color:#808e95;background-color:#808e95;color:#fff}
.grid .item.social{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.grid .item.social a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;color:#fff;font-weight:bold;}
.grid .item.social a:before{content:"\20";display:inline-block;height:100%;vertical-align:middle;width:1px}
.grid .item.social a span.center{display:inline-block;vertical-align:middle;width:90%}
.grid .item.social a span.ss-icon,.grid .item.social a span.icon{font-size:2.143em;display:block;padding-bottom:10px}
.grid .item.social a span.icon{width:47px;margin:0 auto;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}
.grid .item.social a span.icon img{max-width:100%}
.grid .item.spacer{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:transparent}
.grid .item.slidesup{overflow:hidden; background-color:#f9f9f9;}
.grid .item.slidesup .content a.padding-box h3 { text-align:center; }
.grid .item.slidesup .image{text-align:center;cursor:pointer}
.grid .item.slidesup .image img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.grid .item.slidesup .image h3,.grid .item.slidesup .image p{position:relative;text-shadow:0 1px 0 black;color:#dfdfdf}
.grid .item.slidesup .image h3{margin-top:-85%;font-weight:bold;font-size:1.357em;color:#fff}
.grid .item.slidesup .image p{font-style:italic}
.grid .item.slidesup .image .roundel{width:30px;height:30px;border:2px solid #fff;border-radius:30px;left:50%;bottom:30px;margin-left:-15px;position:absolute;width:30px;background-color:rgba(43,43,43,.4);color:#fff;font-size:1.429em}
.grid .item.slidesup .image .roundel .ss-icon{line-height:1.8em}
.grid .item.slidesup .content{margin-top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.grid .item.slidesup .content.height-half { height: 50%; box-shadow: 0 1px 0 #ededed; }
.grid .item.slidesup .content a.more{color:#666;border-bottom:1px solid #ededed}
.grid .item.slidesup .content a.more:hover{color:#808e95}
.grid .item.slidesup .content a.more span.ss-icon{font-size:.857em}
.grid .item.slidesup.show .content{margin-top:-110%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.grid .item.flips{-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;background-color:transparent}
.grid .item.flips .block{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
.grid .item.flips .image{z-index:2;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.grid .item.flips .image span.roundel{border:1px solid #fff;border-radius:30px 30px 30px 30px;bottom:20px;color:#fff;height:30px;left:50%;line-height:32px;margin-left:-15px;position:absolute;text-align:center;width:30px;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s;cursor:pointer}
.grid .item.flips .text{position:absolute;background-color:#fff;bottom:0;left:0;top:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);padding:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.grid .item.flips .text .author-bio{text-align:left;overflow:hidden;position:absolute;bottom:30px;left:30px;margin:0}
.grid .item.flips .text .author-bio .image-container,.grid .item.flips .text .author-bio .ai{float:left;margin-bottom:0}
.grid .item.flips .text .author-bio .ai{margin-left:10px}
.grid .item.flips .text .author-bio .ai .author{font-weight:normal;}
.grid .item.flips:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4}
.grid .item.flips:hover .image span.roundel{border-color:#808e95;box-shadow:0 0 2px #808e95,0 0 2px #808e95 inset}
.grid .item.flips.flipped .block{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.grid .item.flips.flipped .text{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;-ms-backface-visibility:visible;-o-backface-visibility:visible;backface-visibility:visible}
.grid .item.flips.flipped .image{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.grid .item.flips.flipped .image img,.grid .item.flips.flipped .image .play{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.grid .item.flips.flipped .image span.roundel{display:none}
.grid.ratio-1 .item{width:49%;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;float:left}
.grid.ratio-1 .item .text h3{font-size:13px;margin-bottom:20px}
.h-icon { padding-right: 5px; }

@media screen and (min-width:600px){
	.descriptor{padding:80px 0 30px 0;}
	.descriptor h1{font-size:32px; margin: -20px auto 20px; text-align: center;}
	.descriptor h2{font-size:18px;}
	.grid .col-1{width:33.2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.grid .col-2{width:66.6%}
	.grid .col-2 .col-1.block{padding-top:37.5%}
	.grid .col-3{width:100%}
	.grid .col-3 .col-1{width:33.3%}
	.grid .col-3 .col-1.block{padding-top:24.9%}
	.grid .col-3 .col-1.block.row-2{padding-top:49.9%}
	.grid .col-3 .col-2{width:66.6%}
	.grid .col-3 .col-2.block{padding-top:49.9%}
	.grid .item.no-mobile,.grid .item.social{display:block}
	.grid .item.no-tablet{display:none}
	.grid .item .text{position:absolute;top:15px;right:15px;bottom:15px;left:15px}
	.grid .item .text .summary{font-size:14px;}
	.grid .item .text p.date{display:block}
	.grid .item .text p.article-summary{display:none}
	.grid .item .block.col-2-mobile .text h3{font-size:1.143em}
	.grid .item .image{position:absolute}
	.grid .item .image.arrow-right:after{top:30px}
	.grid .item .image.arrow-bottom:after{left:15px}
	.grid .item .image.arrow-left:after{top:30px}
	.grid .item .image.arrow-right-tablet:after{border-width:12px 12px 12px 0;border-color:transparent #fff transparent transparent;top:30px;right:0;bottom:auto;left:auto;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.grid .item .image.arrow-bottom-tablet:after{border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent;bottom:0;top:auto;left:30px;right:auto;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.grid .item.slidesup .image .roundel{font-size:1.053em}
	.grid .item.slidesup h3{line-height:1.2em;font-size: 12px;}
	.grid .item a.button{position:absolute}
	.grid.ratio-1 .item{display:block}
	.grid.ratio-1 .item.col-1{width:33.3%}
	.grid.ratio-1 .item .block.ratio-057{padding-top:100%}
	.carousel.setup .pagination{width:auto;float:right}
	.carousel.setup .next span.ss-icon,.carousel.setup .prev span.ss-icon{font-size:1.053em}
	.carousel.setup .page{font-size:.632em}
}

@media screen and (min-width:600px){
	.review-container .grid .item .text { padding: 10px;top: 60%;right: 10px;bottom: 10px;left: 10px;overflow: hidden; }
}
@media screen and (min-width:900px){
	.grid .col-1{width:20%}
	.grid .col-2{width:40%}
	.grid .col-3{width:60%}
	.grid.blog-cat { width: 70%; float: left; }
	.grid.blog-cat .col-3{width:100%}
	.grid .item .block.col-2-mobile .text h3{font-size:20px;}
	.grid .item .block.row-1 p.article-summary{display:block}
	.grid .item.spacer,.grid .item.no-tablet{display:block}
	.grid .item .image.arrow-right-desktop:after{border-width:12px 12px 12px 0;border-color:transparent #fff transparent transparent;top:30px;right:0;bottom:auto;left:auto;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.grid .item .text{font-size:1em;left:20px;top:20px;right:20px;bottom:20px;padding:0}
	.grid .item .text p.article-summary{display:block}
	.grid .item.row-2 p.article-summary{display:block}
	.grid .item .image.arrow-bottom:after{left:20px}
	.grid .item .image.arrow-right-desktop:after{left:auto}
	.grid .item.slidesup .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;}
	.grid .item.slidesup .image .roundel{font-size:1.429em}
	.grid .item.slidesup .content.active a .image img,.grid .item.slidesup.show .content a:hover .image img,.grid .item.slidesup .content a:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
	.grid .item.peeps-left .text{-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.grid .item.peeps-left .block+.block{background-color:#fff;margin-left:-1px;-webkit-transition:margin-left .3s;-moz-transition:margin-left .3s;-o-transition:margin-left .3s;transition:margin-left .3s}
	.grid .item.peeps-left:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
	.grid .item.peeps-left:hover .image.arrow-right:after,.grid .item.peeps-left:hover .image.arrow-right-tablet:after,.grid .item.peeps-left:hover .image.arrow-right-desktop:after{right:29px;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.grid .item.peeps-left:hover .block+.block{margin-left:-30px}
	.grid .item.peeps-left:hover .text{right:-30px;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.grid .item.peeps-right .text{-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
	.grid .item.peeps-right .block:first-child{z-index:1;position:relative;margin-left:1px;background-color:#fff;-webkit-transition:margin-left .3s;-moz-transition:margin-left .3s;-o-transition:margin-left .3s;transition:margin-left .3s}
	.grid .item.peeps-right .block+.block{position:absolute;top:0;right:0}
	.grid .item.peeps-right:hover .block:first-child{margin-left:30px;-webkit-transition:margin-left .3s;-moz-transition:margin-left .3s;-o-transition:margin-left .3s;transition:margin-left .3s}
	.grid .item.peeps-right:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
	.grid .item.peeps-right:hover .image.arrow-left:after{left:29px;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
	.grid .item.peeps-right:hover .text{left:-29px;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
	.grid .item.peeps-up .text{-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.grid .item.peeps-up .block+.block{background-color:#fff;margin-top:0;-webkit-transition:margin-top .3s;-moz-transition:margin-top .3s;-o-transition:margin-top .3s;transition:margin-top .3s}
	.grid .item.peeps-up:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
	.grid .item.peeps-up:hover .image.arrow-bottom:after,.grid .item.peeps-up:hover .image.arrow-bottom-tablet:after{bottom:29px;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.grid .item.peeps-up:hover .block+.block{margin-top:-30px}
	.grid .item.peeps-up:hover.arrow-right-desktop:after{left:auto}
	.grid .item.peeps-up:hover .text{bottom:-30px;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.grid.ratio-1 .item.col-1{width:20%}
	.grid.ratio-1 .item.col-2{width:40%}
	.grid.ratio-1 .item .block.ratio-057{padding-top:100%}
	.carousel.setup{overflow:hidden}
	.carousel.setup .mask{display:none}
	.carousel.setup .next span.ss-icon,.carousel.setup .prev span.ss-icon{font-size:1.429em}
	.carousel.setup .page{font-size:.857em}
	.peek-container .grid .item .text{position:static;padding:20px}
	.grid .item .content:hover a.grid-overlay-link { background-color:#333; color:#fff; }
}
@media screen and (min-width:75em){
	.grid .item .text{left:30px;right:30px;top:30px;bottom:30px}
	.grid .item .image.arrow-bottom:after{left:467px}
	.grid .item .image.arrow-right-desktop:after{left:auto}
}


.box .item p a{color:#808e95}
.box .col-1{width:50%}
.box .col-1 .col-1{width:100%}
.box .col-2,.box .col-3{width:100%}
.box .col-2 .col-1,.box .col-3 .col-1{width:50%}
.box .col-2 .col-2,.box .col-2 .col-3,.box .col-2 .col-2-mobile,.box .col-3 .col-2,.box .col-3 .col-3,.box .col-3 .col-2-mobile{width:100%}
.box .item{float:left;-webkit-box-shadow:-1px 1px 0 #ededed;-moz-box-shadow:-1px 1px 0 #ededed;box-shadow:-1px 1px 0 #ededed;background-color:#fff}
.box .item.no-shadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.box .item .content{width:100%;height:100%;position:relative}
.box .item .content a.box-overlay-link { display: block; width: 100%; height: 100%; color:#333; background-color:#fff; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }
.box .item .content a.box-overlay-link .image { position: relative; height: auto; margin-bottom: 0; }
.box .item .content a.padding-box { padding: 20px; display: block;}
.box .item .content a.padding-box .image { position: relative; margin-bottom: 0; }
.box .item .content a.padding-box h3 { color:#333; margin-top: 10px; }
.box .item .block{float:left;position:relative;margin-top:0;-webkit-transition:margin-top .3s;-moz-transition:margin-top .3s;-o-transition:margin-top .3s;transition:margin-top .3s;overflow:hidden}
.box .item .block.col-2-mobile .text h3{font-size:1.2em}
.box .item .block .text h3{line-height:1.2em}
.box .item .block .row-1 p.article-summary,.box .item .block p.date{display:none}
.box .item.no-mobile,.box .item.social,.box .item.spacer{display:none}
.box .item .image{top:0;left:0;width:100%;height:100%;overflow:hidden;margin-bottom:20px}
.box .item .image img{display:block;width:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.box .item .circle-img img { border-radius: 300px; -webkit-border-radius: 300px; -moz-border-radius: 300px; width:86%; margin:15px 7% 0;}
.box .item .image.arrow-right:after,.box .item .image.arrow-bottom:after,.box .item .image.arrow-left:after,.box .item .image.arrow-right-tablet:after,.box .item .image.arrow-bottom-tablet:after,.box .item .image.arrow-right-desktop:after{content:" ";display:block;width:0;height:0;border-style:solid;position:absolute;top:auto;right:auto;bottom:auto;left:auto}
.box .item .image.arrow-right:after{border-width:12px 12px 12px 0;border-color:transparent #fff transparent transparent;top:15px;right:0;bottom:auto;left:auto;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
.box .item .image.arrow-bottom:after{border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent;bottom:0;top:auto;left:15px;right:auto;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
.box .item .image.arrow-left:after{border-width:12px 0 12px 12px;border-color:transparent transparent transparent #fff;top:15px;right:auto;bottom:auto;left:0;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
.box .item .text{padding:10px;top:10px;right:10px;bottom:10px;left:10px;overflow:hidden}
.box .item .text h3{font-weight:normal;margin-top:5px;font-size:1em;line-height:1.5}
.box .item .text h3 a{color:#191919}
.box .item .text h3 span.artist{display:block;font-size:.778em;color:#666}
.box .item .text h3 em{font-style:italic;color:#b3b3b3}
.box .item .text a.author{color:#808e95;line-height:40px; height: 40px; width: 100%; display: block; position: relative;}
.box .item .text a.author span { position: absolute; top:0; left:50px; }
.box .item .text p.date{color:#999;line-height:1em}
.box .item .text p { color:#666; }
.box .item .text p.date.smaller{font-size:.857em}
.box .item .text p.date span{color:#666}
.box .item .text a.button{text-transform:uppercase;border:1px solid #dfdfdf;padding:10px 10px 8px 10px;font-size:.857em;color:#b3b3b3;text-align:center;border-radius:2px;bottom:0;left:0;right:0;display:block}
.box .item .text a.button .ss-icon{display:inline-block;vertical-align:middle}
.box .item .text a.button:hover{border-color:#808e95;background-color:#808e95;color:#fff}
.box .item.social{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.box .item.social a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;color:#fff;font-weight:bold;}
.box .item.social a:before{content:"\20";display:inline-block;height:100%;vertical-align:middle;width:1px}
.box .item.social a span.center{display:inline-block;vertical-align:middle;width:90%}
.box .item.social a span.ss-icon,.box .item.social a span.icon{font-size:2.143em;display:block;padding-bottom:10px}
.box .item.social a span.icon{width:47px;margin:0 auto;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}
.box .item.social a span.icon img{max-width:100%}
.box .item.spacer{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:transparent}
.box .item.slidesup{overflow:hidden}
.box .item.slidesup .image{background-color:#fff;text-align:center;cursor:pointer}
.box .item.slidesup .image img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.box .item.slidesup .image h3,.box .item.slidesup .image p{position:relative;text-shadow:0 1px 0 black;color:#dfdfdf}
.box .item.slidesup .image h3{margin-top:-85%;font-weight:bold;font-size:1.357em;color:#fff}
.box .item.slidesup .image p{font-style:italic}
.box .item.slidesup .image .roundel{width:30px;height:30px;border:2px solid #fff;border-radius:30px;left:50%;bottom:30px;margin-left:-15px;position:absolute;width:30px;background-color:rgba(43,43,43,.4);color:#fff;font-size:1.429em}
.box .item.slidesup .image .roundel .ss-icon{line-height:1.8em}
.box .item.slidesup .content{margin-top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.box .item.slidesup .content.height-half { height: 50%; box-shadow: 0 1px 0 #ededed; }
.box .item.slidesup .content a.more{color:#666;border-bottom:1px solid #ededed}
.box .item.slidesup .content a.more:hover{color:#808e95}
.box .item.slidesup .content a.more span.ss-icon{font-size:.857em}
.box .item.slidesup.show .content{margin-top:-110%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.box .item.flips{-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;background-color:transparent}
.box .item.flips .block{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
.box .item.flips .image{z-index:2;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.box .item.flips .image span.roundel{border:1px solid #fff;border-radius:30px 30px 30px 30px;bottom:20px;color:#fff;height:30px;left:50%;line-height:32px;margin-left:-15px;position:absolute;text-align:center;width:30px;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s;cursor:pointer}
.box .item.flips .text{position:absolute;background-color:#fff;bottom:0;left:0;top:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);padding:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.box .item.flips .text .author-bio{text-align:left;overflow:hidden;position:absolute;bottom:30px;left:30px;margin:0}
.box .item.flips .text .author-bio .image-container,.box .item.flips .text .author-bio .ai{float:left;margin-bottom:0}
.box .item.flips .text .author-bio .ai{margin-left:10px}
.box .item.flips .text .author-bio .ai .author{font-weight:normal;}
.box .item.flips:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4}
.box .item.flips:hover .image span.roundel{border-color:#808e95;box-shadow:0 0 2px #808e95,0 0 2px #808e95 inset}
.box .item.flips.flipped .block{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.box .item.flips.flipped .text{-webkit-backface-visibility:visible;-moz-backface-visibility:visible;-ms-backface-visibility:visible;-o-backface-visibility:visible;backface-visibility:visible}
.box .item.flips.flipped .image{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.box .item.flips.flipped .image img,.box .item.flips.flipped .image .play{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.box .item.flips.flipped .image span.roundel{display:none}
.box.ratio-1 .item{width:49%;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top;float:left}
.box.ratio-1 .item .text h3{font-size:13px;margin-bottom:20px}
.h-icon { padding-right: 5px; }

@media screen and (min-width:600px){
	.descriptor{padding:70px 0 20px;}
	.descriptor h1{font-size:32px; margin: -20px auto 20px; text-align: center;}
	.descriptor p { font-size:13px; margin: 30px auto 20px; text-align: center; max-width: 1160px; }
	.descriptor h2{font-size:20px;}
	.box .col-1{width:33.2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.box .col-2{width:66.6%}
	.box .col-2 .col-1.block{padding-top:37.5%}
	.box .col-3{width:100%}
	.box .col-3 .col-1{width:33.3%}
	.box .col-3 .col-1.block{padding-top:24.9%}
	.box .col-3 .col-1.block.row-2{padding-top:49.9%}
	.box .col-3 .col-2{width:66.6%}
	.box .col-3 .col-2.block{padding-top:49.9%}
	.box.blog-cat .col-3 .col-2.block{padding-top:24.9%;border-bottom: 1px solid #eee;}
	.box .item.no-mobile,.box .item.social{display:block}
	.box .item.no-tablet{display:none}
	.box .item .text{position:absolute;top:15px;right:15px;bottom:15px;left:15px}
	.box .item .text h3{font-size:15px;}
	.box .item .text p.date{display:block}
	.box .item .text p.article-summary{display:none}
	.box .item .block.col-2-mobile .text h3{font-size:1.143em}
	.box .item .image{position:absolute}
	.box .item .image.arrow-right:after{top:30px}
	.box .item .image.arrow-bottom:after{left:15px}
	.box .item .image.arrow-left:after{top:30px}
	.box .item .image.arrow-right-tablet:after{border-width:12px 12px 12px 0;border-color:transparent #fff transparent transparent;top:30px;right:0;bottom:auto;left:auto;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.box .item .image.arrow-bottom-tablet:after{border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent;bottom:0;top:auto;left:30px;right:auto;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.box .item.slidesup .image .roundel{font-size:1.053em}
	.box .item.slidesup h3{line-height:1.2em}
	.box .item a.button{position:absolute}
	.box.ratio-1 .item{display:block}
	.box.ratio-1 .item.col-1{width:33.3%}
	.box.ratio-1 .item .block.ratio-057{padding-top:100%}
	.carousel.setup .pagination{width:auto;float:right}
	.carousel.setup .next span.ss-icon,.carousel.setup .prev span.ss-icon{font-size:1.053em}
	.carousel.setup .page{font-size:.632em}
}
@media screen and (min-width:900px){
	.box .col-1{width:20%}
	.box .col-2{width:40%}
	.box .col-3{width:60%}
	.box.blog-cat { width: 70%; float: left; }
	.box.blog-cat .col-3{width:100%}
	.box .item .block.col-2-mobile .text h3{font-size:20px;}
	.box.blog-cat .item .block.col-2-mobile .text h3{font-size:16px;}
	.box .item .block.row-1 p.article-summary{display:block}
	.box .item.spacer,.box .item.no-tablet{display:block}
	.box .item .image.arrow-right-desktop:after{border-width:12px 12px 12px 0;border-color:transparent #fff transparent transparent;top:30px;right:0;bottom:auto;left:auto;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.box .item .text{font-size:1em;left:20px;top:20px;right:20px;bottom:20px;padding:0; width: 100%;}
	.box .item .text p.article-summary{display:block}
	.box .item.row-2 p.article-summary{display:block}
	.box .item .image.arrow-bottom:after{left:20px}
	.box .item .image.arrow-right-desktop:after{left:auto}
	.box .item.slidesup .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;}
	.box .item.slidesup .image .roundel{font-size:1.429em}
	.box .item.slidesup .content.active a .image img,.box .item.slidesup.show .content a:hover .image img,.box .item.slidesup .content a:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
	.box .item.peeps-left .text{-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.box .item.peeps-left .block+.block{background-color:#fff;margin-left:-1px;-webkit-transition:margin-left .3s;-moz-transition:margin-left .3s;-o-transition:margin-left .3s;transition:margin-left .3s}
	.box .item.peeps-left:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
	.box .item.peeps-left:hover .image.arrow-right:after,.box .item.peeps-left:hover .image.arrow-right-tablet:after,.box .item.peeps-left:hover .image.arrow-right-desktop:after{right:29px;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.box .item.peeps-left:hover .block+.block{margin-left:-30px}
	.box .item.peeps-left:hover .text{right:-30px;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;transition:right .3s}
	.box .item.peeps-right .text{-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
	.box .item.peeps-right .block:first-child{z-index:1;position:relative;margin-left:1px;background-color:#fff;-webkit-transition:margin-left .3s;-moz-transition:margin-left .3s;-o-transition:margin-left .3s;transition:margin-left .3s}
	.box .item.peeps-right .block+.block{position:absolute;top:0;right:0}
	.box .item.peeps-right:hover .block:first-child{margin-left:30px;-webkit-transition:margin-left .3s;-moz-transition:margin-left .3s;-o-transition:margin-left .3s;transition:margin-left .3s}
	.box .item.peeps-right:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
	.box .item.peeps-right:hover .image.arrow-left:after{left:29px;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
	.box .item.peeps-right:hover .text{left:-29px;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
	.box .item.peeps-up .text{-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.box .item.peeps-up .block+.block{background-color:#fff;margin-top:0;-webkit-transition:margin-top .3s;-moz-transition:margin-top .3s;-o-transition:margin-top .3s;transition:margin-top .3s}
	.box .item.peeps-up:hover .image img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
	.box .item.peeps-up:hover .image.arrow-bottom:after,.box .item.peeps-up:hover .image.arrow-bottom-tablet:after{bottom:29px;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.box .item.peeps-up:hover .block+.block{margin-top:-30px}
	.box .item.peeps-up:hover.arrow-right-desktop:after{left:auto}
	.box .item.peeps-up:hover .text{bottom:-30px;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s}
	.box.ratio-1 .item.col-1{width:20%}
	.box.ratio-1 .item.col-2{width:40%}
	.box.ratio-1 .item .block.ratio-057{padding-top:100%}
	.carousel.setup{overflow:hidden}
	.carousel.setup .mask{display:none}
	.carousel.setup .next span.ss-icon,.carousel.setup .prev span.ss-icon{font-size:1.429em}
	.carousel.setup .page{font-size:.857em}
	.peek-container .box .item .text{position:static;padding:20px}
	.box .item .content:hover a.box-overlay-link { background-color:#333; color:#fff; }
}
@media screen and (min-width:75em){
	.box .item .text{left:30px;right:30px;top:30px;bottom:30px}
	.box .item .image.arrow-bottom:after{left:467px}
	.box .item .image.arrow-right-desktop:after{left:auto}
}

/* Header */
header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #f2f2f2;}
header .wrapper-head { background: none; max-width: 1200px; margin:0 auto; position: relative; }
#header-after { position: relative; width: 100%; height: 90px; display: block; }
header .header-container{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms; max-width: 1200px; width: 100%; margin:0 auto; }
.touch header .header-container{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; }
#Logo{ position: relative; text-indent: -9999px; display: block; width: 180px; height: 90px; top: 30px; left:5%; overflow: hidden; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
header #Logo img { display: block; width: 100%; }
header .description { position: absolute; top:0px; right:25px; }
header .description h2 { font-family:'Droid Serif',"Times New Roman", Times, "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", "ＭＳ Ｐ明朝", serif;font-size: 12px; color:#999; line-height: 35px; margin:0; }
header nav{ font-family:'Helvetica Neue',Helvetica, Arial; position: absolute; top:40px; right:5%; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
header nav span{ display: inline-block; height: 25px; padding-right: 15px; color: #fff; color: #666; font-weight: bold; text-transform: uppercase; vertical-align: top; font-size: 12px; line-height: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
header nav span.h-icon { font-size: 15px; }
.suck_mode header nav span{ display: inline; }
header nav span:hover,header nav .current span { color: #000; }
.touch header nav span:hover{ color: #000;}
.stick #Logo { width: 140px; height: 50px; top: 10px;}
.stick header .description { display: none; }
.stick header nav{ position: absolute; top:10px; }
header nav ul { margin-right: 60px; }
header nav li{ list-style-type: none; display: inline-block; }
header nav li.dropdown_item { position: relative; padding-right: 20px; background: url(./img/tri.gif) 40px center no-repeat;}
header nav li.dropdown_item > ul {position:absolute;list-style:none;margin:0;padding:0; top:24px; left:-24px; border: 1px solid #ccc; display: none;}
header nav li.dropdown_item > ul li span { display:block; width:80px; padding:5px 24px; cursor:pointer; margin:0; }
header nav li.dropdown_item > ul li span:hover{background-color: #bbb;color: #000;}
header nav li.dropdown_item > ul li { font-size:12px; margin:0; line-height:30px; background:#fff; color:#999;}
header nav li.subscribe a { font-size: 12px; background: #fff; border: 1px solid #ddd; display: inline-block;height: 22px; padding:0 7px; text-transform: uppercase; font-family:'Helvetica Neue',Helvetica, Arial; font-weight: 700; margin-right: 7px;}
.sb-search { position: absolute; width: 0%; min-width: 50px; height: 50px; top:-10px; right:0; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width:90%; height: 20px; margin: 0; z-index: 10; padding: 15px 5%; font-family: inherit; font-size: 12px; color: #2c3e50; }
.sb-search-input::-webkit-input-placeholder { color: #999; }
.sb-search-input:-moz-placeholder { color: #999; }
.sb-search-input::-moz-placeholder { color: #999; }
.sb-search-input:-ms-input-placeholder { color: #999; }
.sb-icon-search,
.sb-search-submit  { width: 50px; height: 50px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 50px; text-align: center; cursor: pointer; }
.sb-search-submit { background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: transparent; border: none; outline: none; z-index: -1; }
.sb-icon-search { color: #fff; background: #808e95; z-index: 90; font-size: 22px; font-family: 'fontello'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.sb-icon-search:before { content: "\e80f"; }
.sb-search.sb-search-open,
.no-js .sb-search { width: 100%; }
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search { background: #667278; color: #fff; z-index: 11; }
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit { z-index: 90; }

@media screen and (min-width: 1300px){ 
	#Logo { left:0; }
	header nav { right:0; }
}
@media screen and (min-width: 1079px){ 
	header nav .mobile_only{ display: none; }
}

@media screen and (max-width: 1080px){ 
	.carousel .frame { border-top: 1px solid #ededed; }
	.carousel .mask{ background: #fff; }
	.carousel.setup .pagination { border-right: 1px solid #ededed; }
	header .description {display: none;}
	header .header-container{ background: #fff; height: 49px; }
	header nav { top:15px; }
	#Logo { width: 150px; height: 40px; top: 10px;}
	body:not(.touch) .main-container .wrapper,
	body:not(.touch) header nav,
	body:not(.touch) header .header-container,
	body:not(.touch) footer{ -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }
	.main-container .wrapper,
	header nav,
	header .header-container{ position: relative; left: 0; }
	header { height: 50px; background-color: #fff; box-shadow: 0 0 1px #ccc; }
	header nav span{ color:#333; }
	header nav.ib,
	.stick header nav.ib{ position: absolute; width:240px; min-height:1024px; height: 100%; right: -240px; left: auto; top: 0px; background: #eee; overflow: hidden; max-height: none; }
	.touch .header nav{ display: none; }
	header nav ul{ padding: 10px 15px; }
	header nav li{ display: block; }
	header nav li.dropdown_item { padding-right:0; background: none; }
	header nav span,
	.stick header nav span{ display: block; height: 37px; line-height: 37px; }
	header .wrapper{ padding: 0; }
	#Hamburger { width: 49px; height: 49px; padding: 0; z-index: 1000; cursor: pointer; position: absolute; top: 3px; right: 0; -webkit-transition: padding-top .6s cubic-bezier(0.7,0.01,0.3,1); -moz-transition: padding-top .6s cubic-bezier(0.7,0.01,0.3,1); -o-transition: padding-top .6s cubic-bezier(0.7,0.01,0.3,1); transition: padding-top .6s cubic-bezier(0.7,0.01,0.3,1); }
	#Hamburger .patty { width: 26px; position: absolute; top:3px; height: 3px; margin: 10px 0; background: #808e95; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
	#Hamburger .patty:after,#Hamburger .patty:before { content: ''; display: block; width: 26px; height: 3px; background: #808e95; position: absolute; z-index: -1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
	#Hamburger .patty:before { top: 8px; }
	#Hamburger .patty:after { top: 16px; }
	.aside #Hamburger .patty { background: none; }
	.aside #Hamburger .patty:after { top: 7px; background: #808e95; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.aside #Hamburger .patty:before { top: 7px; background: #808e95; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	.aside .main-container .wrapper,
	.aside header .header-container,
	.aside.stick header .header-container{ left: -240px; }
	.touch.aside header nav{ display: block; }
	#header-after { height: 50px; }
	header nav li.subscribe a { display: block; margin: 10px auto;}
	.sb-search { position: relative; width: 180px; min-width: 50px; height: 40px; top:0; right:-15px; overflow: hidden; }
	.sb-search-input { padding:10px 5%; }
	.sb-icon-search,.sb-search-submit { width: 40px; line-height: 40px; height:40px; }
}



/*バナー*/
#ads {margin-bottom:20px;padding-top: 50px;}
#ads h4 { margin-bottom: 20px; font-size: 13px; }
#ads .box-sponsors {clear: both;position: relative;}
#ads .sponsors {overflow: hidden; display: block; position: relative; width: 100%;}
#ads .sponsors .banner {display: block; float: left; margin:0; padding:0; overflow: hidden;}
#ads .sponsors .banner img,#ads .sponsors .banner a {width: 100%;height: auto; display: block; margin:0; padding: 0;}
#ads .sponsors .banner {width: 50%;}
@media screen and (min-width: 600px){
	#ads .sponsors .banner {width: 33%;}
	#ads .sponsors .banner:last-child {display: none;}
	#ads h4 { margin-bottom: 20px; font-size: 16px; }
}
@media screen and (min-width: 900px){
	#ads .sponsors .banner {width: 25%;}
	#ads .sponsors .banner:last-child {display: block;}
}

.single-container { background-color: #fff; position: relative; overflow: hidden;}
.single-container .single-post { width: 90%; max-width: 798px; margin:0 auto; padding: 40px 0 20px; }
.page-container { position: relative; overflow: hidden;}
.page-container .page-post { width: 90%; max-width: 620px; margin:0 auto; padding: 40px 0; }
.page-container .page-post h1 { text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.blog-container { background-color: #fff; position: relative; overflow: hidden;}
.blog-container .blog-post { width: 70%; margin:0; float:left; padding: 40px; position: relative; }
.blog-category-container { background-color: #fff; position: relative; overflow: hidden;}
.blog-category-container .blog-category-post { width: 70%; margin:0; float:left; padding: 40px 0; position: relative; }

.reviews-post .post-content { padding-top: 20px; }
.reviews-post .post-content p.term { margin: 20px 0; display: block; }
.post-content p object, .post-content p iframe, .post-content p video, .post-content p embed { width: 100% !important;}

.reviews-container { background-color: #fff; position: relative; overflow: hidden;}
.reviews-container .reviews-post { width: 90%; margin:0 auto; padding: 40px 0; }
.reviews-container .reviews-post .album_jacket { width: 40%; float: left; }
.reviews-container .reviews-post .album_jacket img { display: block; width: 100%; height: auto; border: 1px solid #ccc; }
.reviews-container .reviews-post .reviews_hgroup { width: 55%; float: right; }

article .hgroup { margin:0 0 20px; }
article .hgroup h1 { line-height: 1.4; margin:0; }
article .hgroup h2 { font-size: 15px; margin:10px 0; }
article .hgroup h2 a,article .hgroup h2 span { font-weight: bold; }
article .post-shares { padding: 12px 0 3px; border-top: 1px solid #ccc; }
article .post-content p span {color:#333;}
article .post-content img { max-width: 100%; height: auto; margin:5px 0; }
aside.blog-side { width: 30%; float: right; padding-top: 20px; }
aside.blog-side>div { margin:10px auto; padding:10px; max-width: 280px;}
aside.blog-side>div h3 { color: #333; border-bottom: 1px dotted #ccc; padding-bottom: 5px; }
aside.blog-side>div p { color: #333; line-height: 1.7; }
aside.blog-side .profile_box .profile_img img { display: block; width: 100%; }
aside.blog-side .profile_box .profile_text { margin:10px 0; }
aside.blog-side .profile_box .profile_links { border-top: 1px solid #ccc; padding-top: 10px; }
aside.blog-side .profile_box .profile_links ul { margin: 0 0 14px; }
aside.blog-side .profile_box .profile_links li { float: left; }
aside.blog-side .profile_box .profile_links a.banner,aside.blog-side .profile_box .profile_links a.banner img { display: block; width: 100%; }
aside.blog-side .blog-side-recent-posts {  }
aside.blog-side .blog-side-recent-posts li { border-bottom: 1px solid #eee; margin:0; padding:10px 0; }
aside.blog-side .blog-side-recent-posts li img { float: left; width: 80px; }
aside.blog-side .blog-side-recent-posts li div { float: right; width: 170px; font-size: 11px; line-height: 1.5; }
aside.blog-side .blog-side-recent-posts li div span { color:#555; display: block; }
aside.blog-side .blog-side-recent-posts li a { display: block; }
aside.blog-side .blog-side-recent-posts li a:hover { text-decoration: underline; }
aside.blog-side .blog-side-archives { margin-top: 10px; }
aside.blog-side .blog-side-archives li { margin:0; font-size: 12px; }
aside.blog-side .blog-side-archives li a:hover { text-decoration: underline; }
aside.blog-side .blog-side-archives li span { color:#555; }

aside.blog-side .all_blog_list { margin-top: 10px; }
aside.blog-side .all_blog_list li { margin:0; font-size: 12px; height: 45px; }
aside.blog-side .all_blog_list li a { display: block; position: relative; color:#999; }
aside.blog-side .all_blog_list li a:hover { text-decoration: underline; color:#333; }
aside.blog-side .all_blog_list li a span { position: absolute; top:0; left:50px; line-height: 40px;}

@media screen and (max-width: 900px) {
	.wrapper { overflow: hidden; }
	.single-container .single-post { width: 100%; overflow: hidden; }
	.blog-container .blog-post { width: 100%; float:none; padding:20px 0; }
	aside.blog-side { width: 100%; float: none; padding-top: 20px; }
	.reviews-container .reviews-post .album_jacket,.reviews-container .reviews-post .reviews_hgroup { width: 100%; float: none; margin:0 0 20px; }
}
@media screen and (max-width: 520px) {
	.post-content p object, .post-content p video, .post-content p embed { height: 200px !important;}
}

#disqus_thread { width: 90%; margin:0 auto 20px; }

.blog-post .single-nav-area { width: 100%; margin:0; }
.single-nav-area { position: relative; height:144px;}
.nav-growpop a { position: absolute; top:0; outline: none; text-align: left; z-index: 1000; }
.nav-growpop a.prev { left: 0; }
.nav-growpop a.next { right: 0; }
.nav-growpop a i { display: block; margin: 0 auto; padding: 0; width:34px; height: 24px; font-size: 24px; line-height: 24px; }
.nav-growpop .icon-wrap { position: relative; z-index: 100; display: block; padding: 20px 8px; border: 0px solid #808e95; background: #808e95; border-top-width: 40px; border-bottom-width: 40px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }
.nav-growpop i { color: #fff; }
.nav-growpop div { position: absolute; top: 50%; padding: 20px; width: 440px; height: 144px; background: #f2f2f2; opacity: 1; }
.blog-post .nav-growpop div { width: 380px; }
.nav-growpop a.prev div { left: 0; padding: 20px 140px 20px 70px; text-align: right; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.nav-growpop a.next div { right: 0; padding: 20px 70px 20px 140px; -webkit-transform: translateY(-50%); transform: translateY(-50%) ; }
.nav-growpop span { display: block; padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #999; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 0.7em; line-height: 1.2; }
.nav-growpop .notice { margin: 0; padding: 8px 0 10px; color: #818181; font-weight: normal; font-size: 13px; line-height: 1.2; }
.nav-growpop div p { margin: 0; color: #808e95; font-style: italic; font-size: 75%; font-family: 'Droid Serif',"Times New Roman", Times, "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", "ＭＳ Ｐ明朝", serif; }
.nav-growpop img { position: absolute; top: 20px; }
.nav-growpop a.prev img { right: 20px; }
.nav-growpop a.next img { left: 20px; }
.nav-growpop a:hover .icon-wrap { border-color:#333; background: #333;}
@media screen and (max-width: 520px) {
	.single-nav-area { position: relative; height:80px;}
	.nav-growpop a { -webkit-transform: translateY(-35%) scale(0.6); transform: translateY(-35%) scale(0.6); }
	.nav-growpop div,.blog-post .nav-growpop div { width: 150px; background: #fff;}
	.nav-growpop .notice,.nav-growpop div span,.nav-growpop div p { display: none; }
}

.pickup-posts { position: relative; }
.pickup-posts .pickuptitle { position: absolute; left:0; top:0; width: 120px; height: 144px; background-color: #444;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.pickup-posts .pickuptitle span { width: 120px; height: 30px; text-align: center; margin-top: 60px; display: block; color:#fff;font-family:'Helvetica Neue',Helvetica, Arial,sans-serif; font-weight: bold; letter-spacing: 1px; font-size: 16px; }
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
@font-face {font-family: 'flexslider-icon';src:url('./fonts/flexslider-icon.eot');src:url('./fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),url('./fonts/flexslider-icon.woff') format('woff'),url('./fonts/flexslider-icon.ttf') format('truetype'),url('./fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight: normal;font-style: normal;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img { display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 40px 120px; position: relative; background: #fff;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.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; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 30px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
	.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
	.pickup-posts { display: none; }
}
.slides { }
.slides li { float: left; border-left: 1px solid #eee; }
.slides li:first-child { border-left: none; }
.slides div { padding: 20px 20px 20px 140px; width: 380px; height: 144px; background: #fff; position: relative; } 
.slides div span { display: block; padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #999; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 0.7em; line-height: 1.2; }
.slides div h3 { margin: 0; padding: 8px 0 10px; color: #818181; font-weight: normal; font-size: 14px; line-height: 1.2; }
.slides div p { margin: 0; color: #808e95; font-style: italic; font-size: 75%; font-family:'Droid Serif',"Times New Roman", Times, "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", "ＭＳ Ｐ明朝", serif;}
.slides img { position: absolute; top: 20px; left:20px; }



.paginate { position: relative; max-width: 1200px; width: 90%; margin:0 auto; bottom: -1px;clear: both;height: 66px;text-align: center;background-color: #fff;overflow: hidden;}
.paginate span, .paginate a, .paginate .bt-pag { display: inline-block;height: 66px;min-width: 26px;line-height: 67px;text-align: center;font-size: 20px;color: #313131;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;transition: all .25s ease-out;}
.paginate .bt-pag {position: absolute;top: 0;width: 66px;background-color: #999;text-indent: -23em;overflow: hidden;}
.paginate .bt-pag.prev {left: 0;}
.paginate .bt-pag.next {right: 0;}
.paginate .bt-pag:before {content: '';display: block;position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;margin: -6px 0 0 -6px;border-top: 3px solid #FFF;border-right: 3px solid #FFF;}
.paginate .bt-pag.prev:before {-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
.bt-pag.next:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.paginate span,.paginate a:hover { font-weight: bold; }
.paginate .bt-pag:hover { background-color: #444 }
@media screen and (max-width: 860px) {
	.paginate { border-bottom: 1px solid #dcdcdc; }
	.paginate span, .paginate a, .paginate .bt-pag {line-height: 67px;font-size: 14px;}
}

.blog-category-container .paginate { width: 100%; bottom:0; }


.wax-form { position: relative; color: #333;  }
.wax-form:before, 
.wax-form:after { content: " "; display: table; }
.wax-form:after { clear: both; }
.wax-column { width: 100%;padding: 0; }
.wax-form label { display: block; padding: 20px 5px 5px 2px; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; }
.wax-form input,
.wax-form textarea,
.wax-form select { font-family: 'Lato', Calibri, Arial, sans-serif; line-height: 1.5; font-size: 1.4em; padding: 5px 10px; color: #666; display: block; width: 100%; background: transparent; }
.wax-form input,
.wax-form textarea { border: 3px solid #ccc; }
.wax-form textarea { min-height: 200px; }
.wax-form input:focus,
.wax-form textarea:focus,
.wax-form label:active + input,
.wax-form label:active + textarea { outline: none; border: 3px solid #10689a; }
.wax-form select:focus { outline: none; }
.wax-form input.confirm { width:20px; display:inline-block; }
.wax-submit-wrap { text-align: center; padding-top: 40px; clear: both; }
.wax-form input.wax-submit { background: #10689a; border: none; color: #fff; width: 100%; cursor: pointer; text-transform: uppercase; display: block; padding: 15px 0; font-size: 1.1em; border-radius: 2px; letter-spacing: 1px; }
.wax-form input.wax-submit:hover { background: #1478b1; }

.wax-form #agree{background:#ccc;color:#111;text-align: center; font-size: 13px;}
.wax-form #agree label{color:#111;padding:10px 0; font-size: 14px; font-weight: bold;}

div.wpcf7-response-output { color:#c00 }

#mainSlider { position:relative; display: block; padding-top:0; }
#mainInner { position:relative; display: none; width:100%; height:500px; margin:0 auto; overflow:hidden; }
#MainSlidePrev { clear: both; position: absolute; top: 50px; left: 0; z-index: 82; display: block; width: 100%; height: 450px; opacity: 0.7; }
#MainSlidePrev ul { position: relative; width: 720px; height: 360px; margin: 0 auto; }
#MainSlidePrev li { position: absolute; top: 0; left: 0; display: block; width: 720px; height: 360px; overflow: hidden; }
#MainSlidePrev li img { /*margin-left: -190px;*/}
#MainSlideNext { clear: both; position: absolute; top: 50px; left: 0; z-index: 82; display: block; width: 100%; height: 450px; opacity: 0.7; }
#MainSlideNext ul { position: relative; width: 720px; height: 360px; margin: 0 auto; }
#MainSlideNext li { position: absolute; top: 0; left: 0; display: block; width: 720px; height: 360px; overflow: hidden; }
#MainSlideNext li img { /*margin-left: -190px;*/}
#MainSlideCenter { position: absolute; top: 0; left: 0; z-index: 83; display: block; width: 100%; height: 450px; }
#MainSlideCenter ul { position: relative; width: 900px; height: 450px; margin: 0 auto; }
#MainSlideCenter li { position: absolute; top: 0; left: 0; display: block; width: 900px; height: 450px; }
#MainSlideCenter li:after { position: absolute; top: 450px; left: 0; display: block; content:""; width: 100%; max-width: 900px; height: 16px; background: url(./img/shadow.png) 0 0 no-repeat; background-size: cover; }
#MainSlidePager { position: absolute; top: 480px; left: 0; z-index: 95; }
#MainSlidePager li { padding: 0 1px; float: left; }
#MainSlideController { clear: both; width: 900px; position: relative; margin: 0 auto; }
#mainPrev { position: absolute; top: 180px; left: 0; z-index: 98; display: block; width: 40px; height: 200px; overflow: hidden; }
#mainPrev a { display: block; width: 40px; height: 200px; }
#mainNext { position: absolute; top: 180px;right: 0; z-index: 97; display: block; width: 40px; height: 200px; overflow: hidden; }
#mainNext a { display: block; width: 40px; height: 200px; }
#MainSlideLoader { clear: both; position: absolute; z-index: 99; }

@media screen and (max-width: 900px) {
	#mainInner { padding-bottom: 50%; height:0;}
	#MainSlidePrev,#MainSlideNext { display: none; }
	#MainSlideCenter { height: auto; }
	#MainSlideCenter ul { width: 100%; padding-bottom: 50%; height: 0;}
	#MainSlideCenter li { width: 100%; height: 100%; }
	#MainSlideCenter li img { width: 100%; height: 100%; display: block;}
	#MainSlideController { width: 100%; position: static; }
	#mainPrev,#mainNext { top: 50%; margin-top: -60px;}
	#MainSlideCenter li:after { bottom: 30px; }
}

#scores { display: block; width: 100%; }
#scores .circle {display: block; width: 62px; text-align: center; float: left; margin: 1px; font-family:'Helvetica Neue',Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-weight: bold;}
#scores .circle:last-child { float: right; }
#scores .circle .circles-decimals {font-size: .8em; font-weight: normal;}
#scores .circle p { font-weight: normal; font-size: 11px; }
#scores .circle p strong { font-weight: bold; color:#111; }
@media screen and (max-width: 520px) {
	#scores { -webkit-transform: scale(0.7); transform: scale(0.7); width: 200%; -webkit-transform-origin: 0% 70%; transform-origin: 0% 70%; }
	#scores .circle:last-child { float: left; }
}


.ch-item { width: 86%; margin: 15px 7% 0; height: 0; padding-bottom: 86%; border-radius: 50%; position: relative; cursor: default;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-size: cover;}
.ch-info {position: absolute; background: rgba(0,0,0, 0.8); margin:5%; width: 90%; height: 90%; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; text-align: center;}
.ch-info p { color:#fff; padding: 25px 0 0 0; font-size: 13px; margin:0; }
.ch-info h3 {color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 26px; margin: 0 30px; padding:0; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info h3 .circles-decimals {font-size: .8em; font-weight: normal;}
.grid-overlay-link:hover {box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.1); }
.grid-overlay-link:hover .ch-info {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

@media screen and (min-width: 760px) {
	.ch-info p { padding: 45px 0 0 0; }
	.ch-info h3 { font-size: 36px; }
}

.article-share {margin: 30px 0;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.article-share.article-share-archives { padding: 0; border-top: none; position: absolute; right:0; bottom:0; display: none; }
.article-share .article-share-header { font-family:'Helvetica Neue',Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: bold;letter-spacing: 1px;text-transform: uppercase;color: #333; margin-bottom: 10px;}
.article-share .article-share-item {float: left;text-align: center;cursor: pointer;}
.article-share .article-share-item a {color: #333;border-bottom: 1px solid #333;}
.article-share .article-share-icon {font-size: 18px;line-height: 50px;color: #fff;background: #000; width: 50px;height: 50px;float: left;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}
.article-share .article-share-icon img { width: 18px; display: block; margin:14px auto;}
.article-share .article-share-text { display: none; font-weight: bold;font-size: 11px;line-height: 50px;color: #fff;background: #444;width: 95px;height: 50px;float: left;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}
.article-share .article-share-fb .article-share-icon {background: #3b5998;}
.article-share .article-share-fb .article-share-text {background: #2e477b;}
.article-share .article-share-tw .article-share-icon {background: #00aced;}
.article-share .article-share-tw .article-share-text {background: #0096c4;}
.article-share .article-share-gp .article-share-icon {background: #e14a36;}
.article-share .article-share-gp .article-share-text {background: #c13624;}
.article-share .article-share-itunes .article-share-icon {background: #666;}
.article-share .article-share-itunes .article-share-text {background: #999;}
.article-share .article-share-hmv .article-share-icon {background: #000;}
.article-share .article-share-hmv .article-share-text {background: #333;}
.article-share .article-share-tower .article-share-icon {background: #ffd800;}
.article-share .article-share-tower .article-share-text {background: #cfaf00;}
.article-share .article-share-discunion .article-share-icon {background: url('/img/i-du.jpg') 0 0 no-repeat; background-size: 100% 100%;}
.article-share .article-share-discunion .article-share-text {background: #a80000;}
.article-share.article-share-archives .article-share-icon { width: 30px;height: 30px;line-height: 30px; }

.article-share-youtube { text-align: center;cursor: pointer; }
.article-share-youtube .article-share-icon {font-size: 22px;line-height: 50px;color: #fff;background: #c8000f; width: 50px;height: 50px;float: left;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}
.article-share-youtube .article-share-text {font-weight: bold;text-transform: uppercase;letter-spacing: 0.150em;font-size: 11px;line-height: 50px;color: #fff;background: #9e000c;width: 185px;height: 50px;float: left;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}


@media screen and (min-width: 760px) {
	/*.article-share.article-share-archives { display: block; }*/
	.article-share .article-share {padding: 15px 0;}
	.article-share .article-share-header {font-size: 16px;;margin: 15px 0 10px;}
	.article-share .article-share-text { display: block; }
	.article-share .article-share-fb:hover .article-share-icon {background: #2e477b;}
	.article-share .article-share-fb:hover .article-share-text {background: #3b5998;}
	.article-share .article-share-tw:hover .article-share-icon {background: #0096c4;}
	.article-share .article-share-tw:hover .article-share-text {background: #00aced;}
	.article-share .article-share-gp:hover .article-share-icon {background: #c13624;}
	.article-share .article-share-gp:hover .article-share-text {background: #e14a36;}
	.article-share .article-share-itunes:hover .article-share-icon {background: #999;}
	.article-share .article-share-itunes:hover .article-share-text {background: #666;}
	.article-share .article-share-hmv:hover .article-share-icon {background: #333;}
	.article-share .article-share-hmv:hover .article-share-text {background: #000;}
	.article-share .article-share-tower:hover .article-share-icon {background: #cfaf00;}
	.article-share .article-share-tower:hover .article-share-text {background: #ffd800;}
	.article-share .article-share-discunion:hover .article-share-text {background: #f00;}
	.article-share-youtube:hover .article-share-icon { background: #9e000c; }
	.article-share-youtube:hover .article-share-text { background: #c8000f; }
}


/* Map */
#retailers_map{width: 100%; background: #000; overflow-x: hidden;}
.box{ margin: 0 auto; position: relative; color:#e3e4e4;}
.dealerLocator{margin:0;border-bottom: 1px solid #333}
#gmap_canvas{width: 100%;}
.dealerList { text-align: left; font-size: 12px; margin:0 auto; padding:20px 0; max-width:1200px; width: 90%;}
.dealerList .dealerBd{width: 31%; height:120px; cursor: pointer; border: 1px solid #323233;margin:10px 1%; display:block; padding:10px 20px 10px; float: left;}
.dealerList .dealerBd:hover { background: #222; }
.dealerList ul li{margin: 3px 0}
.dealerList ul li.dealer-title{color: #fff; font-size: 13px; font-weight: bold;}
.dealerList ul li.dealer-address { display: block;}
.dealerList ul li.dealer-map {display: none;}

.dealerLocator{position: relative;}
#dropdown_container { font-size:14px; position: relative; z-index: 9;}
#dropdown_container ul.dropdown { margin:0 auto;padding:0;list-style:none;max-width:1200px; width: 90%; height: 40px; border-left:1px solid #444;}
#dropdown_container li.dropdown_item { float:left; margin:0; padding:0 24px; font-size:13px; line-height:40px; color:#fff; border-right:1px solid #444; position: relative;}
#dropdown_container li.dropdown_item:hover { background:#222; }
#dropdown_container li.dropdown_item > ul {position:absolute;list-style:none;margin:0;padding:0; top:37px; left:-1px; display: none;}
#dropdown_container li.dropdown_item > ul li span { display:block; width:130px; padding:5px 24px; cursor:pointer; margin:0; }
#dropdown_container li.dropdown_item > ul li span:hover{background-color: #bbb;color: #000;}
#dropdown_container li.dropdown_item > ul li { font-size:13px; margin:0; line-height:30px; background:#222; color:#fff; border-left:#444 solid 1px; border-right:#444 solid 1px; border-bottom:#444 solid 1px;}
@media screen and (max-width: 1020px) {
	.dealerList .dealerBd{width: 48%;}
}
@media screen and (max-width: 520px) {
	.dealerList .dealerBd{width: 98%;}
}


.all_magazines .magazine_s { display: block; width: 20%; float: left; margin:0; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.all_magazines .magazine_s img { display: block; width: 100%; -webkit-transition: opacity .3s;-moz-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;}


.wax-pages table { margin-bottom: 54px; width: 100%; border-collapse: collapse;}
.wax-pages th,
.wax-pages td { padding: 15px; font-size: 14px; line-height: 1.9; text-align: left; vertical-align: middle; border: 1px solid #dcdcdc;}
.wax-pages th { padding: 10px 15px 7px; font-weight: normal; text-align: center; font-size: 13px; background-color: #eee;}
.wax-pages .thSpecial { text-align: left;}
.wax-pages td { background-color: #fff; font-size: 12px;}
.wax-pages td ul { margin-left: 2em;}
.wax-pages td ul li {list-style-type: disc; margin-bottom: 4px; line-height: 1.5;}
@media screen and (max-width: 520px) {
	.wax-pages th,
	.wax-pages td { display: block; float: none; border-bottom: none; }
}



.md-modal { max-width: 630px; min-width: 320px; height: auto; display: none;}
.md-content { color: #000; background: #fff; position: relative; border-radius: 3px; margin: 0 auto; }
.md-content h3 { margin: 0; padding: 0.4em; text-align: center; font-size: 14px; color:#333; opacity: 0.8; background: rgba(0,0,0,0.1); border-radius: 3px 3px 0 0; }
.md-content > div { padding: 15px 30px 30px; margin: 0; }
.md-content > div p { margin: 0; padding: 10px 0; font-size: 12px; line-height: 1.8; color:#666;}
.md-content > div img { margin:10px auto; display: block; width: 150px; }
.md-content button { display: block; margin: 0 auto; font-size: 0.8em; }
.md-close { position: absolute; right: 0; top:0; }
@media screen and (max-width: 32em) {
	.md-content > div img { width: 50px; }
	.md-content > div p { font-size: 11px; line-height: 1.6;}
	.md-content > div { padding: 15px 20px 20px;}
}
#img_omatome { display: none !important; }

.magazine_artist { width: 100%; position: relative; display: block; }
.magazine_artist li { width: 33%; margin:1px 1px 0 0; float:left; display: block; }
.magazine_artist li a { background-color: #666; text-align: center; padding-bottom: 10px; display: block; color:#fff; letter-spacing: 1px; -moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s; }
.magazine_artist li img { display: block; width: 100%; margin-bottom: 5px; }
.magazine_artist li a:hover { background-color: #999; }
.magazine_artist li h3 { height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media screen and (max-width: 600px) {
	.magazine_artist li { width: 50%; margin:1px 0 0 0; }
}

article .post-content .magazine_cover { width: 100%; border: 10px solid #fff; text-align: center;}
article .post-content .magazine_cover img { margin: 0 auto; }

.single-container .post-content p a.freedownload { display: block; text-indent: -9999px; width: 100%; height: 50px; position: relative; margin:20px 0; padding:0; background: url(./img/free-download.png) center top; }
.single-container .post-content p a.freedownload:hover { background: url(./img/free-download.png) center bottom; }

.banner-ad { display: block; width: 728px; height: 90px; margin:50px auto 10px; }
.banner-ad a { display: block; }
.banner-ad a img { display: block; opacity: 1 !important;}
@media screen and (max-width: 760px) {
	.banner-ad { display: block; width: 256px; height: 40px; margin:40px auto 10px; }
	.banner-ad a { display: block; width: 256px; height: 40px; background-size: 256px 40px; }
	.banner-ad a img { display: none; }
}


.midasi001{
    border-left:7px solid #000000;
    padding:.2em .5em
}

h4 {
	font-size: 1.5em;
	padding-bottom: .2em;
	border-bottom: 1px solid #ccc;
}


.imageimgC{
    margin: 0 0 1em;
    padding: 0.5em;
    font-size: 13px;
    color: #808080;
}
.mb80{margin-bottom:80px !important}
.b{font-weight:bold;}
.mt0{margin-top:0px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mb0{margin-bottom:0px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
p{font-size:16px}
dl{font-size:16px}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs20{font-size:20px}
.fs30{font-size:30px}
.i{font-style:italic}

.information{
border:1px solid #dcdcdc;
padding:30px;
margin:30px 0;
}

.notes{
font-size:12px;
color: #777;
}

/*comment カスタマイズ*/
.comments-area{
	max-width:800px;
	margin:auto;
}
.comments-area .comment-respond{
	padding:15px 25px;
	margin-bottom:30px;
	border-top:3px solid #333;
}
.comments-area .comment-reply-title{font-size:17px;font-weight:bold;color:#000;}
.comments-area input[type="text"],textarea{
	-webkit-appearance : none;
  padding:5px 7px;
  font-size:100%;
  vertical-align:middle;
  outline: 0;
  border:1px solid #ccc;
  background:#f6f6f6;
  border-radius:3px;
  line-height:2.0;
}
.comments-area input[type="text"]:focus,
textarea:focus{
  background:#fff;
}
.comments-area .comment-notes{font-size:12px;margin-top:0;}
.comments-area .comment-form-author,
.comments-area .comment-form-email{margin:30px 0;}
.comments-area .comment-form-comment textarea{
	width:70%;
	height:160px;
}
.comments-area .form-submit input{
  text-align:center;
  padding:5px 15px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration:none;
  outline:none;
  position:relative;
  font-size:18px;
  line-height:1.6;
  font-family: Meiryo,メイリオ,Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif;
  border-radius:3px;
  border:1px solid #ccc;
  background:#f6f6f6;
}
.comments-area .form-submit input:hover{
	background:#333;
	color:#f6f6f6;
	border-color:#333;
}
.comments-area label {
	display: block;
	color:#666;
	line-height:1.6;
	font-size:12px;
}
.comments-area .form-allowed-tags,
.comments-area .comment-form-url,
.comments-area .comments-title{display:none;}


.comments-area .comment-body{
	padding:15px 25px;
}
.comments-area .comment-body{border-top: 1px dotted #ccc;}
.comments-area .comment-body .fn{font-weight:bold;} 
.comments-area .comment-meta a{color:#aaa;font-size:11px;}
.comments-area .reply{    
	border: 1px solid #ccc;
  display: inline-block;
  margin-top: 10px;
  padding: 0 10px;
  cursor:pointer;
}
.comments-area .comment-reply-title #cancel-comment-reply-link{
  border: 1px solid #ccc;
  display: table;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 0 10px;
  width: auto;
  cursor:pointer;
}
.comments-area .reply:hover,
.comments-area .comment-reply-title #cancel-comment-reply-link:hover{
	background:#f6f6f6;
}
@media (max-width: 860px){
	.comments-area{
		max-width:auto;
	}
	.comments-area .comment-respond,
	.comments-area .comment-body{padding:15px 0;}
	.comments-area .comment-form-comment textarea{
		width:100%;
	}
}
/*コメントを名前だけ必須にする*/
.comments-area .comment-form-email,
.comments-area .comment-notes{
	display:none;
}
.comments-area .comment-form-comment textarea {
  height: 100px;
}

/*banner　トップ*/
.banner-wrap img{width: 100%;}
.banner-wrap.box-centered{
	margin:20px auto;
}
.banner-wrap.page-top{
	margin-top:20px;
	margin-bottom:0;
}
.banner-wrap.page-top .inner{text-align:center;}
.banner-wrap.page-top img{width:75%;}

.banner-wrap.page-bottom{
	margin-top:20px;
	margin-bottom:30px;
}
@media (max-width: 860px){
	.banner-wrap.page-top img{width:100%;}
}
/*single バナー*/
.banner-wrap.single{
  margin:0 auto 30px;
  max-width: 798px;
  margin-top: 50px;
}
.banner-wrap.single .container{
  width:100%;
  margin:0;
}

/*singleのSNSシェア*/
.article-share.tmp-flat{
	padding-bottom: 20px;
}
.article-share.tmp-flat .article-share-item{width:49%;}
.article-share.tmp-flat .article-share-text{
	width:100%;
	height:40px;
	line-height: 40px;
	padding:0 20px;
	color:#f6f6f6;
	font-size:14px;
	display:block;
}
.article-share.tmp-flat .article-share-tw{float:right;}
.article-share.tmp-flat .article-share-tw .article-share-text{
	background:#00aced;
}
.article-share.tmp-flat .article-share-tw:hover .article-share-text{
	background:#0096c4;
}
.article-share.tmp-flat .article-share-fb .article-share-text{
	background:#3b5998;
}
.article-share.tmp-flat .article-share-fb:hover .article-share-text{
	background:#2e477b;
}
@media (max-width: 480px){
	.article-share.tmp-flat .article-share-item{float: none;width:100%;}
	.article-share.tmp-flat .article-share-fb .article-share-text{margin-bottom:20px;}
}
/*youtubeの埋め込み最適化*/
.youtube{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube iframe{
    position:absolute;
    top:0;
    right:auto;
    bottom:auto;
    left:0;
    width:100%;
    height:100% !important;
  }
/*blog一覧の調整*/
@media (max-width: 599px){
  .blog-category-container .blog-cat > .item{
  	margin-bottom:30px;
  }
  .blog-category-container .box .item .image{
  	margin-bottom:0;
  }
}
/*breadcrumbの調整*/
.breadcrumb ul{
	padding:0 30px;
}
@media (max-width: 860px){
	.breadcrumb ul{
		padding:0 20px;
	}
}
@media (max-width: 480px){
	.breadcrumb ul{
		padding:0 10px;
	}
	.breadcrumb .container{
		width:100%;
		margin-left:0;
	}
}
/*my sns links*/
.mysns-wrap{
	max-width:800px;
	margin:auto;
}
.mysns-wrap .inner{
  border-top: 3px solid #333;
  margin-bottom: 30px;
  padding: 15px 25px;
}
.mysns-wrap .title{
  color: #000;
  font-size: 17px;
  font-weight: bold;
  margin-bottom:30px;
}
.mysns-wrap .list-wrap{
  float: left;
  width: 25%;
}
.mysns-wrap .list-wrap a{
  display: block;
  margin-right:7px;
  font-size: 21px;
  line-height: 60px;
  border: 1px solid #808e95;
  text-align:center;
}
.mysns-wrap .list-wrap a:hover{
	background:#F2F4F5;
}
.mysns-wrap .list-wrap.is a{
  margin-right:0;
}
.mysns-wrap .list-wrap a i{
	margin-right:-7px;
}
@media (max-width: 860px){
	.mysns-wrap .inner{
	  padding:15px 0;
	}
}
@media (max-width: 650px){
	.mysns-wrap .list-wrap{
	  float:none;
	  width:100%;
	  margin-bottom: 10px;
	}
	.mysns-wrap .list-wrap a{
	  margin-right:0;
	  line-height: 40px;
	  font-size:18px;
	}
	.mysns-wrap .list-wrap.is a{
	  margin-bottom:0;
	}
}
/*コンテナの調整とロゴの位置*/
@media (max-width: 480px){
	#Logo{left:3%;}
	.container.single-container,
	.container.peek-container {
	    margin: 0 10px;
	    width: auto;
	}
}

/*h1*/
.home-h1 { position: absolute; left:0; top:0; width:100%; display:block; padding:0; margin:0; font-size:10px; text-align:center; color:#f2f2f2;}
@media (max-width: 860px){
	.home-h1 { color:#fff;}
}

/*breadcrumb*/
.breadcrumb .container{
	background-color: #383838;
}
.breadcrumb li {
  color: #e1e1e1;
  white-space: nowrap;
  font-size: 100% !important;
}
.breadcrumb a {
	color: #bbb;
	font-size: 90% !important;
}
.breadcrumb a:hover{color:#e1e1e1}
@media only screen and (max-width: 767px){
.breadcrumb {
    overflow-x: auto;
    background-color: #383838;
    font-size: 90% !important;
	}
}
/*single*/
.post-dis{font-size:14px;}
/*blog*/
article .hgroup h2{
	font-weight:normal;
	font-size:14px;
}
@media (max-width: 860px){
	.single-container .single-post{padding-top:20px;}
}
@media (max-width: 480px){
	.post-dis,
	article .hgroup h2{font-size:12px;margin:0;}
	article .hgroup{margin-bottom:10px;}
}
@media (max-width: 1080px){
	/*aside*/
	header nav.ib, .stick header nav.ib{background:#383838;}
	header nav span {color: #bbb;}
	header nav span:hover,header nav .current span { color: #999; }
	header nav li.dropdown_item > ul li span{color:#666;}
}

/* 2016 original pagination @danny*/
.pages {
	width: 100%;
	margin: 30px 0 30px 0;
	text-align: center;
}

.pages .page-bk {
	padding:12px 18px;
	font-weight:bold;
	line-height:18px;
	font-size:18px;
	display:inline-block;
	margin:0 5px 10px;
	background:#222;
	border:1px solid #222;
	color:#fff;
}

.pages .page-wh {
	padding: 12px 18px;
	font-weight:bold;
	line-height:18px;
	font-size:18px;
	display:inline-block;
	margin:0 5px 10px;
	background:#fff;
	border:1px solid #222;
	color:#222;
}

/* 2016 writer info @danny*/


.writer {
    font-size: 9px;
    font-weight: normal;
    line-height: 16px;
    color: #a9a099;
}

.float-mag {
    float: left;
    margin:0 20px 20px 0;
}

.clear {
    clear: both;
}



/* 2016 Instagram Campaign Box @danny*/

.campaign_box {
    margin: 40px 0;
    border: 1px solid #dcdcdc;
    text-align: center;
}

.campaign_box dt {
    padding: 20px 0;
    background: #dcdcdc;
    font-weight: bold;
}

.campaign_box dd {
    padding: 20px 0;
}





/* 2016 SNS Share Box @danny*/

.share_box {
     margin: 30px auto;
     max-width: 170px;
     text-align: center;
}

.share_box .share-words {
     text-align: center:
}

.share_box .share-buttons {
     overflow: hidden;
}

.share_box .share-buttons .share-fb-button {
     float: left;
}

.share_box .share-buttons .share-tw-button {
     float: right;
}

.centering {
  display: block;
  margin: 0 auto;
}



.author_box { display: table; background: rgba(250,250,250,.4); transition: all .2s ease }
.author_box.page, h3.author_title { margin-bottom: 30px }
.author_box .author_img a img, h3.author_title span { -webkit-transition: all .2s ease; -moz-transition: all .2s ease }
.author_box:hover { background: rgba(250,250,250,.7) }
h3.author_title { text-align: center }
h3.author_title span { font-size: 18px; font-weight: 900; text-align: center; color: #000; line-height: 1; letter-spacing: 0; transition: all .2s ease; position: relative }
h3.author_title span:after, h3.author_title span:before { position: absolute; height: 0; top: 9px; width: 20px; content: ''; border-top: 1px solid rgba(0,0,0,1) }
h3.author_title span:before { left: -25px }
h3.author_title span:after { right: -25px }
.author_box .author_img { display: table-cell; width: 13%; vertical-align: top }
.author_box .author_img a { display: inline-block }
.author_box .author_img a img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 100%; height: auto; opacity: 1; transition: all .2s ease }
.author_box .author_img a:hover img { opacity: .6 }
.author_box .author_profile { display: table-cell; width: 87%; vertical-align: top; padding-left: 30px }
.author_box .author_profile h3.author_name { font-size: 16px; font-weight: 900; text-align: left; color: #000; line-height: 1; margin-bottom: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.author_box .author_profile h3.author_name a { color: #000 }
.author_box .author_profile h3.author_name a:hover { text-decoration: underline }
.author_box .author_profile .author_position {height:13px; font-size: 13px; font-weight: 400; text-align: left; color: #333; line-height: 1; margin-bottom: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.author_box .author_profile .author_txt {position: relative;height: 97px; font-size: 13px; text-align: left; color: #222; line-height: 20px; margin-bottom: 23px;display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden;-webkit-box-orient: vertical; width:100%;}
.author_profile .author_link { text-align: right }
.author_profile .author_link a { font-size: 12px; font-weight: 900; text-align: right; color: #000; line-height: 1 }
.author_profile .author_link a span { position: relative }
.author_profile .author_link a span:before { content: ''; position: absolute; height: 0; left: -25px; width: 20px; top: 6px; border-top: 1px solid rgba(0,0,0,1); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.author_profile .author_link a:hover span:before { left: -45px; width: 40px; top: 6px }
.author_profile ul { overflow: hidden; clear: both; width: 100%; margin-right: 30px }
.author_profile ul li { float: right; overflow: hidden; width: 40px; height: auto; font-size: 16px }


/* 2017 Bandcamp player width @danny*/

#player {
  max-width: 800px !important;
}

/* 2017 post figure text-align @danny*/

.single-post figure {
  text-align: center;
}

@media (min-width: 768px){
.smapho-none {display: block;}
.smapho-show {display: none;}
} 
@media (max-width: 768px) {
  .smapho-none {display: none;}
  .smapho-show{display: show;}
}
@media (min-width: 991px){
.smapho-none2 {display: block;}
.smapho-show2 {display: none;}
} 
@media (max-width: 991px) {
  .smapho-none2 {display: none;}
  .smapho-show2 {display: show;}
}
.mb01 {
	margin-bottom: 30px !important;
}
@media screen and (max-width: 479px) {
.mb01 {
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}
}
.yt-height {
height:450px;
}
@media screen and (max-width: 479px) {
.yt-height {
height:250px;
}
}