@charset "utf-8";

@font-face{
font-family:'Material Icons';
font-style:normal;
font-weight:400;
src:local('Material Icons'),local('MaterialIcons-Regular'),url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),url(../fonts/MaterialIcons-Regular.woff) format('woff'),url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

/*------------------------------------------------------------------------------------------------------------------------
	Universal Style
------------------------------------------------------------------------------------------------------------------------*/
html{font-size:62.5%;}
body{
background:#fff;
color:#292929;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
-webkit-text-size-adjust:100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section{
display:block;
}
html,body,div,
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
margin:0;
padding:0;
}
em{
display:inline-block;
font-style:normal;
transform:skewX(-15deg);
}
img{
max-width:100%;
height:auto;
border:0;
vertical-align:bottom;
-webkit-touch-callout:none;
}
figure{text-align:center;}
ul{
list-style-position:outside;
list-style-type:none;
}
ol{
margin-left:2em;
list-style-position:outside;
}
dl dd{
margin-bottom:7px;
}
table{
border:medium none;
border-collapse:collapse;
}
th,td{
font-weight:normal;
vertical-align:top;
}
a:link,
a:visited{color:#0096df;text-decoration:none;}
a:hover,
a:active{color:#0096df;text-decoration:underline;}

fieldset{border:0;}
legend{display:none;}
input{vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="submit"]{
-webkit-appearance:none;
border-radius:0;
}
select{border-radius:0;}
sup{font-size:.65em; vertical-align:text-top;line-height:0.6;}
sub{font-size:.65em;}
iframe{border:0;}

::before,
::after{display:inherit;}

/* 枠組み */

/*========================================================================================================================
Base Layout
========================================================================================================================*/
#page{
overflow:hidden;
min-width:320px;
}
#shadow01{
display:none;
position:fixed;
top:0;
left:0;
z-index:900;
width:100%;
height:100%;
background:rgba(0,0,0,.75);
}
/*#shadow01.open{display:block;}*/


/*------------------------------------------------------------------------------------------------------------------------
GDPR
------------------------------------------------------------------------------------------------------------------------*/
#gdpr{
display:none;
position:relative;
z-index:1;
padding:15px;
background:#e2f8b7;
}
#gdpr p{
margin:0;
color:#292929 !important;
font-size:1.4rem;
}
#gdpr #btn-gdpr-close{margin:10px 0 0;}
#gdpr #btn-gdpr-close a{
display:block;
padding:5px;
border:1px solid #dedede !important;
border-radius:4px;
background:#fff !important;
color:#292929;
font-weight:bold;
text-decoration:none;
text-align:center;
}


/*------------------------------------------------------------------------------------------------------------------------
Header Area
------------------------------------------------------------------------------------------------------------------------*/
/* header-alert01
--------------------------------------*/
.header-alert01{
padding:15px;
background:#ffeffe;
}
.header-alert01 .info{
position:relative;
padding-left:20px;
color:#ec4a61;
font-size:1.4rem;
font-weight:bold;
}
.header-alert01 .info::before{
display:block;
content:'\e001';/* error_outline */
position:absolute;
top:.2em;
left:0;
color:#ec4a61;
font-family:'Material Icons';
font-size:1.7rem;
font-weight:normal;
line-height:1;
}
.header-alert01 .info .eke{
display:block;
font-size:1.2rem;
font-weight:normal;
}
.header-alert01 .btn-course{
font-size:1.4rem;
font-weight:bold;
text-align:center;
}
.header-alert01 .btn-course a{
display:block;
margin-top:5px;
padding:3px 10px;
border:1px solid #ec4a61;
border-radius:4px;
background:#fff;
color:#ec4a61;
text-decoration:none;
}

/* header
--------------------------------------*/
header{
position:relative;
margin-bottom:24px;
border-bottom:3px solid #292929;
background:#fff;
}
header .section-layout01{position:relative;}
header .head-lay{min-height:45px;}
header.js-fixed{
position:fixed;
top:-40px;
left:0;
z-index:100;
width:100%;
}
body.company header::after{
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
height:35px;
background:#292929;
}
body.imakana header{
border-bottom:0;
padding-bottom:3px;
background:#fff url(../images/bg/imakana-header.png) center bottom repeat-x;
background-size:auto 3px;
}
body.hsbaseball header{
margin-bottom:12px;
border-bottom:0;
padding-bottom:0;
background:#fff;
}
body.site_sub header.js-fixed{top:0;}

/* site-menu */
#site-menu-btn{
position:relative;
z-index:10;
float:left;
margin-left:5px;
width:45px;
height:45px;
}
#site-menu-btn a{
display:block;
position:relative;
overflow:hidden;
width:45px;
height:45px;
text-indent:200%;
white-space:nowrap;
text-decoration:none;
}
#site-menu-btn a::after{
display:block;
content:'\e5d2';/* menu */
position:absolute;
top:50%;
left:50%;
margin:-12px 0 0 -12px;
color:#292929;
font-family:'Material Icons';
font-size:2.4rem;
text-indent:0;
line-height:1;
}
body.hsbaseball #site-menu-btn{
margin:10px 0 0 10px;
border-radius:4px;
background:#666;
}
body.hsbaseball #site-menu-btn a::after{
content:'\e8b6';/* search */
color:#fff;
}

/* site-id */
#site-id{
position:absolute;
top:0;
left:0;
width:100%;
padding:11px 0;
color:#666;
font-size:1.2rem;
text-align:center;
}
#site-id a,
#site-id span.logo{
display:block;
overflow:hidden;
position:relative;
margin:0 auto;
width:82px;
height:20px;
text-indent:200%;
white-space:nowrap;
}
#site-id a::after,
#site-id span.logo::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/header/site-id.svg) left top no-repeat;
}
#site-id a:hover::after{opacity:.5;}
#site-id .tagline{display:none;}
body.simple01 #site-id{
position:static;
margin:0 auto;
}
body.company #site-id a,
body.company #site-id span.logo{width:148px;}
body.company #site-id a::after,
body.company #site-id span.logo::after{background:url(../images/header/logo-kanagawa-shimbun.svg) left top no-repeat;}
body.company .logo-kanaloco{
float:right;
margin:16px 10px 0;
}
body.hsbaseball .logo-kanaloco{
position:absolute;
top:18px;
right:15px;
margin:0;
}
body.company .logo-kanaloco a,
body.hsbaseball .logo-kanaloco a{
display:block;
overflow:hidden;
position:relative;
margin:0 auto;
text-indent:200%;
white-space:nowrap;
}
body.company .logo-kanaloco a{
width:41px;
height:10px;
}
body.hsbaseball .logo-kanaloco a{
width:47px;
height:12px;
}
body.company .logo-kanaloco a::after,
body.hsbaseball .logo-kanaloco a::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/header/site-id.svg) left top no-repeat;
}
body.imakana #site-id a{width:80px;}
body.imakana #site-id a::after{background:url(../images/header/logo-imakana.svg) left top no-repeat;}
body.hsbaseball #site-id{
position:static;
float:left;
padding:11px 0;
width:calc(100% - 117px);
color:#292929;
font-size:2rem;
}
body.hsbaseball #site-id .tagline{
display:block;
color:#03bdde;
font-size:1.4rem;
}


