html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{margin:0;padding:0;border:0;font-weight:400;font-size:100%;vertical-align:baseline;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-size:62.5%;overflow-y:scroll}
body{line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:1.4rem;font-family:Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','メイリオ',Meiryo,sans-serif;color:#4e3822;background:#f3d2c1;letter-spacing:.1em;line-height:1.6}
input,textarea,select,td,button{font-family:inherit;font-size:inherit;color:inherit;vertical-align:middle}
input,textarea{color:#614a44;background:#fffff3;border:1px solid #614a44;margin:5px 0}
td{word-break:break-all}
ol,ul{list-style:none;list-style-type:none}
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}
a{color:#d65780;text-decoration:none;outline:none}
a img{border-style:none}
a:focus{outline:none}
::selection{color:#fffff3;background-color:#d65780}
em{font-weight:700;font-style:normal;text-decoration:underline}
.break{margin-bottom:1em}
iframe{border:none}
h1,h2,h3,h4,header,.side-title,.copyright{font-family:'Comfortaa',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','メイリオ',Meiryo,sans-serif}
.entry-title{color:#fef6e4;background-color:#2b1408;margin:-8px -8px 20px;padding:2px 5px;text-shadow:none;border-bottom:1px dashed #b7a196;box-shadow:0 4px 0 #2b1408}
.section-title{color:#fef6e4;background:#614a44 url(back/skmt01.png) no-repeat right bottom;margin:10px 0;padding:2px 20px 2px 5px;border-radius:3px;text-shadow:1px 1px 1px #2b1408;min-height:20px}
.side-title{color:#fef6e4;background:url(back/skmt02.png) right center no-repeat;margin:-8px -8px 8px;padding:2px 5px;text-shadow:none;min-height:20px}
.side-title:first-letter,.block h2:first-letter{font-size:1.3em}
.block h3,.footer-title{color:#d65780;background:url(back/paget.png) no-repeat 0 -122px;text-indent:25px;border-bottom:1px solid #2b1408;display:block;width:100%;margin:10px 0;padding:2px 0}
#headerRogo span,h2 span,#footer-wrap a:hover,.footer-title,#breadcrumbs a,.side-title:first-letter,.sidemenu a:hover{color:#d65780}
#pagetop:hover,#paged:hover,#open-h:before,#open-h:after{background-color:#f5a2a6}
/* ---- base start ---- */
#wrapper{position:relative;display:flex;flex-direction:column;min-height:100vh;width:100%}
#header-wrap,#container,#footer-wrap{width:100%;min-width:1080px}
#header-link,#contents,#footer-link{width:1200px;margin:0 auto;padding:5px 0}
nav{width:1200px;margin:0 auto}
#header-wrap{position:fixed;top:0;left:0;z-index:2;width:100%;background:#2b1408;margin-bottom:7px}
header{color:#fef6e4;line-height:1}
#container{z-index:1;flex:1}
#contents{padding:20px 0}
#column{display:flex;justify-content:center}
#maincolumn{width:100%}
#rightcolumn{width:30%}
#leftcolumn{width:70%;margin: 0 20px 0 0}
footer{margin-top:auto;width:100%}
#footer-wrap{color:#fef6e4;background:#614a44;overflow:hidden;border-top:1px dashed #fef6e4;box-shadow:0 0 0 3px #614a44;text-shadow:1px 1px 1px #2b1408}
#footer-wrap a{color:#fef6e4}
#footer-link{padding:0 0 20px}
/* ---- base end ---- */

/* ---- navi start ---- */
#header-link{display:flex;justify-content:space-between;flex-wrap:wrap;}
#headerRogo a{font-family:'Candal','Comfortaa',cursive;color:#fef6e4;font-size:2.2rem;line-height:1;letter-spacing:0}
#headerRank ul{display:inline-block;font-size:0}
.rank li{display:inline-block;height:32px;overflow:hidden;font-size: 10pt}
.rank li a{background:url(rank/rank03.png) no-repeat;display:block;height:32px;width:33px;overflow:hidden;text-indent:100%;white-space:nowrap}
.rank .rank01{background-position:0 0}
.rank .rank02{background-position:0 -50px}
.rank .rank03{background-position:0 -100px}
.rank .rank04{background-position:0 -150px}
.rank .rank05{background-position:0 -200px}
.rank .rank06{background-position:0 -250px}
.rank .rank07{background-position:0 -300px}
#fixedmenu{background:#2b1408;border-bottom:1px dashed #b7a196;top:0;left:0;box-shadow:0 6px 0 0 #2b1408,0 7px 5px #2b1408;padding:5px}
#mainnavi{position:relative}
nav li{display:inline-block}
nav a{color:#fef6e4;display:inline-block;font-size:1.8rem;margin-right:8px;letter-spacing:0}
nav a:hover{color:#cbbb89}
.col01:first-letter{color:#d65780}
.col02:first-letter{color:#d88b9c}
.col03:first-letter{color:#80b5bc}
.col04:first-letter{color:#e0bd19}
.col05:first-letter{color:#a2bd60}
.col08:first-letter{color:#cbbb89}
.col09:first-letter{color:#fcab09}
#footer-link ul{margin-bottom:10px}
#footer-link li:before{margin:0 5px;content:"\203a"}
#footer-link li{border-bottom:1px dashed #2b1408;display:inline-block;margin-right:20px}
.site-nav,.site-navthanks{padding-right:30px}
.copyright{color:#b7a196;bottom:0;text-align:center;vertical-align:middle;background:#2b1408;border-top:1px dashed #b7a196;box-shadow:0 0 0 3px #2b1408}
.copyright a span{color:#f09199}
#breadcrumbs{font-size:.8em;margin-bottom:10px}
#breadcrumbs ol{border-radius:5px;display:inline-block;background:#614a44;color:#fef6e4;padding:2px 5px}
#breadcrumbs li{display:inline}
#breadcrumbs li:first-child a::before{font-family:"icomoon";content:"\e906";margin-right:2px}
#breadcrumbs li + li:before{margin:0 2px 0 0;content:"\00BB";vertical-align:top}
#breadcrumbs a{letter-spacing:normal}
#pagetop,#paged{font-size:2rem;height:45px;width:45px;line-height:45px;border-radius:30px;text-shadow:1px 1px 2px #614a44;box-shadow:1px 2px 2px #2b1408;color:#fef6e4;position:fixed;bottom:5px;text-align:center;z-index:3;border:2px solid #b7a196}
#pagetop{right:10px;background:#2b1408 url(back/paget.png) no-repeat 0 -50px;letter-spacing:0}
#pagetop::before{position:relative;font-family:"icomoon";content:"\e905"}
#pagetop:hover,#paged:hover{color:#2b1408}
/* ---- navi end ---- */

/* ---- container start ---- */
.block{background:#fef6e4;border:3px #2b1408 solid;border-radius:5px;text-shadow:1px 1px 1px #ccc;margin:0 0 20px;padding:8px;word-wrap:break-word;clear:both}
.sidemenu{color:#fef6e4;margin:5px 4px 20px;padding:8px;background:#614a44;border-radius:5px;border:1px dashed #fef6e4;box-shadow:0 0 0 4px #614a44}
.block img{margin-left:3px;max-width:100%;height:auto}
.block a{border-bottom:1px solid}
.block a:hover{border-bottom:1px dashed #614a44}
.textlink::after{font-family:"icomoon";content:"\e909";margin-left:3px}
.blank::after{font-family:"icomoon";content:"\e90e";margin-left:3px}
.sidemenu a{color:#fef6e4}
.sidemenu a:visited{color:#b7a196}
.sidemenu li{border-bottom:1px dashed #b7a196;margin:5px 0;min-height:16px;}
.sidemenu li a::before{content:url(back/kuma02.png);margin-right:3px;vertical-align:middle}
.sidemenu li a{display:block;padding:3px 0}
.sidemenu li a.act::before{content:url(back/usa02.png)}
.sidemenu li a.grp::before{content:url(back/skmt03.png)}
.sidemenu li a.grpact::before{content:url(back/usa03.png)}
.sidemenu li ul{padding-left:5px}
.sidemenu li ul{border-top:1px dashed #b7a196;}
.sidemenu li ul li:last-child{border-bottom:0}
.sidemenu li ul li a::before{content:url(back/skmt03.png)} 
/* ---- container end ---- */

/* ---- others start ---- */
hr{border:0;border-bottom:2px dotted #b7a196;display:block;margin:.5em 0;padding:0;height:1px}
.marker{background:#f3d0d0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fef6e4),color-stop(0.69,#fef6e4),color-stop(0.7,#f3d0d0),color-stop(1,#f3d0d0));background:-webkit-linear-gradient(transparent 70%,#f3d0d0 0%)}
.marker01{background:#e97e7a;background:-webkit-linear-gradient(rgba(233,126,122,0) 90%,#e97e7a 0%);background:linear-gradient(rgba(233,126,122,0) 90%,#e97e7a 0%)}
.marker02{background:#dc5000;background:-webkit-linear-gradient(rgba(220,80,0,0) 90%,#dc5000 0%);background:linear-gradient(rgba(220,80,0,0) 90%,#dc5000 0%)}
.marker03{background:#f8c8c8;background:-webkit-linear-gradient(rgba(248,200,200,0) 60%,#f8c8c8 0%);background:linear-gradient(rgba(248,200,200,0) 60%,#f8c8c8 0%)}
.marker04{background:#f6c950;background:-webkit-linear-gradient(rgba(246,201,80,0) 60%,#f6c950 0%);background:linear-gradient(rgba(246,201,80,0) 60%,#f6c950 0%)}

.pos{background-color:#eae5d3;border-radius:3px;color:#614a44;margin:1em 0 5px 0;padding:5px}
.pos01{background-color:#eae5d3;border-radius:3px;color:#614a44;margin:1em 0 5px;padding:10px 10px 10px 62px;position:relative;display:block}
.pos01::before{font-family:"icomoon";font-size:30px;position:absolute;padding-right:.15em;line-height:1em;top:50%;margin-top:-.5em;left:10px;width:44px;text-align:center}
.information-box::before{color:#998479;content:'\e901'}
.question-box::before{color:#d59533;content:'\e902'}
.alert-box::before{color:#cb6266;content:'\e904'}
.ng-box::before{color:#9abfc6;content:'\e90a'}
.ok-box::before{color:#e3adb9;content:'\e900'}
.memo-box::before{color:#998479;content:'\e913'}
.question .pos,.question .pos01{background-color:#cbbb89;text-shadow:none}
.question dt.accordion{color:#927d41;position:relative;cursor:pointer;background:url(icon/a03.gif) no-repeat left center;border-bottom:1px #614a44 dashed;padding:.5em 0 .5em 20px}
.question dd{display:none;background-color:#eae5d3;border-radius:6px;color:#614a44;margin:20px 0 1.5em;padding:20px;position:relative}
.question dd::before{content:'';position:absolute;left:20px;top:-15px;display:block;width:0;height:0;border-right:15px solid transparent;border-bottom:15px solid #eae5d3;border-left:15px solid transparent}
.question .close{color:#fef6e4;background:#614a44 url(back/skmt01.png) no-repeat right bottom;margin:10px 0;padding:1px 20px;border-radius:3px;text-shadow:1px 1px 1px #2b1408;min-height:20px;text-align:center}
.scroll01{border:0;height:300px;overflow-y:scroll;width:100%}
.scroll02{border:0;height:100px;overflow-y:scroll;width:100%}
.map dl{display:flex;flex-flow:row wrap;width:100%}
.map dt{flex-basis:25%;border-bottom:2px dotted #b7a196}
.map dd{flex-basis:75%;padding-left:1em;border-bottom:2px dotted #b7a196}
.map dt a{border-bottom:0 none}
.box-container{display:flex;flex-wrap:wrap;justify-content:center}
.item-box{background:#fffff3;border:1px solid #2b1408;margin:4px;overflow:hidden;position:relative;box-shadow:1px 1px 2px #666;display:flex;flex-direction:column;border-radius:0 0 5px 5px;max-width:300px}
.item-box img{max-width:none;margin:0 auto;padding:10px;box-shadow:none;display:block;box-sizing:content-box}
.item-label{color:#fef6e4;background:#614a44;border-bottom:1px dashed;margin-bottom:8px;word-wrap:break-word;text-shadow:none;padding:5px}
.memo{background-color:#eae5d3;border-top:dashed #2b1408 1px;margin-top:auto;padding:5px}
.memo img{border:none;vertical-align:middle}
/* ---- others end ---- */

/* ---- unused?? start ---- */
.block a.bg-none{border-bottom:0}
.space{height:300px}
.iframe-content{position:relative;width:100%;height:500px;padding:75% 0 0}
.iframe-content iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.txt{margin:1em;padding:0 0 0 1em;border-left:1px solid #666}
/* ---- unused?? end ---- */

/* ---- jquery start ---- */
#side-bg,#dl-menu,#open-h{display:none}
.dl-menuwrapper{width:100%;float:left;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%}
.dl-menuwrapper:first-child{margin-right:100px}
.dl-menuwrapper button{background:#614a44;border:none;width:48px;height:48px;overflow:hidden;position:relative;cursor:pointer;outline:none;border-radius:10px;border:2px solid #b7a196;left:10px}
.dl-menuwrapper button:hover{border:2px solid #614a44;background-color:#f5a2a6}
.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#fef6e4}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.dl-menuwrapper li{background:#614a44;position:relative}
.dl-menuwrapper li a{color:#fef6e4;display:block;position:relative;padding:10px 20px;line-height:20px;font-weight:300;outline:none;border-bottom:1px dashed #eae5d3}
.dl-menuwrapper li.copy,.dl-menuwrapper li.dl-back{background:#2b1408 url(back/skmt01.png) no-repeat right bottom}
.dl-menuwrapper li.otherpage{background:#b7a196}
.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.2)}
.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0,0,0,0.1)}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:40px;-webkit-font-smoothing:antialiased;content:url("images/arrow02.png")}
.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212,204,198,0.3);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dl-menuwrapper li > a:after{right:10px;color:rgba(0,0,0,0.15)}
.dl-menuwrapper .dl-menu{position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all .3s ease}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}
.dl-menuwrapper li .dl-submenu{display:none}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a{display:none}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block}
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:0;left:0;margin:0}
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 .3s ease-in-out;animation:MenuAnimOut1 .3s ease-in-out}

@-webkit-keyframes MenuAnimOut1 {
0% { }
50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
@keyframes MenuAnimOut1 {
0% { }
50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 .3s ease-in-out;animation:MenuAnimIn1 .3s ease-in-out}
@-webkit-keyframes MenuAnimIn1 {
0%{-webkit-transform:translateX(-100%) rotateY(0deg);opacity:0}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-webkit-transform:translateX(0px) rotateY(0deg);opacity:1}
}
@keyframes MenuAnimIn1 {
0%{-webkit-transform:translateX(-100%) rotateY(0deg);transform:translateX(-100%) rotateY(0deg);opacity:0}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-webkit-transform:translateX(0px) rotateY(0deg);transform:translateX(0px) rotateY(0deg);opacity:1}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 .3s ease-in-out;animation:SubMenuAnimIn1 .3s ease-in-out}
@-webkit-keyframes SubMenuAnimIn1 {
0%{-webkit-transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0px);opacity:1}
}
@keyframes SubMenuAnimIn1 {
0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 .3s ease-in-out;animation:SubMenuAnimOut1 .3s ease-in-out}
@-webkit-keyframes SubMenuAnimOut1 {
0%{-webkit-transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(100%);opacity:0}
}
@keyframes SubMenuAnimOut1 {
0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
}
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none}
.no-js .dl-menuwrapper li .dl-submenu{display:block}
.no-js .dl-menuwrapper li.dl-back{display:none}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1)}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:''}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
#cboxWrapper{max-width:none}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box}
#cboxOverlay{background:#fff;opacity:.9}
#colorbox{outline:0}
#cboxTopLeft{width:25px;height:25px;background:url(../images/border1.png) no-repeat 0 0}
#cboxTopCenter{height:25px;background:url(../images/border1.png) repeat-x 0 -50px}
#cboxTopRight{width:25px;height:25px;background:url(../images/border1.png) no-repeat -25px 0}
#cboxBottomLeft{width:25px;height:25px;background:url(../images/border1.png) no-repeat 0 -25px}
#cboxBottomCenter{height:25px;background:url(../images/border1.png) repeat-x 0 -75px}
#cboxBottomRight{width:25px;height:25px;background:url(../images/border1.png) no-repeat -25px -25px}
#cboxMiddleLeft{width:25px;background:url(../images/border2.png) repeat-y 0 0}
#cboxMiddleRight{width:25px;background:url(../images/border2.png) repeat-y -25px 0}
#cboxContent{background:#fff;overflow:hidden}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{margin-bottom:30px}
#cboxTitle{position:absolute;bottom:0;left:0;text-align:center;width:100%;color:#999}
#cboxCurrent{position:absolute;bottom:0;left:70px;color:#999}
#cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(../images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious:hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(../images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px}
#cboxNext:hover{background-position:-50px -25px}
#cboxClose{position:absolute;bottom:0;right:0;background:url(../images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px}
#cboxClose:hover{background-position:-25px -25px}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxSlideshow{position:absolute;bottom:0;right:42px;color:#444}
/* ---- jquery end ---- */

@media screen and (max-width: 1200px) {
#header-wrap,#container,#footer-wrap{min-width:95%}
#header-link,#contents,#footer-link,nav{width:95%}
.isotope{overflow:hidden}
}
@media screen and (max-height:768px) {
#header-wrap,#footer-wrap{position:static}
}
@media screen and (max-width: 900px) {
html,body{height:auto}
body{font-size:1.6rem}
#wrapper{width:auto}
#header-wrap{position:static}
#header-wrap,#container,#footer-wrap{min-width:300px}
#header-wrap{min-height:50px}
#header-link{width:100%;padding:5px 3px 0 5px}
#column{flex-direction:column}
#rightcolumn,#leftcolumn{width:100%;margin:0 auto}
#leftcolumn{margin-bottom:20px}
.reverse #rightcolumn{order:1}
.reverse #leftcolumn{order:2}
.sidemenu li{border-bottom:0;margin:0 1em 0 0;display:inline-block}
/* ---- navi ---- */
.fixed{position:fixed;top:0;width:100%;z-index:2}
nav{position:relative;width:auto}
nav ul{text-align:right}
nav li{overflow:hidden;margin-right:3px}
nav li a{background:#614a44 url(back/nav01.png) no-repeat 0 0;display:inline-block;height:48px;width:48px;overflow:hidden;text-indent:100%;white-space:nowrap;border-radius:30px;border:2px solid #b7a196;margin-right:0}
nav li a:hover{background-color:#f5a2a6;border:2px solid #614a44}
nav ul li.menu01 a{background-position:2px 0}
nav ul li.menu02 a{background-position:2px -60px}
nav ul li.menu03 a{background-position:2px -120px}
nav ul li.menu04 a{background-position:2px -180px}
#footer-link{font-size:.8em}
#footer-link li{border-bottom:0}
.site-nav,.site-navthanks{padding:0 0 10px 0}
#pagetop,#paged{right:5px}
.map dl{flex-flow: column}
/* ---- jquery ---- */
.dl-menuwrapper:first-child{margin-right:0}
.dl-menuwrapper button.dl-active{background:none;border:none;width:40px;left:310px;top:10px;z-index:1002;position:absolute}
#dl-trigger.buttonclose{position:fixed}
#dl-menu{display:inherit;position:absolute;top:0}
#dl-menu.z-index{height:100%;width:300px}
#dlnav-wrap.z-index{position:fixed;top:0;left:0;height:100%;z-index:1001}
#dlnav-wrap.z-index ul{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
#side-bg{background:rgba(51,51,51,.5);display:none;position:fixed;height:100%;width:100%;top:0;left:0;z-index:999;cursor:pointer}
.overflow{overflow:hidden}
.open-text{color:#fef6e4;position:absolute;bottom:0;left:0;width:100%;font-size:1.2rem}
#open-icon,#open-icon:before,#open-icon:after{background:#fef6e4}
#open-icon{display:block;margin:-1px 0 0 -10px;position:absolute;top:15px;left:50%;height:2px;width:20px}
#open-icon:before,#open-icon:after{content:"";display:block;position:absolute;top:50%;left:0;height:2px;width:20px;transition:.3s}
#open-icon:before{margin-top:-8px}
#open-icon:after{margin-top:6px}
#dl-trigger{display:inline-block;position:absolute}
#dl-trigger .close{background:transparent}
#dl-trigger .close:before,#dl-trigger .close:after{margin-top:0}
#dl-trigger .close:before{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#dl-trigger .close:after{-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
/* ---- others ---- */
.none-r{display:none}
.copyright{font-size:1.3rem}
#open-h{top:5px;left:300px}
#open-h.open{display:inline-block;position:absolute;width:60px;height:60px;z-index:1000}
#open-h:before,#open-h:after{position:absolute;content:"";width:28px;height:40px}
#open-h:before{left:11px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:50px 50px 0 0}
#open-h:after{left:21px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50px 50px 0 0}
}
@media screen and (max-width: 600px) {
#headerRogo a{font-size:1.8rem}
.rank li{height:25px;width:25px}
.rank li a{margin:0 3px}
.rank .rank01{background-position:-51px 0}
.rank .rank02{background-position:-51px -50px}
.rank .rank03{background-position:-51px -100px}
.rank .rank04{background-position:-51px -150px}
.rank .rank05{background-position:-51px -200px}
.rank .rank06{background-position:-51px -250px}
.rank .rank07{background-position:-51px -300px}
.box-container{flex-direction:column}
.item-box{max-width:100%}
}
@media screen and (max-width: 359px) {
#open-h{left:280px}
.dl-menuwrapper button.dl-active{left:290px}
#dl-menu.z-index{width:280px}
}