@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:bottom;}
ol,ul {list-style:none;}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .15s linear}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .32s linear;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19);transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear;transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner:before{transition:top .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner:after{transition:bottom .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transition:background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear;transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19);transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear;transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear,-webkit-transform .1s .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner:before{transition:top .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner:after{transition:bottom .1s .1s ease-in,-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transition:background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear;transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear,-webkit-transform .1s 0s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s .12s ease-out,-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .22s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s .14s ease;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
/*----------------------------------------------------
 common
--------------------------------------------------- */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

html, body {
  font-family:"Times New Roman",'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size:13px;
  line-height: 180%;
  background:#FFF;
  color:#000;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
img {
  width: 100%;
  height: auto;
}

body > img {
  width: auto;
}

/*----------------------------------------------------
 font
--------------------------------------------------- */
.mincho{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,a:visited,a:active{
  color:#000;
  text-decoration:none;
   -webkit-tap-highlight-color:transparent;
}

/*----------------------------------------------------
  マージン
--------------------------------------------------- */
.mt10{
  margin-top: 10px !important;
}
.mt20{
  margin-top: 20px !important;
}
.mt30{
  margin-top: 30px !important;
}
.mt40{
  margin-top: 40px !important;
}
.mb40{
  margin-bottom: 40px !important;
}
.mt50{
  margin-top: 50px !important;
}
.mt60{
  margin-top: 60px !important;
}
.mt70{
  margin-top: 70px !important;
}
.mt80{
  margin-top: 80px !important;
}
.mt90{
  margin-top: 90px !important;
}
.mb20 {
  margin-bottom: 20px;
}
.pb40border{
  padding-bottom: 40px !important;
  border-bottom: 1px #e5e5e5 solid;
}

/*----------------------------------------------------
 slick
--------------------------------------------------- */
:focus {
  outline: none;
}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;/* height: 100%; */min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slide .slick-prev,
.main .slick-prev{
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 0;
  z-index: 1;
  width: 70px;
  height: 100px;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_left01.png) no-repeat 14px center;
  background-size: 9px;
  z-index: 10;
}
.slide .slick-next,
.main .slick-next{
  position: absolute;
  top: 50%;
  margin-top: -50px;
  right: 0;
  z-index: 1;
  width: 70px;
  height: 100px;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_right01.png) no-repeat right 14px center;
  background-size: 9px;
  z-index: 10;
}
.slide .slick-disabled{
  opacity: 0.2;
}
/*----------------------------------------------------
  #レイアウト
--------------------------------------------------- */
#wrapper{
  position: relative;
  width:100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 50px;
}
.block-column{
  overflow: hidden;
}
.block-line{
  border-bottom:1px #ccc solid;
}
.block-line2{
  border-bottom:1px #d0ba9d solid;
}

/*----------------------------------------------------
  #タイトル
--------------------------------------------------- */

.block_title{
  text-align: center;
  font-size: 25px;
  line-height: 1;
}
.block_title_small{
  position: relative;
  font-size: 20px;
  line-height: 1;
}
.block_title_small span{
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 13px;
  color: #777777;
}
.block_title_center{
  font-size: 25px;
  line-height: 29px;
  text-align: center;
}
.block_title_center span{
  display: block;
  font-size: 13px;
  padding-top: 0px;
}
.block_title_center .ja{
  display: block;
  font-size: 12px;
  padding-top: 0px;
}
.block_title_center span.sub{
  display: block;
  font-size: 20px;
  padding-top: 12px;
}


/*----------------------------------------------------
  サムネイルリスト
--------------------------------------------------- */
.thum_list .column{
  position: relative;
  padding: 0 18px;
}
.thum_list .column .image{
  position: relative;
  overflow: hidden;
}
.thum_list .column .image a{
  position: relative;
  display: block;
}
.thum_list .column .image img{
  width:100%;
  height:auto;
  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
}
.thum_list .column.view .image img{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    -webkit-transition: all 1.2s 0s ease;
       -moz-transition: all 1.2s 0s ease;
        -ms-transition: all 1.2s 0s ease;
         -o-transition: all 1.2s 0s ease;
            transition: all 1.2s 0s ease;
}
.thum_list .column.pr .image:after{
  content: " ";
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_pr.png) no-repeat;
  width: 31px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.thum_list .column .meta{
  font-size: 11px;
  line-height: 1;
  margin-top: 18px;
}
.thum_list .column .meta .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
  color: #777;
}
.thum_list .column .meta .category a,
.thum_list .column .meta .category{
  color: #b29061;
}
.thum_list .column .meta .date{
  color: #777;
}
.thum_list .column .title{
  margin-top: 18px;
  font-size: 20px;
  line-height: 150%;
}
.thum_list .column .exp{
  margin-top: 15px;
  font-size: 14px;
  line-height: 164%;
}
.thum_list .column .by_tag{
  margin-top: 20px;
  font-size: 12px;
  overflow: hidden;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  letter-spacing: -0.05em;
}
.thum_list .column .by_tag dt{
  clear: both;
  float: left;
  color: #999999;
}
.thum_list .column .by_tag dt,
.thum_list .column .by_tag dd{
  margin-bottom: 2px;
}
.thum_list .column .by_tag dd a {display:inline-block;}
.thum_list .column .by_tag dd a::after {
    content: "/";
    padding-right: 10px;
    margin-left: 10px;
}
.thum_list .column .by_tag dd a:last-child::after {
    content: "";
    padding-right: 0px;
    margin-left: 0px;
}
.ranking-page .thum_list {
  margin-top:40px;
}
.ranking-page .thum_list .column.view {
    margin-bottom: 40px;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 20px;
}
.ranking-page .thum_list .column.view .text_block { margin-top:10px; }
.ranking-page .thum_list .column.view .text_block .rank-meta {
  display:table;
}
.ranking-page .thum_list .column.view .text_block .rank-meta .icn-rank, .ranking-page .thum_list .column.view .text_block .rank-meta .meta {
  display:table-cell;
}
.ranking-page .thum_list .column.view .text_block .rank-meta .icn-rank {
  padding-right:18px;
}
.ranking-page .thum_list .column.view .text_block .rank-meta .icn-rank img {
  height:32px;
  width:auto;
}

/*----------------------------------------------------
  サムネイルリスト スライド
--------------------------------------------------- */
.slide.thum_list{
  padding-left: 18px;
}
.slide.thum_list .column{
  position: relative;
  width: 200px;
  padding: 0;
  margin-right: 15px;
}
.slide.thum_list .column .meta{
  font-size: 11px;
  line-height: 1;
  margin-top: 10px;
  color: #777777;
}
.slide.thum_list .column .meta .category{
  display: none;
}
.slide.thum_list .column .meta .category:after{
  content: "";
}
.slide.thum_list .column .title{
  margin-top: 5px;
  font-size: 13px;
  line-height: 153%;
  color: #222222;
}
.slide.thum_list .column .exp{
  display: none;
}

.thum_list .slick-dots{
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  text-align: center;
  letter-spacing: -0.4em;
}
.thum_list .slick-dots li{
  display: inline-block;
  letter-spacing: normal;
  width: 6px;
  height: 6px;
  margin: 0 8px;
  overflow: hidden;
  background: #FFF;
          border-radius: 50%;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
}
.thum_list .slick-dots li.slick-active{
  background: #b29061;
}
.thum_list .slick-dots li button{
  width: 6px;
  height: 6px;
  text-indent: -9999px;
  background: #FFF;
  opacity: 0;
}
/*----------------------------------------------------
  リスト　サイド：ランキング、
--------------------------------------------------- */
.thum_list_small{
  margin: 0 18px;
  margin-top: 15px;
}
.thum_list_small .column{
  padding: 0;
  padding-top:20px;
  padding-bottom: 20px;
  border-bottom: 1px #ddd solid;
}
.thum_list_small .column:last-child{
  border-bottom: none;
}
.thum_list_small .column a{
  display: block;
  overflow: hidden;
}
.thum_list_small .column a .image{
  float: left;
  width: 35.29%;
}
.thum_list_small .column a .image img{
  width: 100%;
  height: auto;
}
.thum_list_small .column a .text_block{
  position: absolute;
  right: 0;
  top: 50%;
  width: 60.29%;
  -webkit-transform: translate(0px,-50%);
     -moz-transform: translate(0px,-50%);
      -ms-transform: translate(0px,-50%);
       -o-transform: translate(0px,-50%);
          transform: translate(0px,-50%);
}
.thum_list_small .column a .text_block .date{
  font-size: 11px;
  color: #777777;
  line-height: 1;
}
.thum_list_small .column a .text_block .exp{
  font-size: 13px;
  line-height: 150%;
  margin-top: 5px;
}
/*----------------------------------------------------
  ページング
--------------------------------------------------- */
.paging{
  margin-top: 20px;
  position: relative;
}
.paging a.prev{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_left02.png) no-repeat center;
  width: 40px;
  height: 27px;
  background-size: 9px;
  display: block;
  position: absolute;
  top: 2px;
  left: 0px;
}
.paging a.next{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_right03.png) no-repeat center;
  width: 45px;
  height: 27px;
  background-size: 9px;
  display: block;
  position: absolute;
  top: 2px;
  right: 0px;
}
.paging.pagetitle a.next{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_right03.png) no-repeat right 18px center;

   width : 10% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(5% - 15px) ;
   width : calc(5% - 15px) ;
  height: 40px;
  line-height: 20px;
  padding-right: 10.6vw;
  background-size: 9px;
  display: block;
  position: absolute;
  top: -5px;
  font-size: 3.7vw;
  right: 0px;
}
.paging ul{
  text-align: center;
  letter-spacing: -0.4em;
}
.paging.pagetitle ul{
  /* margin-left: -18.13vw; */
}
.paging ul li{
  display: inline-block;
  letter-spacing: normal;
  font-size: 14px;
  margin: 0px;
  vertical-align: top;
}
.paging ul li.dot{
  margin-right: 0px;
}
.paging ul li a{
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 4vw;
  display: block;
}
.paging ul li.current a{
  color: #ababab;
}

/*----------------------------------------------------
  #header
--------------------------------------------------- */
#header{
  position: fixed;
  width: 100%;
  height: 57px;
  background: #FFF;
  overflow: hidden;
  z-index: 1000;
}
#header.menu_view { top: 0; }
#header .inner{
  display: block;
  width: 100%;
  height: 57px;
  box-sizing:border-box;
  border-bottom: 1px #c6ac8a solid;
  position:relative;
}
#menuButton {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    margin-top: 0px;
    width: 57px;
    height:57px;
    z-index: 100;
}
#menuButton .hamburger{
  position: absolute;
  top: 0;
  left: 0px;
  padding: 19px 0 0 17px;
  outline: none;
}
#menuButton .hamburger-box {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 16px;
}
.hamburger-inner,.hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 21px;
    height: 1px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    border-radius: 0px;
    background-color: #000;
}
.is-active .hamburger-inner,.is-active .hamburger-inner:after,.is-active .hamburger-inner:before {
    background-color: #000;
}
.hamburger--collapse .hamburger-inner {
  bottom: 0;
}
.hamburger--collapse .hamburger-inner:before {
  top: -7px;
}
.hamburger--collapse .hamburger-inner:after {
  top: -14px;
}
.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translate3d(0,-5px,0) rotate(-45deg);
    transform: translate3d(0,-5px,0) rotate(-45deg);
}
#header .logo{
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -55px;
  width: 111px;
}
#header .navi_search{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 57px;
  height: 57px;
}
#header .navi_search a{
  display: block;
  width: 57px;
  height: 57px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_search.svg) no-repeat center center;
  background-size: 18px;
}
#header.search .navi_search a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_close.svg) no-repeat center center;
  background-size: 18px;
}
#header.search{
  height: 57px;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;
}
#header .search{
  z-index: 101;
  position: absolute;
  top: 0px;
  width: 100%;
  visibility: hidden;
  opacity: 0;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;
}
#header.search .search{
  visibility: visible;
  opacity: 1;
}
#header .search input,
#navigation .search input{
  height: 57px;
  font-size: 15px;
  padding-left: 17px;
  width: 100%;
  border:none;
}
:placeholder-shown {
    color: #cccccc; }
::-webkit-input-placeholder {
    color: #cccccc; }
:-moz-placeholder {
    color: #cccccc; opacity: 1; }
::-moz-placeholder {
    color: #cccccc; opacity: 1; }
:-ms-input-placeholder {
    color: #cccccc; }

#header .search button,
#navigation .search button{
  position: absolute;
  top: 0;
  right: 0;
  width: 57px;
  height: 57px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_search.svg) no-repeat center center;
  background-size: 18px;
  border-style: none;
  text-indent: -9999px;
  cursor: pointer;
}
/*----------------------------------------------------
  #navigation
--------------------------------------------------- */
#navigation{
  position: fixed;
  top: 57px;
  left: 0;
  width: 100%;
  height : 98% ;
  height : -webkit-calc(100% - 58px) ;
  height : calc(100% - 58px) ;
  overflow-y: auto;
  background: #FFF;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
      -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
          -ms-transition: all .5s ease;
           -o-transition: all .5s ease;
              transition: all .5s ease;
    -webkit-overflow-scrolling: touch;
}
#navigation.view{
  visibility: visible;
  opacity: 1;
}
#navigation .search{
  position: relative;
  height: 57px;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px #c6ac8a solid;
}
#navigation .login_area{
  border-bottom: 1px #c6ac8a solid;
  padding: 40px 0 35px;
  text-align: center;
}
#navigation .login_area .btn_login a{
  width: 206px;
  height: 47px;
  margin: 0 auto;
  display: block;
  border:1px #000 solid;
  box-sizing:border-box;
  text-align: center;
  margin-bottom: 17px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_login.png) no-repeat 30px center;
  background-size: 14px;
}
#navigation .login_area .btn_login a span{
  padding-left: 33px;
  font-size: 17px;
  line-height: 47px;
}
#navigation .login_area .btn_regist a{
  width: 206px;
  height: 47px;
  margin: 0 auto;
  display: block;
  border:1px #000 solid;
  box-sizing:border-box;
  text-align: center;
  margin-bottom: 17px;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_register.png) no-repeat 30px center;
  background-size: 17px;
}
#navigation .login_area .btn_regist a span{
  padding-left: 33px;
  font-size: 17px;
  line-height: 47px;
}
#navigation .login_area p{
  padding: 0 20px;
  margin-top: 30px;
  font-size: 11px;
  color: #444444;
}
#navigation .navi_title{
  padding: 42px 0 25px 18px;
  font-size: 17px;
}
#navigation ul.navi{
  border-top: 1px #e5e5e5 solid;
  margin-bottom: 40px;
}
#navigation ul.navi li{
  border-bottom: 1px #e5e5e5 solid;
}
#navigation ul.navi li.fortune > a {
    display: block;
    padding: 15px 0px 15px 18px;
    font-size: 15px;
    line-height: 1;
    background: none;
    background-size: 5px;
}
#navigation ul.navi li.fortune > ul {
    display: block;
    padding: 0px 0px 0px 18px;
    font-size: 15px;
    line-height: 1;
    background-size: 5px;
}
#navigation ul.navi li.fortune ul li:first-child{
  border-top: 1px #e5e5e5 solid;
}
#navigation ul.navi li.fortune ul li:last-child{
  border-bottom: none;
}