/* sub-area */
header .sub-area{
box-sizing:border-box;
float:right;
padding:7px 15px 7px 0;
height:45px;
}
header .sub-area form{
float:left;
margin-left:15px;
width:24px;
}
header #site-search-btn{
width:24px;
height:24px;
cursor:pointer;
}
body.business header #site-search-btn{float:left;}
header .sub-area #loginbox-corp,
header .sub-area .btn-login{
float:left;
margin-left:15px;
width:24px;
height:24px;
cursor:pointer;
}
header #site-search-btn a,
header .sub-area .login a,
header .sub-area .logined{
display:block;
position:relative;
overflow:hidden;
width:30px;
height:30px;
text-indent:200%;
white-space:nowrap;
text-decoration:none;
}
header #site-search-btn a::after,
header .sub-area .login a::after,
header .sub-area .logined::after{
display:block;
position:absolute;
top:50%;
left:50%;
font-family:'Material Icons';
font-size:2.4rem;
text-indent:0;
line-height:1;
transform:translate(-50%, -50%);
}
header #site-search-btn a::after{
content:'\e8b6';/* search */
color:#292929;
}
header #site-search-btn a.open::after{content:'\e5cd';/* close */}
header .sub-area .login a::after,
header .sub-area .logined::after{
content:'\e853';/* account_circle */
color:#dedede;
}
header .sub-area .login.already a::after,
header .sub-area .logined.already::after{color:#03bdde;}
header .sub-area .login.already.notice a::before,
header .sub-area .logined.already.notice::before{
display:block;
content:'';
position:absolute;
top:0;
right:2px;
z-index:1;
width:8px;
height:8px;
border:1px solid #fff;
border-radius:8px;
background:#f04;
}
header .sub-area .list-login{display:none;}
header .login-menu{
display:none;
box-sizing:border-box;
position:absolute;
top:42px;
right:15px;
z-index:150;
padding:15px 10px;
width:150px;
box-shadow:0 0 4px 2px rgba(0,0,0,0.1);
border-radius:5px;
background:#fff;
}
header.js-fixed .login-menu{top:-300px;}
header .btn-login.no-login .login-menu{width:142px;}
header .login-menu .name{
margin:0 0 10px;
font-size:1.2rem;
text-align:center;
}
header .login-menu .name span{
font-size:1.4rem;
font-weight:bold;
}
header .login-menu .member{
margin:0 0 15px;
font-size:1.3rem;
text-align:center;
}
header .login-menu .member.check::before{
display:inline-block;
content:'\e876';/* done */
margin:-2px 5px 0 0;
color:#4ad138;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
vertical-align:middle;
line-height:1;
}
header .login-menu .box-menu{
margin:0 -10px;
padding:15px 10px 0;
border-top:1px solid #dedede;
}
header .login-menu .link-menu{margin-bottom:15px;}
header .login-menu .link-menu li{
margin-bottom:10px;
font-size:1.4rem;
text-align:center;
}
header .login-menu .link-menu li a{color:#292929;}
header .login-menu .link-menu li.register,
header .login-menu .link-menu li.free{font-weight:bold;}
header .login-menu .link-menu li.register a{color:#ec4a61;}
header .login-menu .btn{
margin:0;
font-size:1.2rem;
font-weight:bold;
text-align:center;
}
header .login-menu .btn a{
display:inline-block;
box-sizing:border-box;
padding:8px 15px;
min-width:90px;
border:1px solid #dedede;
border-radius:3px;
color:#292929;
text-decoration:none;
}

/* site-search */
header #site-search{
display:none;
box-sizing:border-box;
position:absolute;
top:45px;
left:0;
z-index:110;
padding:0 15px 14px;
width:100%;
background:#fff;
}
header #site-search.open{display:table;}
header #site-search .keyword{
display:table-cell;
position:relative;
width:auto;
}
header #site-search .keyword::after{
display:block;
content:'\e8b6';/* search */
position:absolute;
top:50%;
left:10px;
color:#292929;
font-family:'Material Icons';
font-size:2.4rem;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
header #site-search .keyword input{
box-sizing:border-box;
padding:6px 10px 6px 40px;
width:100%;
box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.15);
border:1px solid #dedede;
border-radius:4px;
font-size:1.4rem;
}
header #site-search .keyword input::-webkit-input-placeholder{color:#9e9e9e;opacity:1;}
header #site-search .keyword input::-moz-placeholder{color:#9e9e9e;opacity:1;}
header #site-search .keyword input:-ms-input-placeholder{color:#9e9e9e;opacity:1;}

/* global-nav
--------------------------------------*/
#global-nav{
clear:both;
padding:0 3px;
}
#global-nav > .lay{
position:relative;
z-index:100;
overflow-x:auto;
overflow-y:auto;
white-space:nowrap;
-webkit-overflow-scrolling:touch;
}
#global-nav > .lay > ul{
display:table;
position:static;
margin:0;
width:100%;
}
#global-nav > .lay > ul::-webkit-scrollbar{
display:none;
height:0 !important;
}
#global-nav > .lay > ul > li{
display:table-cell;
box-sizing:border-box;
position:relative;
margin:0;
padding:0 2px;
font-size:1.2rem;
font-weight:bold;
vertical-align:bottom;
}
#global-nav > .lay > ul > li > a{
display:table-cell;
padding:0 19px;
width:200px;
height:32px;
border-radius:4px 4px 0 0;
background:#fff;
color:#292929;
text-decoration:none;
text-align:center;
vertical-align:middle;
line-height:1.2;
}
#global-nav > .lay > ul > li.current > a{
background:#292929;
color:#fff;
}
#global-nav > .lay > ul > li.disaster > a{
background:#e21d31;
color:#fff;
}
body.imakana #global-nav > .lay > ul{padding-bottom:5px;}
body.imakana #global-nav > .lay > ul > li{font-size:1.3rem;}
body.imakana #global-nav > .lay > ul > li > a{
padding:0 12px;
height:27px;
border-radius:4px;
}
body.imakana #global-nav > .lay > ul > li.current > a{
background:#9e9e9e;
color:#fff;
}
body.imakana #global-nav > .lay > ul > li.theme.current > a{background:#da5563;}
body.imakana #global-nav > .lay > ul > li.product.current > a{background:#87bfa3;}
body.imakana #global-nav > .lay > ul > li.shop.current > a{background:#e9ca55;}
body.imakana #global-nav > .lay > ul > li.recommendation.current > a{background:#977963;}

