/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css *//**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 *//* Document
   ========================================================================== */html{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;/* 1 */line-height:1.15;/* 2 */-ms-text-size-adjust:100%;/* 3 */-webkit-text-size-adjust:100%/* 3 */}/* Sections
   ========================================================================== *//**
 * Remove the margin in all browsers (opinionated).
 */body{margin:0}/**
 * Add the correct display in IE 9-.
 */article,aside,footer,header,nav,section{display:block}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1{font-size:2em;margin:0.67em 0}/* Grouping content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */figcaption,figure,main{/* 1 */display:block}/**
 * Add the correct margin in IE 8.
 */figure{margin:1em 40px}/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr{box-sizing:content-box;/* 1 */height:0;/* 1 */overflow:visible/* 2 */}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre{font-family:monospace,monospace;/* 1 */font-size:1em/* 2 */}/* Text-level semantics
   ========================================================================== *//**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */a{background-color:transparent;/* 1 */-webkit-text-decoration-skip:objects/* 2 */}/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */a:active,a:hover{outline-width:0}/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title]{border-bottom:none;/* 1 */text-decoration:underline;/* 2 */text-decoration:underline dotted/* 2 */}/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */b,strong{font-weight:inherit}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,strong{font-weight:bolder}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,kbd,samp{font-family:monospace,monospace;/* 1 */font-size:1em/* 2 */}/**
 * Add the correct font style in Android 4.3-.
 */dfn{font-style:italic}/**
 * Add the correct background and color in IE 9-.
 */mark{background-color:#ff0;color:#000}/**
 * Add the correct font size in all browsers.
 */small{font-size:80%}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}/* Embedded content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 */audio,video{display:inline-block}/**
 * Add the correct display in iOS 4-7.
 */audio:not([controls]){display:none;height:0}/**
 * Remove the border on images inside links in IE 10-.
 */img{border-style:none}/**
 * Hide the overflow in IE.
 */svg:not(:root){overflow:hidden}/* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */button,input,optgroup,select,textarea{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;/* 1 */font-size:100%;/* 1 */line-height:1.15;/* 1 */margin:0/* 2 */}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,input{/* 1 */overflow:visible}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,select{/* 1 */text-transform:none}/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 *//* 1 */button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button/* 2 */}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend{box-sizing:border-box;/* 1 */color:inherit;/* 2 */display:table;/* 1 */max-width:100%;/* 1 */padding:0;/* 3 */white-space:normal/* 1 */}/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress{display:inline-block;/* 1 */vertical-align:baseline/* 2 */}/**
 * Remove the default vertical scrollbar in IE.
 */textarea{overflow:auto}/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */[type="checkbox"],[type="radio"]{box-sizing:border-box;/* 1 */padding:0/* 2 */}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type="search"]{-webkit-appearance:textfield;/* 1 */outline-offset:-2px/* 2 */}/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button{-webkit-appearance:button;/* 1 */font:inherit/* 2 */}/* Interactive
   ========================================================================== *//*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 *//* 1 */details,menu{display:block}/*
 * Add the correct display in all browsers.
 */summary{display:list-item}/* Scripting
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 */canvas{display:inline-block}/**
 * Add the correct display in IE.
 */template{display:none}/* Hidden
   ========================================================================== *//**
 * Add the correct display in IE 10-.
 */[hidden]{display:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}/* 基本スタイル */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,header,footer,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;outline:0;vertical-align:baseline;background:transparent}article,aside,canvas,details,figcaption,figure,header,footer,menu,nav,section,summary{display:block}img,fieldset,iframe{border:none}body{line-height:1}ul,ol,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}address{font-style:normal;clear:both}a:link,a:visited,a:hover,a:focus,a:active{text-decoration:none}input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}select{-moz-appearance:none;text-indent:0.01px;text-overflow:''}select::-ms-expand{display:none}/* 汎用クラス */.normal{font-weight:normal !important}.bold{font-weight:bold !important}.TxtItalic{font-style:oblique !important}.TxtXSmall{font-size:1.2rem !important}.TxtSmall{font-size:1.4rem !important}.TxtMedium{font-size:1.6rem !important}.TxtLarge{font-size:1.8rem !important}.TxtXLarge{font-size:2.0rem !important}.TxtRed{color:#881c21 !important}.lh1{line-height:1 !important}.nowrap{white-space:nowrap !important}.BdrNon{border:none !important}.BgColNon{background-color:#FFFFFF !important}.vtop{vertical-align:top !important}.vmid{vertical-align:middle !important}.ImgCenter{text-align:center !important;margin:0px auto 0px auto}.ImgLeft{text-align:left !important}.ImgRight{text-align:right !important}.WidthAuto{width:auto !important}.m0{margin:0 !important}.m5{margin:5px !important}.m10{margin:10px !important}.mtb5{margin-top:5px !important;margin-bottom:5px !important}.mtb10{margin-top:10px !important;margin-bottom:10px !important}.mtb15{margin-top:15px !important;margin-bottom:15px !important}.mtb20{margin-top:20px !important;margin-bottom:20px !important}.mtb25{margin-top:25px !important;margin-bottom:25px !important}.mtb30{margin-top:30px !important;margin-bottom:30px !important}.mtb40{margin-top:40px !important;margin-bottom:40px !important}.mt0{margin-top:0px !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt40{margin-top:40px !important}.mb0{margin-bottom:0px !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb40{margin-bottom:40px !important}.mlr5{margin-left:5px !important;margin-right:5px !important}.mlr10{margin-left:10px !important;margin-right:10px !important}.ml0{margin-left:0px !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.mr0{margin-right:0px !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.p0{padding:0px !important}.p5{padding:5px !important}.p10{padding:10px !important}.ptb5{padding-top:5px !important;padding-bottom:5px !important}.ptb10{padding-top:10px !important;padding-bottom:10px !important}.pt0{padding-top:0 !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt40{padding-top:40px !important}.pb0{padding-bottom:0px !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb40{padding-bottom:40px !important}.plr5{padding-left:5px !important;padding-right:5px !important}.plr10{padding-left:10px !important;padding-right:10px !important}.pl0{padding-left:0px !important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pr0{padding-right:0px !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.float_l{float:left !important}.float_r{float:right !important}.clear_n{float:none !important}.clear_b{clear:both !important}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license *//*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*//* pswp = photoswipe */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;/* create separate layer, to avoid paint on window.onscroll in webkit/blink */-webkit-backface-visibility:hidden;outline:none}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}/* style is added when JS option showHideOpacity is set to true */.pswp--animate_opacity{/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */opacity:0.001;will-change:opacity;/* for open/close transition */-webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{/* autoprefixer: off */cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{/* autoprefixer: off */cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{/* autoprefixer: off */cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}/* Prevent selection and tap highlights */.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;/* for open/close transition */-webkit-transition:-webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp__bg{will-change:opacity;/* for open/close transition */-webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/.pswp__img--placeholder{-webkit-backface-visibility:hidden}/*
	div element that matches size of large image
	large image loads on top of it
*/.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100% !important;height:auto !important;left:0;top:0}/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}.pswp__error-msg a{color:#CCC;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license *//*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*//*
	
	1. Buttons

 *//* <button> css reset */.pswp__button{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:0.75;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:none;opacity:0.9}.pswp__button::-moz-focus-inner{padding:0;border:0}/* pswp__ui--over-close class it added when mouse is over element that should close gallery */.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 105dpi),(min-resolution: 1.1dppx){/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:none}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}/* no arrows on touch screens */.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/.pswp__button--arrow--left,.pswp__button--arrow--right{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0, 0, 0, 0.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}/*

	2. Share modal/popup and links

 */.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{/* round corners on the first/last list item */border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}/* increase size of share links on touch devices */.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}a.pswp__share--download:hover{background:#DDD}/*

	3. Index indicator ("1 of X" counter)

 */.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:0.75;padding:0 10px}/*
	
	4. Caption

 */.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#BBB}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}.pswp__caption--empty{display:none}/* Fake caption element, used to calculate height of next/prev image */.pswp__caption--fake{visibility:hidden}/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{/* We use .gif in browsers that don't support CSS animation */background:url(preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise 500ms linear infinite;animation:clockwise 500ms linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite}.pswp--css_animation .pswp__preloader__icn{background:none;opacity:0.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{/* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0}@media screen and (max-width: 1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}/*
	
	6. Additional styles

 *//* root element of UI */.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}/* top black bar with buttons and "1 of X" indicator */.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)}/* pswp--has_mouse class is added only when two subsequent mousemove events occur */.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__top-bar,.pswp__caption{background-color:rgba(0, 0, 0, 0.5)}/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{background-color:rgba(0, 0, 0, 0.3)}/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{/* Force paint & create composition layer for controls. */opacity:0.001}/* pswp__ui--one-slide class is added when there is just one item in gallery */.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none !important}.pswp--minimal--dark .pswp__top-bar{background:none}@charset "UTF-8";/* -------------------------------------------------------
    auヘッドライン
    (CMS>POTOTAUFEU リニューアル)