#navigation ul.navi li a{
  display: block;
  padding: 15px 40px 15px 18px;
  font-size: 15px;
  line-height: 1;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_right02.png) no-repeat right 17px center;
  background-size: 5px;
}

#footer ul.navi {
    border-bottom: 1px #b1b9c0 solid;
}
#navigation ul.navi li.navi_mens{
  padding: 40px 0;
}
#navigation ul.navi li.navi_mens dt {
  width: 100%;
}
#navigation ul.navi li.navi_mens a{
  width: 285px;
  height: 70px;
  display: block;
  margin: 0 auto;
    border: 1px #000 solid;
    line-height: 70px;
    padding: 0px;
}
#navigation ul.navi li.navi_mens.mens a img{
  width: 142px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top:15px;
}
#navigation ul.navi li.navi_mens a img{
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top:20px;
}
#navigation ul.navi li.navi_mens.mens a img{
  width: 140px;
}
#navigation ul.navi li.navi_mens a img{
  width: 160px;
}
#navigation .sns_title{
  font-size: 22px;
  text-align: center;
  margin-bottom: 40px;
}
#navigation ul.sns{
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 40px;
  overflow: hidden;
  text-align: center;
  letter-spacing: -0.4em;
}
#navigation ul.sns li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 15px;
}
#navigation ul.sns li.sns01{
  width:15px;
}
#navigation ul.sns li.sns02{
  width:8px;
}
#navigation ul.sns li.sns03{
  width:18px;
}
#navigation ul.sns li.sns04{
  width:21px;
}
#navigation ul.sns li.sns05{
  width:18px;
}
#navigation ul.sns li.sns06{
  width:16px;
}
#navigation ul.sns li.sns07{
  width:10px;
}
#navigation .magazine-column{
  padding: 40px 0;
  text-align: center;
}
#navigation .magazine-column .block_title_small{
  font-size: 25px;
  margin-bottom: 40px;
}
#navigation .magazine-column .image{
  width: 64%;
  margin: 0 auto;
  margin-bottom: 33px;
}
#navigation .magazine-column .issue{
  font-size: 11px;
  margin-bottom: 26px;
}
#navigation .magazine-column .title1{
  font-size: 18px;
  line-height: 123%;
}
#navigation .magazine-column .title2{
  font-size: 27px;
  line-height: 123%;
  margin-bottom: 20px;
}
#navigation .magazine-column .title3{
  font-size: 13px;
  line-height: 140%;
  margin-bottom: 35px;
}
#navigation .magazine-column ul.link{
  text-align: center;
  letter-spacing: -0.4em;
  overflow: hidden;
}
#navigation .magazine-column ul.link li{
  letter-spacing: normal;
  display: inline-block;
  margin:0 1.2%;
  width: 44%;
  margin-bottom: 10px;
}
#navigation .magazine-column ul.link li a{
  display: block;
  height: 32px;
  border:1px #ddd solid;
  box-sizing:border-box;
  text-align: center;
  line-height: 32px;
  color: #666666;
  font-size: 11px;
}
/*----------------------------------------------------
  #contents
--------------------------------------------------- */
#contents{
  position: relative;
  overflow: hidden;
}
.ad{text-align:center;}
.ad.ndisplay{
display:none;
}
/*----------------------------------------------------
  #mainvisual-column
--------------------------------------------------- */
#mainvisual-column{
  position: relative;
  overflow: hidden;
}
#mainvisual-column .main{
  padding: 0;
  margin: 0;

}
#mainvisual-column .main .column {
  display: block;
  padding: 0;
}
#mainvisual-column .main .column .image{
  background: #000;
  width: 100%;
  height: auto;
  max-height:483px;
  overflow: hidden;
}
#mainvisual-column .main .column .image a{
    display: block;
    width: 100%;
    height: 483px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
#mainvisual-column .main .column .image a span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display:flex;
    flex-basis:140%;
    flex-grow:3;
    justify-content:center;
}
#mainvisual-column .main .column .image a span img{
  opacity: 0.6;
  height: 100% !important;
  width: auto !important;
  display:inline-block;
  margin: auto;
}
#mainvisual-column .main .column .text_block{
  position: absolute;
  bottom: 70px;
  left: 0%;
  width: 100%;
  text-align: center;
  color: #FFF;
}
#mainvisual-column .main .column .text_block a{
  color: #FFF;
}
#mainvisual-column .main .column .text_block .meta{
  text-align: center;
  font-size: 11px;
  position: static;
  color: #FFF;
}
#mainvisual-column .main .column .text_block .meta .date{
  color: #FFF;
}
#mainvisual-column .main .column .text_block .meta .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
  color: #FFF;
}
#mainvisual-column .main .column .text_block .title{
  margin-top: 15px;
  font-size: 27px;
  line-height: 123%;
  padding: 0 15px;
}
#mainvisual-column .main .column .text_block .exp{
  margin-top: 10px;
  line-height: 160%;
  font-size: 12px;
  padding: 0 46px;
}
#mainvisual-column .main > .column:not(:first-child) {
  display: none;
}
/*----------------------------------------------------
  #information-column
--------------------------------------------------- */
#information-column{
  position: relative;
  overflow: hidden;
  padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px #d0ba9d solid;
}
#information-column .column{
  margin-top: 40px;
}
#information-column .column a{
  display: block;
  padding: 0 18px;
}
#information-column .column .information_title{
  font-size: 17px;
  padding: 0 18px;
}
#information-column .column .information_title .date{
  margin-left: 10px;
  font-size: 13px;
  color: #777777;
}
#information-column .column p{
  font-size: 11px;
  line-height: 20px;
  margin-top: 10px;
}
#information-column .column p.to_detail{
  font-style: italic;
  margin-top: 10px;
  color: #b1884e;
}
/*----------------------------------------------------
  #top-breadcrumb-column
--------------------------------------------------- */
#top-breadcrumb-column{
  position: relative;
  overflow: hidden;
  padding: 15px 18px;
}
#top-breadcrumb-column h1,
#top-breadcrumb-column p{
  float: left;
  margin-right: 20px;
  font-size: 9px;
}
/*----------------------------------------------------
  #category-list-column
--------------------------------------------------- */
#category-list-column{
  position: relative;
  overflow: hidden;
  /* margin-top: 40px; */
  padding-top: 40px;
  /* border-top: 1px #d0ba9d solid; */
  width: 100%;
}
#category-list-column .slide{
  margin-top: 40px;
  margin-left: 18px;
}
#category-list-column .slide .column{
  width: 200px;
  position: relative;
  margin-left: 18px;
}
#category-list-column .slide .column a .image{
    width: 200px;
    height: 116px;
    position: relative;
}
#category-list-column .slide .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#category-list-column .slide .column .title{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  color:#FFF;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
#category-list-column .slide .column .title.mens{
  width: 75px;
}
#category-list-column .slide > .column:not(:first-child) {
  display: none;
}
/*----------------------------------------------------
  #topics-column
--------------------------------------------------- */
#topics-column{
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px #d0ba9d solid;
  width: 100%;
}
#topics-column .big.thum_list .column .image a{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin-right: 10px;
    padding-top: 58%;
    position: relative;
    text-align: center;
    background-color: #000;
}
#topics-column .big.thum_list .column .image a span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#topics-column .big.thum_list .column .image a span img{
  height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}
#topics-column .big{
  margin-top: 30px;
}
#topics-column .slide,
#top-movie-column .slide{
  margin-top: 30px;
}
#top-movie-column .slide.thum_list .slick-list .column .image a,
#topics-column .slide.thum_list .slick-list .column .image a {
    width: 200px;
    height: 116px;
    position: relative;
    background-color: #000;
}
#top-movie-column .slide.thum_list .slick-list .column .image a img,
#topics-column .slide.thum_list .slick-list .column .image a img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#top-movie-column .slide.thum_list .slick-list .column .image a img {
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  top: 0 !important;
}
#top-movie-column .slide .slick-prev,
#top-movie-column .slide .slick-next,
#topics-column .slide .slick-prev,
#topics-column .slide .slick-next{
  top: 10px;
  margin-top: 0;
}

/*----------------------------------------------------
  #ad-01
--------------------------------------------------- */
#ad-01{
  padding-top: 90px;
}
/*----------------------------------------------------
  #entry_list-column
--------------------------------------------------- */
#entry_list-column{
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  border-top:1px #c5a983 solid;
  padding-top: 40px;
}
#entry_list-column.category{
  margin-top: 0px;
  border-top:none;
  padding-top:0px;
}
#entry_list-column.category .thum_list_small .column .image a {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin-right: 10px;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#entry_list-column.category .thum_list_small .column .image a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#entry_list-column.category .thum_list_small .column .image a span img {
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display: inline-block;
}

#entry_list-column.category .thum_list_small .column a .image span.imgwrrap{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#entry_list-column.category .thum_list_small .column a .image span.imgwrrap span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;;
}
#entry_list-column.category .thum_list_small .column a .image span.imgwrrap span img {
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display: inline-block;
}



#entry_list-column .pickup{
  margin-top: 40px;
  overflow: hidden;
}
#entry_list-column .pickup .column{
  width: 100%;
  padding: 0px;
  overflow: hidden;
}
#entry_list-column .pickup .column a{
  color: #FFF;
}
#entry_list-column .pickup .column .image{
  background: #000;
}
#entry_list-column .pickup.thum_list .column .image a{
    display: block;
    width: 100%;
    height: 375px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
#entry_list-column .pickup.thum_list .column .image a span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display:flex;
    flex-basis:140%;
    flex-grow:3;
    justify-content:center;
}
#entry_list-column .pickup.thum_list .column .image a span img{
  height: 100% !important;
  width: auto !important;
  display:inline-block;
  margin: auto;
}
#entry_list-column .pickup.thum_list .column a .image{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin-right: 10px;
    padding-top: 100%;
    position: relative;
    text-align: center;
}
#entry_list-column .pickup.thum_list .column a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-basis: 140%;
    flex-grow: 3;
    justify-content: center;
}
#entry_list-column .pickup.thum_list .column a .image span img{
    /* height: auto; */
    height: 100% !important;
    /* max-height: 100% !important; */
    width: auto !important;
    /* max-width: 100% !important; */
    display:inline-block;
}

#entry_list-column .pickup .column .image img{
  opacity: 0.65;
}
#entry_list-column .pickup .column .text_block{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  color: #FFF;
  text-align: center;
    -webkit-transform: translate(0%,-50%);
       -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
         -o-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
}
#entry_list-column .pickup .column .category_title{
  font-size: 26px;
  letter-spacing: 0.05em;
}
#entry_list-column .pickup .column .category_title_ja{
  display: block;
  font-size: 10px;
  margin-top: 15px;
  line-height: 1;
  padding-bottom: 40px;
}
/*#entry_list-column .pickup .column .category_title span{
  display: block;
  font-size: 10px;
  margin-top: 15px;
  line-height: 1;
  padding-bottom: 40px;
}*/
#entry_list-column .pickup .column .meta{
  position: static;
  color: #FFF;
}
#entry_list-column .pickup .column .meta .category,
#entry_list-column .pickup .column .meta .date{
  color: #FFF;
}
#entry_list-column .pickup .column .title{
  margin-top: 15px;
  font-size: 27px;
  line-height: 123%;
  padding: 0 18px;
  letter-spacing: -0.05em;
}
#entry_list-column .pickup .column .exp{
  margin-top: 15px;
  font-size: 12px;
  line-height: 25px;
  padding: 0 50px;
  letter-spacing: -0.04em;
}

#entry_list-column .newarrivals_list{
  margin-top: 40px;
}

#entry_list-column .newarrivals_list .column{
  padding: 0;
  margin: 0 18px;
  margin-bottom: 40px;
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 20px;
}
#entry_list-column .newarrivals_list .column .image a{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#entry_list-column .newarrivals_list .column .image a span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#entry_list-column .newarrivals_list .column .image a span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}
#entry_list-column .newarrivals_list .column:last-child{
  margin-bottom: 20px;
  border-bottom: none;
  padding-bottom: 0px;
}
#entry_list-column .newarrivals_list .column .exp{

}
#entry_list-column .newarrivals_list .column .by_tag{

}
#entry_list-column .newarrivals_list a.more{
  width: 280px;
  height: 45px;
  margin: 0 auto;
  border:1px #dddddd solid;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 17px;
}
#entry_list-column .side_area{
  margin-top: 80px;
}



/*----------------------------------------------------
  #side-ranking
--------------------------------------------------- */
#side-ranking{
  margin: 40px 0;
}
#side-ranking .thum_list_small{
  margin-top: 20px;
}
#side-ranking .thum_list_small .column a .image span.imgwrrap{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#side-ranking .thum_list_small .column a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#side-ranking .thum_list_small .column a .image span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}
#side-ranking .thum_list_small .column:nth-child(1) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/rank1.png) no-repeat right center;
}
#side-ranking .thum_list_small .column:nth-child(2) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/rank2.png) no-repeat right center;
}
#side-ranking .thum_list_small .column:nth-child(3) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/rank3.png) no-repeat right center;
}
#side-ranking .thum_list_small .column:nth-child(4) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/rank4.png) no-repeat right center;
}
#side-ranking .thum_list_small .column:nth-child(5) a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/rank5.png) no-repeat right center;
}
#side-ranking .thum_list_small .column a .text_block{
  width: 46.47%;
  margin-right: 11%;
}