/* pulldown */
#global-nav > .lay > ul > li > a.menu-pulldown-btn::after{
content:'\e5c5';/* arrow_drop_down */
position:absolute;
top:50%;
right:3px;
margin-top:-10px;
color:#dedede;
font-family:'Material Icons';
font-size:2rem;
text-indent:0;
vertical-align:middle;
line-height:1;
}
#global-nav > .lay > ul > li.open > a.menu-pulldown-btn::after{content:'\e5c7';/* arrow_drop_up */}
#global-nav > .lay > ul > li > ul{
display:none;
overflow-y:scroll;
position:fixed;
top:77px;
left:50%;
z-index:100;
margin-left:-136px;
width:272px;
max-height:calc(100% - 90px);
box-shadow:0 6px 6px 0 rgba(0,0,0,0.15);
background:#fff;
}
header.js-fixed #global-nav > .lay > ul > li > ul{
top:32px;
max-height:calc(100% - 65px);
}
#global-nav > .lay > ul > li > ul li{
margin:0;
border-bottom:1px solid #dedede;
font-size:1.4rem;
}
#global-nav > .lay > ul > li > ul li:last-of-type{border-bottom:0;}
#global-nav > .lay > ul > li > ul > li.close a{
background:#666;
color:#fff;
text-align:center;
}
#global-nav > .lay > ul > li > ul > li.close a::before{
display:inline-block;
content:'\e5cd';/* close */
margin-right:5px;
color:#fff;
font-family:'Material Icons';
font-size:2rem;
text-indent:0;
vertical-align:middle;
line-height:1;
}
#global-nav > .lay > ul > li > ul > li a{
display:block;
padding:6px 40px 6px 16px;
color:#292929;
text-decoration:none;
}
#global-nav > .lay > ul > li > ul > li ul{
display:none;
border-top:1px solid #dedede;
}
#global-nav > .lay > ul > li > ul > li > ul a{padding:6px 6px 6px 36px;}
#global-nav > .lay > ul > li > ul > li a.menu-pulldown-btn{position:relative;}
#global-nav > .lay > ul > li > ul > li a.menu-pulldown-btn::after{
content:'\e145';/* add */
position:absolute;
top:50%;
right:16px;
margin-top:-10px;
color:#292929;
font-family:'Material Icons';
font-size:2rem;
text-indent:0;
vertical-align:middle;
line-height:1;
}
#global-nav > .lay > ul > li > ul > li.open a.menu-pulldown-btn::after{content:'\e15b';/* remove */}

body.company #global-nav > .lay > ul > li > a{
padding-top:2px;
height:33px;
background:#292929;
color:#fff;
}
body.company #global-nav > .lay > ul > li.current > a{color:#03bdde;}

/* menu-under */
#global-nav .menu-under{
overflow-y:scroll;
position:fixed;
top:77px;
left:-300px;
z-index:100;
margin-left:-136px;
width:272px;
max-height:calc(100% - 90px);
box-shadow:0 6px 6px 0 rgba(0,0,0,0.15);
background:#fff;
}
#global-nav .menu-under.open{left:50%;}
header.js-fixed #global-nav .menu-under{
top:32px;
max-height:calc(100% - 65px);
}
#global-nav .menu-under > ul > li{margin-bottom:0;}
#global-nav .menu-under > ul > li > a,
#global-nav .menu-under > ul > li > ul{display:none;}
#global-nav .menu-under > ul > li ul li{
margin:0;
border-bottom:1px solid #dedede;
font-size:1.4rem;
}
#global-nav .menu-under > ul > li ul li:last-of-type{border-bottom:0;}
#global-nav .menu-under > ul > li ul li.close a{
background:#666;
color:#fff;
text-align:center;
}
#global-nav .menu-under > ul > li ul li.close a::before{
display:inline-block;
content:'\e5cd';/* close */
margin-right:5px;
color:#fff;
font-family:'Material Icons';
font-size:2rem;
text-indent:0;
vertical-align:middle;
line-height:1;
}
#global-nav .menu-under > ul > li > ul > li a{
display:block;
padding:6px 40px 6px 16px;
color:#292929;
text-decoration:none;
}
#global-nav .menu-under > ul > li > ul > li ul{
display:none;
border-top:1px solid #dedede;
}
#global-nav .menu-under > ul > li > ul > li > ul a{padding:6px 6px 6px 36px;}
#global-nav .menu-under > ul > li > ul > li a.menu-pulldown-btn{position:relative;}
#global-nav .menu-under > ul > li > ul > li a.menu-pulldown-btn::after{
content:'\e145';/* add */
position:absolute;
top:50%;
right:16px;
margin-top:-10px;
color:#292929;
font-family:'Material Icons';
font-size:2rem;
text-indent:0;
vertical-align:middle;
line-height:1;
}
#global-nav .menu-under > ul > li > ul > li.open a.menu-pulldown-btn::after{content:'\e15b';/* remove */}


/* site-menu
--------------------------------------*/
#site-menu{
box-sizing:border-box;
overflow-y:scroll;
position:fixed;
top:0;
left:-310px;
z-index:1000;
padding:24px 20px 0;
width:300px;
height:100%;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
background:#fff;
transition:all .3s ease;
}
#site-menu.open{left:0;}
#site-menu-close{display:none;}

/* list-theme*/
#site-menu .list-theme{
overflow:hidden;
margin:0 0 32px;
width:216px;
}
#site-menu .list-theme > li{
float:left;
margin:0 16px 0 0;
width:100px;
font-size:1.4rem;
font-weight:bold;
text-align:center;
}
#site-menu .list-theme > li:last-of-type{margin:0;}
#site-menu .list-theme > li a{
display:block;
padding:6px;
border:1px solid;
border-radius:4px;
text-decoration:none;
}
#site-menu .list-theme > li.theme-light a{border-color:#dedede;background:#f5f5f5;color:#9e9e9e;}
#site-menu .list-theme > li.theme-dark a{border-color:#292929;background:#292929;color:#fff;}

/* sns */
#site-menu .sns{
margin:0 -5px 30px;
letter-spacing:-.4em;
text-align:center;
}
#site-menu .sns li{
display:inline-block;
margin:0 5px;
letter-spacing:normal;
}
#site-menu .sns li a{
display:block;
overflow:hidden;
width:44px;
height:44px;
background:url(../images/bg/icon.png) no-repeat;
background-size:500px auto;
text-indent:200%;
white-space:nowrap;
}
#site-menu .sns li.tw a{background-position:0 -50px;}
#site-menu .sns li.fb a{background-position:-50px -50px;}
#site-menu .sns li.line a{background-position:-100px -50px;}
#site-menu .sns li.insta a{background-position:-150px -50px;}
#site-menu .sns li.youtube a{background-position:-200px -50px;}

