#wrapper { overflow:hidden; max-width:auto; margin: 5px auto 50px auto; background:transparent; }
#wrapperInner { max-width:640px; margin: 0 auto; }
#header { margin:0 40px 30px 40px; padding:30px 0 20px 0; border-bottom: 1px solid #DDD; -webkit-box-shadow:0 1px 0 rgba(255,255,255,1); }
    #header p.title { font-size:25px; font-weight:bold; color:#333; line-height:150%; }
    #header p.source { font-size:18px; color: #C5C5C5; padding: 0 0 0 0; }
    #header div.meta { padding:0 }
    #header p.date { float:right; font-size:16px; color: #C5C5C5;}
    #header p.author { font-size:16px; color: #C5C5C5;}

#content { font-size:16px; margin: 0 40px; padding:0; line-height:180%; color:#333; }
#content a { -webkit-tap-highlight-color:transparent; }
#content .caption { font-size:14px; color:#777; margin: 10px 0 0 0; line-height:160%; }

img { max-width:100%; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); background:#FFF; padding:3px; margin:7px 0 0 -2px; -webkit-border-radius:1px; border-radius:1px; -webkit-transition:box-shadow linear 0.2s; }
img:active { -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1); }
img.noBorder { max-width:100%; border:none; -webkit-box-shadow: none; padding:0; -webkit-border-radius:5px; }

span.plus_wrapper { display:inline-block; line-height:100%; position:relative; padding:0 5px 0 10px; }
span.plus_wrapper img { margin:8px 0 0 0; padding:3px; -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1); -webkit-transition:box-shadow linear 0.2s; }

.float { line-height:100%; }
.float a { line-height:100%; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; }

.sliderWrapper { margin: 10px -110px 10px -110px; overflow:visible; }
.swiper-container { width: 100%; }
.swiper-slide { /*max-width:600px;*/ }
.sliderWrapper img.slider { border:none; -webkit-box-shadow: none; margin:10px 0; padding:0; vertical-align: middle; -webkit-border-radius:5px; -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.07); }
.swiper-slide a:active img.slider, a:active div.focusBox { -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.15); }
a:active span.plus_wrapper img { -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15); }

#content.font_size_0 { font-size: 18px; }
#content.font_size_1 { font-size: 19px; }
#content.font_size_2 { font-size: 20px; }
#content.font_size_3 { font-size: 21px; }
#content.font_size_4 { font-size: 22px; }
#content.font_size_5 { font-size: 23px; }
#content.font_size_6 { font-size: 24px; }

div.focusBox { position: relative; margin: 10px -90px 0 -90px; overflow:hidden; -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0, 0.07); -webkit-border-radius:5px; background:rgba(240,238,238,1); -webkit-transition:box-shadow linear 0.2s; }
div.focusBox span.image img.noBorder { width:100%; border:none; -webkit-box-shadow: none; margin:0; padding:0; vertical-align: middle; -webkit-border-radius:5px; }
div.focusBox span.overlay { display:none; }

div.quoteContent { margin:20px 0; padding: 10px 30px; position: relative; }
div.quoteContent q::before, div.quoteContent q::after { content: ""; }
div.quoteContent:before { font-family:"HelveticaNeue-Bold" display: block; content: "\201C"; font-size: 80px; position: absolute; left: 0px; top: 20px; color: #333; }
div.quoteContent q:after { font-family:"HelveticaNeue-Bold" display: block; content: "\201D"; font-size: 80px; position: absolute; right: 0px; bottom: -10px; color: #333; }

#content .quote { background:#F1F1F1; -webkit-border-radius:5px; border-radius:5px; margin:20px 0; padding: 10px 15px; font-size: 12px; overflow:hidden; word-break: break-all; }
#content .quote div.arrow { margin-top: -15px; margin-left:10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #F1F1F1; }
#content .quote p { margin:10px 0 0 0; }

ul.relatedNews { line-height:100%; margin:30px 0 20px 0; border: 1px solid #DDD; border-radius:5px; background:#FFF; -webkit-box-shadow:0 0 2px rgba(0,0,0,0.05);  -webkit-user-select: none; -webkit-touch-callout:none; }
ul.relatedNews li { border-bottom: 1px solid #DDD; background: transparent url('IconArrow@2x~iphone.png') no-repeat 95% 50%; background-size:14px 14px; }
ul.relatedNews li:last-child { border-bottom: none; }
ul.relatedNews li a { display:block; -webkit-tap-highlight-color:transparent; padding:20px 25px; }
ul.relatedNews li:first-child a { border-radius: 5px 5px 0 0; }
ul.relatedNews li:last-child a { border-radius: 0 0 5px 5px; }
ul.relatedNews li a:active { background: #FAFAFA url('IconArrow@2x~iphone.png') no-repeat 95% 50%; background-size:14px 14px; }
ul.relatedNews li h3 { display: block; color: #666; font-size:18px; font-weight:normal; line-height:100%; }

@media (min-width: 1024px) {
    #wrapperInner  { max-width:800px;}
    .sliderWrapper { margin: 10px -155px 10px -155px; }
    div.focusBox   { position: relative; margin: 10px -140px 0 -140px; }
}