/*----------------------------------------------------
  #magazine-column
--------------------------------------------------- */
#magazine-column{
  padding: 40px 0;
  text-align: center;
}
#magazine-column .block_title_small{
  font-size: 25px;
  margin-bottom: 40px;
}
#magazine-column .image{
  width: 64%;
  margin: 0 auto;
  margin-bottom: 33px;
}
#magazine-column .issue{
  font-size: 11px;
  margin-bottom: 26px;
}
#magazine-column .title1{
  font-size: 18px;
  line-height: 123%;
}
#magazine-column .title2{
  font-size: 24px;
  line-height: 123%;
  margin-bottom: 20px;
}
#magazine-column .title3{
  font-size: 13px;
  line-height: 140%;
  margin-bottom: 35px;
}
#magazine-column .magazine-detail{
  margin-bottom: 10px;
}
#magazine-column ul.link{
  text-align: center;
  letter-spacing: -0.4em;
  overflow: hidden;
}
#magazine-column ul.link li{
  letter-spacing: normal;
  display: inline-block;
  margin:0 1.2%;
  width: 44%;
  margin-bottom: 10px;
}
#magazine-column ul.link li a{
  display: block;
  height: 32px;
  border:1px #ddd solid;
  box-sizing:border-box;
  text-align: center;
  line-height: 32px;
  color: #666666;
  font-size: 11px;
}
#magazine-column .attention{
  margin-top: 25px;
  padding: 0 18px;
  font-size: 10px;
  color: #666666;
  text-align: left;
}

/*----------------------------------------------------
  #from_editors-column
--------------------------------------------------- */
#from_editors-column{
  position: relative;
  margin-top: 40px;
}
#from_editors-column .thum_list_small .column a .image span.imgwrrap{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#from_editors-column .thum_list_small .column a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#from_editors-column .thum_list_small .column a .image span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}


/*----------------------------------------------------
  #feature-column
--------------------------------------------------- */
#feature-column{
  position: relative;
  background: #1f1f1f;
  color: #FFF;
  padding-top: 40px;
  /* padding-top: 2px; */
}
#feature-column .slide{
  padding: 0;
  margin: 0;
  margin-top: 40px;
  padding-bottom: 100px;
}
#feature-column .slide .column{
  width: 100%;
  padding: 0;
  margin: 0;
}
#feature-column .slide .column .image{
  position: relative;
  background: #000;
}
#feature-column .slide .column .image a{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#feature-column .slide .column .image a span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#feature-column .slide .column .image a span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}
#feature-column .slide .column .image img{
  width: 100%;
  height: auto;
  opacity: 0.65;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
#feature-column .slide .column.slick-current .image img{
  opacity: 1;
}
#feature-column .slide .text_block{
  padding: 0 18px;
  padding-top: 20px;
}
#feature-column .slide .column .meta{
  display: none;
}
#feature-column .slide .column .title a{
  color: #FFF;
  font-size: 20px;
  line-height: 25px;
  margin-top: 30px;
}
#feature-column .slide .column .exp{
  display: block;
}
#feature-column .slide.thum_list .slick-dots{
  bottom: 45px;
}
#feature-column .slide .slick-prev,
#feature-column .slide .slick-next{
  top: 80px;
  margin-top: 0;
}

/*----------------------------------------------------
  #category-column
--------------------------------------------------- */
#category-column{
  position: relative;
  margin-top: 40px;
}
#category-column .category_list{
  margin-top: 40px;
  overflow: hidden;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px #ddd solid;
  position: relative;
}
#category-column .category_list .category_name{
  margin-left: 18px;
  font-size: 18px;
}
#category-column .category_list .category_name h2{
  font-size: 11px;
  padding-left: 10px;
  display: inline-block;
}
#category-column .category_list a.view{
  position: absolute;
  top: 0;
  right: 18px;
  font-size: 12px;
  color: #b1884e;
}
#category-column .category_list .slide{
  margin-top: 15px;
  overflow: hidden;
}
#category-column .category_list .slide .slick-list .column a .image{
    width: 200px;
    height: 116px;
    position: relative;
}
#category-column .category_list .slide .slick-list .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#category-column .category_list .slide .slick-prev,
#category-column .category_list .slide .slick-next{
  top: 10px;
  margin-top: 0;
}
#category-column .thum_list_small .column a .image span.imgwrrap{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#category-column .thum_list_small .column a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#category-column .thum_list_small .column a .image span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}

.category-column{
  position: relative;
  margin-top: 40px;
}
.category-column .category_list{
  margin-top: 40px;
  overflow: hidden;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px #ddd solid;
  position: relative;
}
.category-column .category_list .category_name{
  margin-left: 18px;
  font-size: 18px;
}
.category-column .category_list .category_name h2{
  font-size: 11px;
  padding-left: 10px;
  display: inline-block;
}
.category-column .category_list a.view{
  position: absolute;
  top: 0;
  right: 18px;
  font-size: 12px;
  color: #b1884e;
}
.category-column .category_list .slide{
  margin-top: 15px;
  overflow: hidden;
}
.category-column .category_list .slide .slick-list .column a .image{
    width: 200px;
    height: 116px;
    position: relative;
}
.category-column .category_list .slide .slick-list .column a .image img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.category-column .category_list .slide .slick-prev,
.category-column .category_list .slide .slick-next{
  top: 10px;
  margin-top: 0;
}
.category-column .thum_list_small .column a .image span.imgwrrap{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
.category-column .thum_list_small .column a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.category-column .thum_list_small .column a .image span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}
.category-column .slide.thum_list .column { width: 200px !important; }


/*----------------------------------------------------
  #brand-column
--------------------------------------------------- */
#brand-column{
  position: relative;
  width: 720px;
  margin-top: 70px;
}
#brand-column .brand_list{
  margin-top: 30px;
}
#brand-column .brand_list ul{
  overflow: hidden;
}
#brand-column .brand_list ul li{
  float: left;
  color: #666666;
}
#brand-column .brand_list ul li:after{
  content: "|";
  margin-left: 20px;
  padding-right: 20px;
}
#brand-column .brand_list ul li:last-child:after{
  content: "";
  margin-left: 0px;
  padding-right: 0px;
}
#brand-column .brand_list ul li a{
  color: #666666;
  font-size: 12px;
  line-height: 291%;
}


/*----------------------------------------------------
  #ad-03
--------------------------------------------------- */
#ad-03{
  position: relative;
  width: 300px;
  margin-left: 40px;
}
/*----------------------------------------------------
  #side-keyword
--------------------------------------------------- */
#side-keyword{
  position: relative;
  margin-top: 40px;
}
#side-keyword .tag_list{
  margin-top: 35px;
}
#side-keyword .tag_list ul{
  letter-spacing: -0.4em;
  padding: 0 18px;
}
#side-keyword .tag_list ul li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 10px 10px 0;
}
#side-keyword .tag_list ul li a{
  display: inline-block;
  padding: 5px 12px;
  background: #ddd;
  border:1px #cccccc solid;
  font-size: 12px;
}
/*----------------------------------------------------
  #recommend-column
--------------------------------------------------- */
#recommend-column{
  position: relative;
  margin-top: 40px;
}
#recommend-column .thum_list_small .column a .image span.imgwrrap{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#recommend-column .thum_list_small .column a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#recommend-column .thum_list_small .column a .image span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}

/*----------------------------------------------------
  #ad-04
--------------------------------------------------- */
#ad-04{
  position: relative;
  width: 300px;
  margin-left: 40px;
  margin-top: 70px;
}


/*----------------------------------------------------
  #footer
--------------------------------------------------- */
#footer{
  position: relative;
  /* padding-bottom: 70px; */
  border-top:1px #d1ba9c solid;
}
#footer.top_no_border{
  border-top:none;
}
#footer .about{
  padding: 35px 18px;
  line-height: 169%;
  text-align: left;
  font-size: 14px;
  line-height: 203%;
}
#footer ul.sns{
  border-top: 1px #c5a983 solid;
  border-bottom: 1px #c5a983 solid;
  padding: 30px 0;
  text-align: center;
  letter-spacing: -0.4em;
}
#footer ul.sns.mypage{border-top:none;}
#footer ul.sns.top_no_border{
  border-top:none;

}
#footer ul.sns li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 15px;
}
#footer ul.sns li.sns01{
  width:15px;
}
#footer ul.sns li.sns02{
  width:8px;
}
#footer ul.sns li.sns03{
  width:18px;
}
#footer ul.sns li.sns04{
  width:21px;
}
#footer ul.sns li.sns05{
  width:18px;
}
#footer ul.sns li.sns06{
  width:16px;
}
#footer ul.sns li.sns07{
  width:10px;
}
#footer .logo{
  width: 150px;
  margin: 0 auto;
  margin-top: 35px;
}
#footer .description{
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
  padding-bottom: 35px;
  border-bottom: 1px #c5a983 solid;
}
#footer .sitemap{
  margin-top: 35px;
  letter-spacing: -0.4em;
  text-align: center;
  padding-bottom: 35px;
  border-bottom: 1px #c5a983 solid;
}
#footer .sitemap dl{
  overflow: hidden;
  letter-spacing: normal;
  display: block;
  padding:0 36px 0 18px;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}
#footer .sitemap dl dt{
  font-size: 17px;
  margin-bottom: 10px;
}
#footer .sitemap dl dd{
  margin-left: 18px;
  float: left;
  margin-bottom: 10px;
}
#footer .sitemap dl dd a{
  font-size: 12px;
  color: #666666;
  line-height: 181%;
}
#footer .sitemap dl.mens dt{
  width: 70px;
  margin-top: 0px;

}
#footer ul.navi{
  margin-top: 35px;
  letter-spacing: -0.4em;
  text-align: center;
  padding-bottom: 35px;
  border-bottom: 1px #c5a983 solid;
}
#footer ul.navi li{
  letter-spacing: normal;
  display: inline-block;
  margin: 0 10px;
}
#footer ul.navi li a{
  color: #444444;
  font-size: 12px;
}
#footer .copyright{
  text-align: center;
  margin-top: 40px;
  color: #444444;
  font-size: 9px;
}
#footer .attention{
  text-align: center;
  margin-top: 20px;
  color: #444444;
  font-size: 9px;
}

/*----------------------------------------------------
  #breadcrumb-column
--------------------------------------------------- */
#breadcrumb-column{
  position: relative;
  padding-left: 18px;
  padding-top: 70px;
  padding-bottom: 10px;
  padding-right: 18px;
  overflow-x: scroll;
}
#breadcrumb-column ul{
  overflow: hidden;
  display: table;
}
#breadcrumb-column li{
  display: table-cell;
  white-space: nowrap;
  padding-right: 10px;
  font-size: 9px;
  line-height: 1;
}
#breadcrumb-column li a{
  color: #666666;
}
#breadcrumb-column li:after{
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 4px;
  height: 12px;
  background: url(/common/images/precious/v1/smartphone/common/breadcrumb_arrow.png) no-repeat center 2px;
  background-size: 3px;
}
#breadcrumb-column li:last-child:after{
  content: "";
  display: none;
}


/*----------------------------------------------------
  #entry_list_title-column カテゴリー一覧タイトル
--------------------------------------------------- */
#entry_list_title-column{
}
#entry_list_title-column .title_en{
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}
#entry_list_title-column .title_ja{
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}
#entry_list_title-column h1{
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 4px 4px 0;
}
#entry_list_title-column h1.toptitle{
    font-size: 25px;
    line-height: 29px;
}
#entry_list_title-column h2.topsummary{
    margin-top:30px;
    font-size: 13px;
    text-align: center;
}
#entry_list_title-column p{
  padding: 0 18px;
  text-align: left;
  line-height: 191%;
}
#entry_list_title-column p.columnsub{
  text-align: center;
    display: block;
    font-size: 13px;
    padding-top: 4px;
}
.ranking-page #entry_list_title-column p.update_date{
  text-align:center;
  margin-bottom:1em;
}
.ranking-page #entry_list-column .thum_list .column .image a{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
.ranking-page #entry_list-column .thum_list .column .image a span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ranking-page #entry_list-column .thum_list .column .image a span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}
#entry_list_title-column ul.tag_list{
  margin-top: 20px;
  text-align: center;
  letter-spacing: -0.4em;
}
#entry_list_title-column ul.tag_list li{
  letter-spacing: normal;
  display: inline-block;
  margin: 0 5px;
  margin-bottom: 10px;
}
#entry_list_title-column ul.tag_list li a{
  display: block;
  color: #666666;
  font-size: 12px;
  text-align: center;
  padding: 0 14px;
  line-height: 30px;
  border:1px #cccccc solid;
}

/*----------------------------------------------------
  #related_category-column
--------------------------------------------------- */
#related_category-column{
  width: 100%;
  background: #f5f5f5;
  padding: 40px 0 40px 0;
}
#related_category-column .list{
  letter-spacing: -0.4em;
}
#related_category-column .list .column{
  display: inline-block;
  letter-spacing: normal;
  margin-left: 4.8%;
  width: 43.66%;
  position: relative;
  margin-bottom: 20px;
}
#related_category-column .list .column a .image{
  background: #000;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    text-align: center;
}
#related_category-column .list .column a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-basis: 140%;
    flex-grow: 3;
    justify-content: center;
}
#related_category-column .list .column a .image span img{
    /* height: auto; */
    /* max-height: 100% !important; */
    height: 100% !important;
    width: auto !important;
    /* max-width: 100% !important; */
    display:inline-block;
    margin: auto;
}
#related_category-column .list .column .image img{
  opacity: 0.4;
}
#related_category-column .list .column .title{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
    -webkit-transform: translate(0%,-50%);
       -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
         -o-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
  text-align: center;
  color: #FFF;
  font-size: 13px;
}
#related_category-column .list .column .title span{
  display: block;
  font-size: 10px;
  padding-top: 4px;
}