/* menu */
#site-menu .menu{margin:0 -20px;}
#site-menu .menu > li{
margin:0 0 20px;
padding:0 20px 20px;
border-bottom:1px solid #dedede;
font-size:1.4rem;
font-weight:bold;
}
#site-menu .menu > li:last-of-type{
margin:0;
border-bottom:none;
}
#site-menu .menu > li > a{
display:block;
position:relative;
text-decoration:none;
}
#site-menu .menu > li > a::before{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:50%;
right:10px;
color:#666;
font-family:'Material Icons';
font-size:1.8rem;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}
#site-menu .menu > li ul{margin:10px -20px 0;}
#site-menu .menu > li ul > li{
margin:0;
font-size:1.4rem;
font-weight:bold;
}
#site-menu .menu > li ul > li:last-of-type{margin:0;}
#site-menu .menu > li ul > li .sup{
font-size:1.2rem;
font-weight:normal;
}
#site-menu .menu > li ul > li a{
display:block;
position:relative;
padding:12px 20px 12px 50px;
color:#292929;
text-decoration:none;
}
#site-menu .menu > li ul > li a::before{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:50%;
left:20px;
color:#292929;
font-family:'Material Icons';
font-size:1.4rem;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}
#site-menu .menu > li .toggle-btn + .cont{display:none;}
#site-menu .menu.type01 > li > a,
#site-menu .menu.type01 > li > .toggle-btn{
display:block;
position:relative;
z-index:1;
margin:-20px;
padding:20px;
color:#292929;
cursor:pointer;
}
#site-menu .menu.type01 > li > .toggle-btn::after{
display:block;
content:'\e145';/* add */
position:absolute;
top:50%;
right:10px;
color:#292929;
font-family:'Material Icons';
font-size:2rem;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}
#site-menu .menu.type01 > li > .toggle-btn.open::after{content:'\e15b';/* remove */}
#site-menu .menu.type01 > li:last-of-type{border-bottom:1px solid #dedede;}
#site-menu .menu .keyword-search{
position:relative;
margin-top:16px;
font-weight:normal;
}
#site-menu .menu .keyword-search::after{
display:block;
content:'\e8b6';/* search */
position:absolute;
top:50%;
left:10px;
color:#292929;
font-family:'Material Icons';
font-size:2.4rem;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
#site-menu .menu .keyword-search input{
box-sizing:border-box;
padding:6px 10px 6px 40px;
width:100%;
box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.15);
border:1px solid #dedede;
border-radius:4px;
font-size:1.4rem;
}
#site-menu .menu .keyword-search input::-webkit-input-placeholder{color:#9e9e9e;opacity:1;}
#site-menu .menu .keyword-search input::-moz-placeholder{color:#9e9e9e;opacity:1;}
#site-menu .menu .keyword-search input:-ms-input-placeholder{color:#9e9e9e;opacity:1;}


/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
#contents{
padding:0 20px 10px;
}
header.js-fixed + #contents{padding-top:104px;}

#main-contents{
margin-bottom:32px;
}

/* sub-contents
--------------------------------------*/
/* imakana-pickup */
#sub-contents .imakana-pickup{
margin:0 -20px 20px;
padding:0 20px 8px;
border-bottom:1px solid #dedede;
}
#sub-contents .imakana-pickup .article-cont01{
margin-bottom:24px;
}
#sub-contents .imakana-pickup .article-cont01 figure figcaption{background:#cc5e66;}
#sub-contents .imakana-pickup .article-cont01 .sub{color:#cc5e66;}

/* list-ranking01 */
#sub-contents .list-ranking01{
list-style:none;
margin:0 0 24px;
}
#sub-contents .list-ranking01 li{
position:relative;
margin:0 0 10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#sub-contents .list-ranking01 li::before{
position:absolute;
top:50%;
left:0;
margin-top:-28px;
color:#dedede;
font-family:'Oswald';
font-size:3.6rem;
line-height:1;
}
#sub-contents .list-ranking01 li:nth-child(1)::before{content:'1';color:#f9a608;}
#sub-contents .list-ranking01 li:nth-child(2)::before{content:'2';color:#9e9e9e;}
#sub-contents .list-ranking01 li:nth-child(3)::before{content:'3';color:#b7762c;}
#sub-contents .list-ranking01 li:nth-child(4)::before{content:'4';}
#sub-contents .list-ranking01 li:nth-child(5)::before{content:'5';}
#sub-contents .list-ranking01 li:nth-child(6)::before{content:'6';}
#sub-contents .list-ranking01 li:nth-child(7)::before{content:'7';}
#sub-contents .list-ranking01 li:nth-child(8)::before{content:'8';}
#sub-contents .list-ranking01 li:nth-child(9)::before{content:'9';}
#sub-contents .list-ranking01 li:nth-child(10)::before{content:'10';margin-top:-25px;font-size:3rem;}
#sub-contents .list-ranking01 li.ad{
padding-bottom:0;
border-bottom:0;
}
#sub-contents .list-ranking01 li.ad::before{display:none;}
#sub-contents .list-ranking01 li a{
display:block;
overflow:hidden;
padding-left:30px;
color:#292929;
text-decoration:none;
}
#sub-contents .list-ranking01 li a figure{
float:left;
margin:0 10px 0 0;
width:80px;
}
#sub-contents .list-ranking01 li a .hdg{
overflow:hidden;
margin:0;
font-size:1.4rem;
}
#sub-contents .list-ranking01 li a .hdg .sub{
display:block;
margin-bottom:5px;
color:#03bdde;
font-size:1.1rem;
}
#sub-contents .list-ranking01 .i-cate-theme .hdg .sub{color:#da5563;}
#sub-contents .list-ranking01 .i-cate-product .hdg .subn{color:#87bfa3;}
#sub-contents .list-ranking01 .i-cate-shop .hdg .sub{color:#e9ca55;}
#sub-contents .list-ranking01 .i-cate-recommendation .hdg .sub{color:#977963;}
#sub-contents .list-ranking01 li a .hdg .info{
display:block;
margin-top:5px;
color:#666;
font-size:1.1rem;
font-weight:normal
}

/* local-nav01 */
#sub-contents .local-nav01{margin-bottom:24px;}
#sub-contents .local-nav01 .hdg01{
margin-bottom:16px;
font-size:1.8rem;
}
#sub-contents .local-nav01 ul{border-top:2px solid #03bdde;}
#sub-contents .local-nav01 ul > li{
position:relative;
margin:0;
border-bottom:1px solid #dedede;
font-size:1.4rem;
}
#sub-contents .local-nav01 ul > li::before{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:50%;
left:8px;
margin-top:-7px;
color:#dedede;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}
#sub-contents .local-nav01 ul > li a{
display:block;
padding:12px 5px 12px 30px;
color:#292929;
}
#sub-contents .local-nav01 ul > li.current a{
background:#f5f5f5;
font-weight:bold;
}
#sub-contents .local-nav01 ul > li.current::before{color:#03bdde;}