----------------------------------------------------------
    last modified -- 2019-05-30 --
------------------------------------------------------ *//* base
==================== */html{}body{font-family:Arial,sans-serif,'Helvetica Neue','Hiragino Kaku Gothic ProN',Helvetica,Roboto;margin:0 auto;padding:0;width:100%;word-wrap:break-word}/*@media all and (min-width:414px) {
  body {
    margin-right: auto;
    margin-left: auto;
    max-width: 414px;
  }
}*/.cfix:after{clear:both;content:'.';display:block;height:0;line-height:0;overflow:hidden;visibility:hidden}.clamp{overflow:hidden!important;display:-webkit-box!important;display:-ms-flexbox!important;display:box!important;-webkit-box-orient:vertical!important;box-orient:vertical!important;-webkit-line-clamp:2;line-clamp:2;white-space:normal!important;-o-text-overflow:ellipsis!important;text-overflow:ellipsis!important}/* Header HeaderContents
==================== */header{border-bottom:1px solid #ccc;display:none/* visible from browser */}header img{width:119px;margin:10px 12px 7px}.headerArticle{border:none}/* main
==================== */main{min-height:-webkit-calc(100vh - 70px);min-height:-moz-calc(100vh - 70px);min-height:calc(100vh - 70px)}.subdirectory{border-bottom:1px solid #e6e6e6}/* Footer
==================== */footer{background:#f0f0f0;height:36px;padding:10px;position:relative}footer p small{color:#808080;font-size:10px}footer img{height:12px;position:absolute;top:12px;right:10px;width:auto}/* Contents
==================== */h1{font-size:18px;line-height:1.4;margin:10px 12px 8px 12px}.time{color:#969696;font-family:Arial}.auOrange{color:#eb5505}/* 訪問済みlinkにスタイル適用 */.thumbnailList li a:visited .thumbnailText,.thumbnailList li a:visited .time,.thumbnailList li a:visited .cp-name,section .arrowList li a:visited{color:#999}section .arrowList li a:visited:after{border:#999}/* ローディング */.sk-circle{margin:100px auto;width:60px;height:60px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}/* 一記事 */article .header{border-top:3px solid #eb5505}.header-item{margin:0 12px 12px 12px}.header-item-left{float:left}.header .genre{background:#e4e4e4;border-radius:4px;font-size:12px;padding:4px 6px}.header .genre a{color:#666}.header .cp-name a{color:#666;font-size:13px;margin-left:6px}.header-item .time{font-size:12px;float:right;letter-spacing:1px}.articleText{color:#333;font-size:16px;line-height:1.6;margin:15px 12px}.nonePhoto{border-bottom:1px solid #e6e6e6;padding-bottom:5px}article p{color:#333;font-size:16px;line-height:1.6;margin-bottom:20px;word-wrap:break-word}/* small: 動画不調のお知らせ文に利用 */article p small{font-size:10px}article img{pointer-events:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-touch-callout:none;-webkit-touch-callout:none}.articleKeyword{margin:0 0 20px 10px}.articleKeyword li{background:#f0f0f0;border-radius:14px;color:#eb5505;display:inline-block;font-size:11px;font-weight:bold;padding:7px 12px;margin:0 2px 6px 0}.articleKeyword a{color:#eb5505}section h2{padding:8px 0 2px 14px;line-height:30px;background:#f0f0f0}.h2osusume:before{content:'';display:inline-block;width:16px;height:17px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-recommend.png) center center no-repeat;background-size:16px 17px;vertical-align:middle;position:relative;top:-2px;left:-4px}.h2kanren:before{content:'';display:inline-block;width:16px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-link.png) center center no-repeat;background-size:16px 16px;vertical-align:middle;position:relative;top:-2px;left:-5px}.h2awasete:before{content:'';display:inline-block;width:18px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-awaseteyomu.png) center center no-repeat;background-size:18px 16px;vertical-align:middle;position:relative;top:-2px;left:-5px}.h2teikyomoto:before{content:'';display:inline-block;width:18px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-provider.png) center center no-repeat;background-size:18px 16px;vertical-align:middle;position:relative;top:-2px;left:-5px}.h2ranking:before{content:'';display:inline-block;width:18px;height:15px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-ranking.png) center center no-repeat;background-size:18px 15px;vertical-align:middle;position:relative;top:-2px;left:-5px}.h2flag4:before{content:'';display:inline-block;width:16px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-flag4.png) center center no-repeat;background-size:16px 16px;vertical-align:middle;position:relative;top:-2px;left:-5px}.h2genreList:before{content:'';display:inline-block;width:16px;height:13px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-genrelist.png) center center no-repeat;background-size:16px 13px;vertical-align:middle;position:relative;top:-2px;left:-5px}.h2genre:before{content:'';display:inline-block;width:14px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-genre.png) center center no-repeat;background-size:14px 16px;vertical-align:middle;position:relative;top:-1px;left:-6px}.h2weather:before{content:'';display:inline-block;width:21px;height:19px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-weather.png) center center no-repeat;background-size:21px 19px;vertical-align:middle;position:relative;top:-3px;left:-6px}.h2tv:before{content:'';display:inline-block;width:17px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-tv.png) center center no-repeat;background-size:17px 16px;vertical-align:middle;position:relative;top:-3px;left:-6px}/* 一記事パーツ用 */.articleText h2{background:transparent;border-left:solid 5px #eb5505;font-size:17px;margin:10px 0 6px;line-height:1.3;padding:0 8px}.articleText h3,.articleText h4{margin:8px 0}.articleText h3,.articleText h4{color:#000;font-size:16px;font-weight:bolder;line-height:1.6}.articleText h3,.articleText h4,.articleText strong{font-size:16px;font-weight:bolder;line-height:1.6}.articleText a:link,.articleText a:visited{color:#333;text-decoration:underline}.articleText a[target]{padding-right:6px}.articleText a[target]:after{content:'';display:inline-block;width:12.4px;height:12.8px;background:url(//public.potaufeu.asahi.com/hl/img/icon-link-blank.png) center center no-repeat;background-size:12.4px 12.8px;vertical-align:middle;position:relative;top:-1px;left:4px}.articleText img,.pictureBlock img,.moviePlayer img,.trimmingNone img{display:block;height:auto;margin:5px auto;max-width:100%;width:auto}@media only screen and (min-width: 560px)
  and (max-width: 1000px){.articleText img,.pictureBlock img,.moviePlayer img,.trimmingNone img{max-width:420px!important}}.pictureBlock,.moviePlayer{margin:10px}.trimmingNone img{max-height:180px}.caption{margin-bottom:15px}.articleTextPhoto{text-align:center;margin:0 0 15px}.articleTextPhoto img{width:auto;height:auto;max-width:100%}.articleText figcaption,.articleTextPhoto figcaption,.caption,.pictureBlock p,.moviePlayer p{color:#666;font-size:12px;line-height:1.4;margin-bottom:15px;text-align:center}.pictureBlock a:link,.pictureBlock a:visited,.moviePlayer a:link,.moviePlayer a:visited{color:#333}.banner{margin:20px auto!important}.articleText iframe,.pictureBlock iframe{display:block;height:auto;margin:10px auto 15px;max-width:420px;width:100%}.moviePlayer iframe{max-width:100%}.articleMovie{position:relative;width:100%;padding-top:56.25%;height:0}.articleMovie iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:initial;max-width:initial}.delishMovie{padding-top:100%;margin-bottom:10px}.instagram-media{height:-webkit-fill-available!important;height:-moz-available!important}/* 速報 */.sokuhouBlock{background:#eb5505;margin:0;overflow:hidden;padding:0;width:100%}.sokuhou{overflow-x:auto;position:relative}.sokuhou img{float:left;height:26px;margin:4px 3px 8px 10px;padding:0;width:38px}.sokuhou p{color:#fff;line-height:1.5;margin:8px 10px 5px 0;white-space:nowrap}.sokuhou a{text-decoration:none}/* ページ上部画像サイズ調整 */.articlePhotoBlock{padding:5px 0;text-align:center;text-align:-webkit-center}.articlePhotoBlock figure{background:#f0f0f0;margin:0}.articlePhotoBlock figcaption{background-color:#fff;color:#666;font-size:12px;line-height:1.3;padding:3px 0px;text-align:left;vertical-align:middle}.articlePhotoBlock:after{clear:both;content:'';display:table}.articleBigImage{width:92%;width:-webkit-calc(100% - 10px * 2);width:-moz-calc(100% - 10px * 2);width:calc(100% - 10px * 2);vertical-align:middle;position:relative}.articleBigImage img{height:auto;max-height:255px;max-width:100%;vertical-align:bottom;width:auto}.articleImage{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;background:#f0f0f0;float:left;display:table;height:67px;-webkit-box-pack:center;justify-content:center;margin-right:5px;text-align:center;width:30%;width:-webkit-calc((100% - 15px * 2) / 3);width:-moz-calc((100% - 15px * 2) / 3);width:calc((100% - 15px * 2) / 3)}.articleImageLeft{margin-left:10px!important}.articleImage:nth-child(3n + 3){margin:0 5px}.articleImage a{display:table-cell;height:67px;vertical-align:middle;width:30%;width:-webkit-calc((100% - 15px * 2) / 3);width:-moz-calc((100% - 15px * 2) / 3);width:calc((100% - 15px * 2) / 3)}.articleImage img{height:auto;max-height:67px;max-width:100%;vertical-align:bottom;width:auto}.articleImage figcaption{display:none}.thumbnailList > li{border-bottom:1px solid #e6e6e6;margin:10px 10px 0 10px;padding-bottom:10px}.thumbnailList li:last-child{border:none}.thumbnailList li a{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start}.thumbnailTextContainer{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-flex-shrink:0;flex-shrink:0;width:82%;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px)}.thumbnailTextContainer80{width:78%;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px)}.thumbnailText{color:#333;display:block;font-size:14px;line-height:1.3}.thumbnailList li .time{font-size:11.5px;margin-right:6px;vertical-align:bottom}.thumbnailList li .cp-name{color:#969696;display:inline-block;font-size:11px;vertical-align:bottom}/* 日時とCP名の両端揃えABテスト用 */.thumbnailList li .cp-right{display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:6px}/* サムネイル画像トリミング配置 */.trimming50{display:block;float:left;height:50px;margin-right:10px;overflow:hidden;width:50px}.trimming50 img{position:relative}.trimming60{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;height:60px;margin-right:10px;overflow:hidden;width:60px}.trimming60 img{position:relative}.trimming80{display:block;float:left;height:80px;margin-right:10px;overflow:hidden;width:80px}.trimming80 img{position:relative}.trimming90{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;height:90px;margin-right:10px;overflow:hidden;width:90px}.trimming90 img{position:relative}.thumbnailList li a.trimmingBigLink{-webkit-align-items:initial;-ms-align-items:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;display:initial;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial}.trimmingBig{display:block;overflow:hidden;text-align:center;width:100%;height:calc((100vw - 20px) * 0.433)}.trimmingBig img{position:relative}.thumbnailTextBig{padding-top:5px}/* 選定訴求枠(大ジャンル別) */.flag4{width:100%;padding:10px;display:-webkit-box;display:-moz-box;display:box;box-pack:justify;-webkit-box-pack:justify;-moz-box-pack:justify}.flag4 figure{display:block;width:31%;width:-webkit-calc((100% - 10px * 2) / 3);width:-moz-calc((100% - 10px * 2) / 3);width:calc((100% - 10px * 2) / 3);height:auto}.flag4 figure img{height:auto;max-width:125px;width:100%}.flag4 figcaption{color:#333;font-size:12px;margin-top:3px}/* 関連記事 */.arrowList li{border-bottom:1px solid #e6e6e6}.arrowList a,.linkNone{color:#333;display:block;font-size:14px;line-height:1.3;margin-bottom:12px;padding:12px 26px 0 12px;position:relative;text-decoration:none}.arrowList a:after{border-right:solid 2px #eb5505;border-top:solid 2px #eb5505;content:"";display:block;height:6px;margin:-4px 0 0 0;position:absolute;right:12px;top:66%;width:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}/* 広告用PRマーク */.prIcon{background:#cacaca;border-radius:7px;color:#fff;font-size:9px;letter-spacing:1px;margin-right:4px;padding:2px 6px;vertical-align:middle}/* ランキング */table.rankingList{margin:0 auto;width:100%;border:none;border-bottom:solid 1px #e6e6e6;border-collapse:separate;border-spacing:0 10px}table.rankingList th{vertical-align:middle;height:40px;width:10%;border-right:solid 1px #e6e6e6;margin:0;text-align:center;color:#333;font-family:monospace;font-size:16px;font-weight:bold}table.rankingList td.data{border:none;color:#333;font-size:14px;line-height:1.3;margin:0;padding:0 12px;vertical-align:middle;width:auto;word-wrap:break-word}table.rankingList a{color:#333;display:block}table.rankingList .thumbnailList a{display:-ms-inline-box;display:-webkit-inline-box;display:inline-box}table.rankingList .thumbnailList a .thumbnailTextContainer{width:82%;width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px)}/*table.rankingList .thumbnailList a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}*/table.rankingList td:fst-child{padding:0 0 0 10px;vertical-align:middle}table.rankingList td.bar{height:1px;width:100%;border-top:solid 1px #e6e6e6}.rankingBtn{cursor:pointer;color:#333;font-weight:bold;margin:0 0 0 -16px;padding:14px;vertical-align:middle;text-align:center}.rankingBtn a{color:#333;display:block;position:relative}.rankingBtn a:after{content:"";position:absolute;top:50%;width:8px;height:8px;margin:-5px 0 0 5px;border-top:solid 2px #303036;border-right:solid 2px #303036;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btnTopBorder{border-top:solid 1px #e6e6e6}/* ジャンル一覧開閉式メニュー */.genreBtn{border-top:1px solid #ddd;border-bottom:1px solid #ddd;cursor:pointer;color:#333;font-weight:bold;margin:0;padding:14px;vertical-align:middle;text-align:center}.genreBtn img{height:10px;margin-left:10px;width:19px}.genreMenu{margin:0;padding:0;font-size:13px;list-style-type:none}.genreMenu ul{border-bottom:1px solid #ddd;margin:0;padding:0}.genreMenu ul:after{content:"";clear:both;display:block}.genreMenu li{float:left;width:33.33%;width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:10px;position:relative}.genreMenu li:nth-child(3n + 3){border-right:none}.genreMenu li:nth-child(3n + 1):nth-last-child(2){border-bottom:none}.genreMenu li:nth-child(3n + 2):nth-last-child(1){border-bottom:none}.genreMenu li a{display:block;line-height:44px;color:#333;text-decoration:none}.genreMenu li a:before,.genreMenu li a:after{content:"";position:absolute;top:50%}.genreMenu li a:after{right:10px;width:5px;height:5px;margin-top:-4px;border-top:solid 2px #eb5505;border-right:solid 2px #eb5505;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media all and (max-width:320px){.genreMenu{font-size:12px}.genreMenu li{padding-left:8px}.genreMenu li a:after{right:7px}}.openMenu{display:block!important}/* 超速報 */#spotNews h2{color:#333;font-size:16px;margin:10px 0;line-height:1.2}.newest{color:#eb5505!important;font-size:24px!important}#spotNews .newSessionTimeout{margin-right:5px}#spotNews time{font-size:13px}/* 超速報のCP名は非表示になったので、使ってないタグ 削除可
#spotNews .cpName {
  color: #979797;
  font-size: 12px;
  margin-left: 2px;
}*/#spotNews article{border-bottom:1px solid #e6e6e6;padding:10px 12px 12px 12px}#spotNews article:last-child{border:none}#spotNews .arrowList a{padding:12px 30px 12px 12px}#spotNews .arrowList a:after{height:8px;right:18px;width:8px}/* ボタンじゃなくて矢印アイコンリストになったので使ってないタグ 削除可
.moreButton {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
  text-align: center;
  vertical-align: middle;
}
.moreButton a {
  border:1px solid #cccccc;
  border-radius:6px;
  color: #333;
  display: block;
  padding: 6px;
  position: relative;
  width: 100%;
}
.moreButton a:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  margin: -5px 0 0 2px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
} */.linkNone{padding:12px}.linkNone p{color:#333;font-size:14px;margin:3px 0;text-align:center}/* 記事配信から3時間で消えるNEWマーク */.newSessionTimeout{background:#eb5505;border-radius:7px;color:#fff;font-size:10px;padding:2px 5px}/* 一覧ページ タブ 横スクロール+スワイプ */.tabContainer{overflow:scroll;padding-top:8px;z-index:100}.tab{background:#f0f0f0;font-size:0;padding:0;white-space:nowrap}.tabButton{display:inline-block;padding:0;margin:0;text-align:center;vertical-align:bottom}.tabButton a{background:#f0f0f0;border-right:1px solid #fff;border-top:1px solid #e4e4e4;color:#979797;display:block;font-size:13px;font-weight:bold;padding:10px;text-decoration:none}.activeTab a{background:#fff;border-right:none;border-top:2px solid #eb5505;color:#303036;font-size:14px;margin-top:-10px;padding-bottom:12px;text-decoration:none}.onlyTab{margin-top:0!important}/* タブ 縦スクロール時、上部固定メニュー */.fixed{background:#fff;margin:0 auto;position:fixed;top:0;width:100%}/* ジャンル別一覧 Listサムネイル縦中央(文字制限有り用) */.genreList .trimming60{display:inline-block;float:none;vertical-align:middle}.thumbnailTextBlock{display:inline-block;vertical-align:middle}.thumbnailTextBlock .thumbnailText{padding-top:0}.thumbnailTextBlock .newSessionTimeout{margin-right:5px}/* 小さいデバイス用スタイル */@media screen and (min-width: 0px) and (max-device-width: 340px){.thumbnailTextBlock{max-width:225px}}/* CP別一覧 キーワード別一覧 */.groupList h1{background:#f0f0f0;padding:6px 0;line-height:30px;margin:0;text-align:center}.cpBlock{border-bottom:1px solid #e6e6e6;display:table;padding:8px 15px}.cpBlock img{border-right:1px solid #e6e6e6;display:table-cell;max-width:112px;margin-right:15px;padding-right:15px}.cpBlock p{display:table-cell;font-size:13px;vertical-align:middle}/* キーワード別一覧 サムネイル付概要パーツ */.summaryListTitle{padding:6px 10px 6px 16px!important}.summaryListTitleIcon{display:inline-block;width:16px;height:19px;background:url(//public.potaufeu.asahi.com/hl/img/h1icon-profile.png) center center no-repeat;background-size:16px 19px;vertical-align:middle;position:relative;top:-2.3px;left:-8px}.summaryBlock{border-bottom:1px solid #eb5505;display:table;padding:8px 10px;width:100%}.summaryBlock img{border-right:1px solid #e6e6e6;display:table-cell;max-width:130px;margin-right:10px;padding-right:10px}.summaryBlock .test{display:table-cell;font-size:14px;line-height:1.4;vertical-align:middle}/* ランキング一覧 */.rankingBlock table.rankingList td.data{padding:0 12px 0 0}.rankingBlock table.rankingList th{border-right:none}.rankingBlock .thumbnailList li{margin:0;padding-bottom:0}/* 朝刊・夕刊　*/.morningEveningTitle{border-bottom:1px solid #eee;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.morningEveningTitle h1{color:#333;font-size:16px;font-weight:bold;letter-spacing:1px}.morningEveningTitle h1 span{margin-left:5px}.morningEveningTitle p{background:#f0f0f0;color:#666;font-size:14px;line-height:1.8;margin:0;padding:8px 12px 8px 20px;position:relative;text-align:right;width:74px;z-index:-1}.morningEveningTitle p:before{border:none;border-bottom:solid 66px transparent;border-left:solid 50px white;content:'';left:-18px;position:absolute;top:-2px;z-index:-2}.morningEveningTitle p a:link,.morningEveningTitle p a:visited{color:#666}.moreveningTopNews{border-bottom:1px solid #eee;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.moreveningTopNewsBlock{-webkit-align-items:center;-ms-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:flex}.moreveningTopNewsImage{background:#eee;position:relative;vertical-align:middle;width:100%}.moreveningTopNewsText{padding-right:10px;max-width:-webkit-calc(100% - 100px);max-width:-moz-calc(100% - 100px);max-width:calc(100% - 100px)}.moreveningTopNewsText .thumbnailText{font-size:16px;font-weight:bold}.moreveningTopNewsText .time{font-size:12px;letter-spacing:1px}.moreveningTopNewsText .cp-name{color:#969696;font-size:12px}/* 朝刊 */.textAbovePhoto{background:#e4e4e4;margin:0;position:relative;text-align:center;vertical-align:middle;width:100%}.textAbovePhoto img{height:auto;max-height:255px;max-width:100%;vertical-align:bottom;width:auto}.textAbovePhoto figcaption{background:rgba(0,0,0,0.4);bottom:0;color:#fff;left:0;line-height:1.3;margin:0;padding:5px 3%;position:absolute;text-align:left;width:100%}.textAbovePhoto figcaption a:link,.textAbovePhoto figcaption a:visited{color:#fff}.morningTopNewsText{color:#888;font-size:12px;line-height:1.3;padding:10px 12px}.morningTopNewsText a:link,.morningTopNewsText a:visited{color:#888}.morningTopNews li{border-top:1px solid #cacaca!important;margin:0;padding:10px}.pickupContainer{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding-bottom:5px}.morningTopNews li .pickup{float:left;height:33px;margin-right:8px;width:34px}.pickupContainer h3{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;padding-bottom:0!important}.thumbnailList h3{color:#333;font-size:14px;line-height:1.3;margin-bottom:5px}.morningTopNewsContainer{display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.thumbnailText50{color:#808080;-webkit-line-clamp:3;line-clamp:3;font-size:12px;line-height:1.3}.tv .textAbovePhoto{margin-bottom:10px}.tv .textAbovePhoto:last-child{margin-bottom:0px}.tv .textAbovePhoto figcaption{text-align:center}#morningEntame li img{height:60px;margin-right:10px}#morningEntame .thumbnailTextContainer{width:72%;width:-webkit-calc(100% - 107px);width:-moz-calc(100% - 107px);width:calc(100% - 107px)}/* 夕刊タイムライン　*/#timeline{margin:10px 10px 10px 15px;padding-top:10px;position:relative}#timeline::before{background:#e4e4e4;content:'';height:100%;left:2px;position:absolute;top:0;width:3px}.timelineBlock{position:relative}.timelineBlock:last-child{margin-bottom:0}.timeline-img{background:#fff;border-radius:50%;box-shadow:0 0 0 4px #b1b1b1;height:7px;left:0;position:absolute;top:5px;width:7px}.timelineContent{margin-left:20px;position:relative}.timelineContent h4{color:#303036;font-family:Arial;font-size:18px;margin:0;padding:0}.timelineContent .thumbnailList li{margin:10px 0 0 0}.timelineContent .thumbnailList li .thumbnailTextContainer{width:82%;width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px)}.timelineContent .thumbnailList li:last-child{border-bottom:1px solid #e6e6e6;margin-bottom:10px}.timelineLast .thumbnailList li:last-child{border-bottom:none;margin-bottom:0}/* 夕刊タイムライン_ピックアップ３本見出し　*/#timelineTopNews{margin:7px 10px 7px 15px;position:relative}#timelineTopNews .timeline-img{box-shadow:0 0 0 4px #eb5505}.weather img{display:block;height:auto;max-width:420px;margin:0 auto;width:100%}.weather p{color:#333;display:block;font-size:14px;height:auto;max-width:420px;margin:0 auto;line-height:1.3;padding:10px 12px 12px;width:100%}.weather p a:link,.weather p a:visited{color:#333}.freeBox{border:3px solid #ccc;display:table;height:60px;padding:10px;width:100%}.freeBox p{display:table-cell;font-size:13px;font-weight:bold;line-height:1.3;position:relative;padding-left:50px;vertical-align:middle}.freeBox p::before{position:absolute;content:"";top:50%;left:13px;width:15px;height:18px;margin-top:-10px;background:url(//public.potaufeu.asahi.com/hl/img/icon-bell.png) top left no-repeat;background-size:15px 18px}/* errorページ　*/.error{border-bottom:solid 1px #e6e6e6;padding:30px 30px 50px}.error500{padding:30px 40px 50px}.error img{display:block;height:13px;width:15px}.error h1{font-size:16.5px;font-weight:bold;margin:10px 0 30px;line-height:1.6}.error p{color:#333;font-size:13px;line-height:1.5}.homeBtn{cursor:pointer;color:#333;font-weight:bold;letter-spacing:2px;margin:0 0 0 -16px;padding:14px;vertical-align:middle;text-align:center}.singleBtn{border-bottom:solid 1px #e6e6e6;cursor:pointer;color:#333;font-weight:bold;margin:0 0 0 -16px;padding:14px;vertical-align:middle;text-align:center}.homeBtn a,.singleBtn a{color:#333;display:block;position:relative}.homeBtn a:after,.singleBtn a:after{content:"";position:absolute;top:50%;width:8px;height:8px;margin:-5px 0 0 5px;border-top:solid 2px #303036;border-right:solid 2px #303036;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.underline500{border-bottom:solid 2px #e6e6e6}/* 利用規約 */#terms p{color:#303036;font-size:15px;line-height:1.4;margin:12px}#terms h3{border-left:5px solid #e6e6e6;font-size:15px;margin:12px 12px 5px;padding:2px 0 2px 8px}#terms ol,#terms li{list-style-type:decimal}#terms li{color:#303036;font-size:15px;line-height:1.4;margin:12px 12px 12px 30px}#terms li:last-child{margin-bottom:30px}#terms li span{font-size:14px;font-weight:bold;line-height:2.2}#terms h3 + p{margin-bottom:30px}#terms li a:link,#terms li a:visited{color:#333;text-decoration:underline}#terms li a[target]{padding-right:6px}#terms li a[target]:after{content:'';display:inline-block;width:12.4px;height:12.8px;background:url(//public.potaufeu.asahi.com/hl/img/icon-link-blank.png) center center no-repeat;background-size:12.4px 12.8px;vertical-align:middle;position:relative;top:-1px;left:4px}.log_scroll_stories,.log_scroll_genres,.log_scroll_subgenres,.log_scroll_rankings,.log_scroll_providers,.log_scroll_keywords{height:1px}/* -------------------------- *//* auサービストップ タブ内特集用   *//* -------------------------- */.serviceTopTab{font-family:"ヒラギノ角ゴ ProN",Hiragino Kaku Gothic ProN,Arial,Meiryo,sans-serif}/* サムネイル画像トリミング サービストップ同サイズ */.serviceTopTab .trimming64{-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;height:64px;margin-right:6px;overflow:hidden;width:64px}.serviceTopTab .trimming64 img{position:relative;height:64px;width:64px;object-fit:cover;object-position:50% 50%}.serviceTopTab .thumbnailList li{border-bottom:1px solid #e6e6e6;margin:6px 10px 0 10px;padding-bottom:6px}.serviceTopTab .thumbnailList li:last-child{border:none}.serviceTopTab .thumbnailText{font-size:16px;font-weight:bold}.serviceTopTab .thumbnailList li .time{color:#999;font-family:"ヒラギノ角ゴ ProN",Hiragino Kaku Gothic ProN,Arial,Meiryo,sans-serif;font-size:8px}.serviceTopTab .thumbnailList li .cp-name{color:#999;font-family:"ヒラギノ角ゴ ProN",Hiragino Kaku Gothic ProN,Arial,Meiryo,sans-serif;font-size:8px}/* サービストップ用太字 */.serviceTopTab .arrowList{font-weight:bold}.serviceTopTab .rankingList{font-weight:bold}/* -------------------------- *//*   サムネイル画像のサイズ調整   *//* -------------------------- *//* リストのサムネイル */.trimming50 img{width:50px;height:50px;top:0;left:0;object-fit:cover;object-position:50% 50%}.trimming60 img{width:60px;height:60px;top:0;left:0;object-fit:cover;object-position:50% 50%}.trimming64 img{width:64px;height:64px;top:0;left:0;object-fit:cover;object-position:50% 50%}.trimming90 img{width:90px;height:90px;top:0;left:0;object-fit:cover;object-position:50% 50%}/* 無限スクロール サムネイル */.trimming80 img{height:80px;width:80px;display:block;float:left;margin-right:10px;overflow:hidden;object-fit:cover;object-position:50% 50%}/* 大画像 */.genreRow .trimmingBig img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}/* -------------------------- *//*      INFEED広告            *//* -------------------------- */.adad.loaded div#gunosyads-sdk-container li,.adad.loaded div#medibasspContainer li{margin:0}.adad.loaded .trimming80 img{width:80px;height:80px}.adad.loaded .trimmingBig img{max-width:100%;max-height:100%;object-fit:cover}/* ad 表示調整
==================== */#rect1,#rect_upper_link{border-top:solid 1px #e6e6e6;padding:12px 0}.adrect,#rect2{margin:12px 0;/* #16559 ランキング一覧でジャンルインデックスが切れないように高さを指定しておく*/height:253px}/*+====================
/* Android4.3以下用エラーmessage
+==================== */.androidMessage{border-top:solid 2px #eb5505;border-bottom:solid 2px #eb5505;color:#303036;font-size:11px;line-height:1.2;padding:10px 12px;width:100%}.bx-viewport span.thumbnailText{word-break:break-all}.tabButton.subTab,.rankingBtn{display:none}/*+====================
/* 朝刊　デザイン変更201810
+==================== */.morningNewspaper{color:#333}.morningNewspaper .morningEveningTitle{border-bottom:none}/*お知らせ枠*/.infoMessageArea p{background:#f0f0f0;font-size:14px;line-height:1.4;padding:10px;margin:0 10px 10px}/*PICK UP*/.morningNewspaper .pickupContainer img{width:60px;height:19px}/*ランキング*/.morningNewspaper #morningRanking table.rankingList .thumbnailList a .thumbnailTextContainer{width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px)}.morningNewspaper #morningRanking table.rankingList{border-bottom:none}.morningNewspaper #morningRanking table.rankingList th{border:none}.morningNewspaper #morningRanking table.rankingList td.data{padding:0}.morningNewspaper #morningRanking .thumbnailList > li{margin:0;padding-bottom:0}/*タイトル*/.morningNewspaper section h2{background:rgba(235, 85, 5, .15);padding:0;font-size:16px}.morningNewspaper section h2:before{content:none}.morningNewspaper section h2 .h2title{display:inline-block;padding:6px 12px 3px 8px;border-bottom:2px solid #eb5505}.morningNewspaper section h2 .h2title:before{content:'';display:inline-block;vertical-align:middle;position:relative;left:0;margin-right:8px}.morningNewspaper .h2ranking .h2title:before{width:18px;height:15px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-ranking.png) center center no-repeat;background-size:18px 15px;top:-2px}.morningNewspaper .h2genre .h2title:before{width:18px;height:15px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-genre.png) center center no-repeat;background-size:18px 15px;top:-2px}.morningNewspaper .h2flag4 .h2title:before{width:16px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-flag4.png) center center no-repeat;background-size:16px 16px;top:-2px}.morningNewspaper .h2genreList .h2title:before{width:16px;height:13px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-genrelist.png) center center no-repeat;background-size:16px 13px;top:-2px}.morningNewspaper .h2weather .h2title:before{width:16px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-weather.png) center center no-repeat;background-size:16px 16px;top:-3px}.morningNewspaper .h2tv .h2title:before{width:16px;height:16px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-tv.png) center center no-repeat;background-size:16px 16px;top:-3px}.morningNewspaper .h2topnews .h2title:before{width:18px;height:18px;background:url(//public.potaufeu.asahi.com/hl/img/h2icon-news.png) center center no-repeat;background-size:18px 18px;vertical-align:middle;position:relative;top:-2px}/*バナー*/.morningNewspaper .morningWeatherBnr{margin:0;padding:10px 5px;text-align:center;border-top:1px solid #e6e6e6}.morningNewspaper .morningWeatherBnr img{height:auto;margin:0 auto;vertical-align:bottom;width:310px}/* 朝刊天気 */.morningNewspaper .h2weather .h2title:after{display:inline-block;position:relative;vertical-align:middle;width:100px;height:20px;top:-3px;left:0;margin-left:8px;background:url(//public.potaufeu.asahi.com/hl/img/weather.png) center center no-repeat;background-size:100px 20px;content:''}.morningNewspaper .singleBtn .arrow-icon:after{position:absolute;width:8px;height:8px;top:50%;margin:-5px 0 0 5px;border-top:solid 2px #303036;border-right:solid 2px #303036;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:''}#morningWeather a{display:block}#morningWeather #weatherText a{color:#333;font-size:14px;height:auto;max-width:420px;margin:10 auto;line-height:1.3;padding:0px 12px 12px;width:100%;text-align:right}/* 昼刊 */#headlineNews .thumbnailList{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}#headlineNews .thumbnailList > li{width:calc(100vw - 20px)}#headlineNews .thumbnailList .thumbnailText{font-weight:bold}#headlineNews .thumbnailList .cp-timeBox{display:none}#headlineNews .thumbnailList .genreCol2{width:calc(50vw - 10px);border-bottom:none;margin:10px 0 0;padding-bottom:10px}#headlineNews .thumbnailList .genreCol2:nth-of-type(even){margin-left:10px;padding-right:5px}#headlineNews .thumbnailList .genreCol2:nth-of-type(odd){margin-right:10px;padding-left:5px}#headlineNews .thumbnailList .genreCol2 .trimmingBig{width:100%;height:calc(50vw - 15px)}#headlineNews .thumbnailList .genreCol2 .trimmingBig img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}