/*----------------------------------------------------
  #entry-column
--------------------------------------------------- */
#entry-column{

}
#entry-column .summary{
  padding-bottom: 40px;
  border-bottom: 1px #e5e5e5 solid;
  position: relative;
}
#entry-column .summary .column{
  padding: 0px;
}
#entry-column .summary .column .image{
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#entry-column .summary .column .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#entry-column .summary .column .image span img{
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display:inline-block;
}
#entry-column .summary .column .image span img.notlazy-image{
  opacity: 1;
  transform: scale3d(1,1,1) translateZ(0) rotate(0deg);
}
#entry-column .summary .column .text_block{
  padding: 0 18px;
}
#entry-column .summary .column .series{
  margin-top: 8px;
  font-size: 15px;
  line-height: 22px;
}
#entry-column .summary .column .subtitle{
  margin-top: 10px;
  font-size: 17px;
  line-height: 22px;
}
#entry-column .summary .column .title{
  margin-top: 9px;
  font-size: 20px;
  line-height: 30px;
}
#entry-column .summary .column .exp{
  font-size: 14px;
  line-height:214%;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .column .exp a,
#entry-column .article-body p a{
  background: #b4956a;
  color: #FFF;
  font-style: italic;
}

#entry-column .summary .writer{
  position: relative;
}
#entry-column .summary .writer .image-area{
  float: left;
  width: 12.4%;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  padding: 0px;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
  margin: 0 2.8% 0px 0;
  vertical-align: middle;
}
#entry-column .summary .writer dl{
  display: inline-block;
  overflow: hidden;
  font-size: 11px;
  position: relative;
  vertical-align: middle;
  width: 80%;
}
#entry-column .summary .writer dt{
    color: #999999;
    float: left;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .writer dd{
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
dt.nodisplay,dd.nodisplay{display:none;}

#entry-column .summary .writer p{
  font-size: 11px;
  color: #444444;
  line-height: 183%;
  margin-top: 10px;
}
#entry-column .summary .writer a{
}
#entry-column .summary .column .share{
  margin-top: 20px;
}
#entry-column .summary .column .share,
#entry-column .article-body .writer .share{
  text-align: center;
  margin-top: 20px;
}
#entry-column .summary .column .share .share_title,
#entry-column .article-body .writer .share .share_title{
  color: #999999;
  font-size: 11px;
  margin-bottom: 15px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .column .share ul,
#entry-column .article-body .writer .share ul{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
#entry-column .summary .column .share ul li,
#entry-column .article-body .writer .share ul li{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin:0 5px
}
#entry-column .summary .column .share ul li a,
#entry-column .article-body .writer .share ul li a{
  display: block;
  width: 32px;
  height: 30px;
}
#entry-column .summary .column .share ul li.share01 a,
#entry-column .article-body .writer .share ul li.share01 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_share01.svg) no-repeat center center;
  background-size: 12px;
}
#entry-column .summary .column .share ul li.share02 a,
#entry-column .article-body .writer .share ul li.share02 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_x_black.png) no-repeat center center;
  background-size: 20px;
}
#entry-column .summary .column .share ul li.share03 a,
#entry-column .article-body .writer .share ul li.share03 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_share03.svg) no-repeat center center;
  background-size: 25px;
}
#entry-column .summary .column .share ul li.share04 a,
#entry-column .article-body .writer .share ul li.share04 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_share04.svg) no-repeat center center;
  background-size: 23px;
}
#entry-column .summary .column .share ul li.share05 a,
#entry-column .article-body .writer .share ul li.share05 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_share05.svg) no-repeat center center;
  background-size: 27px;
}
#entry-column .summary .column .share ul li.share06 a,
#entry-column .article-body .writer .share ul li.share06 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_share06.svg) no-repeat center center;
  background-size: 21px;
}

.article-body{
}
.article-body .entry_title01,
.article-body h2{
  padding: 0 18px;
  /* font-size: 16px; */
  font-size: 22px;
  color: #222222;
  /* line-height: 168%; */
  line-height: 150%;
  margin-top: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* 20171222 */
.article-body ul.images-3cols li h2{margin-top: 10px;display: inline-block;}

.article-body .entry_title02,
.article-body h3{
  padding: 0 18px;
  /* font-size: 15px; */
  font-size: 18px;
  color: #222222;
  /* line-height: 185%; */
  line-height: 155%;
  margin-top: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.article-body .entry_title03,
.article-body h4{
    padding: 0 18px;
    font-size: 16px;
    color: #222222;
    line-height: 160%;
    margin-top: 30px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
/*
  padding: 0 18px;
  font-size: 20px;
  color: #222222;
  line-height: 30px;
  margin-top: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
*/
}
.article-body .image-area{
  margin-top: 20px;
  padding: 0 18px;
}
.article-body .figure-center {
  margin:30px auto 0;
  /* text-align: center; */
  /* width:100% !important; */
    float: none;
    margin-left: auto;
    text-align: center;
    width: auto !important;
}
.article-body .images-3cols{
  position: relative;
  width: calc(100% - 40px);
  padding: 0 20px;
}
.article-body .images-3cols .image-area{
  padding: 0px;
}

.article-body .images-3cols .slick-prev{
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 0;
  z-index: 1;
  width: 70px;
  height: 100px;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_left01.png) no-repeat 14px center;
  background-size: 9px;
  z-index: 10;
}
.article-body .images-3cols .slick-next{
  position: absolute;
  top: 50%;
  margin-top: -50px;
  right: 0;
  z-index: 1;
  width: 70px;
  height: 100px;
  border:none;
  text-indent: -9999px;
  cursor: pointer;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_right01.png) no-repeat right 14px center;
  background-size: 9px;
  z-index: 10;
}
.article-body .image-area02{
  padding: 0px;
}
.article-body .image-area img{
  max-width: 100%;
}
.article-body .not-lazy {
  width: 0 !important;
  height: 1px !important;
}
.article-body p{
  padding: 0 18px;
  font-size: 14px;
  line-height: 214%;
  margin-top: 20px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .credit{
  padding: 0 18px;
  font-size: 11px;
  line-height: 180%;
  color: #777777;
    font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .caption,.article-body .blank-caption{
  font-size: 11px;
  line-height: 180%;
  color: #777777;
  padding-top: 10px;
  display: block;
    font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  text-align:left;
}
.article-body ul.contact_list{
  padding: 0 18px;
}
.article-body ul.contact_list li{
  font-size: 11px;
  line-height: 230%;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body ul.contact_list li span a{
  color: #b1884e;
    font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.article-body .interview_q_1{
  padding: 0 18px;
  color: #444444;
  font-size: 14px;
  line-height: 214%;
  font-weight: bold;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  margin-top:50px;
}
.article-body .interview_q_2{
  padding: 0 18px;
  color: #444444;
  font-size: 14px;
  line-height: 214%;
  font-weight: bold;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  margin-top:20px;
}

.article-body .interview_a{
  padding: 0 18px;
  color: #444444;
  font-size: 14px;
  line-height: 214%;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.article-body hr{
  margin: 0 18px;
  margin-top: 30px;
  border-top: 1px #e5e5e5 solid;
}
.article-body blockquote{
  border-left: 1px #979797 solid;
  margin-left: 32px;
  padding-left: 15px;
  margin-right: 18px;
  font-size: 13px;
  line-height: 25px;
  color: #777777;
  margin-top: 30px;
  font-style: oblique;
}
.article-body .blockquote_caption{
  margin-left: 32px;
  padding-left: 15px;
  margin-right: 18px;
  font-size: 11px;
  line-height: 25px;
  color: #777777;
  font-style: oblique;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body ol{
  padding:0 18px 0 3.5em;
  text-indent: -2.5em;
  margin-left: 0.5em;
  list-style-type: upper-roman;
}
.article-body ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  font-size: 13px;
  line-height: 23px;
  margin-bottom: 4px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body ol li:before{
  display: marker;
  margin-right: 10px;
  content: "(" counter(cnt) ") ";
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .attention{
  padding: 0 18px;
  font-size: 11px;
  color: #777777;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  clear: both;
}
.article-body table{
  margin: 0 18px;
width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 36px) ;
width : calc(100% - 36px) ;
  border-collapse: collapse;
  text-align: center;
  line-height: 1.5;
  font-size: 12px;
  color: #777777;
}
.article-body table th {
  width: 60px;
  padding: 20px 10px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #ccc;
  font-weight: normal;
}
.article-body table td {
  padding: 20px 10px;
  vertical-align: middle;
  border: 1px solid #ccc;
}

.article-body .profile{
  overflow: hidden;
  padding: 30px 18px 10px;
  position: relative;
}
.article-body .profile .image-area{
/*
  width: 42.39%;
  float: left;
  padding: 0px;
  margin: 0 6.66% 10px 0;
*/
  width: 36%;
  float: left;
  padding: 0px;
  margin: 6px 6px 0 0;
}
.article-body .profile .image-area img{
  width: 100%;
}
.article-body .profile .text_block{
/*
  float: left;
  width: 50%;
*/
}
.article-body .profile .entry_title02{
  padding: 0;
  position: absolute;
  top: -6px;
  left: 18px;
  margin-top: 0px;
}
.article-body .profile .profile_name{
  font-size: 13px;
  color: #444444;
  line-height: 1.5;
  margin-top: 10px;
}
.article-body .profile .text{
  margin-top: 10px;
  font-size: 11px;
  line-height: 192%;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .profile a{
  color: #b1884e;
    font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .list{
  padding: 0 18px;
}
.article-body .list li a{
  line-height: 230%;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/arrow_right02.png) no-repeat left center;
  background-size: 4px;
  padding-left: 10px;
  font-size: 11px;
}
.article-body .category_date{
  padding: 0 18px;
  font-size: 11px;
}
.article-body .category_date .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}
.article-body .category_date .category a{
  color: #222222;
}
.article-body .category_date .date{
  color: #777777;
}

.article-body .writer{
  padding: 0 18px;
  position: relative;
  padding-bottom: 40px;
    border-bottom: 1px #e5e5e5 solid;
}
.article-body .writer .image-area{
  float: left;
  width: 12.4%;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  padding: 0px;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
  margin: 0 2.8% 0px 0;
  vertical-align: middle;
}
.article-body .writer dl{
  display: inline-block;
  overflow: hidden;
  font-size: 11px;
  line-height: 18px;
  position: relative;
  vertical-align: middle;
  width: 80%;
  padding-top: 4px;
}
.article-body .writer dt{
    color: #999999;
    float: left;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .writer dd{
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .writer .text{
  font-size: 11px;
  color: #444444;
  line-height: 18px;
  margin-top: 10px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .writer .text a{
  color: #b1884e;
    font-style: italic;
}
.article-body .entry_credit{
  padding: 0 18px;
  overflow: hidden;
}

.article-body .entry_credit dl{
  display: inline-block;
  font-size: 11px;
}
.article-body .entry_credit dl:after{
  content: "/";
  margin-left: 5px;
  margin-right: 5px;
}
.article-body .entry_credit dl:last-child:after{
  content: "";
  margin-left: 0px;
  margin-right: 0px;
}
.article-body .entry_credit dl dt{
  display: inline-block;
  color: #999999;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .entry_credit dl dd{
  display: inline-block;
}/*
.article-body .bytag{
  padding: 0 18px;
  overflow: hidden;
  font-size: 11px;
}
.article-body .bytag ul{
  letter-spacing: -0.4em;
}
.article-body .bytag ul li{
  display: inline-block;
  letter-spacing: normal;
  margin-right: 5px;
  vertical-align: top;
  font-size: 10px;
  color: #999999;
}
.article-body .bytag ul li:after{
  content: "/";
  margin-left: 2px;
  margin-right: 2px;
}
.article-body .bytag ul li:first-child:after,
.article-body .bytag ul li:last-child:after{
  content: "";
  margin-left: 0px;
  margin-right: 0px;

}*/

#entry-column .summary .tag{
  overflow: hidden;
  font-size: 11px;
}
.article-body .tag{
  padding: 0 18px;
  overflow: hidden;
  font-size: 11px;
}
#entry-column .summary .tag .tag_title,
.article-body .tag .tag_title{
  display: inline-block;
  color: #999999;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#entry-column .summary .tag ul,
.article-body .tag ul{
  display: inline-block;
}
#entry-column .summary .tag ul li,
.article-body .tag ul li{
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 1px;
  vertical-align: top;
}
#entry-column .summary .tag ul li a,
.article-body .tag ul li a{
  color: #b1884e;
    font-style: italic;
}
#entry-column .summary .tag ul li:after,
.article-body .tag ul li:after{
  content: ",";
  margin-left: 2px;
  margin-right: 2px;
}
#entry-column .summary .tag ul li:first-child,
.article-body .tag ul li:first-child{
  margin-right: 2px;
}
#entry-column .summary .tag ul li:first-child:after,
.article-body .tag ul li:first-child:after{
  content: "";
  margin-left: 2px;
  margin-right: 2px;
}
#entry-column .summary .tag ul li:last-child:after,
.article-body .tag ul li:last-child:after{
  content: "";
  margin-left: 0px;
  margin-right: 0px;
}
#entry-column .entry_ad{
  overflow: hidden;
  border-top: 1px #ccc solid;
  padding-top: 50px;
  text-align: center;
  letter-spacing: -0.4em;
}
#entry-column .entry_ad li{
  letter-spacing: normal;
  display: inline-block;
  width: 40%;
  margin:0 10px;
}
.article-body .map{text-align:center;}

.article-body .movie{
  text-align:center;
  width:100%;
  position:relative;
  padding-top:56.25%;
}
.article-body .movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.article-body strong{
  font-weight:bold;
}

/* 20171122 */
.article-body.movie {
    border-bottom: solid 1px #ccc;
    padding-bottom: 40px;
}

/*----------------------------------------------------
magazine-profile 20170919
--------------------------------------------------- */
.article-body .magazine-profile{
  padding: 8px 18px 10px;
  /* display:inline-block; */
}
.article-body .magazine-profile:after{
  content:".";
  display:block;
  height:0;
  visibility:hidden;
  clear: both;
}
.article-body .magazine-profile .entry_title02{
  margin-top:0;
  padding:0;
  /* margin-bottom:6px; */
  margin-bottom:12px;
}
.article-body .magazine-profile .entry_title02 .source{
  font-size:11px;
  color:#444444;
  line-height:11px;
}

.article-body .magazine-profile .image-area{
  width: 42.39%;
  float: left;
  padding: 0px;
  margin: 0 6.66% 10px 0;
}
.article-body .magazine-profile .image-area img{
  width: 100%;
}

.article-body .magazine-profile .text_block{
  width:50.95%;
  float:right;
}
.article-body .magazine-profile .profile_name{
/*
  font-size: 13px;
  line-height: 1;
*/
  color: #444444;
  margin-top:10px;
  line-height:15px;
  font-size:10px;
}
.article-body .magazine-profile .text_block .text{
  margin-top: 10px;
  font-size: 11px;
  line-height: 192%;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.article-body .magazine-profile .text_block .text:first-child{
  margin-top: 0;
}
.article-body .magazine-profile a{
  color: #b1884e;
    font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  display:block;
}

/*----------------------------------------------------
  #related_article-column
--------------------------------------------------- */
#related_article-column{
  width: 100%;
  background: #f5f5f5;
  padding:40px 0 40px 0;
}
#related_article-column .recommend{
  text-align: right;
  padding: 0 18px;
}
#related_article-column .recommend img{
  width: 44%;
}
#related_article-column .meta{
    margin-top: 0px;
}
/*----------------------------------------------------
  #related_column 20170625
--------------------------------------------------- */
#related_column .thum_list .column a .image span.imgwrrap {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 58%;
    position: relative;
    text-align: center;
}
#related_column .thum_list .column a .image span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#related_column .thum_list .column a .image span img {
    height: auto;
    max-height: 100% !important;
    width: auto;
    max-width: 100% !important;
    display: inline-block;
}

/*----------------------------------------------------
  #related_keyword-column
--------------------------------------------------- */
#related_keyword-column{
  width: 100%;
  background: #f5f5f5;
  padding: 40px 0;
}

#related_keyword-column .tag_list{
  margin-top: 35px;
}
#related_keyword-column .tag_list ul{
  letter-spacing: -0.4em;
  padding: 0 18px;
}
#related_keyword-column .tag_list ul li{
  display: inline-block;
  letter-spacing: normal;
  margin: 0 10px 10px 0;
}
#related_keyword-column .tag_list ul li a{
  display: inline-block;
  padding: 5px 12px;
  background: #ddd;
  border:1px #cccccc solid;
  font-size: 12px;
}