/* trial-alert
--------------------------------------*/
#trial-alert{
position:fixed;
bottom:0;
left:0;
z-index:100;
width:100%;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
background:#fff;
}
#trial-alert .section-layout01{padding:5px 20px 10px;}
#trial-alert .close{
position:absolute;
top:10px;
right:10px;
margin:0;
}
#trial-alert .close a{
display:block;
overflow:hidden;
position:relative;
width:30px;
height:30px;
text-indent:200%;
white-space:nowrap;
}
#trial-alert .close a::before{
content:'\e5cd';/* close */
position:absolute;
top:50%;
left:0;
margin-top:-10px;
width:100%;
color:#666;
font-family:'Material Icons';
font-size:2rem;
font-weight:normal;
text-indent:0;
text-align:center;
line-height:1;
}
#trial-alert .toggle-btn{
display:block;
overflow:hidden;
position:relative;
margin:0 auto 5px;
width:30px;
height:30px;
text-indent:200%;
white-space:nowrap;
}
#trial-alert .toggle-btn::before{
content:'\e5ce';/* expand_less */
position:absolute;
top:50%;
left:0;
margin-top:-12px;
width:100%;
color:#666;
font-family:'Material Icons';
font-size:2.4rem;
font-weight:normal;
text-indent:0;
text-align:center;
line-height:1;
}
#trial-alert .toggle-btn.open::before{content:'\e5cf';/* expand_more */}
#trial-alert .notice{
margin:0;
font-size:1.4rem;
text-align:center;
}
#trial-alert .notice strong{color:#ec4a61;}
#trial-alert .notice .sub{
display:block;
font-size:1.2rem;
letter-spacing:-.1em;
}
#trial-alert .cont{
display:none;
position:relative;
margin-top:15px;
padding-top:15px;
}
#trial-alert .cont::before{
content:'';
position:absolute;
top:0;
left:50%;
width:60px;
height:1px;
margin-left:-30px;
background:#dedede;
}
#trial-alert .cont p{
margin-bottom:16px;
font-size:1.2rem;
}
#trial-alert .cont ul{margin:0 0 16px;}
#trial-alert .cont ul li{
margin:0 0 8px;
font-weight:bold;
font-size:1.3rem;
text-align:center;
}
#trial-alert .cont ul li a{
display:block;
padding:11px 5px;
border:1px solid #ec4a61;
color:#ec4a61;
text-decoration:none;
}
#trial-alert .cont .btn{
margin:0 0 10px;
text-align:center;
}
#trial-alert .cont .btn a{
display:inline-block;
padding:10px 30px;
box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
border-radius:4px;
background:#ff7f00;
color:#fff;
font-weight:bold;
text-decoration:none;
}


/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
footer{
overflow:hidden;
padding:25px 20px 15px;
border-top:1px solid #dedede;
background:#fff;
}
body.simple01 footer{padding-top:0;}

/* sns */
footer .sns{
margin:0 -7px 25px;
letter-spacing:-.4em;
text-align:center;
}
footer .sns li{
display:inline-block;
margin:0 7px;
letter-spacing:normal;
}
footer .sns li a{
display:block;
overflow:hidden;
width:44px;
height:44px;
background:url(../images/bg/icon.png) no-repeat;
background-size:500px auto;
text-indent:200%;
white-space:nowrap;
}
footer .sns li.tw a{background-position:0 0;}
footer .sns li.fb a{background-position:-50px 0;}
footer .sns li.line a{background-position:-100px 0;}
footer .sns li.insta a{background-position:-150px 0;}
footer .sns li.youtube a{background-position:-200px 0;}