/*----------------------------------------------------
  #search_result-column 検索結果タイトル
--------------------------------------------------- */
#search_result-column{
  text-align: center;
}
#search_result-column .result{
  font-size: 10px;
  color: #777777;
  margin-bottom: 12px;
}
#search_result-column .word{
  font-size: 30px;
  /* border-bottom: 1px #cccccc solid; */
  /* padding-bottom: 20px; */
  padding-bottom: 12px;
}
#search_result-column .word.author{display: inline-block;}
#search_result-column .num{
  font-size: 37px;
}
#search_result-column .num span{
  margin-left: 10px;
  font-size: 13px;
}

#search_result-column .error{
  margin-top: 30px;
  text-align: center;
  padding-bottom: 60px;
}
#search_result-column .error .nofound{
  font-size: 17px;
  line-height: 30px;
}
#search_result-column .error .no_word{
  font-size: 17px;
  margin-top: 24px;
}
#search_result-column .error p{
  font-size: 11px;
  margin-top: 25px;
  line-height: 25px;
  padding: 0 20px;
}
#search_result-column .writer {
  padding: 0 18px;
  text-align:left;
  }
  #search_result-column .writer .text{margin-top:10px;}
  
  #search_result-column .writer .image-area {
  float: left;
  width: 16%;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  padding: 0px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  margin: 0 2.8% 0px 0;
  vertical-align: middle;
  }
  #search_result-column .writer .image-area img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  }
  #search_result-column .writer .block-column dl {
  display: inline-block;
  overflow: hidden;
  font-size: 11px;
  position: relative;
  vertical-align: middle;
  width: 80%;
  }
  #search_result-column .writer .block-column dl dt {
  color: #999999;
  float: left;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #search_result-column .writer .block-column dl dd a {
  color: #b1884e;
  font-style: italic;
}

/*----------------------------------------------------
  オートページャー
--------------------------------------------------- */
#autopager{
    border-top: 1px #c6ac8a solid;
    height: 160px;
    background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/loading.gif) no-repeat center center;
    background-size: 35px;
}

/*----------------------------------------------------
  #register
--------------------------------------------------- */
#register{
  padding-bottom: 40px;
}
#register .title_en{
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}
#register h1{
    text-align: center;
    display: block;
    font-size: 13px;
    padding-top: 4px;
}
#register p{
  padding: 0 18px;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#register .list{
  padding: 0 18px;
}
#register .list .column{
  position: relative;
  margin-bottom: 20px;
}
#register .list .column a{
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #666666;
  height: 85px;
  border:1px #bfbfbf solid;
}
#register .list .column .logo img{
  height: 22px;
  width: auto;
}
#register .list .column p{
  text-align: center;
  color: #444444;
  font-size: 12px;
  margin-top: 5px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#register .contact{
  padding: 0 18px;

}
#register .contact a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/register/arrow.png) no-repeat left 3px;
  padding-left: 20px;
  color: #b1884e;
  font-size: 14px;
  line-height: 1;
}

/*----------------------------------------------------
  #member
--------------------------------------------------- */
#member{
}
#member .title_en{
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}
#member h1{
    text-align: center;
    display: block;
    font-size: 13px;
    padding-top: 4px;
}
#member #information-column{
  width:auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  border-top:1px #c5a983 solid;
  padding-top: 20px;
}
#member  #information-column .column{
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom:1px #c5a983 solid;
}
#member p.text{
  font-size: 14px;
  line-height: 30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#member dl{
  padding: 0 18px;
  border-bottom:1px #e5e5e5 solid;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
#member dl:last-child{
  border-bottom: none;
}
#member dl dt{
  font-size: 17px;
  color: #010101;
  margin-bottom: 10px;
}
#member dl dd{
  margin-bottom: 10px;
}
#member dl dd a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/register/arrow.png) no-repeat left 4px;
  background-size: 3px;
  padding-left: 10px;
  color: #b1884e;
  font-size: 11px;
  line-height: 1;
}
#member .list .column{
  position: relative;
  border-bottom:1px #e5e5e5 solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/*----------------------------------------------------
  #movie-column
--------------------------------------------------- */
#movie-column{
  background: #1f1f1f;
  color: #FFF;
  padding: 50px 0;
}
#movie-column .thum{
  margin-top: 35px;
  position: relative;
}
/* 20180215 */
#movie-column .thum.pr:after {
    content: " ";
    background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_pr.png) no-repeat;
    width: 31px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
  z-index: 1;
}
#movie-column .thum #moviePlayer{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#movie-column .thum img{
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
#movie-column .thum a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/movie/btn_play.svg) no-repeat center center;
  background-size: 50px;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  text-indent: 100%;
}
#movie-column .text_block{
    margin: 0 18px;
    margin-top: 20px;
}

#movie-column .text_block .meta{
  font-size: 11px;
  line-height: 1;
}
#movie-column .text_block .meta .category:after{
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}
#movie-column .text_block .meta .category a,
#movie-column .text_block .meta .category{
  color: #FFF;
}
#movie-column .text_block .title{
  margin-top: 17px;
  font-size: 27px;
  line-height: 34px;
}

#movie-column .text_block .exp{
  margin-top: 12px;
  font-size: 12px;
  line-height: 20px;
}

/*----------------------------------------------------
  #authors-column
--------------------------------------------------- */
#authors-column{
  position: relative;
  overflow: hidden;
}
#authors-column ul.ja_list,#authors-column ul.ja_list_2{
  overflow: hidden;
  text-align: center;
  letter-spacing: -0.4em;
}
#authors-column ul.ja_list li,#authors-column ul.ja_list_2 li{
  display: inline-block;
  letter-spacing: normal;
  width: 12.33%;
  margin:0 2.90%;
  margin-bottom: 20px;
}
#authors-column ul.ja_list li a,#authors-column ul.ja_list_2 li a{
  width: 100%;
  height: 11.23vw;
  display: block;
  border:1px #cccccc solid;
  box-sizing:border-box;
  text-align: center;
  line-height: 11.23vw;
  color: #777777;
  font-size: 17px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#authors-column ul.ja_list li a.current,#authors-column ul.ja_list_2 li a.current{
  background:#999999;
  color: #FFF;
}
#authors-column .authors_list{
  margin: 0 18px;
  margin-top: 25px;
}
#authors-column .authors_list .authors_title{
  font-size: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  padding-bottom: 15px;
  border-bottom: 1px #e5e5e5 solid;
}
#authors-column .authors_list .column{
  margin-top: 25px;
  padding-bottom: 22px;
  border-bottom: 1px #e5e5e5 solid;
}
#authors-column .authors_list .column .name{
  font-size: 13px;
}
#authors-column .authors_list .column .exp{
  font-size: 11px;
  line-height: 20px;
  margin-top: 5px;
  color: #444444;
  margin-bottom: 2px;
}
#authors-column .authors_list .column a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/register/arrow.png) no-repeat left 2px;
  background-size: 4px;
  padding-left: 10px;
  font-size: 11px;
  color: #b1884e;
  font-style: italic;
}

/*----------------------------------------------------
#fortune-list-column 20170807
  --------------------------------------------------- */
  #fortune-list-column{
  width: 90.66%;
  margin: 0 auto;
  }
  #fortune-list-column .summary{
  position: relative;
  }
  #fortune-list-column .summary .image{
  }
  #fortune-list-column .summary .series{
  margin-top: 15px;
  font-size: 10px;
  line-height: 137%;
  }
  #fortune-list-column .summary .title{
  margin-top: 12px;
  font-size: 20px;
  line-height: 137%;
  }
  #fortune-list-column .list .list_title2{
  font-size: 18px;
  } 
  #fortune-list-column .summary .exp{
  margin-top: 10px;
  font-size: 14px;
  line-height:25px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list{
  padding-bottom: 35px;
  border-bottom: 1px #e5e5e5 solid;
  }
  #fortune-list-column .list .list_title{
  font-size: 18px;
  }
  #fortune-list-column .list .exp{
  margin-top: 10px;
  font-size: 12px;
  line-height:25px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list .list_area{
  overflow: hidden;
  }
  #fortune-list-column .list .list_area .column{
  float: left;
  width: 47%;
  margin-right: 4.1%;
  margin-bottom: 10px;
  text-align: center;
  }
  #fortune-list-column .list .list_area .column:nth-child(2n){
  margin-right: 0px;
  }
  #fortune-list-column .list .list_area .column a{
  display: block;
  }
  #fortune-list-column .list .list_area .column a .image img{
  margin-bottom: 12px; 
  }
  #fortune-list-column .list .list_area .column a .constellation{
  font-size: 17px;
  }
  #fortune-list-column .list .list_area .column a .birth{
  font-size: 12px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list .list_area .column a .date{
  color: #777777;
  font-size: 9px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list .share,
  #fortune-column .summary .share,
  #fortune-archive-column .share{
  text-align: center;
  padding-top: 30px;
  }
  #fortune-list-column .list .share .share_title,
  #fortune-column .summary .share .share_title,
  #fortune-archive-column .share .share_title{
  color: #999999;
  font-size: 11px;
  margin-bottom: 15px;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-list-column .list .share ul,
  #fortune-column .summary .share ul,
  #fortune-archive-column .share ul{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  }
  #fortune-list-column .list .share ul li,
  #fortune-column .summary .share ul li,
  #fortune-archive-column .share ul li{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin:0 5px
  }
  #fortune-list-column .list .share ul li a,
  #fortune-column .summary .share ul li a,
  #fortune-archive-column .share ul li a{
  display: block;
  width: 32px;
  height: 30px;
  }
  #fortune-list-column .list .share ul li.share01 a,
  #fortune-column .summary .share ul li.share01 a,
  #fortune-archive-column .share ul li.share01 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share01.svg) no-repeat center center;
  background-size: 12px;
  }
  #fortune-list-column .list .share ul li.share02 a,
  #fortune-column .summary .share ul li.share02 a,
  #fortune-archive-column .share ul li.share02 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share02.svg) no-repeat center center;
  background-size: 25px;
  }
  #fortune-list-column .list .share ul li.share03 a,
  #fortune-column .summary .share ul li.share03 a,
  #fortune-archive-column .share ul li.share03 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share03.svg) no-repeat center center;
  background-size: 25px;
  }
  #fortune-list-column .list .share ul li.share04 a,
  #fortune-column .summary .share ul li.share04 a,
  #fortune-archive-column .share ul li.share04 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share04.svg) no-repeat center center;
  background-size: 23px;
  }
  #fortune-list-column .list .share ul li.share05 a,
  #fortune-column .summary .share ul li.share05 a,
  #fortune-archive-column .share ul li.share05 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share05.svg) no-repeat center center;
  background-size: 27px;
  }
  #fortune-list-column .list .share ul li.share06 a,
  #fortune-column .summary .share ul li.share06 a,
  #fortune-archive-column .share ul li.share06 a{
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_share06.svg) no-repeat center center;
  background-size: 21px;
  }
  
  #fortune-list-column .profile{
  overflow: hidden;
  padding-bottom: 23px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 10px;
  }
  #fortune-list-column .profile .image-area{
  width: 44%;
  float: left;
  }
  #fortune-list-column .profile .image-area img{
  width: 100%;
  }
  #fortune-list-column .profile .text_block{
  width: 53%;
  float: right;
  
  }
  #fortune-list-column .profile .profile_name{
  font-size: 13px;
  color: #444444;
  }
  #fortune-list-column .profile .text{
  font-size: 11px;
  line-height: 18px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  
  #fortune-list-column .attention{
  position: relative;
  font-size: 9px;
  line-height: 15px;
  color: #777777;
  padding-top: 30px;
  }
  #fortune-list-column .attention a{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  color: #b1884e;
  font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  
  
  /*----------------------------------------------------
  #fortune-column
  --------------------------------------------------- */
  #fortune-column{
  width: 90.66%;
  margin: 0 auto;
  padding-bottom: 70px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 60px;
  margin-top: 35px;
  
  }
  #fortune-column .summary .constellation{
  font-size: 15px;
  line-height: 137%;
  }
  #fortune-column .summary .constellation span{
  font-size: 11px;
  margin-left: 10px;
  }
  #fortune-column .summary .title{
  margin-top: 10px;
  font-size: 20px;
  line-height: 137%;
  }
  #fortune-column .summary .image{
  }
  #fortune-column .summary .exp{
  margin-top: 15px;
  font-size: 14px;
  line-height:25px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-column .summary .item{
  margin-top: 20px;
  overflow: hidden;
  }
  #fortune-column .summary .item li{
  float: left;
  font-size: 14px;
  }
  #fortune-column .summary .item li:after{
  content: "/";
  margin-left: 5px;
  padding-right: 5px;
  }
  #fortune-column .summary .item li:first-child{
  color: #999999;
  }
  #fortune-column .summary .item li:first-child:after{
  content: "";
  margin-left: 0px;
  padding-right: 0px;
  }
  #fortune-column .summary .item li:last-child:after{
  content: "";
  margin-left: 0px;
  padding-right: 0px;
  }
  #fortune-column .summary .comment{
  width: 323px;
  height: 142px;
  margin: 0 auto;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/fortune/comment.jpg) no-repeat center center;
  background-size: contain;
  position: relative;
  }
  #fortune-column .summary .comment p{
  position: absolute;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0.04em;
  left: 20px;
  width: 140px;
  top: 50%;
  margin-top: 5px;
  text-align: left;
  -webkit-transform: translate(0%,-50%);
  -moz-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  -o-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  }
  #fortune-column .summary .share_block{
  position: relative;
  }
  #fortune-column .summary .share_block a.past{
  display: block;
  width: 230px;
  height: 45px;
  margin: 0 auto;
  margin-top: 30px;
  background: #b1884e;
  text-align: center;
  line-height: 45px;
  color: #FFF;
  font-size: 13px;
  font-style: italic;
  }
  
  /*----------------------------------------------------
  #fortune-archive-column
  --------------------------------------------------- */
  #fortune-archive-column{
  width: 90.66%;
  margin: 0 auto;
  padding-bottom: 40px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 0px;
  
  }
  #fortune-archive-column .summary .constellation span.b{
  display: inline-block;
  vertical-align: middle;
  }
  #fortune-archive-column .summary .constellation{
  font-size: 30px;
  line-height: 137%;
  }
  #fortune-archive-column .summary .constellation span.s{
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  margin-left: 10px;
  }
  /*#fortune-archive-column .summary .title{
  margin-top: 20px;
  font-size: 28px;
  line-height: 137%;
  color: #b29061;
  }
  #fortune-archive-column .summary .exp{
  margin-top: 10px;
  font-size: 14px;
  line-height:30px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }*/
  #fortune-archive-column .list{
  margin-top: 35px;
  }
  #fortune-archive-column .list .column{
  border-bottom: 1px #e5e5e5 solid;
  }
  #fortune-archive-column .list .column a{
  display: block;
  padding: 15px 0 15px 0;
  position: relative;
  }
  #fortune-archive-column .list .column a .date{
  font-size: 15px;
  color: #b29061;
  }
  #fortune-archive-column .list .column a .exp{
  margin-top: 10px;
  font-size: 12px;
  line-height:20px;
  color: #444444;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-archive-column .list .column a .more{
  text-align: right;
  font-size: 13px;
  color: #b1884e;
  font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  }
  #fortune-archive-column .paging {
  padding-bottom: 0px;
  }
  

/*----------------------------------------------------
  #トップ別パターン
--------------------------------------------------- */
.long #wrapper{
  padding-top: 0px;
}
.long #top-breadcrumb-column{
    border-bottom: 1px #c6ac8a solid;
}
.long #header{
  background: none;
}
.long #header .l_b{
  display: none;
}
.long #header .l_w{
  display: block;
}
.long #header .inner{
  border-bottom: 1px #FFF solid;
}
.long #header .navi_search a {
    background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_search_w.svg) no-repeat center center;
    background-size: 18px;
}
.long #header.menu_view .l_b,
.long #header.scroll .l_b{
  display: block;
}
.long #header.menu_view .l_w,
.long #header.scroll .l_w{
  display: none;
}
.long .hamburger-inner,
.long .hamburger-inner:after,
.long .hamburger-inner:before {
    background-color: #FFF;
}
.long .is-active .hamburger-inner,
.long .is-active .hamburger-inner:after,
.long .is-active .hamburger-inner:before {
    background-color: #000;
}
.long #header.menu_view { top: 0; }
.long #header.menu_view,
.long #header.scroll{
  background: #FFF;
}
.long #header.menu_view .inner,
.long #header.scroll .inner{
  border-bottom: 1px #c6ac8a solid;
}
.long #header.menu_view .navi_search a,
.long #header.scroll .navi_search a {
    background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_search.svg) no-repeat center center;
    background-size: 18px;
}
.long #header.menu_view .hamburger-inner,
.long #header.menu_view .hamburger-inner:after,
.long #header.menu_view .hamburger-inner:before,
.long #header.scroll .hamburger-inner,
.long #header.scroll .hamburger-inner:after,
.long #header.scroll .hamburger-inner:before {
    background-color: #000;
}
.long #header.menu_view .is-active .hamburger-inner,
.long #header.menu_view .is-active .hamburger-inner:after,
.long #header.menu_view .is-active .hamburger-inner:before {
    background-color: #000;
}

.long #mainvisual-column .main .column .text_block .read{
  margin: 0 auto;
  margin-top: 20px;
  width: 35px;
}
.long #mainvisual-column .main .column .text_block .read a{
  display: block;
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_read.png) no-repeat center top;
  padding-top: 40px;
  font-size: 12px;
}
#bottom-overlay{
    position:fixed;
    bottom:0;
    width:100%;
    height:50px;
    text-align: center;
    z-index: 10;
}

/*----------------------------------------------------
  #占い 20180404
--------------------------------------------------- */
.box-title-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .box-title-01 .title {
    display: block;
    font-size: 26px;
    font-family: 'Amiri', serif; }
  .box-title-01 .unit-btn-03 {
    margin-top: 20px; }

.box-title-02 .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .box-title-02 .logo img {
    width: 100px;
    margin-right: 10px; }
  .box-title-02 .logo span {
    display: inline-block; }

.box-title-02 .unit-title-01 {
  margin-top: 19px; }
  .box-title-02 .unit-title-01 .unit-link-01 {
    font-weight: bold; }

.box-title-02 > p {
  margin-top: 17px; }
  
#mypage-column .box-title-02 p a {
  background: #b4956a;
  color: #FFF;
  font-style: italic;
  padding: 2px 4px;
  margin-right: 10px;
}