/* foot-sitemap */
footer .foot-sitemap{border-bottom:1px solid #dedede;}
footer .foot-sitemap .hdg{
position:relative;
margin:0;
padding:10px 30px 10px 10px;
border-top:1px solid #dedede;
font-size:1.4rem;
font-weight:bold;
cursor:pointer;
}
footer .foot-sitemap .hdg::after{
display:block;
content:'add';
position:absolute;
top:50%;
right:10px;
margin-top:-10px;
font-family:'Material Icons';
font-size:2rem;
line-height:1;
}
footer .foot-sitemap .hdg.open::after{content:'remove';}
footer .foot-sitemap .list{
display:none;
margin:0 0 0 10px;
padding-bottom:5px;
}
footer .foot-sitemap .list li{
position:relative;
margin:0 0 10px;
padding-left:20px;
font-size:1.4rem;
}
footer .foot-sitemap .list li::before{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:.35em;
left:0;
color:#dedede;
font-family:'Material Icons';
font-size:1.4rem;
line-height:1;
}
footer .foot-sitemap .list li a:link,
footer .foot-sitemap .list li a:visited{color:#292929;text-decoration:none;}
footer .foot-sitemap .list li a:hover,
footer .foot-sitemap .list li a:active{color:#292929;text-decoration:underline;}
footer > .lay{padding:30px 0 0;}
footer > .lay .utility{
margin-bottom:20px;
letter-spacing:-.4em;
text-align:center;
}
footer > .lay .utility li{
display:inline-block;
margin:0 7px 5px;
font-size:1rem;
letter-spacing:normal;
}
footer > .lay .utility li a:link,
footer > .lay .utility li a:visited{color:#666;text-decoration:none;}
footer > .lay .utility li a:hover,
footer > .lay .utility li a:active{color:#666;text-decoration:underline;}
#copyright{
color:#666;
font-size:1rem;
text-align:center;
}
#copyright .logo{
display:block;
overflow:hidden;
position:relative;
margin:0 auto 10px;
width:128px;
text-indent:200%;
white-space:nowrap;
}
#copyright .logo{
display:block;
overflow:hidden;
position:relative;
margin:0 auto 10px;
width:128px;
height:22px;
text-indent:200%;
white-space:nowrap;
}
#copyright .logo::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/footer/logo-kanagawa.svg) left top no-repeat;
}

/* imakana-foot-sitemap */
footer .imakana-foot-sitemap ul{
overflow:hidden;
padding-bottom:11px;
}
footer .imakana-foot-sitemap ul > li{
display:inline-block;
position:relative;
float:left;
margin:0 16px 5px 0;
padding-left:20px;
font-size:1.4rem;
}
footer .imakana-foot-sitemap ul > li::before{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:.35em;
left:0;
color:#dedede;
font-family:'Material Icons';
font-size:1.4rem;
line-height:1;
}
footer .imakana-foot-sitemap ul > li a{color:#292929;}
footer .imakana-foot-sitemap .blk-toggle-list01:last-of-type{margin-bottom:8px;}


/*------------------------------------------------------------------------------------------------------------------------
clearFix
------------------------------------------------------------------------------------------------------------------------*/
.section-layout01::after,
header .head-lay::after,
#global-nav > .lay > ul::after{
display:block;
content:'';
clear:both;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
dark mode
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:599px){

body.theme-dark{
background:#292929;
color:#fff;
}

/* header
--------------------------------------*/
body.theme-dark header{
border-color:#dedede;
background:#292929;
}

/* site-id */
body.theme-dark #site-id a::after,
body.theme-dark #site-id span.logo::after{background-image:url(../images/header/site-id-white.svg);}

/* site-menu */
body.theme-dark #site-menu-btn a::after{color:#fff;}

/* sub-area */
body.theme-dark header #site-search-btn a::after{color:#fff;}
body.theme-dark header .sub-area .login a::after{color:#666;}
body.theme-dark header .sub-area .login.already a::after{color:#03bdde;}
body.theme-dark header .login-menu{background:#323232;}
body.theme-dark header .login-menu .box-menu{border-color:#545454;}
body.theme-dark header .login-menu .link-menu li a{color:#fff;}
body.theme-dark header .login-menu .link-menu li.register a{color:#ec4a61;}
body.theme-dark header .login-menu .btn a{
border-color:#545454;
color:#fff;
}

/* site-search */
body.theme-dark header #site-search{background:#292929;}
body.theme-dark header #site-search-detail-btn a{color:#fff;}

/* site-search-detail */
/*body.theme-dark #site-search-detail .hdg,
body.theme-dark #site-search-detail .list-search dt{color:#292929;}*/

/* global-nav
--------------------------------------*/
body.theme-dark #global-nav > .lay > ul > li a{color:#dedede;background:#292929;}
body.theme-dark #global-nav > .lay > ul > li.current a{background:#dedede;color:#292929;}
body.theme-dark #global-nav > .lay > ul > li.disaster > a{background:#e21d31;}
body.theme-dark #global-nav > .lay > ul > li > ul li,
body.theme-dark #global-nav > .lay > ul > li > ul > li ul,
body.theme-dark #global-nav .menu-under{background:#292929;}
body.theme-dark #global-nav .menu-under > ul > li a{color:#fff;}
body.theme-dark #global-nav .menu-under li,
body.theme-dark #global-nav .menu-under > ul > li ul{border-color:#545454;}
body.theme-dark #global-nav > .lay > ul > li > ul > li a.menu-pulldown-btn::after,
body.theme-dark #global-nav .menu-under > ul > li a.menu-pulldown-btn::after{color:#dedede;}

/* site-menu
--------------------------------------*/
body.theme-dark #site-menu{background:#292929;}

/* list-theme*/
body.theme-dark #site-menu .list-theme > li.theme-light a{border-color:#fff;background:#fff;color:#292929;}
body.theme-dark #site-menu .list-theme > li.theme-dark a{border-color:#545454;background:#545454;color:#818181;}

/* menu */
body.theme-dark #site-menu .menu > li{border-color:#545454;}
body.theme-dark #site-menu .menu > li ul > li a,
body.theme-dark #site-menu .menu > li ul > li a::before{color:#fff;}


/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
/* sub-contents
--------------------------------------*/
/* imakana-pickup */
body.theme-dark #sub-contents .imakana-pickup{border-color:#545454;}

/* list-ranking01 */
body.theme-dark #sub-contents .list-ranking01 li{border-color:#545454;}
body.theme-dark #sub-contents .list-ranking01 li a{color:#fff;}

/* trial-alert
--------------------------------------*/
body.theme-dark #trial-alert{background:#323232;}
body.theme-dark #trial-alert .close a::before{color:#fff;}
body.theme-dark #trial-alert .toggle-btn::before{color:#fff;}
body.theme-dark #trial-alert .cont::before{background:#545454;}


/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
body.theme-dark footer{
border-color:#545454;
background:#292929;
}

/* sns */
body.theme-dark footer .sns li.tw a{background-position:-250px 0;}
body.theme-dark footer .sns li.fb a{background-position:-300px 0;}
body.theme-dark footer .sns li.line a{background-position:-350px 0;}
body.theme-dark footer .sns li.insta a{background-position:-400px 0;}
body.theme-dark footer .sns li.youtube a{background-position:-450px 0;}

/*foot-sitemap*/
body.theme-dark footer .foot-sitemap,
body.theme-dark footer .foot-sitemap .hdg{border-color:#545454;}
body.theme-dark footer .foot-sitemap .list li a:link,
body.theme-dark footer .foot-sitemap .list li a:visited,
body.theme-dark footer .foot-sitemap .list li a:hover,
body.theme-dark footer .foot-sitemap .list li a:active{color:#fff;}
body.theme-dark footer > .lay .utility li a:link,
body.theme-dark footer > .lay .utility li a:visited,
body.theme-dark footer > .lay .utility li a:hover,
body.theme-dark footer > .lay .utility li a:active{color:#bfbfbf;}
body.theme-dark #copyright{color:#bfbfbf;}
body.theme-dark #copyright .logo::after{background-image:url(../images/footer/logo-kanagawa-white.svg);}

}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
business
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* header
--------------------------------------*/
body.business header{
border-color:#03bdde;
background:#292929;
}

/* site-id */
body.business #site-id .tagline{color:#fff;}
body.business #site-id a::after,
body.business #site-id span.logo::after{background-image:url(../images/header/site-id-white.svg);}

/* site-menu */
body.business #site-menu-btn a::after{color:#fff;}

/* sub-area */
body.business header #site-search-btn a::after{color:#fff;}
body.business header .sub-area .login a::after{color:#666;}
body.business header .sub-area .login.already a::after{color:#03bdde;}
body.business header .sub-area .list-login{
float:right;
margin:0;
}
body.business header .sub-area #loginbox-corp{
float:right;
width:auto;
height:auto;
}

body.business header .sub-area .list-login li{
float:left;
margin:0 0 0 12px;
font-size:1.2rem;
font-weight:bold;
}
body.business header .sub-area .list-login li a{
display:block;
box-sizing:border-box;
padding:7px 10px;
min-height:35px;
border-radius:4px;
background:#03bdde;
color:#fff;
text-decoration:none;
}
body.business header .sub-area .list-login li a:hover{opacity:.5;}
body.business header .sub-area .list-login .logout{
margin:0 0 0 12px;
font-weight:normal;
}
body.business header .sub-area .list-login .logout a{
padding:7px 0;
background:transparent;
}

/* site-search */
body.business header #site-search{background:#292929;}
body.business header #site-search-detail-btn a{color:#fff;}

/* global-nav
--------------------------------------*/
body.business #global-nav > .lay > ul > li > a{color:#fff;background:#292929;}
body.business #global-nav > .lay > ul > li.current a{background:#03bdde;}
body.business #global-nav > .lay > ul > li.disaster > a{background:#e21d31;}
body.business #global-nav > .lay > ul > li > a.menu-pulldown-btn::after{color:#666;}

/* site-menu
--------------------------------------*/
body.business #site-menu .list-theme,
body.company #site-menu .list-theme{display:none;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
screen
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 600px以上
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:600px){

a:hover img{opacity:.5}

/*------------------------------------------------------------------------------------------------------------------------
GDPR
------------------------------------------------------------------------------------------------------------------------*/
#gdpr{padding:15px 0;}
#gdpr .section-layout01{display:table;}
#gdpr p{display:table-cell;}
#gdpr #btn-gdpr-close{
margin:0;
padding-left:20px;
width:80px;
vertical-align:middle;
}
#gdpr #btn-gdpr-close a:hover{opacity:.5;}


/*------------------------------------------------------------------------------------------------------------------------
Header Area
------------------------------------------------------------------------------------------------------------------------*/
/* header-alert01
--------------------------------------*/
.header-alert01{
position:relative;
z-index:1;
padding:12px 0;
}
.header-alert01 .info{
box-sizing:border-box;
margin-top:2px;
float:left;
width:calc(100% - 240px);
}
.header-alert01 .info .eke{
display:inline;
font-size:1.1rem;
}
.header-alert01 .btn-course{
box-sizing:border-box;
float:right;
width:240px;
font-size:1.4rem;
}
.header-alert01 .btn-course a{
margin-top:0;
padding:3px 5px;
}
.header-alert01 .btn-course a:hover{opacity:.5;}

/* header
--------------------------------------*/
header{
margin-bottom:0;
box-shadow:0 0 4px 3px rgba(0,0,0,0.15);
}
header .head-lay{min-height:81px;}
body.simple01 header{margin-bottom:48px;}
body.simple01 header .head-lay{min-height:0;}
body.company .logo-kanaloco{
float:right;
margin:30px 0 0;
}
body.company .logo-kanaloco a{
width:72px;
height:18px;
}
body.imakana header,
body.hsbaseball header{box-shadow:none;}

/* site-menu */
#site-menu-btn{
margin:25px 0 0;
width:30px;
height:30px;
}
#site-menu-btn a{
width:30px;
height:30px;
}
#site-menu-btn a::after{
top:0;
left:0;
margin:0;
font-size:3rem;
}
#site-menu-btn a:hover{opacity:.5}
body.hsbaseball #site-menu-btn{
margin:10px 0 0 10px;
width:45px;
height:45px;
}
body.hsbaseball #site-menu-btn a{
width:45px;
height:45px;
}
body.hsbaseball #site-menu-btn a::after{
top:50%;
left:50%;
margin:-12px 0 0 -12px;
font-size:2.4rem;
}

/* site-id */
#site-id{
left:auto;
right:300px;
width:260px;
}
#site-id a,
#site-id span.logo{
width:106px;
height:26px;
}
#site-id .tagline{
display:block;
margin-bottom:10px;
}
body.simple01 #site-id{padding:16px 0;}
body.company #site-id{
right:auto;
left:50%;
width:260px;
transform:translate(-50%,0);
}
body.company #site-id a,
body.company #site-id span.logo{width:192px;height:26px;}
body.imakana #site-id{
left:50%;
right:auto;
width:300px;
transform:translate(-50%, 0);
}
body.imakana #site-id a,
body.imakana #site-id span.logo{width:104px;height:26px;}
body.hsbaseball #site-id .tagline{margin-bottom:0;}


/* sub-area */
header .sub-area{
padding:27px 0 0;
height:auto;
min-height:35px;
}
header .sub-area form{
margin-left:12px;
width:auto;
height:auto;
}
header #site-search-btn{display:none}
header .sub-area .login{
width:auto;
height:auto;
}
header .sub-area .btn-login{
margin-left:12px;
width:auto;
max-width:160px;
height:auto;
padding-left:12px;
}
header .sub-area .btn-login{
position:relative;
padding-right:22px;
max-width:160px;
}
header .sub-area .btn-login::after{
content:'\e5c5';/* arrow_drop_down */
position:absolute;
top:8px;
right:3px;
color:#dedede;
font-family:'Material Icons';
font-size:2rem;
text-indent:0;
vertical-align:middle;
line-height:1;
}
header .sub-area .btn-login.no-login{padding-right:0;}
header .sub-area .btn-login.no-login::after{display:none;}

header .sub-area .login a{
display:table-cell;
box-sizing:border-box;
padding:0 12px 0 0;
width:150px;
height:33px;
border-radius:4px;
background:#ec4a61;
color:#fff;
font-size:1.2rem;
font-weight:bold;
text-decoration:none;
text-indent:0;
text-align:center;
vertical-align:middle;
}
header .sub-area .login a::after{
content:'\e5c5';/* arrow_drop_down */
position:absolute;
top:50%;
left:auto;
right:3px;
width:20px;
height:20px;
color:#fff;
font-family:'Material Icons';
font-size:2rem;
text-indent:0;
vertical-align:middle;
line-height:1;
transform:translate(0,-50%);
opacity:.5;
}
header .sub-area .login.already.notice a::before{display:none;}
header .sub-area .login a:hover{opacity:.5}
header .sub-area .logined{
padding:8px 0 0 30px;
width:auto;
height:auto;
min-height:35px;
color:#292929;
font-size:1.2rem;
line-height:1.2;
text-indent:0;
white-space:normal;
}
header .sub-area .logined:hover{opacity:.5;}
header .sub-area .logined.already.notice::before{
top:4px;
right:auto;
left:15px;
}
header .sub-area .logined::after{
top:6px;
left:0;
margin:0;
transform:translate(0);
}
header .sub-area .logined span{
font-size:1.4rem;
font-weight:bold;
}
header .login-menu{top:35px;right:0;}
header .login-menu .name{display:none;}
header .login-menu .btn a:hover{opacity:.5;}

/* site-search */
header #site-search{
display:block;
position:static;
float:left;
padding:0;
width:150px;
background:#fff;
}
header #site-search.open{display:table;}
header #site-search .keyword::after{
top:50%;
left:10px;
color:#666;
font-family:'Material Icons';
font-size:2rem;
}
header #site-search .keyword input{
padding:7px 10px 7px 40px;
font-size:1.1rem;
}
header #site-search-detail-btn{display:none;}