.box-birthday-01 {
  margin-top: 20px;
  /* padding: 20px; */
  padding: 20px 16px;
  border: 5px solid #ebdfcf;
  background-color: #fbf7f0;
  text-align: center; }
  .box-birthday-01 .title {
    display: block;
    margin-top: 28px;
    font-size: 18px;
    color: #444444; }
    .box-birthday-01 .title:first-child {
      margin-top: 0; }
  .box-birthday-01 .unit-birthday-01 {
    margin-top: 12px; }
  .box-birthday-01 .unit-btn-01 {
    margin-top: 29px; }
.box-birthday-01 .birthday {
  display: block;
  margin-top: 18px;
  /* font-size: 25px; */
  font-size: 23px;
}
.box-birthday-01 .attention {
  line-height: 20px;
  font-size: 12px;
  color: #777777;
  font-style: oblique;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.box-birthday-02 {
  margin-top: 20px;
  padding: 21px;
  border: 5px solid #ebdfcf;
  background-color: #fbf7f0;
  text-align: center; }
  .box-birthday-02 .title {
    display: block;
    font-size: 20px; }
    .box-birthday-02 .title:first-child {
      margin-top: 0; }
  .box-birthday-02 .catch {
    display: block;
    margin-top: 12px;
    font-size: 12px;
    color: #444444; }
  .box-birthday-02 .unit-birthday-01 {
    margin-top: 12px; }
  .box-birthday-02 .unit-btn-01 {
    margin-top: 29px; }

.box-detail-01 {
  margin-top: 36px; }
  .box-detail-01 .unit-title-03 {
    margin-bottom: 10px; }
  .box-detail-01 .unit-btn-04 {
    margin-top: 10px; }

.box-detail-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .box-detail-02 .figure-wrap {
    width: 150px; }
  .box-detail-02 .detail-wrap > img {
    float: left;
    width: 75px;
    margin-right: 10px; }
  .box-detail-02 .detail-wrap > * {
    margin-top: 10px; }
    .box-detail-02 .detail-wrap > *:first-child {
      margin-top: 0; }
  .box-detail-02 .detail-wrap .title {
    margin-top: 0; }

.box-visual-01 {
  position: relative;
  width: 100%;
  padding-top: 84%;
  background: url(/common/images/precious/v1/fortune/numerology/visual_back_sp.jpg) no-repeat center center transparent;
  background-size: contain;
  text-align: center;
  color: #ffffff; }
  .box-visual-01 .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
    transform: translate(-50%, -52%);
    width: 100%; }
  .box-visual-01 .logo {
    width: 73px;
    margin: 0 auto; }
  .box-visual-01 .title {
    margin-top: 10px;
    font-size: 27.5px;
    line-height: 1;
    letter-spacing: 0.06em; }
  .box-visual-01 p {
    margin-top: 18px;
    font-size: 11px; }
.box-visual-01 .title.small {
  font-size: 20px;
}

.box-result-01 {
  text-align: center; }
  .box-result-01 .title {
    font-size: 20px;
    line-height: 1; }
  .box-result-01 .number {
    display: block;
    margin-top: 14px;
    font-size: 117px;
    line-height: 0.9;
    color: #001a41; }
.box-result-01 .member-title {
  font-size: 22px;
  margin-bottom: 22px;
}

.box-result-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  /* padding-top: 83%; */
  padding-top: 100%;
  background: url(/common/images/precious/v1/fortune/numerology/result_back_sp.png) no-repeat center center transparent;
  background-size: contain; 
  text-align:center;
  }
  .box-result-02 .number {
    position: absolute;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 189px;
    color: #001a41; }

.box-result-02 .category {
    position: absolute;
    /* top: 8%; */
    top: 16%;
    margin: 22px auto 0;
    padding: 0;
    font-size: 20px;
}
.box-result-02.destiny-image{background: url(/common/images/precious/v1/fortune/numerology/destiny_mypage.png) no-repeat center center transparent;background-size:cover;}
.box-result-02.soul-image{background: url(/common/images/precious/v1/fortune/numerology/soul_mypage.png) no-repeat center center transparent;background-size:contain;}
.box-result-02.personality-image{background: url(/common/images/precious/v1/fortune/numerology/parsonality_mypage.png) no-repeat center center transparent;background-size:contain;}

.box-result-03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background: url(/common/images/precious/v1/fortune/numerology/result_back_sp.png) no-repeat center center transparent;
  background-size: contain; }
  .box-result-03 .inner {
    position: relative;
    width: 50%;
    padding-top: 83%;
    text-align: center; }
    .box-result-03 .inner:nth-of-type(odd) {
      border-right: 1px solid #ba9562; }
    .box-result-03 .inner .number {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 189px;
      color: #001a41; }

.box-divination-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .box-divination-01 .inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-top: 21px; }
    .box-divination-01 .inner:nth-of-type(-n+2) {
      margin-top: 0; }
    .box-divination-01 .inner:nth-of-type(odd) {
      padding-right: 5px; }
    .box-divination-01 .inner:nth-of-type(even) {
      padding-left: 5px; }
    .box-divination-01 .inner .number {
      position: relative;
      width: 100%;
      padding-top: 100%;
      background: url(/common/images/precious/v1/fortune/numerology/fortune_back.png) no-repeat center center transparent;
      background-size: contain;
      text-align: center;
      line-height: 1;
      font-size: 117px;
      color: #001a41; }
      .box-divination-01 .inner .number > span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .box-divination-01 .inner .unit-btn-06 {
      margin-top: 10px; }
    .box-divination-01 .inner .unit-list-02 {
      margin-top: 10px;
      font-weight: bold; }
.box-divination-01 .inner.backnumber {width:100%;}
.box-divination-01 .inner .unit-btn-06.backnumber {
  width: 100%;
}
.box-divination-01 .inner .column {
    border-bottom: 1px #e5e5e5 solid;
}
.box-divination-01 .inner article:first-child {
    border-top: 1px #e5e5e5 solid;
}
.box-divination-01 .inner .column a {
    display: block;
    padding: 15px 0 15px 0;
    position: relative;
}
.box-divination-01 .inner .column a .date {
    font-size: 15px;
    color: #b29061;
}
.box-divination-01 .inner .column a .exp {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #444444;
    font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.box-divination-01 .inner .column a .more {
    text-align: right;
    font-size: 13px;
    color: #b1884e;
    font-style: italic;
    font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.box-divination-02 .divination-inner .title-wrap {
  width: 100%;
  text-align: center; }
  .box-divination-02 .divination-inner .title-wrap .title {
    display: block;
    font-size: 17px; }
  .box-divination-02 .divination-inner .title-wrap .catch {
    display: block;
    margin-top: 5px;
    font-size: 12px; }

.box-divination-02 .divination-inner .form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
  margin-top: 10px; }
  .box-divination-02 .divination-inner .form-inner .unit-birthday-03 {
    width: 70%; }
    .box-divination-02 .divination-inner .form-inner .unit-birthday-03 .birthday-inner {
      margin-top: 8px; }
      .box-divination-02 .divination-inner .form-inner .unit-birthday-03 .birthday-inner:first-child {
        margin-top: 0; }
  .box-divination-02 .divination-inner .form-inner .submit-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%; }
    .box-divination-02 .divination-inner .form-inner .submit-wrap .unit-btn-01 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      width: 100%; }
      .box-divination-02 .divination-inner .form-inner .submit-wrap .unit-btn-01 .divineCalcButton {
        min-width: auto;
        min-width: inherit;
        width: 100%; }

.unit-title-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .unit-title-01 + .unit-link-01 {
    margin-top: 10px; }
  .unit-title-01 .title {
    font-size: 20px; }
/* 20180824 */
#mypage-column .box-title-02 .unit-link-01 {float: right;}
#mypage-column .box-title-02 .unit-link-01 a{font-weight:bold;}

.unit-title-02 {
  text-align: center;
  font-size: 17px; }

.unit-title-03 {
  font-size: 17px; }

.unit-title-04 {
  font-size: 20px; }

.unit-link-01 {
  display: block; }
  .unit-link-01 a {
    color: #ba9562; }
    .unit-link-01 a:after {
      content: "\f105";
      margin-left: 10px;
      font-family: 'FontAwesome'; }

.unit-btn-01 .divineCalcButton,
.unit-btn-01 a {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  /* min-width: 150px; */
  min-width: 120px;
  padding: 8px;
  border-radius: 2px;
  background-color: #ba9562;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer; }
.unit-btn-01 #divineNameButton:disabled{opacity:0.6;}

.unit-btn-02 {
  text-align: center; }
  .unit-btn-02 input[type="submit"],
  .unit-btn-02 a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 280px;
    padding: 13px 10px 10px 10px;
    background-color: #ba9562;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer; }

.unit-btn-03 a {
  padding: 10px 5px;
  border: 1px solid #cccccc; }
  .unit-btn-03 a:after {
    content: "\f105";
    margin-left: 20px;
    font-family: 'FontAwesome'; }

.unit-btn-04 {
  text-align: center; }
  .unit-btn-04 input[type="submit"],
  .unit-btn-04 a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 280px;
    /* padding: 13px 10px 5px 10px; */
    padding: 10px 10px 8px 10px;
    border-radius: 2px;
    background-color: #ba9562;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer; }

.unit-btn-05 {
  font-size: 16px; }
  .unit-btn-05 a {
    display: block;
    position: relative;
    /* min-width: 200px; */
    /* padding: 8px 10px; */
    padding: 8px 4px;
    border-radius: 2px;
    background-color: #fbf7f0;
    border: 1px solid #ba9562;
    color: #ba9562; }
    .unit-btn-05 a:before {
      content: "\f105";
      font-family: 'FontAwesome';
      position: absolute;
      top: 50%;
      /* right: 10px; */
      /* right: 8px; */
      right: 6px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-size: 17px; }

/* 20180507 */
.unit-list-01 li.unit-btn-05 {
  /* margin: 0 14px !important; */
  margin: 0 8px !important;
  width:43% !important;
}


.unit-btn-06 a {
  display: block;
  /* padding: 7px 10px 5px; */
  padding: 7px 7px 5px;
  background-color: #ba9562;
  text-align: center;
  font-style: italic;
  color: #ffffff; }
.unit-btn-06.nonmember a {background-color: #ff0000;}

.unit-btn-07 {
  margin-top: 14px; }
  .unit-btn-07.regist a > span:before {
    background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_register.png); }
  .unit-btn-07.regist a:hover > span:before {
    background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_register_w.png); }
  .unit-btn-07.login a > span:before {
    background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_login.png); }
  .unit-btn-07.login a:hover > span:before {
    background-image: url(https://precious.ismcdn.jp/common/images/precious/v1/common/icon_login_w.png); }
  .unit-btn-07 a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-width: 193px;
    padding: 14px 10px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-size: 13px; }
    .unit-btn-07 a:before {
      z-index: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      content: '';
      z-index: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transition: all 0.5s 0s ease;
      -o-transition: all 0.5s 0s ease;
      transition: all 0.5s 0s ease; }
    .unit-btn-07 a:hover:before {
      background: #333;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .unit-btn-07 a:hover > span {
      color: #ffffff; }
    .unit-btn-07 a > span {
      z-index: 1;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .unit-btn-07 a > span:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background: no-repeat center center transparent; }

.unit-horizon-01 {
  display: block;
  margin-top: 34px;
  margin-bottom: 38px;
  border: none;
  border-top: 1px solid #e5e5e5; }

.unit-birthday-01 {
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px; }
  .unit-birthday-01 .birthday-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px; }
    .unit-birthday-01 .birthday-inner:first-child {
      margin-top: 0; }
    .unit-birthday-01 .birthday-inner.colomn02 .colomn {
      width: 50%; }
    .unit-birthday-01 .birthday-inner.left-value .colomn {
      margin-top: 10px;
      padding-left: 1.5em;
      padding-right: 0; }
      .unit-birthday-01 .birthday-inner.left-value .colomn:first-child {
        margin-top: 0; }
      .unit-birthday-01 .birthday-inner.left-value .colomn .value {
        left: 0;
        right: auto; }
  .unit-birthday-01 .colomn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-right: 1.5em; }
    .unit-birthday-01 .colomn.value-year {
      padding-left: 2.5em; }
    .unit-birthday-01 .colomn .year {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .unit-birthday-01 .colomn .value {
      position: absolute;
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .unit-birthday-01 > span:first-child {
    display: block;
    margin-left: 0; }
    .unit-birthday-01 > span:first-child + .unit-select-01 {
      margin-left: 0; }
  .unit-birthday-01 .unit-select-01,
  .unit-birthday-01 .unit-input-01 {
    width: 100%; }
    .unit-birthday-01 .unit-select-01 input[type="text"],
    .unit-birthday-01 .unit-input-01 input[type="text"] {
      width: 100%; }

.unit-birthday-02 {
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px; }
  .unit-birthday-02 .birthday-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px; }
    .unit-birthday-02 .birthday-inner:first-child {
      margin-top: 0; }
    .unit-birthday-02 .birthday-inner.colomn02 .colomn {
      width: 50%; }
    .unit-birthday-02 .birthday-inner.left-value .colomn {
      margin-top: 10px;
      padding-left: 1.5em;
      padding-right: 0; }
      .unit-birthday-02 .birthday-inner.left-value .colomn:first-child {
        margin-top: 0; }
      .unit-birthday-02 .birthday-inner.left-value .colomn .value {
        left: 0;
        right: auto; }
  .unit-birthday-02 .colomn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-right: 1.5em; }
    .unit-birthday-02 .colomn.value-year {
      padding-left: 2.5em; }
    .unit-birthday-02 .colomn .year {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .unit-birthday-02 .colomn .value {
      position: absolute;
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .unit-birthday-02 > span:first-child {
    display: block;
    margin-left: 0; }
    .unit-birthday-02 > span:first-child + .unit-select-01 {
      margin-left: 0; }
  .unit-birthday-02 .unit-select-01,
  .unit-birthday-02 .unit-input-01 {
    width: 100%; }
    .unit-birthday-02 .unit-select-01 input[type="text"],
    .unit-birthday-02 .unit-input-01 input[type="text"] {
      width: 100%; }

.unit-birthday-03 {
  font-family: "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px; }
  .unit-birthday-03 .birthday-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px; }
    .unit-birthday-03 .birthday-inner:first-child {
      margin-top: 0; }
    .unit-birthday-03 .birthday-inner.colomn02 .colomn {
      width: 50%; }
    .unit-birthday-03 .birthday-inner.left-value .colomn {
      margin-top: 10px;
      padding-left: 1.5em;
      padding-right: 0; }
      .unit-birthday-03 .birthday-inner.left-value .colomn:first-child {
        margin-top: 0; }
      .unit-birthday-03 .birthday-inner.left-value .colomn .value {
        left: 0;
        right: auto; }
  .unit-birthday-03 .colomn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-right: 1.5em; }
    .unit-birthday-03 .colomn.value-year {
      padding-left: 2.5em; }
    .unit-birthday-03 .colomn .year {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .unit-birthday-03 .colomn .value {
      position: absolute;
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .unit-birthday-03 > span:first-child {
    display: block;
    margin-left: 0; }
    .unit-birthday-03 > span:first-child + .unit-select-01 {
      margin-left: 0; }
  .unit-birthday-03 .unit-select-01,
  .unit-birthday-03 .unit-input-01 {
    width: 100%;
    background-color: #ffffff; }
    .unit-birthday-03 .unit-select-01:after,
    .unit-birthday-03 .unit-input-01:after {
      text-align: center; }
    .unit-birthday-03 .unit-select-01 input[type="text"],
    .unit-birthday-03 .unit-input-01 input[type="text"] {
      width: 100%; }
    .unit-birthday-03 .unit-select-01 select,
    .unit-birthday-03 .unit-input-01 select {
      padding: 10px 30px 8px 15px; }

.unit-select-01 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 120px;
  background-color: #eeeeee;
  border: 1px solid #ba9562; }
  .unit-select-01:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    z-index: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 101%;
    background-color: #ba9562; }
  .unit-select-01:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "\f107";
    z-index: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    font-family: 'FontAwesome';
    color: #ffffff; }
  .unit-select-01 select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 100%;
    padding: 15px 30px 13px 15px;
    line-height: 1;
    cursor: pointer; }
    .unit-select-01 select::-ms-expand {
      display: none; }
    .unit-select-01 select:before {
      content: "";
      width: 30px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background-color: red; }

.unit-input-01 input[type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 13px 15px 11px;
  background-color: #eeeeee;
  border: 1px solid #ba9562; }

.unit-numberresult-01 {
  margin-top: 34px; }
  .unit-numberresult-01 .result {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.8; }
  .unit-numberresult-01 p:not(.result) {
    margin-top: 5px;
    color: #444444; }
  .unit-numberresult-01 .unit-link-01 {
    margin-top: 10px;
    font-weight: bold; }
.unit-numberresult-01 h3{
    font-size: 18px;
    color: #222222;
    line-height: 150%;
    letter-spacing: -0.05em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.unit-numberresult-01 .result .nickname,
.unit-numberresult-01 .unit-link-01 .nickname,
.unit-numberresult-01 .result .name1,
.unit-numberresult-01 .result .name2,
.unit-numberresult-01 .result #person2-year,
.unit-numberresult-01 .result #person2-month,
.unit-numberresult-01 .result #person2-day{
    font-weight: bold;
}
.unit-numberresult-01 .result a span.lifepathnum,
.unit-numberresult-01 .result a span.destinynum,
.unit-numberresult-01 .result a span.soulnum,
.unit-numberresult-01 .result a span.personalitynum{
  font-weight:bold;
  color: #ba9562;
  font-size: 130%;
}
.unit-numberresult-01 .result a span#person2-result-lifepath,
.unit-numberresult-01 .result a span#destinynum1,
.unit-numberresult-01 .result a span#destinynum2,
.unit-numberresult-01 .result a span.destinynum2,
.unit-numberresult-01 .result a span#soulnum1,
.unit-numberresult-01 .result a span#soulnum2,
.unit-numberresult-01 .result a span.soulnum2,
.unit-numberresult-01 .result a span#personalitynum1,
.unit-numberresult-01 .result a span#personalitynum2,
.unit-numberresult-01 .result a span.personalitynum2,
.unit-numberresult-01 .result a span#nickname-result-lifepath,
.unit-numberresult-01 .result a span.person-relation-lifepath,
.unit-numberresult-01 .result a span.destiny-relation-number,
.unit-numberresult-01 .result a span.personality-relation-number,
.unit-numberresult-01 .result a span#person1-result-lifepath,
.unit-numberresult-01 .result a span.soul-relation-number{
  font-weight:bold;
  color: #ba9562;
  font-size: 130%;
}
.unit-numberresult-01 .summary {
    margin-top: 15px !important;
}
.unit-numberresult-01 .box-result-wrrap .box-result-image {
    width: 100%;
    /* display: table-cell; */
    float: left;
    position: relative;
    margin-bottom: 14px;
}
.unit-numberresult-01 .box-result-wrrap .box-result-image .numerology-image {
    width: 100%;
    text-align: left;
}
.unit-numberresult-01 .box-result-wrrap .box-result-image .number {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    font-size: 180px;
}

.unit-note-01 {
  margin-top: 13px;
  font-size: 13px;
  color: #999999; }

.unit-list-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .unit-list-01 li {
    margin: 0 10px; }

.unit-list-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.unit-list-03 li {
  margin-top: 5px; }

.unit-read-01 {
  line-height: 2.0; }

#compatibility-column {
  margin-top: 4px;
  padding-bottom: 30px;
  font-size: 14px;
  width: 90.66%;
  margin: 0 auto;
  /* margin-bottom: 90px; */
  margin-top: 35px; }
  #compatibility-column .box-title-02 {
    margin-top: 31px; }
  #compatibility-column .unit-title-02 {
    margin-top: 31px; }
  #compatibility-column .unit-btn-02 {
    margin-top: 25px; }

#mypage-column {
  padding-bottom: 30px;
  font-size: 14px;
  width: 90.66%;
  margin: 0 auto;
  /* margin-bottom: 90px; */
  margin-top: 35px; }
  #mypage-column .box-title-02 {
    margin-top: 31px; }
#mypage-column h2 {
    font-size: 22px;
    color: #222222;
    line-height: 168%;
    letter-spacing: -0.05em;
    color: #222222;
    margin-top: 50px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#mypage-column h3{
    font-size: 20px;
    color: #222222;
    line-height: 185%;
    letter-spacing: -0.05em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#mypage-column h3.small {
    font-size: 18px;
    line-height: 148%;
}
#mypage-column .image-caption {
    text-align: left;
    font-size: 12px;
    line-height: 214%;
    color: #777777;
    padding-top: 10px;
    font-style: italic;
    font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-image {
  width: 100%;
  /* display:table-cell; */
  float:left;
  position:relative;
  margin-bottom: 14px;
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-image .numerology-image{
  width:100%;
  text-align:left;
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-image .number{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 180px;
}
#mypage-column .unit-numberresult-01 .box-result-wrrap .box-result-text {
  /* display:table-cell; */
  width:auto;
}



#divination-column {
  margin-top: 4px;
  padding: 0 20px 30px;
  font-size: 14px; }
  #divination-column .box-result-01 {
    margin-top: 44px; }
  #divination-column .box-divination-01 {
    margin-top: 25px; }
  #divination-column > .unit-read-01 {
    margin-top: 18px; }
  #divination-column > .unit-link-01 {
    margin-top: 10px; }
  #divination-column > .unit-btn-06 {
    margin-top: 27px;
    text-align: center; }
    #divination-column > .unit-btn-06 a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      width: 100%; }
  #divination-column > .unit-btn-06.sub {margin-top: 15px;}

#result-colomn {
  margin-top: 4px;
  padding: 0 20px 30px;
  font-size: 14px; }
  #result-colomn > .unit-title-04 {
    margin-top: 28px; }
  #result-colomn .box-result-03 {
    margin-top: 15px; }
  #result-colomn .box-result-01 {
    margin-top: 30px; }
    #result-colomn .box-result-01 .title {
      line-height: 1.5;
      font-size: 15px; }
  #result-colomn .box-birthday-02 {
    margin-top: 35px; }
    #result-colomn .box-birthday-02 .catch {
      line-height: 1.6;
      text-align: left; }
    #result-colomn .box-birthday-02 .unit-birthday-01 {
      margin-top: 11px; }
      #result-colomn .box-birthday-02 .unit-birthday-01 .unit-list-01 li {
        margin-top: 14px; }
        #result-colomn .box-birthday-02 .unit-birthday-01 .unit-list-01 li:first-child {
          margin-top: 0; }
  #result-colomn .box-divination-02 {
    margin: 30px 0; }
  #result-colomn > .unit-btn-06 {
    text-align: center; }
    #result-colomn > .unit-btn-06 + .unit-btn-06 {
      margin-top: 15px; }
      