/* global-nav
--------------------------------------*/
#global-nav{padding:0;}
#global-nav > .lay{
overflow:visible;
white-space:normal;
}
#global-nav > .lay > ul{
margin:0;
width:100%;
}
#global-nav > .lay > ul > li{
position:relative;
font-size:1.4rem;
}
#global-nav > .lay > ul > li a{
padding:0 5px;
height:35px;
}
#global-nav > .lay > ul > li > a:hover{opacity:.5}
body.imakana #global-nav > .lay > ul{padding-bottom:10px;}
body.imakana #global-nav > .lay > ul > li{font-size:1.4rem;}
body.imakana #global-nav > .lay > ul > li > a{height:35px;}
body.imakana #global-nav > .lay > ul > li a:hover{color:#fff;opacity:1;}
body.imakana #global-nav > .lay > ul > li.current > a{
background:#9e9e9e;
color:#fff;
}
body.imakana #global-nav > .lay > ul > li.top > a:hover{background:#9e9e9e;}
body.imakana #global-nav > .lay > ul > li.theme > a:hover{background:#e85c5c;}
body.imakana #global-nav > .lay > ul > li.product > a:hover{background:#89c6a7;}
body.imakana #global-nav > .lay > ul > li.shop > a:hover{background:#e9ca55;}
body.imakana #global-nav > .lay > ul > li.recommendation > a:hover{background:#977963;}

/* pulldown */
#global-nav > .lay > ul > li > ul{
overflow-y:visible;
position:absolute;
top:35px;
left:0;
margin-left:0;
width:210px;
max-height:none;
border-top:1px solid #dedede;
}
#global-nav > .lay > ul > li > ul.open{display:block;}
header.js-fixed #global-nav > .lay > ul > li > ul{
top:32px;
max-height:calc(100% - 75px);
}
#global-nav > .lay > ul > li > ul li{
margin:0;
border-bottom:1px solid #dedede;
font-size:1.4rem;
}
#global-nav > .lay > ul > li > ul li.all,
#global-nav > .lay > ul > li > ul li.close{display:none;}
#global-nav > .lay > ul > li > ul > li a{height:auto;}
#global-nav > .lay > ul > li > ul > li a:hover{
color:#03bdde;
background:#ecfafc;
}

body.company #global-nav > .lay > ul > li{font-size:1.5rem;}


/* site-menu
--------------------------------------*/
#site-menu{
padding:16px 20px 0;
width:340px;
left:-350px;
}
#site-menu-close{
display:block;
overflow:hidden;
margin-bottom:16px;
text-align:right;
}
#site-menu-close a{
display:inline-block;
overflow:hidden;
position:relative;
width:30px;
height:30px;
text-indent:200%;
white-space:nowrap;
text-decoration:none;
}
#site-menu-close a::before{
display:block;
content:'\e5cb';/* chevron_left */
position:absolute;
top:0;
left:0;
color:#dedede;
font-family:'Material Icons';
font-size:3rem;
text-indent:0;
line-height:1;
}

/* list-theme*/
#site-menu .list-theme{display:none;}

/* sns */
#site-menu .sns li{margin:0 7px;}
#site-menu .sns li a:hover{opacity:.5}


/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
#contents{
padding:0 0 20px;
}
body.photo-gallery #contents{
margin:0 auto;
max-width:634px;
}
#main-contents{
box-sizing:border-box;
float:left;
margin-top:24px;
padding:0 16px 0 0;
width:68.644906%;
}
#sub-contents{
box-sizing:border-box;
float:right;
margin-top:24px;
padding:0 0 0 17px;
width:31.355094%;
}
/* 1カラム用 */
body.page-node-type-page #main-contents {
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-right:0;
}
body.page-node-type-page #sub-contents {
  display:none
}

/* imakana-pickup */
#sub-contents .imakana-pickup{
margin:0 0 20px;
padding:0 0 8px;
}
#sub-contents .imakana-pickup .hdg-link02{margin-bottom:28px;}

/* local-nav01 */
#sub-contents .local-nav01{margin-bottom:32px;}

/* trial-alert
--------------------------------------*/
#trial-alert{
position:fixed;
bottom:0;
left:0;
z-index:100;
width:100%;
background:#fff;
}
#trial-alert .section-layout01{padding:10px 10px 20px;}
#trial-alert .close{
top:10px;
right:10px;
}
#trial-alert .close a{
width:40px;
height:40px;
}
#trial-alert .toggle-btn{
width:40px;
height:40px;
}
#trial-alert .notice{
margin:0;
font-size:1.4rem;
text-align:center;
}
#trial-alert .notice .sub{
display:inline-block;
margin-left:32px;
font-size:1.4rem;
letter-spacing:normal;
}
#trial-alert .cont{
margin-top:20px;
padding-top:20px;
}
#trial-alert .cont p{
margin-bottom:24px;
font-size:1.4rem;
text-align:center;
}
#trial-alert .cont ul{
overflow:hidden;
margin:0 -8px 16px;
}
#trial-alert .cont ul li{
float:left;
margin:0 8px 8px;
font-size:1.4rem;
width:calc(33.33% - 16px);
}
#trial-alert .cont .btn{margin:0;}
#trial-alert .cont .btn a{padding:11px 30px;}


/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
footer{padding:30px 0 15px;}

/* sns */
footer .sns{margin:0 -16px 30px;}
footer .sns li{margin:0 16px;}
footer .sns li a:hover{opacity:.5}

/*foot-sitemap*/
footer .foot-sitemap{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -5px 20px;
border-bottom:0;
}
footer .foot-sitemap > .cont{
box-sizing:border-box;
margin:0 5px;
width:calc(25% - 10px);
}
footer .foot-sitemap .hdg{
margin:0 0 15px;
padding:0;
border-top:0;
cursor:default;
}
footer .foot-sitemap .hdg::after{display:none;}
footer .foot-sitemap .list{
display:list-item;
margin:0 0 25px;
padding-bottom:0;
}
footer > .lay{
padding:20px 0 0;
border-top:1px solid #dedede;
}
body.simple01 footer > .lay{border-top:0;}
footer > .lay .utility{
margin-bottom:20px;
letter-spacing:-.4em;
text-align:center;
}
footer > .lay .utility li{font-size:1.2rem;}
#copyright{font-size:1rem;}
#copyright .logo{
margin-bottom:15px;
width:162px;
height:27px;
}

/* imakana-foot-sitemap */
body.imakana footer .section-layout01{overflow:hidden;}
body.imakana footer .sns{
float:right;
margin-bottom:24px;
}
footer .imakana-foot-sitemap{
float:left;
width:calc(100% - 228px);
}
footer .imakana-foot-sitemap ul > li{
margin:0 16px 10px 0;
}




/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
business
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* header
--------------------------------------*/
/* site-id */
body.business #site-id{right:315px;width:260px;}

/* sub-area */
body.business header .sub-area .list-login{display:block;}
body.business header .sub-area .logined a{color:#fff;}
body.business header .sub-area #loginbox-corp{margin:0;}


}


/* 700px以上
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:700px){

/* header
--------------------------------------*/
/* site-id */
#site-id,
body.business #site-id{
right:370px;
width:300px;
}


/* sub-area */
body.business header .sub-area .list-login{margin:0 0 0 12px;}

/* site-search */
header #site-search{width:170px;}

}