#result-colomn #article-bottom-link .unit-btn-06 {text-align: center; }
#result-colomn #article-bottom-link .unit-btn-06 + .unit-btn-06 {margin-top: 15px;}

#result-colomn .article-body h2,#result-colomn .article-body p {padding: 0;}
.box-birthday-01 ul.mytitle{display: inline-block;}
.box-birthday-01 ul.mytitle li {text-align: left;}

[v-cloak] {
  visibility:hidden;
}

.l-common-wrap {
  padding: 30px 18px;
}
.l-common-wrap.border-t {
  border-top: 1px #d0ba9d solid;
}
.l-common-wrap.border-b {
  border-bottom: 1px #d0ba9d solid;
}
.l-common-wrap.border-tb {
  border-top: 1px #d0ba9d solid;
  border-bottom: 1px #d0ba9d solid;
}

.fortune-slider-column {
  width: 200px;
  margin: 0 5px;
}
.fortune-slider-column .image {
  margin-bottom: 5px;
}
.fortune-slider-column .sign {
  font-size: 12px;
}
.fortune-slider-column .sign--center {
  text-align: center;
}
.fortune-slider-column .sign span {
  font-size: 16px;
  display: block;
}
.fortune-slider {
  margin-right: -18px;
}
.fortune-slider .slick-arrow {
  background-color: rgba(0,0,0,.5);
  width: 30px;
  height: 50px;
  padding: 0;
  background-position: center center;
}
.fortune-slider .slick-next {
}
.fortune-slider .slick-prev {
  margin-left: -18px;
}

.unit-btn-08 {
  text-align: center;
  padding: 0 30px;
}
.unit-btn-08 a {
  border: 1px solid #cccccc;
  padding: 8px 20px 5px;
  position: relative;
  display: block;
}
.unit-btn-08 a span {
  position: relative;
}
.unit-btn-08 a:after {
  content: "\f105";
  margin-left: 20px;
  font-family: 'FontAwesome';
  position: relative;
}
.unit-btn-08 a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.unit-btn-08 a:action:before {
  background: #333;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.unit-btn-08 a:action:after {
  color: #fff;
}
.unit-btn-08 a:action span {
  color: #fff;
}

#divination-column.wid {
  padding: 0;
}

.m-kanban {
  position: relative;
  margin-top: 5px;
  margin-bottom: 20px;
  height: 160px;
  overflow: hidden;
}
.m-kanban .image {
  position: absolute;
  left: 0;
  top: 0;
}
.m-kanban .text_block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #FFF;
  text-align: center;
  padding-top: 20px;
}
.m-kanban .text_block h3 {
  padding: 0 10px;
  font-size: 21px;
  line-height: 137%;
  letter-spacing: -0.05em;
  color: #fff;
  text-align: center;
}
.m-kanban .text_block .category_title {
  font-size: 18px;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.m-kanban .text_block .exp {
  margin-top: 15px;
  font-size: 12px;
  line-height: 15px;
  padding: 0 10px;
  letter-spacing: -0.04em;
}
.m-textlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-textlink li {
  margin-right: 15px;
}
.m-textlink li a {
  display: inline-block;
}
.m-textlink li a:before {
  content: "\f105";
  margin-right: 5px;
  font-family: 'FontAwesome';
  position: relative;
}

/* 20180907追加 */
#fortune-list-column .attention-link {
  position: absolute;
  right: 0;
  top: 0;
}
#fortune-list-column .attention-link a {
  position: relative;
}

/* 20180914 追加 */
.m-gallery {
  margin: 0 auto;
}
.m-gallery-main {
  margin-bottom: 20px;
}

.m-gallery-main .img {
  height: 300px;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  position: relative;
}
.m-gallery-main .img a {
  position: relative;
  display: block;
  height: 300px;
}
.m-gallery-main .img img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.m-gallery-main .caption {
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
  color: #777777;
  padding: 5px 5px 0;
  font-style: italic;
  font-family: 'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.m-gallery-main .slick-next,
.m-gallery-main .slick-prev {
  top: 55%;
}
.m-gallery-main .slick-arrow {
  background-position: center;
  background-color: rgba(0,0,0,.5);
  width: 30px;
  height: 50px;
}
.m-gallery-thumbnail-wrap {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.m-gallery-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-gallery-thumbnail li {
  min-width: 100px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  margin: 0 10px 10px;
  background-color: #fff;
  -webkit-transition: opacity 0.2s 0s ease;
       -o-transition: opacity 0.2s 0s ease;
          transition: opacity 0.2s 0s ease;
}
.m-gallery-thumbnail li:hover {
  opacity: .8;
}
.m-gallery-thumbnail li.thumbnail-current {
  position: relative;
}
.m-gallery-thumbnail li.thumbnail-current::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  border: solid 3px #d90000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m-gallery-thumbnail li {
  position: relative;
  display: block;
  height: 68px;
}
.m-gallery-thumbnail li img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.m-backto-article {
  text-align: right;
  padding-top: 15px;
  margin-bottom: 15px;
}
.m-backto-article a {
  display: inline-block;
  background: #b1884e;
  text-align: center;
  color: #FFF;
  font-size: 13px;
  font-style: italic;
  padding: 2px 10px;
}
.m-backto-article a.mens {
  background-color: #6e8aa8;
}

.m-backto-article--btn {
  margin-bottom: 0;
  text-align: center;
}
.m-backto-article--btn a {
  display: inline-block;
  height: 42px;
  background-color: #fff;
  border: 1px #ddd solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 42px;
  color: #666666;
  font-size: 16px;
  position: relative;
  font-style: initial;
  font-weight: bold;
  min-width: 250px;
}

.m-backto-article--btn a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  z-index: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
    -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
        transform: scale(.5);
    -webkit-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.m-backto-article--btn a:hover:before {
  background: #333;
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}
.m-backto-article--btn a span{
  position: relative;
  z-index: 1;
    -webkit-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
.m-backto-article--btn a:hover span{
  color: #FFF;
}
.article-body .article-more-photo {
  text-align: right;
  padding-top: 10px;
  margin-bottom: -10px;
}
.article-body .article-more-photo a {
  display: inline-block;
  background: #b1884e;
  text-align: center;
  color: #FFF;
  font-size: 13px;
  font-style: italic;
  padding: 2px 10px;
}
.article-body .article-more-photo a.mens {
  background-color: #6e8aa8;
}
/* 20180919追加 */
.pickup-column-wrap {
  width: 100%;
  background: #f5f5f5;
  padding: 40px 0 40px 0;
  margin: 50px 0 -40px;
}

/* 20181009追加 */
.image-area.figure-center + .attention {
  margin-top: 30px;
}

.abj {
  border-bottom: 1px #c5a983 solid;
  padding: 30px 20px 40px;
}
.abj.skin-mens {
  border-bottom:1px #b1b9c0 solid;
}
.abj-logo {
  text-align: center;
  margin-bottom: 20px;
}
.abj-logo img {
  width: 100px;
  height: auto;
}
.abj-txt {
  font-size: 14px;
}
.abj-txt a:link {
  color: #b1884e;
  text-decoration: underline;
}
.abj-txt a:active {
  text-decoration: none;
}
.article-body .caption a,
.article-body .blank-caption a {
  color: #b1884e;
  text-decoration: underline;
}
.article-body .caption a:active,
.article-body .blank-caption a:active {
  text-decoration: none;
}

.lazy {
  opacity: 0 !important;
    -webkit-transition: all 1.2s 0s ease;
       -moz-transition: all 1.2s 0s ease;
        -ms-transition: all 1.2s 0s ease;
         -o-transition: all 1.2s 0s ease;
            transition: all 1.2s 0s ease;
}
.lazy.loaded { opacity: 1 !important; }

.article-body .contact_list--flex .link {
  color: #b1884e;
  font-style: italic;
  font-family:'Noto Sans CJK JP',"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  position: relative;
}
.article-body .contact_list--flex .tel-link { display: block; }

.article-body h5 {
  padding: 0 18px;
  font-size: 14px;
  color: #222;
  line-height: 25px;
  margin-top: 40px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.article-fortune-list {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  padding: 0 18px;
  width: auto !important;
}
.article-fortune-list .image-area {
    flex-basis: calc(50% - 10px);
    margin: 10px auto 0 !important;
}
.article-fortune-list .image-area img { width: 100% !important; height: auto !important; }
.article-fortune-list h2 {
  display: block !important;
  padding: 0;
  font-size: 1.3rem;
}
.article-next-page {
  margin: 50px 0 0px;
  text-align: center;
  padding: 0 18px;
}
.article-next-page.adjust {
  margin: 50px 0;
}
.article-next-page a {
  color: #b1884e;
  font-size: 1.3rem;
  text-decoration: underline;
  cursor: pointer;
}
.article-next-page a:hover {
  text-decoration: none;
}

.lineanim {
  color: #b1884e;
  position: relative;
  font-style: italic;
}

#authorprofile { font-size: 1.4rem; }

/*記事中 応募ボタン*/
.c-entry-btn__link {
    color: #fff;
    background-color: #c5a983;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    padding: 0.8em 1em;
    display: block;
    box-sizing: border-box;
    border: 1px solid #c5a983;
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    transition:all .3s ease-in-out;
}
.c-entry-btn__link:active{
  background:#fff;
  color:#c5a983;
  border: 1px solid #c5a983;
}

.image-protect {
  pointer-events: none !important;
}

.disp-pc { display: none !important; }

/*記事本文フリーHTML*/
.sp_tu_frame {
  width: 90%;
  margin: 2em auto 1em;
  border: solid 1px #DDDDDD;
}

.sp_tu_line_title {
  width: 90%;
  font-size: 18px !important;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
  line-height: 30px;
  text-align: center;
}

.sp_tu_line_box {
  display: flex;
  margin: 10px 6px 10px 14px;
}

.sp_tu_line_text {
  width: 50%;
  flex: 1;
  line-height: 150%;
}

.sp_tu_line_friends {
  width: 100%;
  background-color: #f5f5f5;
  padding: 10px 0 10px 0;
}

.sp_tu_line_area {
  margin: 0 auto;
}

.sp_tu_line_btn {
  width: 50%;
  height: 50%;
  margin: 0 auto;
  margin-bottom: 1em;
}

.sp_tu_line_btn a {
  display: block;
  background-color: #DDDDDD !important;
}

.sp_tu_line_img {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.sp_tu_line_logo_icon {
  border-radius: 100%;
  margin-top: 30px;
}

.sp_tu_frame {
  width: 90%;
  margin: 2em auto 1em;
  border: solid 1px #DDDDDD;
}

.sp_ig_title {
  width: 90%;
  font-size: 24px !important;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
  line-height: 30px;
  text-align: center;
  margin-top: 0 !important;
}

.sp_ig_box {
  display: flex;
  margin: 10px 6px 10px 14px;
}

.sp_ig_text {
  width: 50%;
  flex: 1;
  line-height: 150%;
}

.sp_ig_follow {
  width: 100%;
  padding: 10px 0 10px 0;
}

.sp_ig_area {
  margin: 0 auto;
}

.sp_ig_btn {
  width: 50%;
  height: 50%;
  margin: 0 auto;
  margin-bottom: 1em;
}

.sp_ig_btn a {
  display: block;
  background-color: #DDDDDD !important;
}

.sp_ig_img {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.sp_ig_logo_icon {
  border-radius: 100%;
  margin-top: 30px;
  border: solid 1px #ddd;
}

.sp_tu_frame {
  width: 90%;
  margin: 2em auto 1em;
  padding-bottom: 1em;
  border: solid 1px #DDDDDD;
}

.sp_tu_frame_line_ig { 
  width: 90%; 
  margin: 2em auto 1em; 
  border: solid 1px #DDDDDD; 
}

.u-ta-center {
  text-align: center;
}
.u-link-wrap a {
  color: #ba9561;
}
.u-frame-border {
  border: solid 1px #ba9561;
  padding: 10px;
}

.horoscope-btns {
  margin: 30px 0 0;
}
.horoscope-btns .matome-image + .matome-image {
  margin-top: 20px;
}
.horoscope-btns .matome-image img {
  width: 100%;
}

.article-video {
  margin: 50px 0;
}
.article-video video { max-width: 100%; }
.video-js .vjs-big-play-button {
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.article-video-outset {
  position: relative;
  z-index: 1000;
  overflow: hidden;
  margin-bottom: 30px;
  height: 100vh;
}
.article-video-outset video {
  height: 100%;
  position: absolute;
  margin: auto;
  bottom: -9999px;
  left: -9999px;
  top: -9999px;
  right: -9999px;
}
.article-video-outset video.layout-w {
  height: auto;
  width: 100%;
}

#top-ad { margin-top: -1px; }
#top-ad * { line-height: 1; font-size: 0; }

.long #header.is-video-outset { position: relative; display: none; }
.long #header.is-video-outset.scroll { position: fixed; display: block; }
.long #header.is-video-outset { background: #FFF; }
.long #header.is-video-outset .l_b { display: block; }
.long #header.is-video-outset .l_w { display: none; }
.long #header.is-video-outset .inner { border-bottom: 1px #c6ac8a solid; }
.long #header.is-video-outset .navi_search a {
  background: url(https://precious.ismcdn.jp/common/images/precious/v1/smartphone/common/icon_search.svg) no-repeat center center;
  background-size: 18px;
}
.long #header.is-video-outset .hamburger-inner,
.long #header.is-video-outset .hamburger-inner:after,
.long #header.is-video-outset .hamburger-inner:before {
  background-color: #000;
}