@charset "utf-8";

/*========================================================================================================================
モジュール

・Element
・Heading
・Navigation
・Text
・List
・Definition List
・Layout Block
・Block Element
・Table
・Form
・Top
・Other

========================================================================================================================*/
/*------------------------------------------------------------------------------------------------------------------------
Element
------------------------------------------------------------------------------------------------------------------------*/
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table,
#contents figure{margin-bottom:24px;}
#contents p,
#contents li,
#contents dt,
#contents dd,
#contents caption,
#contents table,
#contents td,
#contents figure{
font-size:1.4rem;
line-height:1.8;
}
input,textarea,select,button,figcaption{
font-size:inherit;
font-family:inherit;
}
label,button{cursor:pointer;}

#contents .only-pc{display:none;}


/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6{
margin-bottom:20px;
line-height:1.4;
font-weight:bold;
}

/* hdg-special01
----------------------------------------*/
/*#contents .hdg-special01{margin:-24px -20px 24px;}*/
#contents .hdg-special01{margin:0 -20px 24px;}
#contents .hdg-special01 > .lay{
box-sizing:border-box;
overflow:hidden;
position:relative;
padding:20px 85px 20px 20px;
height:200px;
}
#contents .hdg-special01 > .lay::before{
content:'';
position:absolute;
top:0;
left:0;
z-index:0;
width:100%;
height:100%;
background:rgba(41,41,41,.6);
}
#contents .hdg-special01 > .lay .back{
position:relative;
z-index:1;
margin-bottom:0;
font-size:1.4rem;
font-weight:bold;
}
#contents .hdg-special01 > .lay .back a{
display:block;
padding-left:16px;
color:#fff;
text-decoration:none;
}
#contents .hdg-special01 > .lay .back a:hover{text-decoration:underline;}
#contents .hdg-special01 > .lay .back a::before{
display:block;
content:'\e5cb';/* chevron_left */
position:absolute;
top:.15em;
left:-5px;
color:#fff;
font-family:'Material Icons';
font-size:1.8rem;
font-weight:normal;
line-height:1;
}
#contents .hdg-special01 > .lay .back a .icon01{
display:inline-block;
margin:-2px 0 0 5px;
padding:2px 8px;
background:#dedede;
color:#292929;
font-size:1.2rem;
font-weight:normal;
vertical-align:middle;
}

#contents .hdg-special01 > .lay .txt{
position:absolute;
bottom:20px;
right:85px;
left:20px;
z-index:1;
}
#contents .hdg-special01 > .lay .txt .hdg01{
position:relative;
margin-bottom:10px;
color:#fff;
font-size:2rem;
}
#contents .hdg-special01 > .lay .txt .hdg01 .icon01{
display:inline-block;
margin:-2px 0 0 5px;
padding:2px 8px;
background:#dedede;
color:#292929;
font-size:1.2rem;
font-weight:normal;
vertical-align:middle;
}
#contents .hdg-special01 > .lay .txt .hdg01 .sub{
display:inline-block;
color:#03bdde;
font-size:1.3rem;
}
#contents .hdg-special01 > .lay .txt p{
position:relative;
margin:0;
color:#fff;
font-size:1.2rem;
}
#contents .hdg-special01 > .lay .txt .btn-read{
position:relative;
margin:0;
color:#fff;
font-size:1.3rem;
font-weight:bold;
}
#contents .hdg-special01 > .lay .txt .btn-read a{
display:inline-block;
padding:5px 13px;
color:#fff;
border-radius:4px;
background:#ffb100;
text-decoration:none;
}
#contents .hdg-special01 > .lay .txt .list-cat{
position:relative;
margin:0;
}
#contents .hdg-special01 > .lay .txt .list-cat li{
float:left;
margin:0 12px 0 0;
border:1px solid #9e9e9e;
border-radius:4px;
background:rgba(41,41,41,.75);
color:#fff;
font-size:1.2rem;
}
#contents .hdg-special01 > .lay .txt .list-cat li a{
display:block;
padding:3px 10px;
color:#fff;
text-decoration:none;
}
#contents .hdg-special01 > .lay .bg{
position:absolute;
top:50%;
left:0;
z-index:-1;
width:100%;
transform:translate(0,-50%);
}
#contents .hdg-special01 > .lay .bg img{width:100%;}
#contents .hdg-special01 > .lay .thumb{
position:absolute;
top:20px;
right:20px;
z-index:1;
width:58px;
height:58px;
border:1px solid #666;
}
#contents .hdg-special01 .btn-share-menu{
position:absolute;
bottom:20px;
right:20px;
z-index:1;
}
#contents .hdg-special01 .info{
margin:0;
padding:12px 20px;
border-bottom:1px solid #dedede;
color:#666;
font-size:1rem;
}

/* hdg-entry01
----------------------------------------*/
#contents .hdg-entry01{margin:0 0 24px;}
#contents .hdg-entry01 .hdg01{
margin-bottom:10px;
font-size:2rem;
}
#contents .hdg-entry01 .hdg01 .sub{
display:inline-block;
color:#03bdde;
font-size:1.3rem;
}
#contents .hdg-entry01 > .cont .hdg01{
float:left;
width:calc(100% - 70px);
}
#contents .hdg-entry01 > .cont .thumb{
float:right;
width:58px;
height:58px;
border:1px solid #dedede;
}
#contents .hdg-entry01 > .cont .list-cat{
overflow:hidden;
position:relative;
float:left;
margin:0 0 16px;
width:calc(100% - 70px);
}
#contents .hdg-entry01 > .cont .list-cat li{
float:left;
margin:0 8px 0 0;
border:1px solid #dedede;
border-radius:4px;
font-size:1.2rem;
}
#contents .hdg-entry01 > .cont .list-cat li a{
display:block;
padding:3px 10px;
color:#292929;
text-decoration:none;
}
#contents .hdg-entry01 > .cont .list-info{
overflow:hidden;
position:relative;
float:left;
margin:0;
width:calc(100% - 70px);
}
#contents .hdg-entry01 > .cont .list-info li{
position:relative;
margin:0 0 8px;
padding-left:20px;
color:#666;
font-size:1rem;
}
#contents .hdg-entry01 > .cont .list-info li::after{
display:block;
position:absolute;
top:.1em;
left:0;
color:#dedede;
font-family:'Material Icons';
font-size:1.5rem;
font-weight:normal;
line-height:1;
}
#contents .hdg-entry01 > .cont .list-info li.place::after{content:'\e8b4';/* room */}
#contents .hdg-entry01 > .cont .list-info li.source::after{content:'\e873';/* description */}
#contents .hdg-entry01 > .cont .btn-share-menu{
float:right;
margin:-9px 0 0;
}
#contents .hdg-entry01 .info{
margin:0;
color:#666;
font-size:1rem;
}
body.imakana #contents .hdg-entry01 .hdg01 .cat{
display:inline-block;
margin:0 5px 0 0;
padding:3px 8px;
background:#03bdde;
color:#fff;
font-size:1rem;
vertical-align:middle;
}
body.imakana #contents .hdg-entry01 .hdg01 .sub{
margin-bottom:10px;
font-size:1.3rem;
}
body.imakana #contents .hdg-entry01 > .cont .btn-share-menu{margin-top:-2px;}
body.i-cate-theme #contents .hdg-entry01 .hdg01 .cat{background:#e85c5c;}
body.i-cate-product #contents .hdg-entry01 .hdg01 .cat{background:#89c6a7;}
body.i-cate-shop #contents .hdg-entry01 .hdg01 .cat{background:#e9ca55;}
body.i-cate-recommendation #contents .hdg-entry01 .hdg01 .cat{background:#977963;}
body.i-cate-theme #contents .hdg-entry01 .hdg01 .sub{color:#e85c5c;}
body.i-cate-product #contents .hdg-entry01 .hdg01 .sub{color:#89c6a7;}
body.i-cate-shop #contents .hdg-entry01 .hdg01 .sub{color:#e9ca55;}
body.i-cate-recommendation #contents .hdg-entry01 .hdg01 .sub{color:#977963;}


/* hdg-election01
----------------------------------------*/
#contents .hdg-election01{
margin-bottom:24px;
padding:12px 16px;
border:1px solid #dedede;
background:#e5f8fc;
font-size:1.4rem;
}
#contents .hdg-election01 .place{
display:block;
margin-top:8px;
color:#666;
font-size:1.2rem;
font-weight:normal;
}

/* hdg-summary
----------------------------------------*/
#contents .hdg-summary{
margin-bottom:20px;
padding-bottom:8px;
border-bottom:2px solid #666;
font-size:1.7rem;
}
#contents .hdg-summary time{
display:inline-block;
margin-bottom:8px;
padding:3px 14px;
border-radius:26px;
background:#03bdde;
color:#fff;
font-size:1.4rem;
}


/* hdg-type
----------------------------------------*/
/* hdg-type01 */
#contents .hdg-type01{
margin:0 0 28px;
font-size:2rem;
}
#contents .hdg-type01 .sub{
display:block;
margin-bottom:5px;
color:#03bdde;
font-size:1.4rem;
}
body.i-cate-theme #contents .hdg-type01{color:#e85c5c;}
body.i-cate-product #contents .hdg-type01{color:#89c6a7;}
body.i-cate-shop #contents .hdg-type01{color:#e9ca55;}
body.i-cate-recommendation #contents .hdg-type01{color:#977963;}
#contents .hdg-type01 .date{
display:block;
margin-top:5px;
color:#757575;
font-size:1.2rem;
font-weight:normal;
}

/* hdg-type02 */
#contents .hdg-type02{
margin:0 0 20px;
font-size:1.6rem;
}

/* hdg-type03 */
#contents .hdg-type03{
margin:0 0 24px;
padding:0 0 5px;
border-bottom:2px solid #03beed;
color:#03beed;
font-size:1.6rem;
}

/* hdg-type04 */
#contents .hdg-type04{
margin:0 0 10px;
font-size:1.4rem;
}

/* hdg-type05 */
#contents .hdg-type05{
position:relative;
margin:0 0 20px;
padding-top:36px;
background:#fff;
font-size:1.6rem;
}
#contents .hdg-type05::before{
content:'';
position:absolute;
top:16px;
left:0;
width:100%;
height:1px;
background:#666;
}
#contents .blk-area-top + .hdg-type05{
padding-top:0;
border-top:0;
}
#contents .blk-area-top + .hdg-type05::before{display:none;}
#contents section + .hdg-type05{margin-top:-17px;}

/* hdg-type06 */
#contents .hdg-type06{
margin:0 0 20px;
font-size:1.4rem;
text-align:center;
}

/* hdg-type07 */
#contents .hdg-type07{
margin:0 0 20px;
color:#03bdde;
font-size:1.6rem;
}

/* hdg-type08 */
#contents .hdg-type08{
margin:0 0 32px;
font-size:2rem;
}

/* hdg-type09 */
#contents .hdg-type09{
margin:0 0 10px;
font-size:1.4rem;
}

/* hdg-type10 */
#contents .hdg-type10{
margin:0 0 16px;
font-size:1.8rem;
}

/* hdg-type11 */
#contents .hdg-type11{
margin:0 0 20px;
font-size:2rem;
}

/* hdg-type12 */
#contents .hdg-type12{
margin:0 0 20px;
font-size:1.6rem;
line-height:1.4;
}

/* hdg-type13 */
#contents .hdg-type13{
margin:0 0 20px;
font-size:1.4rem;
line-height:1.4;
}

/* hdg-type14 */
#contents .hdg-type14{
margin:0 0 20px;
font-size:1.4rem;
line-height:1.4;
}

/* hdg-type15 */
#contents .hdg-type15{
margin:0 0 20px;
font-size:1.2rem;
line-height:1.4;
}

/* hdg-type16 */
#contents .hdg-type16{
margin:0 0 20px;
font-size:1.2rem;
line-height:1.4;
}

/* hdg-type17 */
#contents .hdg-type17{
margin:0 0 24px;
padding:6px 15px;
background:#03bdde;
color:#fff;
font-size:1.4rem;
line-height:1.4;
}

/* hdg-type18 */
#contents .hdg-type18{
margin:0 0 20px;
font-size:1.8rem;
text-align:center;
line-height:1.4;
}



/* hdg-image
----------------------------------------*/
#contents .hdg-image01{
margin:0 0 15px;
padding:0;
border:0;
background:none;
text-align:center;
}
#contents .hdg-image02{
margin:0;
padding:0;
border:0;
background:none;
text-align:center;
}

/* hdg-link01
----------------------------------------*/
#contents .hdg-link01{
position:relative;
margin:0 0 20px;
font-size:1.9rem;
}
#contents .hdg-link01 a{
display:block;
color:#292929;
text-decoration:none;
}
#contents .hdg-link01 a::after{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:50%;
right:0;
color:#0096df;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}
#contents .hdg-link01.type01 a{color:#f00;}
#contents .hdg-link01.type01 a::after{color:#f00;}
#contents .hdg-link01.type02 a::after{color:#e85c5c;}
#contents .hdg-link01.i-cate-theme a,
#contents .hdg-link01.i-cate-theme a::after{color:#e85c5c;}
#contents .hdg-link01.i-cate-product a,
#contents .hdg-link01.i-cate-product a::after{color:#89c6a7;}
#contents .hdg-link01.i-cate-shop a,
#contents .hdg-link01.i-cate-shop a::after{color:#e9ca55;}
#contents .hdg-link01.i-cate-recommendation a,
#contents .hdg-link01.i-cate-recommendation a::after{color:#977963;}

/* hdg-link02
----------------------------------------*/
#contents .hdg-link02{
position:relative;
margin:0 0 20px;
font-size:1.6rem;
}
#contents .hdg-link02 a{
display:block;
color:#292929;
text-decoration:none;
}
#contents .hdg-link02 a::after{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:50%;
right:0;
color:#0096df;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}
#contents .hdg-link02.type01 a::after{color:#cc5e66;}
#contents .hdg-link02.type02 a{color:#f00;}
#contents .hdg-link02.type02 a::after{color:#f00;}
#contents .section-kanagawa02 .hdg-link02 a::after{color:#666;}

/* hdg-link03
----------------------------------------*/
#contents .hdg-link03{
position:relative;
margin:0 0 20px;
font-size:1.4rem;
}
#contents .hdg-link03 a{
display:block;
color:#292929;
text-decoration:none;
}
#contents .hdg-link03 a::after{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:50%;
right:0;
color:#0096df;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}

/* hdg-insta01
----------------------------------------*/
#contents .hdg-insta01{
box-sizing:border-box;
position:relative;
margin:0 0 20px;
padding-left:60px;
min-height:40px;
font-size:1.8rem;
line-height:40px;
}
#contents .hdg-insta01::before{
content:'';
position:absolute;
top:0;
left:0;
width:40px;
height:40px;
background:url(../images/bg/icon.png) -300px -50px no-repeat;
background-size:500px auto;
}


/*------------------------------------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------------------------------------*/
/* Topic Path
----------------------------------------*/
#contents #topic-path{display:none;}

/* nav-page01
----------------------------------------*/
#contents .nav-page01{
overflow-x:auto;
overflow-y:hidden;
position:relative;
margin:0 -4px 32px;
white-space:nowrap;
}
#contents .nav-page01 ul{
display:table;
margin:0;
padding:4px;
-webkit-overflow-scrolling:touch;
}
#contents .nav-page01 ul::-webkit-scrollbar {
display:none;
height:0 !important;
}
#contents .nav-page01 ul li{
display:table-cell;
margin:0;
padding:0 16px 0 0;
font-size:1.4rem;
font-weight:bold;
-webkit-transform:translateZ(0px);
}
#contents .nav-page01 ul li:last-of-type{padding-right:0;}
#contents .nav-page01 ul li a,
#contents .nav-page01 ul li label.radio01{
display:block;
box-sizing:border-box;
position:relative;
padding:10px 20px;
box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
border:1px solid #f5f5f5;
border-radius:4px;
background:#f5f5f5;
color:#292929;
text-decoration:none;
}
#contents .nav-page01 ul li label.radio01::before,
#contents .nav-page01 ul li label.radio01::after{display:none;}
#contents .nav-page01 ul .current a,
#contents .nav-page01 ul label.radio01.checked{
border:1px solid #666;
background:#666;
color:#fff;
}

/* nav-page02
----------------------------------------*/
#contents .nav-page02{margin:24px -2px;}
#contents .nav-page02 .num{
margin-bottom:16px;
font-size:1.2rem;
text-align:center;
}
#contents .nav-page02 ul{
margin:0;
text-align:center;
letter-spacing:-.4em;
}
#contents .nav-page02 ul li{
display:inline-block;
position:relative;
margin:0 -1px 8px 0;
vertical-align:middle;
letter-spacing:normal;
}
#contents .nav-page02 ul li a{
display:table-cell;
padding:0 3px;
width:22px;
height:28px;
border:1px solid #dedede;
color:#292929;
text-decoration:none;
text-align:center;
vertical-align:middle;
}
#contents .nav-page02 ul li.current a{
background:#03bdde;
color:#fff;
font-weight:bold;
}
#contents .nav-page02 ul li.prev{margin-right:3%;}
#contents .nav-page02 ul li.next{margin-left:3%;}
#contents .nav-page02 ul li.prev a,
#contents .nav-page02 ul li.next a{
display:block;
overflow:hidden;
padding:0;
width:30px;
background:rgba(3,189,222,.1);
text-indent:200%;
white-space:nowrap;
}
#contents .nav-page02 ul li.prev a::before,
#contents .nav-page02 ul li.next a::before{
display:block;
position:absolute;
top:50%;
left:1px;
z-index:1;
width:28px;
color:#292929;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
text-indent:0;
text-align:center;
line-height:1;
transform:translate(0,-50%);
}
#contents .nav-page02 ul li.prev a::before{content:'\e5cb';/* chevron_left */}
#contents .nav-page02 ul li.next a::before{content:'\e5cc';/* chevron_right */}
#contents .nav-page02 ul li.abb{margin-right:7px;margin-left:7px;}

/* nav-page03
----------------------------------------*/
#contents .nav-page03{margin:24px 0;}
#contents .nav-page03 ul{
overflow:hidden;
margin:0;
}
#contents .nav-page03 ul li{
margin:0;
font-size:1.4rem;
}
#contents .nav-page03 ul li.prev{float:left;}
#contents .nav-page03 ul li.next{float:right;}
#contents .nav-page03 ul li.prev a{padding-left:24px;}
#contents .nav-page03 ul li.next a{padding-right:24px;}
#contents .nav-page03 ul li a{
display:inline-block;
position:relative;
}
#contents .nav-page03 ul li a::before{
display:block;
position:absolute;
top:50%;
color:#666;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}
#contents .nav-page03 ul li.prev a::before{
content:'\e5c4';/* arrow_back */
left:0;
}
#contents .nav-page03 ul li.next a::before{
content:'\e5c8';/* arrow_forward */
right:0;
}

/* nav-page04
----------------------------------------*/
#contents .nav-page04{
margin:24px 0;
padding-top:24px;
border-top:1px solid #dedede;
}
#contents .nav-page04 ul{
overflow:hidden;
position:relative;
margin:0;
padding:0 100px;
text-align:center;
letter-spacing:-.4em;
}
#contents .nav-page04 ul li{
display:inline-block;
margin:0 10px;
font-size:1.4rem;
letter-spacing:normal;
}
#contents .nav-page04 ul li.prev{
position:absolute;
top:0;
left:0;
margin:0;
}
#contents .nav-page04 ul li.next{
position:absolute;
top:0;
right:0;
margin:0;
}
#contents .nav-page04 ul li.prev a{padding-left:24px;}
#contents .nav-page04 ul li.next a{padding-right:24px;}
#contents .nav-page04 ul li a{
display:inline-block;
position:relative;
}
#contents .nav-page04 ul li a::before{
display:block;
position:absolute;
top:50%;
color:#666;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
transform:translate(0,-50%);
}
#contents .nav-page04 ul li.prev a::before{
content:'\e5c4';/* arrow_back */
left:0;
}
#contents .nav-page04 ul li.next a::before{
content:'\e5c8';/* arrow_forward */
right:0;
}


/*------------------------------------------------------------------------------------------------------------------------
Text
------------------------------------------------------------------------------------------------------------------------*/
#contents .color-type01{color:#ec4a61;}
#contents .color-type02{color:#666;}
#contents .color-type03{color:#5d8cc5;}
#contents .color-type04{color:#ff89b6;}
#contents .color-type05{color:#e85c5c;}

#contents .text-size11{font-size:1.1rem;}
#contents .text-size-normal-s,
#contents .text-size-normal-s li,
#contents .text-size-normal-s dt,
#contents .text-size-normal-s dd,
#contents .text-size-normal-s th,
#contents .text-size-normal-s td{font-size:1.2rem !important;}
#contents .text-size-s,
#contents .text-size-s li,
#contents .text-size-s dt,
#contents .text-size-s dd,
#contents .text-size-s th,
#contents .text-size-s td{font-size:1.2rem !important;}
#contents .text-size-m,
#contents .text-size-m li,
#contents .text-size-m dt,
#contents .text-size-m dd,
#contents .text-size-m th,
#contents .text-size-m td{font-size:1.4rem !important;}
#contents .text-size-l,
#contents .text-size-l li,
#contents .text-size-l dt,
#contents .text-size-l dd,
#contents .text-size-l th,
#contents .text-size-l td{font-size:1.7rem !important;}

#contents .align-type01{text-align:left !important;}
#contents .align-type02,
#contents .align-type02-sp{text-align:center !important;}
#contents .align-type03{text-align:right !important;}

#contents .valign-type01{vertical-align:top !important;}
#contents .valign-type02{vertical-align:middle !important;}
#contents .valign-type03{vertical-align:bottom !important;}

#contents .text-through{text-decoration:line-through;}
#contents .text-indent01{text-indent:1em;}
#contents .text-indent-no{text-indent:0 !important;}
#contents .text-weight01{font-weight:normal;}

/* link01
----------------------------------------*/
#contents .link01{text-decoration:none;}
#contents .link01:hover{text-decoration:underline;}
#contents .link01::after{
display:inline-block;
content:'\e5cc';/* chevron_right */
margin:-2px 0 0 5px;
color:#0096df;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
vertical-align:middle;
line-height:1;
}

/* link02
----------------------------------------*/
#contents .link02{text-decoration:underline;}
#contents .link02:hover{text-decoration:none;}

/* link03
----------------------------------------*/
#contents .link03{color:#7fcaef;text-decoration:underline;}
#contents .link03:hover{text-decoration:none;}

/* link04
----------------------------------------*/
#contents .link04{color:#4c2c92;text-decoration:underline;}
#contents .link04:hover{text-decoration:none;}

/* link-back01
----------------------------------------*/
#contents .link-back01{text-decoration:none;}
#contents .link-back01::before{
display:inline;
content:'\e5cb';/* chevron_left */
margin-right:3px;
color:#0096df;
font-family:'Material Icons';
font-size:2.4rem;
font-weight:normal;
vertical-align:middle;
line-height:1;
}

/* link-back02
----------------------------------------*/
#contents .link-back02{text-decoration:none;}
#contents .link-back02::before{
display:inline;
content:'\e5c4';/* arrow_back */
margin-right:3px;
color:#666;
font-family:'Material Icons';
font-size:1.4rem;
font-weight:normal;
vertical-align:middle;
line-height:1;
}

/* link-more01
----------------------------------------*/
#contents .link-more01{text-align:center;}
#contents .link-more01 a{
display:inline-block;
text-decoration:none;
}
#contents .link-more01 a::before{
display:block;
content:'\e5cf';/* expand_more */
color:#666;
font-family:'Material Icons';
font-size:2rem;
font-weight:normal;
line-height:1;
}

/* btn01
----------------------------------------*/
#contents .btn01{
display:inline-block;
box-sizing:border-box;
padding:8px 20px;
min-width:150px;
border:1px solid #fff;
border-radius:4px;
background:#f8f8f8;
box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
color:#292929;
font-weight:bold;
text-decoration:none;
}

/* btn02
----------------------------------------*/
#contents .btn02{
display:block;
box-sizing:border-box;
margin:0 auto;
padding:18px 20px;
width:100%;
border:0;
border-radius:4px;
background:#ff7f00;
box-shadow:0 3px 0 0 #d86b00;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align:center;
line-height:1.8;
}
#contents .btn02-wide-space {
  letter-spacing: .3em;
}
#contents .btn02.size-m,
#contents .btn03.size-m,
#contents .btn05.size-m,
#contents .btn06.size-m,
#contents .btn-disabled01.size-m{
display:inline-block;
padding:8px 20px;
min-width:150px;
width:auto;
box-shadow:0 1px 2px 1px rgba(0,0,0,0.15);
}
#contents .btn02.size-s,
#contents .btn03.size-s,
#contents .btn05.size-s,
#contents .btn06.size-s,
#contents .btn-disabled01.size-s{
display:inline-block;
padding:2px 12px;
max-width:none;
width:auto;
box-shadow:none;
}
#contents .btn02[disabled]{
padding:17px 19px;
border:1px solid #dedede;
background:#f5f5f5;
color:#9e9e9e;
cursor:default;
}
#contents .btn02[disabled]{box-shadow:none;}
#contents .btn02[disabled]:hover{opacity:1;}

/* btn03
----------------------------------------*/
#contents .btn03{
display:block;
box-sizing:border-box;
margin:0 auto;
padding:18px 20px;
width:100%;
border:0;
border-radius:4px;
background:#03bdde;
box-shadow:0 3px 0 0 #00a5c3;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align:center;
line-height:1.8;
}

/* btn04
----------------------------------------*/
#contents .btn04{
display:inline-block;
padding:5px 13px;
border:1px solid #dedede;
border-radius:5px;
font-size:1.3rem;
font-weight:bold;
text-decoration:none;
line-height:1.8;
}

/* btn05
----------------------------------------*/
#contents .btn05{
display:block;
box-sizing:border-box;
margin:0 auto;
padding:18px 20px;
width:100%;
border:1px solid #dedede;
border-radius:4px;
background:#f5f5f5;
box-shadow:0 3px 0 0 #dedede;
color:#292929;
font-weight:bold;
text-decoration:none;
text-align:center;
line-height:1.8;
}

/* btn06
----------------------------------------*/
#contents .btn06{
display:block;
box-sizing:border-box;
margin:0 auto;
padding:18px 20px;
width:100%;
border:1px solid #dedede;
border-radius:4px;
background:#fff;
box-shadow:0 3px 0 0 #dedede;
color:#292929;
font-weight:bold;
text-decoration:none;
text-align:center;
line-height:1.8;
}

/* btn-disabled01
----------------------------------------*/
#contents .btn-disabled01{
display:block;
box-sizing:border-box;
margin:0 auto;
padding:18px 20px;
width:100%;
border:1px solid #dedede;
border-radius:4px;
background:#f5f5f5;
box-shadow:none !important;
color:#9e9e9e;
font-weight:bold;
text-align:center;
line-height:1.8;
}

/* error
----------------------------------------*/
#contents .error{
position:relative;
margin-top:10px;
padding-left:20px;
color:#d51313;
}
#contents .error::before{
display:block;
content:'\e001';/* error_outline */
position:absolute;
top:.35em;
left:0;
color:#d51313;
font-family:'Material Icons';
font-size:1.5rem;
font-weight:normal;
line-height:1;
}

/* entry-img01
----------------------------------------*/
#contents .entry-img01{
clear:both;
background:#fbfbfb;
text-align:center;
}
#contents .entry-img01 figcaption{
padding:10px 16px;
background:#f5f5f5;
font-size:1.2rem;
text-align:left;
}

/* entry-img02
----------------------------------------*/
#contents .entry-img02{
clear:both;
background:#fbfbfb;
text-align:center;
}
#contents .entry-img02 img{max-height:220px;}
#contents .entry-img02 figcaption{
padding:10px 16px;
background:#f5f5f5;
font-size:1.2rem;
text-align:left;
}

/* entry-img03
----------------------------------------*/
#contents .entry-img03{
clear:both;
margin-bottom:24px;
background:#fbfbfb;
text-align:center;
}
#contents .entry-img03 img{max-height:476px;}
#contents .entry-img03 figcaption{
padding:10px 16px;
background:#f5f5f5;
font-size:1.2rem;
text-align:left;
}

/* entry-img04
----------------------------------------*/
#contents .entry-img04{
clear:both;
background:#fbfbfb;
text-align:center;
}
#contents .entry-img04 figcaption{
padding:10px 16px;
background:#f5f5f5;
font-size:1.2rem;
text-align:left;
}

/* figure-type01
----------------------------------------*/
#contents .figure-type01{
padding:0;
background:#fbfbfb;
text-align:center;
}
#contents .figure-type01 figcaption{
padding:10px 16px;
background:#f5f5f5;
font-size:1.2rem;
text-align:left;
}

/* watermark
----------------------------------------*/
#pp_full_res,
.watermark,
#contents .watermark{
display:inline-block;
position:relative;
max-width: 100%;
}
#pp_full_res::after,
.watermark::after,
#contents .watermark::after{
display:block;
content:'';
position:absolute;
top:10px;
right:10px;
width:58px;
height:15px;
background:url(../images/contents/watermark.png) left top no-repeat;
background-size:58px auto;
opacity:.6;
}
body.imakana #pp_full_res::after,
body.imakana .watermark::after,
body.imakana #contents .watermark::after{
width:60px;
height:15px;
background:url(../images/contents/watermark-imakana.png) left top no-repeat;
background-size:60px auto;
}

/* txt-date01
----------------------------------------*/
#contents .txt-date01{
margin:0 0 16px;
padding:5px;
background:#e5f8fc;
color:#03bdde;
font-size:1.3rem;
font-weight:bold;
text-align:center;
}

/* game-results
----------------------------------------*/
#contents .game-results{
margin:0;
font-size:1.8rem;
font-weight:bold;
text-align:center;
}
#contents .game-results .bench{
display:inline-block;
margin:-2px 5px 0;
padding:1px 5px;
border-radius:2px;
background:#03bdde;
color:#fff;
font-size:1rem;
vertical-align:middle;
}


/*------------------------------------------------------------------------------------------------------------------------
List
------------------------------------------------------------------------------------------------------------------------*/
#contents li{
margin-bottom:5px;
line-height:1.5;
}

/* list-normal
----------------------------------------*/
#contents .list-normal01 li{margin-bottom:16px;}
#contents .list-normal02 li{margin-bottom:10px;}

/* list-disc
----------------------------------------*/
#contents .list-disc01 li{
position:relative;
padding-left:15px;
}
#contents .list-disc01 li::before{
content:'';
position:absolute;
top:.6em;
left:2px;
width:4px;
height:4px;
border-radius:4px;
background:#333;
}
#contents .list-disc01 li ul{margin:5px 0 5px 9px;}


/* ol
----------------------------------------*/
#contents ol li ol{margin:5px 0 5px 1.5em;}

/* list-variable01
----------------------------------------*/
#contents .list-variable01{margin-right:-32px;}
#contents .list-variable01 li{
float:left;
margin-right:32px;
}


/* list-notation01
----------------------------------------*/
#contents .list-notation01 li{overflow:hidden;}
#contents .list-notation01 li .mark{
display:block;
float:left;
margin-right:5px;
}
#contents .list-notation01 li .txt{
display:block;
overflow:hidden;
}

/* list-link01
----------------------------------------*/
#contents .list-link01 > li{
position:relative;
margin:0 0 15px;
padding:0 0 15px;
border-bottom:1px solid #dedede;
font-size:1.4rem;
line-height:1.2;
}
#contents .list-link01 > li.ad{border-bottom:0;}
#contents .list-link01 > li:last-of-type{margin-bottom:0;}
#contents .list-link01 > li::before{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:.15em;
left:0;
color:#dedede;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}
#contents .list-link01 > li a{
display:block;
padding:0 0 0 20px;
color:#292929;
text-decoration:none;
vertical-align:middle;
}

/* list-link02
----------------------------------------*/
#contents .list-link02 > li{
position:relative;
margin-bottom:16px;
font-size:1.4rem;
line-height:1.2;
}
#contents .list-link02 > li:last-of-type{margin-bottom:0;}
#contents .list-link02 > li::before{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:.15em;
left:0;
color:#dedede;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}
#contents .list-link02 > li a{
display:block;
padding:0 0 0 20px;
color:#292929;
text-decoration:none;
vertical-align:middle;
}
#contents .list-link02 > li .sub{
display:block;
margin-top:5px;
color:#666;
font-size:1rem;
}

/* list-link03
----------------------------------------*/
#contents .list-link03 li{
position:relative;
padding-left:20px;
}
#contents .list-link03 li::after{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:.24em;
left:0;
color:#292929;
font-family:'Material Icons';
font-size:1.5rem;
font-weight:normal;
vertical-align:middle;
line-height:1;
}
#contents .list-link03 li a{color:#292929;}
#contents .list-link03 li ul{margin:5px 0 5px 9px;}

/* list-link04
----------------------------------------*/
#contents .list-link04 > li{
position:relative;
margin:0 0 15px;
padding:0 0 15px;
border-bottom:1px solid #dedede;
font-weight:bold;
line-height:1.4;
}
#contents .list-link04 > li:last-of-type{margin-bottom:0;}
#contents .list-link04 > li a{
display:block;
color:#292929;
text-decoration:none;
vertical-align:middle;
}
#contents .list-link04 > li .info{
display:block;
margin-top:4px;
color:#666;
font-size:1rem;
font-weight:normal;
}
#contents .list-link04 > li a.lock::before{
display:inline-block;
content:'\e897';/* lock */
margin-right:5px;
color:#e0b628;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}

/* list-link05
----------------------------------------*/
#contents .list-link05{
padding-top:15px;
border-top:1px solid #dedede;
}
#contents .list-link05 > li{
position:relative;
margin:0 0 15px;
padding:0 0 15px;
border-bottom:1px solid #dedede;
font-size:1.4rem;
font-weight:bold;
line-height:1.4;
}
#contents .list-link05 > li:last-of-type{margin-bottom:0;}
#contents .list-link05 > li a{
display:block;
color:#292929;
text-decoration:none;
vertical-align:middle;
}
#contents .list-link05 > li a[target="_blank"] .txt::after{
display:inline-block;
content:'\e895';/* launch */
margin-left:3px;
color:#666;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
vertical-align:middle;
line-height:1;
}
#contents .list-link05 > li .info{
display:block;
margin-top:4px;
color:#666;
font-size:1.2rem;
font-weight:normal;
}

/* list-link06
----------------------------------------*/
#contents .list-link06 > li{
position:relative;
margin:0 0 15px;
padding:0 0 15px;
border-bottom:1px solid #dedede;
font-size:1.4rem;
line-height:1.4;
}
#contents .list-link06 > li:last-of-type{margin-bottom:0;}
#contents .list-link06 > li a{
display:block;
color:#292929;
text-decoration:none;
vertical-align:middle;
}
#contents .list-link06 > li a[target="_blank"] .txt::after{
display:inline-block;
content:'\e895';/* launch */
margin-left:3px;
color:#666;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
vertical-align:middle;
line-height:1;
}
#contents .list-link06 > li .info{
display:block;
margin-top:4px;
color:#757575;
font-size:1.2rem;
font-weight:normal;
}

/* list-btn01
----------------------------------------*/
#contents .list-btn01{margin:24px -7px 9px -8px;}
#contents .list-btn01 li{
box-sizing:border-box;
float:left;
margin:0 0 15px;
padding:0 7px 0 8px;
width:50%;
font-weight:bold;
}
#contents .list-btn01 li:nth-child(2n+1){clear:both;}
#contents .list-btn01 li a{
display:table-cell;
width:250px;
height:40px;
border-radius:4px;
background:#59c4ab;
color:#fff;
text-decoration:none;
text-align:center;
vertical-align:middle;
}

/* list-btn02
----------------------------------------*/
#contents .list-btn02 li{margin-bottom:24px;}

/* list-bnr01
----------------------------------------*/
#contents .list-bnr01{margin-bottom:28px;}
#contents .list-bnr01 li{
margin-bottom:16px;
text-align:center;
}

/* list-menu01
----------------------------------------*/
#contents .list-menu01 li{margin:0 0 20px;}
#contents .list-menu01 li:last-of-type{margin-bottom:0;}
#contents .list-menu01 li a,
#contents .list-menu01 li span.lay{
display:block;
position:relative;
padding-left:40px;
color:#292929;
text-decoration:none;
}

#contents .list-menu01 li a::before,
#contents .list-menu01 li span.lay::before{
display:block;
content:'';
position:absolute;
top:0;
left:0;

width:20px;
height:20px;
background:url(../images/bg/icon.png) no-repeat;
background-size:500px auto;
}
#contents .list-menu01 li.tw a::before{background-position:0 -100px;}
#contents .list-menu01 li.fb a::before{background-position:-50px -100px;}
#contents .list-menu01 li.line a::before{background-position:-100px -100px;}
#contents .list-menu01 li.url span.lay::before{background-position:-150px -100px;}
#contents .list-menu01 li.follow a::before{
display:block;
content:'\e87e';/* favorite_border */
position:absolute;
top:0;
left:0;
background:none;
color:#9e9e9e;
font-family:'Material Icons';
font-size:2.2rem;
font-weight:normal;
line-height:1;
}
#contents .list-menu01 li.paper a::before{
display:block;
content:'\e873';/* description */
position:absolute;
top:0;
left:0;
background:none;
color:#ff7f00;
font-family:'Material Icons';
font-size:2.4rem;
font-weight:normal;
line-height:1;
}

/* list-article
----------------------------------------*/
#contents .list-article01,
#contents .list-article03{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -8px;
}
#contents .list-article01 li,
#contents .list-article03 li{
box-sizing:border-box;
margin:0 0 24px;
padding:0 8px;
width:50%;
font-size:1.4rem;
font-weight:bold;
}
#contents .list-article01 li a,
#contents .list-article02 li a,
#contents .list-article03 li a,
#contents .list-article04 li a{color:#292929;}
#contents .list-article01.i-cate-theme li a,
#contents .list-article02.i-cate-theme li a,
#contents .list-article03.i-cate-theme li a,
#contents .list-article04.i-cate-theme li a{color:#e85c5c;}
#contents .list-article01 li figure,
#contents .list-article03 li figure{margin-bottom:10px;}
#contents .list-article01 li .offer,
#contents .list-article02 li .offer,
#contents .list-article03 li .offer{
display:block;
margin-top:5px;
color:#666;
font-size:1.2rem;
font-weight:normal;
}
#contents .list-article01.relate-article li:nth-child(n+7){display:none;}

/* list-article02 */
#contents .list-article02 li{
overflow:hidden;
margin:0 0 8px;
font-weight:bold;
}
#contents .list-article02 li figure{
float:left;
margin:0 10px 0 0;
width:45%;
max-width:180px;
}
#contents .list-article02 li .txt{overflow:hidden;}

/* list-article04 */
#contents .list-article04 li{
overflow:hidden;
margin:0 0 16px;
font-size:1.3rem;
font-weight:bold;
}
#contents .list-article04 li figure{
float:left;
margin:0 16px 0 0;
width:100px;
}
#contents .list-article04 li .txt{overflow:hidden;}

/* list-member-step01
----------------------------------------*/
#contents .list-member-step01{
display:flex;
justify-content:center;
flex-wrap:wrap;
margin:0 0 32px;
list-style:none;
counter-reset:circle 0;
}
#contents .list-member-step01 li{
box-sizing:border-box;
position:relative;
counter-reset:item;
width:14.285%;
color:#666;
font-size:1rem;
font-weight:bold;
text-align:center;
}
#contents .list-member-step01 li:before{
box-sizing:border-box;
position:relative;
z-index:1;
counter-increment:circle;
content:counter(circle);
margin:0 auto 5px;
width:20px;
height:20px;
border:1px solid #03bdde;
border-radius:20px;
background:#e5f8fc;
color:#03bdde;
line-height:18px;
}
#contents .list-member-step01 li:after{
content:'';
position:absolute;
top:7px;
left:0;
z-index:0;
width:100%;
height:6px;
background:#f5f5f5;
}
#contents .list-member-step01 li:first-of-type:after{left:50%;width:50%;}
#contents .list-member-step01 li:last-of-type:after{left:auto;right:50%;width:50%;}
#contents .list-member-step01 li .txt{
display:block;
width:111.111%;
transform:scale(.9);
}
#contents .list-member-step01 .current{color:#03bdde;}
#contents .list-member-step01 .current:before{
background:#03bdde;
color:#fff;
}

/* list-election01
----------------------------------------*/
#contents .list-election01 li{
margin:0 0 16px;
border:1px solid #dedede;
border-radius:4px;
background:#e5f8fc;
font-size:1.2rem;
}
#contents .list-election01 li a{
display:block;
overflow:hidden;
padding:16px 10px 16px 16px;
color:#292929;
}
#contents .list-election01 li a figure{
float:left;
width:70px;
margin:0 16px 0 0;
}
#contents .list-election01 li a .txt{overflow:hidden;}
#contents .list-election01 li a .hdg{
margin-bottom:8px;
font-size:1.7rem;
}

/* list-tag01
----------------------------------------*/
#contents .list-tag01{margin:0 -6px 12px;}
#contents .list-tag01 li{
box-sizing:border-box;
float:left;
margin:0 6px 12px;
min-width:56px;
border:1px solid #dedede;
border-radius:4px;
font-size:1.2rem;
font-weight:bold;
text-align:center;
}
#contents .list-tag01 li a{
display:block;
padding:6px 4px;
color:#292929;
text-decoration:none;
}

/* list-tag02
----------------------------------------*/
#contents .list-tag02{margin:0 -6px 12px;}
#contents .list-tag02 li{
box-sizing:border-box;
float:left;
margin:0 6px 12px;
font-size:1.3rem;
font-weight:bold;
text-align:center;
}
#contents .list-tag02 li a{
display:block;
padding:6px 12px;
border:1px solid #dedede;
border-radius:4px;
background:#f5f5f5;
color:#292929;
text-decoration:none;
}
#contents .list-tag02 li a::before{
display:inline;
content:'\23';
margin-right:8px;
color:#9e9e9e;
}

/* list-gallery01
----------------------------------------*/
#contents .list-gallery01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -1px 24px;
}
#contents .list-gallery01 li{
margin:0 1px 2px;
width:calc(33.33% - 2px);
}
#contents .list-gallery01 a img{width:100%;}

/* list-gallery02
----------------------------------------*/
#contents .list-gallery02{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin:0 0 16px;
padding:10px;
background:#292929;
}
#contents .list-gallery02 li{
box-sizing:border-box;
margin:0;
padding:0 5px;
width:33.33%;
text-align:center;
}

/* list-tab01
----------------------------------------*/
#contents .list-tab01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 0 24px;
border-bottom:1px solid #dedede;
}
#contents .list-tab01 li{
box-sizing:border-box;
margin:0;
border-bottom:3px solid transparent;
font-size:1.6rem;
font-weight:bold;
text-align:center;
}
#contents .list-tab01.col2 li{width:50%;}
#contents .list-tab01.col3 li{width:33.33%;}
#contents .list-tab01 li a{
display:block;
padding:8px 4px;
color:#666;
text-decoration:none;
}
#contents .list-tab01 li.current{border-color:#03bdde;}
#contents .list-tab01 li.current a{color:#292929;}

/* list-paper01
----------------------------------------*/
#contents .list-paper01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -7px 24px;
}
#contents .list-paper01 > li{
box-sizing:border-box;
margin:0 7px 24px;
width:calc(50% - 14px);
}
#contents .list-paper01 > li a{text-decoration:none;}
#contents .list-paper01 .date{
margin:0 0 12px;
padding:5px;
background:#e5f8fc;
color:#03bdde;
font-size:1.3rem;
font-weight:bold;
text-align:center;
}
#contents .list-paper01 figure{
margin:0;
padding:3px;
border:1px solid #dedede;
text-align:center;
}
#contents .list-paper01 .title{
margin:12px 0 0;
color:#292929;
font-size:1.4rem;
font-weight:bold;
}
#contents .list-paper01 .title.lock::before{
display:inline-block;
content:'\e897';/* lock */
margin-right:5px;
color:#e0b628;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}

/* list-paper02
----------------------------------------*/
#contents .list-paper02{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -7px;
}
#contents .list-paper02 > li{
box-sizing:border-box;
margin:0 7px 24px;
width:calc(50% - 14px);
}
#contents .list-paper02 > li a{text-decoration:none;}
#contents .list-paper02 figure{
margin:0;
padding:3px;
border:1px solid #dedede;
text-align:center;
}
#contents .list-paper02 .title{
margin:12px 0 0;
color:#292929;
font-size:1.4rem;
font-weight:bold;
text-align:center;
}
#contents .list-paper02 .title.lock::before{
display:inline-block;
content:'\e897';/* lock */
margin-right:5px;
color:#e0b628;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}

/* list-sns01
----------------------------------------*/
#contents .list-sns01{
margin:0 -7px 25px;
letter-spacing:-.4em;
text-align:center;
}
#contents .list-sns01 li{
display:inline-block;
margin:0 7px;
letter-spacing:normal;
}
#contents .list-sns01 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;
}
#contents .list-sns01li.tw a{background-position:0 0;}
#contents .list-sns01 li.fb a{background-position:-50px 0;}
#contents .list-sns01 li.line a{background-position:-100px 0;}
#contents .list-sns01 li.insta a{background-position:-150px 0;}
#contents .list-sns01 li.youtube a{background-position:-200px 0;}

/* list-app-btn01
----------------------------------------*/
#contents .list-app-btn01 li{
margin-bottom:16px;
text-align:center;
}
#contents .list-app-btn01 li img{height:80px;}


/*------------------------------------------------------------------------------------------------------------------------
Definition List
------------------------------------------------------------------------------------------------------------------------*/
#contents .dlist-type01 dt{font-weight:bold;}
#contents .dlist-type01 dd{padding-left:1em;}


/*------------------------------------------------------------------------------------------------------------------------
Layout Block
------------------------------------------------------------------------------------------------------------------------*/
/* blk-column01
----------------------------------------*/
#contents .blk-column01{overflow:hidden;}
#contents .blk-column01.img-left .img{
float:left;
margin-right:16px;
}
#contents .blk-column01.img-right .img{
float:right;
margin-left:16px;
}
#contents .blk-column01 .txt{overflow:hidden;}

/* blk-col
----------------------------------------*/
#contents .blk-col{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -8px;
}
#contents .blk-col .cont{
box-sizing:border-box;
margin:0 8px;
}
/*#contents .blk-col.col2 .cont{width:calc(50% - 16px);}*/
/*#contents .blk-col.col3 .cont{width:calc(33.33% - 16px);}*/
/*#contents .blk-col.col4 .cont{width:calc(25% - 16px);}*/

#contents .blk-col.col2 .cont{width:100%;}
#contents .blk-col.col3 .cont{width:100%;}
#contents .blk-col.col4 .cont{width:100%;}


/*------------------------------------------------------------------------------------------------------------------------
Block Element
------------------------------------------------------------------------------------------------------------------------*/
/* blk-iframe
----------------------------------------*/
#contents .blk-iframe01,
#contents .blk-iframe02{
position:relative;
overflow:hidden;
margin:0 0 24px;
height:300px;
}
#contents .blk-iframe01 iframe,
#contents .blk-iframe02 iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* blk-segment01
----------------------------------------*/
#contents .blk-segment01{
box-sizing:border-box;
margin-bottom:24px;
padding:18px 20px;
border:2px solid #dedede;
border-radius:6px;
}
#contents .blk-segment01 p:last-of-type,
#contents .blk-segment01 ul:last-of-type,
#contents .blk-segment01 ol:last-of-type,
#contents .blk-segment01 dl:last-of-type{margin-bottom:0;}

/* blk-segment02
----------------------------------------*/
#contents .blk-segment02{
box-sizing:border-box;
margin-bottom:24px;
padding:18px 20px;
border:2px solid #f2828e;
border-radius:6px;
}
#contents .blk-segment02 p:last-of-type,
#contents .blk-segment02 ul:last-of-type,
#contents .blk-segment02 ol:last-of-type,
#contents .blk-segment02 dl:last-of-type{margin-bottom:0;}

/* blk-segment03
----------------------------------------*/
#contents .blk-segment03{
box-sizing:border-box;
margin-bottom:24px;
padding:18px 20px;
border-radius:6px;
background:#e4f8fb;
}
#contents .blk-segment03 p:last-of-type,
#contents .blk-segment03 ul:last-of-type,
#contents .blk-segment03 ol:last-of-type,
#contents .blk-segment03 dl:last-of-type{margin-bottom:0;}

/* blk-segment04
----------------------------------------*/
#contents .blk-segment04{
box-sizing:border-box;
margin-bottom:24px;
padding:18px 20px;
border-radius:6px;
background:#ffefee;
}
#contents .blk-segment04 p:last-of-type,
#contents .blk-segment04 ul:last-of-type,
#contents .blk-segment04 ol:last-of-type,
#contents .blk-segment04 dl:last-of-type{margin-bottom:0;}

/* blk-segment05
----------------------------------------*/
#contents .blk-segment05{
box-sizing:border-box;
margin-bottom:24px;
padding:18px 20px;
background:#f5f5f5;
}
#contents .blk-segment05 p:last-of-type,
#contents .blk-segment05 ul:last-of-type,
#contents .blk-segment05 ol:last-of-type,
#contents .blk-segment05 dl:last-of-type{margin-bottom:0;}

/* blk-separation01
----------------------------------------*/
#contents .blk-separation01{
padding-top:20px;
border-top:1px dotted #dedede;
}

/* blk-quote01
----------------------------------------*/
#contents .blk-quote01{
position:relative;
margin-bottom:24px;
padding:46px 24px 24px;
border-left:3px solid #abe3ed;
background:#f5f5f5;
}
#contents .blk-quote01::before,
#contents .blk-quote01::after{
content:'';
position:absolute;
width:21px;
height:17px;
background:#f5f5f5 url(../images/bg/icon.png) 0 -150px no-repeat;
background-size:500px auto;
}
#contents .blk-quote01::before{
top:15px;
left:15px;
background-position:0 -150px;
}
#contents .blk-quote01::after{
bottom:15px;
right:15px;
background-position:-50px -150px;
}

/* blk-bnr01
----------------------------------------*/
#contents .blk-bnr01{
margin:0 auto 16px;
max-width:300px;
text-align:center;
}

/* blk-bnr02
----------------------------------------*/
#contents .blk-bnr02{margin: 0 0 32px;}
#contents .blk-bnr02 .cont{
margin:0 auto 16px;
max-width:300px;
text-align:center;
}
#contents .blk-bnr02 .cont.is-cont-w336{
  max-width:336px;
}

/* blk-sort01
----------------------------------------*/
#contents .blk-sort01 .hdg{
font-size:1.6rem;
text-align:center;
}
#contents .blk-sort01 > .cont{
overflow:hidden;
margin-bottom:16px;
}
#contents .blk-sort01 > .cont p{font-size:1.4rem;}
#contents .blk-sort01 > .cont .txt-head{
float:left;
margin:.35em 0 0;
width:80px;
}
#contents .blk-sort01 > .cont .txt{
overflow:hidden;
margin:0;
}

/* blk-sort02
----------------------------------------*/
#contents .blk-sort01 .hdg{
font-size:1.6rem;
text-align:center;
}
#contents .blk-sort02 p{font-size:1.4rem;}
#contents .blk-sort02 .txt-head{
margin:0 0 12px;
font-weight:bold;
}
#contents .blk-sort02 .select-type01{display:block;}

/* article-cont01
----------------------------------------*/
#contents .article-cont01 figure{
position:relative;
margin:0 0 15px;
}
#contents .article-cont01 figure img{width:100%;}
#contents .article-cont01 figure.movie::before,
#contents .article-cont01 figure.movie::after{
content:'';
position:absolute;
}
#contents .article-cont01 figure.movie::before{
bottom:0;
right:0;
width:19px;
height:19px;
background:#f00;
}
#contents .article-cont01 figure.movie::after{
bottom:5px;
right:5px;
width:0;
height:0;
border-style:solid;
border-width:4.5px 0 4.5px 7px;
border-color:transparent transparent transparent #fff;
}
#contents .article-cont01 figure figcaption{
position:absolute;
top:0;
left:0;
padding:2px 6px;
background:#03bdde;
color:#fff;
font-size:1rem;
font-weight:bold;
}
#contents .article-cont01 .ad figure figcaption{background:#9e9e9e;}
#contents .article-cont01 .txt{overflow:hidden;}
#contents .article-cont01 .hdg{
margin-bottom:5px;
font-size:1.7rem;
font-weight:bold;
line-height:1.4;
}
#contents .article-cont01 .sub{
display:block;
margin-bottom:5px;
color:#03bdde;
font-size:1.3rem;
}
#contents .article-cont01 .sub.type01{color:#e85c5c;}
#contents .article-cont01 .lock::before{
display:inline-block;
content:'\e897';/* lock */
margin-right:5px;
color:#e0b628;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}
#contents .article-cont01 p{
margin:5px 0;
font-size:1.2rem;
line-height:1.5;
}
#contents .article-cont01 .info{
margin:0;
color:#666;
font-size:1rem;
text-indent:0;
}
#contents .article-cont01 .info .time{
display:inline-block;
margin-left:5px;
}
#contents .article-cont01 .info .new{
margin-left:5px;
padding:1px 5px;
border-radius:10px;
background:#ec4a61;
color:#fff;
}
#contents .article-cont01 a{
display:block;
color:#292929;
text-decoration:none;
}

/* imakana */
body.i-cate-theme #contents .article-cont01 .i-cate-theme figure figcaption,
#contents .article-cont01 .i-cate-theme figure figcaption{background:#e85c5c;}
body.i-cate-product #contents .article-cont01 .i-cate-theme figure figcaption,
#contents .article-cont01 .i-cate-product figure figcaption{background:#89c6a7;}
body.i-cate-shop #contents .article-cont01 .i-cate-theme figure figcaption,
#contents .article-cont01 .i-cate-shop figure figcaption{background:#e9ca55;}
body.i-cate-recommendation #contents .article-cont01 .i-cate-theme figure figcaption,
#contents .article-cont01 .i-cate-recommendation figure figcaption{background:#977963;}
body.i-cate-theme #contents .article-cont01 .sub,
#contents .article-cont01 .i-cate-theme .sub{color:#e85c5c;}
body.i-cate-product #contents .article-cont01 .sub,
#contents .article-cont01 .i-cate-product .sub{color:#89c6a7;}
body.i-cate-shop #contents .article-cont01 .sub,
#contents .article-cont01 .i-cate-shop .sub{color:#e9ca55;}
body.i-cate-recommendation #contents .article-cont01 .sub,
#contents .article-cont01 .i-cate-recommendation .sub{color:#977963;}

/* blk-article-list01
----------------------------------------*/
#contents .blk-article-list01.article-cont01{margin:0 0 16px;}
#contents .blk-article-list01.article-cont01 > .cont{
overflow:hidden;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list01.article-cont01 figure{
float:left;
margin:0 10px 0 0;
width:120px;
}
#contents .blk-article-list01.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list01.article-cont01 .hdg .sub{font-size:1.1rem;}
#contents .blk-article-list01.article-cont01 p{display:none;}
#contents .blk-article-list01.article-cont01 p.info{display:block;}

/* blk-article-list02
----------------------------------------*/
#contents .blk-article-list02.article-cont01{margin:0 0 16px;}
#contents .blk-article-list02.article-cont01 > .cont{
overflow:hidden;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list02.article-cont01 figure{
float:left;
margin:0 10px 0 0;
width:120px;
}
#contents .blk-article-list02.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list02.article-cont01 .hdg .sub{font-size:1.1rem;}
#contents .blk-article-list02.article-cont01 p{display:none;}
#contents .blk-article-list02.article-cont01 p.info{display:block;}

/* blk-article-list03
----------------------------------------*/
#contents .blk-article-list03.article-cont01{margin:0 0 16px;}
#contents .blk-article-list03.article-cont01 > .cont{
overflow:hidden;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list03.article-cont01 figure{
float:left;
margin:0 16px 0 0;
width:100px;
}
#contents .blk-article-list03.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list03.article-cont01 .hdg .sub{font-size:1.1rem;}

/* blk-article-list04
----------------------------------------*/
#contents .blk-article-list04.article-cont01{margin:0 0 16px;}
#contents .blk-article-list04.article-cont01 > .cont{
overflow:hidden;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list04.article-cont01 figure{
float:left;
margin:0 10px 0 0;
width:120px;
}
#contents .blk-article-list04.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list04.article-cont01 .hdg .sub{font-size:1.1rem;}

/* blk-article-list05
----------------------------------------*/
#contents .blk-article-list05.article-cont01{margin:0 0 16px;}
#contents .blk-article-list05.article-cont01 > .cont{
overflow:hidden;
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list05.article-cont01.only{margin-bottom:0;}
#contents .blk-article-list05.article-cont01.only > .cont{
padding-bottom:0;
border-bottom:0;
}
#contents .blk-article-list05.article-cont01 figure{
float:left;
margin:0 15px 0 0;
width:47.76%;
max-width:160px;
}
#contents .blk-article-list05.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list05.article-cont01 .hdg .sub{font-size:1.1rem;}
#contents .blk-article-list05.article-cont01 p{display:none;}
#contents .blk-article-list05.article-cont01 p.info{display:block;}

/* blk-article-list06
----------------------------------------*/
#contents .blk-article-list06.article-cont01{margin:0 0 16px;}
#contents .blk-article-list06.article-cont01 .cont{
overflow:hidden;
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list06.article-cont01 figure{
float:left;
margin:0 16px 0 0;
width:100px;
}
#contents .blk-article-list06.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list06.article-cont01 .hdg .sub{font-size:1.1rem;}

/* blk-article-list07
----------------------------------------*/
#contents .blk-article-list07.article-cont01{margin:0 0 16px;}
#contents .blk-article-list07.article-cont01 > .cont{
overflow:hidden;
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list07.article-cont01 figure{
float:left;
margin:0 16px 0 0;
width:100px;
}
#contents .blk-article-list07.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list07.article-cont01 .hdg .sub{font-size:1.1rem;}

/* blk-article-list08
----------------------------------------*/
#contents .blk-article-list08.article-cont01{margin:0 0 16px;}
#contents .blk-article-list08.article-cont01 > .cont{
overflow:hidden;
margin-bottom:16px;
padding:15px;
border-radius:4px;
background:#f5f5f5;
box-shadow:0 3px 6px 0 rgba(0,0,0,0.15);
}
#contents .blk-article-list08.article-cont01 figure{
float:left;
margin:0 16px 0 0;
width:70px;
}
#contents .blk-article-list08.article-cont01 .hdg{font-size:1.6rem;}
#contents .blk-article-list08.article-cont01 p{text-indent:0;}

/* blk-article-list09
----------------------------------------*/
#contents .blk-article-list09.article-cont01{margin:0 0 16px;}
#contents .blk-article-list09.article-cont01 > .cont{
overflow:hidden;
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #dedede;
}
#contents .blk-article-list09.article-cont01 figure{
float:left;
margin:0 15px 0 0;
width:120px;
}
#contents .blk-article-list09.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list09.article-cont01 .hdg .sub{font-size:1.1rem;}
#contents .blk-article-list09.article-cont01 p{display:none;}
#contents .blk-article-list09.article-cont01 p.info{display:block;}

/* blk-time-series01
--------------------------------------*/
#contents .blk-time-series01{margin-bottom:8px;}
#contents .blk-time-series01 > .cont{
position:relative;
padding:0 0 24px 32px;
}
#contents .blk-time-series01 > .cont::before{
content:'';
position:absolute;
top:0;
bottom:0;
left:7px;
z-index:1;
width:6px;
background:rgba(3,189,222,.2);
}
#contents .blk-time-series01 > .cont:first-of-type::before{top:5.3em;}
#contents .blk-time-series01 > .cont:last-of-type::before{bottom:24px;}
#contents .blk-time-series01 > .cont:last-of-type::after{
content:'';
position:absolute;
bottom:2px;
left:7px;
z-index:1;
width:6px;
height:22px;
background:url(../images/bg/border-blk-time-series01.png) left top no-repeat;
background-size:6px auto;
}
#contents .blk-time-series01 .date{
margin:0 0 10px;
color:#03bdde;
font-size:1rem;
}
#contents .blk-time-series01 .date strong{
display:inline-block;
margin-left:10px;
font-size:1.6rem;
font-weight:bold;
}
#contents .blk-time-series01 > .cont > .lay{
position:relative;
}
#contents .blk-time-series01 > .cont > .lay::before,
#contents .blk-time-series01 > .cont > .lay::after{
content:'';
position:absolute;
border-radius:20px;
}
#contents .blk-time-series01 > .cont > .lay::before{
top:15px;
left:-32px;
z-index:0;
width:20px;
height:20px;
background:rgba(3,189,222,.3);
}
#contents .blk-time-series01 > .cont > .lay::after{
top:19px;
left:-28px;
z-index:2;
width:12px;
height:12px;
background:#03bdde;
}
#contents .blk-time-series01 .text{
position:relative;
margin:0 0 0 10px;
padding:16px;
box-shadow:0 2px 5px 0px rgba(0,0,0,0.3);
border-radius:4px;
background:#fdfaf4;
}
#contents .blk-time-series01 .text::before {
content:'';
position:absolute;
z-index:1;
left:-8px;
top:19px;
width:15px;
height:15px;
box-shadow:0 2px 5px 0px rgba(0,0,0,0.3);
background:#fdfaf4;
transform:rotate(45deg);
}
#contents .blk-time-series01 .text::after{
content:'';
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
border-radius:4px;
background:#fdfaf4;
}
#contents .blk-time-series01 .text > *{
position:relative;
z-index:3;
}
#contents .blk-time-series01 .text .hdg{
margin-bottom:5px;
font-size:1.7rem;
}
#contents .blk-time-series01 .text .hdg .place{
display:inline-block;
margin-right:8px;
padding:2px 5px;
background:#03bdde;
font-size:1.3rem;
color:#fff;
}
#contents .blk-time-series01 .text p{
margin-bottom:0;
font-size:1.4rem;
}

/* blk-area-top
----------------------------------------*/
#contents .blk-area-top{
margin-bottom:20px;
border-bottom:1px solid #666;
}
#contents .blk-area-top .blk-article-list01.article-cont01{margin-bottom:0;}
#contents .blk-area-top .blk-article-list01.article-cont01 > .cont{
margin-bottom:16px;
padding-bottom:16px;
}
#contents .blk-area-top .blk-article-list01.article-cont01 figure{
margin-right:15px;
width:100px;
}
#contents .blk-area-top .blk-article-list01.article-cont01 > .cont:last-of-type{
margin-bottom:0;
border-bottom:0;
}

/* blk-article-col2
----------------------------------------*/
#contents .blk-article-col2 > .col{
margin-bottom:20px;
border-bottom:1px solid #666;
}
#contents .blk-article-col2 .blk-article-list06.article-cont01{margin-bottom:0;}
#contents .blk-article-col2 .blk-article-list06.article-cont01 .cont:last-of-type{
margin-bottom:0;
border-bottom:0;
}

/* blk-summary-list01
----------------------------------------*/
#contents .blk-summary-list01{margin-bottom:32px;}

/* blk-share01
----------------------------------------*/
#contents .blk-share01{
padding-top:20px;
border-top:1px dotted #dedede;
}
#contents .blk-share01.type01{border-bottom:1px dotted #dedede;}
#contents .blk-share01 .text{
margin-bottom:8px;
font-size:1.2rem;
font-weight:bold;
text-align:center;
}
#contents .blk-share01 .sns{
margin:0 -4px 30px;
text-align:center;
}
#contents .blk-share01 .sns li{
display:inline-block;
margin:0 3px;
font-size:1rem;
text-align:center;
vertical-align:top;
}
#contents .blk-share01 .sns li a,
#contents .blk-share01 .sns li span.lay{
display:block;
position:relative;
color:#292929;
text-decoration:none;
cursor:pointer;
}
#contents .blk-share01 .sns li a::before,
#contents .blk-share01 .sns li span.lay::before{
display:block;
content:'';
margin:0 auto 8px;
width:44px;
height:44px;
background:url(../images/bg/icon.png) no-repeat;
background-size:500px auto;
}
#contents .blk-share01 .sns li.tw a::before{background-position:0 -50px;}
#contents .blk-share01 .sns li.fb a::before{background-position:-50px -50px;}
#contents .blk-share01 .sns li.line a::before{background-position:-100px -50px;}
#contents .blk-share01 .sns li.url span.lay::before{background-position:-250px -50px;}
#contents .blk-share01 .sns li.paper a::before{background-position:-350px -50px;}
#contents .blk-share01 .sns li.follow a::before{
display:block;
box-sizing:border-box;
content:'';
border:1px solid #9e9e9e;
border-radius:44px;
background:#fff;
}
#contents .blk-share01 .sns li.follow a::after{
display:block;
content:'\e87e';/* favorite_border */
position:absolute;
top:13px;
left:50%;
margin-left:-11px;
background:none;
color:#9e9e9e;
font-family:'Material Icons';
font-size:2.2rem;
font-weight:normal;
line-height:1;
}

/* js-copy
----------------------------------------*/
#contents #js-copytext{
position:fixed;
top:-100%;
left:-100%;
font-size:1.6rem;
}
#contents .js-copybtn{cursor:pointer;}

/* btn-share-menu
----------------------------------------*/
#contents .btn-share-menu{
margin:0;
width:44px;
height:44px;
}
#contents .btn-share-menu a{
display:block;
box-sizing:border-box;
overflow:hidden;
position:relative;
width:44px;
height:44px;
border:1px solid #dedede;
border-radius:44px;
background:#f5f5f5;
font-size:2.2rem;
text-indent:200%;
white-space:nowrap;
}
#contents .btn-share-menu a::after{
display:block;
content:'\e5d3';/* more_horiz */
position:absolute;
top:50%;
left:11px;
z-index:1;
color:#9e9e9e;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}

/* blk-modal01
----------------------------------------*/
#contents .blk-modal01{
display:none;
position:absolute;
top:100px;
left:20px;
right:20px;
z-index:1000;
padding-bottom:20px;
}
#contents .blk-modal01 > .lay{
padding:24px 20px 1px;
border-radius:10px;
background:#fff;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#contents .blk-modal01 .btn-close{
position:absolute;
top:-10px;
right:-10px;
z-index:1001;
margin:0;
width:44px;
height:44px;
}
#contents .blk-modal01 .btn-close a{
display:block;
box-sizing:border-box;
overflow:hidden;
width:44px;
height:44px;
border-radius:44px;
background:#aaa;
font-size:2.4rem;
text-indent:200%;
white-space:nowrap;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#contents .blk-modal01 .btn-close a::after{
display:block;
content:'\e5cd';/* close */
position:absolute;
top:50%;
left:10px;
z-index:1;
color:#fff;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
body.hsbaseball #contents .blk-modal01 .hdg-type17{
margin:0 -20px 20px;
padding:0 0 20px;
border-bottom:1px solid #dedede;
background:transparent;
color:#292929;
font-size:1.8rem;
text-align:center;
}
body.hsbaseball #contents .blk-modal01 .hdg-type03{
margin:0 -20px 20px;
padding:0;
border-bottom:0;
background:transparent;
color:#292929;
font-size:1.8rem;
text-align:center;
}
body.hsbaseball #contents .blk-modal01 .tbl-baseball01{
margin-right:-20px;
margin-left:-20px;
width:calc(100% + 40px);
}
body.hsbaseball #contents .blk-modal01 .img-school{
margin-right:-20px;
margin-left:-20px;
}

/* blk-menu-modal01
----------------------------------------*/
#contents .blk-menu-modal01{
display:none;
position:fixed;
top:50%;
left:20px;
right:20px;
z-index:1000;
padding:24px 20px 8px;
border-radius:10px;
background:#fff;
transform:translate(0,-50%);
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#contents .blk-menu-modal01.blk-sort01{
margin-top:-150px;
transform:none;
}
#contents .blk-menu-modal01 .btn-close{
position:absolute;
top:-10px;
right:-10px;
z-index:1001;
margin:0;
width:44px;
height:44px;
}
#contents .blk-menu-modal01 .btn-close a{
display:block;
box-sizing:border-box;
overflow:hidden;
width:44px;
height:44px;
border-radius:44px;
background:#aaa;
font-size:2.4rem;
text-indent:200%;
white-space:nowrap;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#contents .blk-menu-modal01 .btn-close a::after{
display:block;
content:'\e5cd';/* close */
position:absolute;
top:50%;
left:10px;
z-index:1;
color:#fff;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
#contents .blk-menu-modal01 .hdg01{
margin-bottom:20px;
font-size:1.6rem;
text-align:center;
}

/* blk-menu-modal01
----------------------------------------*/
#contents #tournament-guidance{
position:absolute;
bottom:100%;
left:20px;
right:20px;
z-index:1100;
padding-bottom:20px;
opacity:0;
transition:all .8s ease;
}
#contents #tournament-guidance.visible{
top:20px;
bottom:auto;
}
#contents #tournament-guidance > .lay{
padding:24px 20px 1px;
border-radius:10px;
background:#fff;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#contents #tournament-guidance .btn-close{
position:absolute;
top:-10px;
right:-10px;
z-index:1101;
margin:0;
width:44px;
height:44px;
}
#contents #tournament-guidance .btn-close a{
display:block;
box-sizing:border-box;
overflow:hidden;
width:44px;
height:44px;
border-radius:44px;
background:#aaa;
font-size:2.4rem;
text-indent:200%;
white-space:nowrap;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#contents #tournament-guidance .btn-close a::after{
display:block;
content:'\e5cd';/* close */
position:absolute;
top:50%;
left:10px;
z-index:1;
color:#fff;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}

/* howto-tournament */
#contents #howto-tournament{margin:0 -20px 24px;}
#contents #howto-tournament ul{margin:0;}
#contents #howto-tournament ul li{
margin:0;
font-size:1.6rem;
font-weight:bold;
text-align:center;
}
#contents #howto-tournament ul li:nth-child(n+2){position:absolute;left:-200%;}
#contents #howto-tournament .bx-wrapper ul li:nth-child(n+2){position:relative;left:auto;}
#contents #howto-tournament ul li .txt{
display:table-cell;
width:2000px;
height:62px;
background:#03bdde;
color:#fff;
text-align:center;
vertical-align:middle;
line-height:1.4;
}
#contents #howto-tournament .bx-controls{
position:relative;
padding:20px 50px 0;
}
#contents #howto-tournament .bx-controls .bx-prev,
#contents #howto-tournament .bx-controls .bx-next{
overflow:hidden;
position:absolute;
top:20px;
z-index:15;
width:30px;
height:30px;
text-indent:200%;
white-space:nowrap;
}
#contents #howto-tournament .bx-controls .bx-prev{left:20px;}
#contents #howto-tournament .bx-controls .bx-next{right:20px;}
#contents #howto-tournament .bx-controls .bx-prev::before,
#contents #howto-tournament .bx-controls .bx-next::before{
display:block;
position:absolute;
top:50%;
left:0;
color:#666;
font-family:'Material Icons';
font-size:3rem;
font-weight:normal;
text-align:center;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
#contents #howto-tournament .bx-controls .bx-prev::before{content:'\e5cb';/* chevron_left */}
#contents #howto-tournament .bx-controls .bx-next::before{content:'\e5cc';/* chevron_right */}
#contents #howto-tournament .bx-controls .bx-prev.disabled::before,
#contents #howto-tournament .bx-controls .bx-next.disabled::before{color:#f5f5f5;}
#contents #howto-tournament .bx-pager{
padding-top:12px;
font-size:0;
text-align:center;
letter-spacing:-.4em;
}
#contents #howto-tournament .bx-pager .bx-pager-item{
display:inline-block;
margin:0 5px;
letter-spacing:normal;
}
#contents #howto-tournament .bx-pager .bx-pager-item .bx-pager-link{
display:block;
overflow:hidden;
width:8px;
height:8px;
border-radius:8px;
background:#f5f5f5;
font-size:0;
text-indent:200%;
white-space:nowrap;
}
#contents #howto-tournament .bx-pager .bx-pager-item .bx-pager-link.active{background:#03bdde;}

/* tournament-guidance-hidden */
#contents #tournament-guidance-hidden{
margin-bottom:16px;
text-align:center;
}


/* notice-members-only
----------------------------------------*/
#contents .notice-members-only{margin:24px 0;}
#contents .notice-members-only .lead{
color:#03bdde;
font-size:1.6rem;
text-align:center;
}
#contents .notice-members-only .lead.lock::before{
display:inline-block;
content:'\e897';/* lock */
margin-right:5px;
color:#e0b628;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}
#contents .notice-members-only .plan > .cont + .cont{
padding-top:20px;
border-top:1px dotted #dedede;
}
#contents .notice-members-only .plan > .cont p{font-size:1.4rem;}

/* blk-about-series01
----------------------------------------*/
#contents .blk-about-series01{
margin-bottom:32px;
padding:0 20px 1px;
border:2px solid #03bdde;
}
#contents .blk-about-series01 .hdg-about-series01{
margin:0 -20px 16px;
padding:12px 20px;
border-bottom:1px solid #03bdde;
font-size:1.6rem;
}
#contents .blk-about-series01 .hdg-about-series02{
margin:0 0 8px;
font-size:1.8rem;
}
#contents .blk-about-series01 .hdg-about-series03{
margin:0 0 16px;
font-size:1.6rem;
text-align:center;
}
#contents .blk-about-series01 .blk-column01 .img{width:60px;}
#contents .blk-about-series01 .list-btn{
overflow:hidden;
margin-bottom:8px;
}
#contents .blk-about-series01 .list-btn li{
float:left;
margin:0 8px 8px 0;
font-size:1.3rem;
font-weight:bold;
}
#contents .blk-about-series01 .list-btn .btn-read a{
display:inline-block;
padding:5px 13px;
color:#fff;
border-radius:4px;
background:#ffb100;
text-decoration:none;
}
#contents .blk-about-series01 .list-btn .btn-follow a{
display:block;
padding:4px 8px 3px;
border:1px solid #dedede;
border-radius:5px;
font-size:1.3rem;
font-weight:bold;
text-decoration:none;
}
#contents .blk-about-series01 .list-btn .btn-follow a::before{
display:inline-block;
content:'\e145';/* add */
margin-right:0;
color:#0096df;
font-family:'Material Icons';
font-size:2rem;
font-weight:normal;
vertical-align:middle;
line-height:1;
}
#contents .blk-about-series01 .blk-column01 p{
clear:both;
margin-bottom:16px;
font-size:1.3rem;
}
#contents .blk-about-series01 .dl-series-new{
padding-top:16px;
border-top:1px dotted #dedede;
}
#contents .blk-about-series01 .dl-series-new dt{
margin-bottom:8px;
font-weight:bold;
}
#contents .blk-about-series01 .dl-series-new li{font-size:1.4rem;}
#contents .blk-about-series01 .sup-info{
margin:0 -20px;
padding:16px 20px 0;
border-top:1px solid #03bdde;
}

/* entry-members-only
----------------------------------------*/
#contents .entry-members-only01{
overflow:hidden;
position:relative;
}
#contents .entry-members-only02{
overflow:hidden;
position:relative;
}
#contents .entry-members-only01::after,
#contents .entry-members-only02::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:100px;
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

/* entry-detail01
----------------------------------------*/
#contents .entry-detail01{margin-bottom:48px;}
#contents .entry-detail01 p{
font-size:1.7rem;
line-height:1.75;
}

/* entry-detail02
----------------------------------------*/
#contents .entry-detail02{margin-bottom:0;}
#contents .entry-detail02 p{line-height:1.75;}
body.is-source-newspack #contents .entry-detail02 p{margin-bottom: 0;}
body.imakana #contents .entry-detail02 h2{
margin-bottom:24px;
padding:10px;
background:#03bdde;
color:#fff;
font-size:1.6rem;
}
body.imakana #contents .entry-detail02 h3{
margin-bottom:24px;
padding:2px 0 2px 16px;
border-left:5px solid #03bdde;
font-size:1.6rem;
}
body.imakana.i-cate-theme #contents .entry-detail02 h2{background:#e85c5c;}
body.imakana.i-cate-product #contents .entry-detail02 h2{background:#89c6a7;}
body.imakana.i-cate-shop #contents .entry-detail02 h2{background:#e9ca55;}
body.imakana.i-cate-recommendation #contents .entry-detail02 h2{background:#977963;}
body.imakana.i-cate-theme #contents .entry-detail02 h3{border-color:#e85c5c;}
body.imakana.i-cate-product #contents .entry-detail02 h3{border-color:#89c6a7;}
body.imakana.i-cate-shop #contents .entry-detail02 h3{border-color:#e9ca55;}
body.imakana.i-cate-recommendation #contents .entry-detail02 h3{border-color:#977963;}


/* entry-recommend01
----------------------------------------*/
#contents .entry-recommend01{
position:relative;
margin:0 -20px 32px;
padding:30px 20px 20px;
background:#e4f8fb;
}
#contents .entry-recommend01::before{
content:'';
position:absolute;
top:0;
left:50%;
margin-left:-9px;
width:0;
height:0;
border-style:solid;
border-width:9px 9.5px 0 9.5px;
border-color:#ffffff transparent transparent transparent;
}
#contents .entry-recommend01 > .lay{
padding:16px 16px 1px;
border-radius:6px;
background:#fff;
box-shadow:0 0 4px 2px rgba(0,0,0,0.1);
}
#contents .entry-recommend01 .hdg-type06{margin-bottom:16px;}
#contents .entry-recommend01 .list01{
overflow:hidden;
margin:0 -16px 16px;
}
#contents .entry-recommend01 .list01 li{
position:relative;
margin:0;
}
#contents .entry-recommend01 .list01 li figure{margin:0;}
#contents .entry-recommend01 .list01 li figure .middle,
#contents .entry-recommend01 .list01 li:nth-child(2) figure .large,
#contents .entry-recommend01 .list01 li:nth-child(3) figure .large{display:none;}
#contents .entry-recommend01 .list01 li:nth-child(2) figure .middle,
#contents .entry-recommend01 .list01 li:nth-child(3) figure .middle{display:inline;}
#contents .entry-recommend01 .list01 li img{width:100%}
#contents .entry-recommend01 .list01 li:nth-child(2),
#contents .entry-recommend01 .list01 li:nth-child(3){
float:left;
margin:0;
width:50%;
}
#contents .entry-recommend01 .list01 li:nth-child(n+4){display:none;}
#contents .entry-recommend01 .list01 li .hdg{
box-sizing:border-box;
position:absolute;
bottom:0;
left:0;
z-index:2;
margin:0;
padding:20px 12px 10px;
width:100%;
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);
color:#fff;
font-size:1.4rem;
line-height:1.3;
}
#contents .entry-recommend01 .list01 li .hdg .sub{font-size:1.1rem;}
#contents .entry-recommend01 .list02{margin:0;}
#contents .entry-recommend01 .list02 li{
display:none;
overflow:hidden;
margin:0 0 10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#contents .entry-recommend01 .list02 li:nth-child(4),
#contents .entry-recommend01 .list02 li:nth-child(5),
#contents .entry-recommend01 .list02 li.only-sp,
#contents .entry-recommend01 .list02 li:last-of-type{display:list-item;}
#contents .entry-recommend01 .list02 li:last-of-type{
padding-bottom:0;
border-bottom:0;
}
#contents .entry-recommend01 .list02 li a{color:#292929;text-decoration:none;}
#contents .entry-recommend01 .list02 li figure{
float:left;
margin:0 10px 0 0;
}
#contents .entry-recommend01 .list02 li .hdg{
overflow:hidden;
margin:0;
font-size:1.4rem;
}
#contents .entry-recommend01 .list02 li .hdg .sub{
color:#03bdde;
font-size:1.1rem;
}

body.imakana #contents .entry-recommend01{background:#f5f5f5;}
body.imakana #contents .entry-recommend01 .list02 .i-cate-theme .hdg .sub{color:#e85c5c;}
body.imakana #contents .entry-recommend01 .list02 .i-cate-product .hdg .sub{color:#89c6a7;}
body.imakana #contents .entry-recommend01 .list02 .i-cate-shop .hdg .sub{color:#e9ca55;}
body.imakana #contents .entry-recommend01 .list02 .i-cate-recommendation .hdg .sub{color:#977963;}


/* blk-toggle-list01
----------------------------------------*/
#contents .blk-toggle-list01,
footer .blk-toggle-list01{
margin-bottom:24px;
border-bottom:1px solid #dedede;
}
#contents .blk-toggle-list01 + .blk-toggle-list01,
footer .blk-toggle-list01 + .blk-toggle-list01{
margin-top:-24px;
border-bottom:1px solid #dedede;
}
#contents .blk-toggle-list01 + .blk-toggle-list01 .hdg,
footer .blk-toggle-list01 + .blk-toggle-list01 .hdg{border-top:0;}
#contents .blk-toggle-list01 .hdg,
footer .blk-toggle-list01 .hdg{
position:relative;
margin-bottom:0;
padding:10px 30px 10px 10px;
border-top:1px solid #dedede;
font-size:1.4rem;
font-weight:bold;
cursor:pointer;
}
#contents .blk-toggle-list01 .hdg::after,
footer .blk-toggle-list01 .hdg::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%);
}
#contents .blk-toggle-list01 .hdg.open::after,
footer .blk-toggle-list01 .hdg.open::after{content:'\e15b';/* remove */}
#contents .blk-toggle-list01 > .cont,
footer .blk-toggle-list01 > .cont{
padding-top:5px;
display:none;
}

/* blk-election01
----------------------------------------*/
#contents .blk-election01{margin-bottom:24px;}
#contents .blk-election01 .election-head-sp{
display:table;
border:1px solid #dedede;
width:100%;
}
#contents .blk-election01 .election-head-sp p{
display:table-cell;
padding:8px;
width:auto;
font-size:1.2rem;
text-align:center;
}
#contents .blk-election01 .election-head-sp .head01{
text-align:center;
}
#contents .blk-election01 .election-head-sp .head02{
padding-right:16px;
width:38%;
text-align:right;
}
#contents .blk-election01 .election-head-pc{display:none;}
#contents .blk-election01 > .cont{
display:table;
overflow:hidden;
padding:12px 16px;
width:calc(100% - 32px);
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
border-left:1px solid #dedede;
}
#contents .blk-election01 > .cont .lay01{
display:table-cell;
width:40px;
vertical-align:top;
}
#contents .blk-election01 > .cont .lay02{
display:table-cell;
width:calc(100% - 40px);
}
#contents .blk-election01 > .cont .stage{
display:table;
width:100%;
}
#contents .blk-election01 > .cont .stage + .stage{padding-top:14px;}
#contents .blk-election01 > .cont .txt01{
display:table-cell;
width:32px;
padding-right:8px;
height:50px;
text-align:center;
vertical-align:middle;
}
#contents .blk-election01 > .cont .txt02{
display:table-cell;
overflow:hidden;
width:auto;
vertical-align:top;
}
#contents .blk-election01 > .cont .txt02 figure{
float:left;
margin:0 10px 0 0;
}
#contents .blk-election01 > .cont .txt02 figure img{width:50px;}
#contents .blk-election01 > .cont .txt02 .txt{overflow:hidden;}
#contents .blk-election01 > .cont .txt02 .phonetic{
margin:0;
font-size:1rem;
line-height:1.1;
}
#contents .blk-election01 > .cont .txt02 .name{
margin:0 0 5px;
font-size:1.6rem;
}
@media screen and (max-width:374px){#contents .blk-election01 > .cont .txt02 .name{font-size:1.4rem;}}
#contents .blk-election01 > .cont .txt02 .name .age{
margin-left:3px;
font-size:1.2rem;
}
#contents .blk-election01 > .cont .txt02 p{
margin:0;
font-size:1.2rem;
}
#contents .blk-election01 > .cont .txt02 .party{
display:inline-block;
margin-right:10px;
padding:2px 5px 3px;
background:#666;
color:#fff;
font-weight:bold;
line-height:1.1;
}
#contents .blk-election01 > .cont .txt03{
display:table-cell;
width:75px;
font-size:1.5rem;
font-weight:bold;
text-align:right;
vertical-align:middle;
}
#contents .blk-election01 > .cont .txt03 .overlap{
margin:0;
font-size:1.2rem;
font-weight:normal;
}
#contents .blk-election01 > .cont .txt04{
display:table-cell;
width:auto;
color:#666;
font-size:1.2rem;
line-height:1.4;
}
#contents .blk-election01 > .cont .txt05{
display:table-cell;
width:28px;
border-left:1px solid #dedede;
color:#666;
font-size:1.2rem;
text-align:right;
vertical-align:middle;
}

/* blk-personnel01
----------------------------------------*/
#contents .blk-personnel01{margin-bottom:24px;}
#contents .blk-personnel01 .personnel-head-sp{
display:table;
margin-bottom:16px;
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
width:100%;
}
#contents .blk-personnel01 .personnel-head-sp p{
display:table-cell;
padding:8px;
width:50%;
font-size:1.2rem;
text-align:center;
}
#contents .blk-personnel01 .personnel-head-pc{display:none;}
#contents .blk-personnel01 .cont{
margin-bottom:16px;
padding:12px 16px;
border:1px solid #dedede;
}
#contents .blk-personnel01 .cont .lay01{
display:table;
padding-bottom:12px;
width:100%;
}
#contents .blk-personnel01 .cont .txt01,
#contents .blk-personnel01 .cont .txt02{
display:table-cell;
width:50%;
font-size:1.4rem;
vertical-align:middle;
}
#contents .blk-personnel01 .cont .txt01{padding-right:16px;}
#contents .blk-personnel01 .cont .txt02{
padding-left:16px;
border-left:1px solid #dedede;
}
#contents .blk-personnel01 .cont .txt03{
font-size:1.6rem;
font-weight:bold;
}
#contents .blk-personnel01 .cont .info{
color:#666;
font-size:1.2rem;
}
#contents .blk-personnel01 .cont .lay02{
display:table;
padding:12px 0;
width:100%;
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
}
#contents .blk-personnel01 .cont .lay03{
display:table;
padding-top:12px;
width:100%;
}

/* modal-photo-gallery
--------------------------------------*/
#contents #modal-photo-gallery{
box-sizing:border-box;
overflow-y:auto;
position:absolute;
top:0;
right:150%;
z-index:1000;
padding:0 20px;
width:100%;
background:#fff;
opacity:0;
}
#contents #modal-photo-gallery.open{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
}
#contents #modal-photo-gallery .hdg-type01{
margin:0 -20px 12px;
padding:15px 20px;
border-bottom:1px solid #dedede;
text-align:center;
}
#contents #modal-photo-gallery .btn-close{margin-bottom:12px;}

/* blk-photo-gallery */
#contents .blk-photo-gallery,
#contents .blk-photo-gallery02{
margin:0 -20px;
transition:all .3s ease;
}
#contents .blk-photo-gallery > .lay,
#contents .blk-photo-gallery02 > .lay{
position:relative;
overflow:hidden;
/*height:200px;*/
}
#contents .blk-photo-gallery > .lay::before,
#contents .blk-photo-gallery > .lay::after,
#contents .blk-photo-gallery02 > .lay::before,
#contents .blk-photo-gallery02 > .lay::after{
content:'';
position:absolute;
top:0;
bottom:0;
z-index:10;
width:100%;
height:200px;
background:rgba(0,0,0,.5);
}
#contents .blk-photo-gallery > .lay::before,
#contents .blk-photo-gallery02 > .lay::before{right:50%;margin-right:154px;}
#contents .blk-photo-gallery > .lay::after,
#contents .blk-photo-gallery02 > .lay::after{left:50%;margin-left:154px;}
#contents .blk-photo-gallery .bx-viewport,
#contents .blk-photo-gallery02 .bx-viewport{overflow:visible !important;margin:0 auto;max-width:300px;}
#contents .blk-photo-gallery .bx-viewport::before,
#contents .blk-photo-gallery .bx-viewport::after,
#contents .blk-photo-gallery02 .bx-viewport::before,
#contents .blk-photo-gallery02 .bx-viewport::after{
content:'';
position:absolute;
top:200px;
bottom:0;
z-index:10;
width:100%;
background:#fff;
}
#contents .blk-photo-gallery .bx-viewport::before,
#contents .blk-photo-gallery02 .bx-viewport::before{right:50%;margin-right:154px;}
#contents .blk-photo-gallery .bx-viewport::after,
#contents .blk-photo-gallery02 .bx-viewport::after{left:50%;margin-left:154px;}
#contents .blk-photo-gallery .bx-controls .bx-prev,
#contents .blk-photo-gallery .bx-controls .bx-next,
#contents .blk-photo-gallery02 .bx-controls .bx-prev,
#contents .blk-photo-gallery02 .bx-controls .bx-next{
overflow:hidden;
position:absolute;
top:100px;
z-index:15;
width:30px;
height:40px;
background:#292929;
text-indent:200%;
white-space:nowrap;
transform:translate(0,-50%);
}
#contents .blk-photo-gallery .bx-controls .bx-prev,
#contents .blk-photo-gallery02 .bx-controls .bx-prev{right:50%;margin-right:137px;}
#contents .blk-photo-gallery .bx-controls .bx-next,
#contents .blk-photo-gallery02 .bx-controls .bx-next{left:50%;margin-left:137px;}
#contents .blk-photo-gallery .bx-controls .bx-prev::before,
#contents .blk-photo-gallery .bx-controls .bx-next::before,
#contents .blk-photo-gallery02 .bx-controls .bx-prev::before,
#contents .blk-photo-gallery02 .bx-controls .bx-next::before{
display:block;
content:'\e5cb';/* chevron_left */
position:absolute;
top:50%;
left:0;
width:100%;
color:#fff;
font-family:'Material Icons';
font-size:2.4rem;
font-weight:normal;
text-align:center;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
#contents .blk-photo-gallery .bx-controls .bx-prev::before,
#contents .blk-photo-gallery02 .bx-controls .bx-prev::before{content:'\e5cb';/* chevron_left */}
#contents .blk-photo-gallery .bx-controls .bx-next::before,
#contents .blk-photo-gallery02 .bx-controls .bx-next::before{content:'\e5cc';/* chevron_right */}
#contents .blk-photo-gallery .bx-controls .bx-prev:hover,
#contents .blk-photo-gallery .bx-controls .bx-next:hover,
#contents .blk-photo-gallery02 .bx-controls .bx-prev:hover,
#contents .blk-photo-gallery02 .bx-controls .bx-next:hover{opacity:.8;text-decoration:none;}
#contents .blk-photo-gallery ul,
#contents .blk-photo-gallery02 ul{overflow:hidden;margin:0;}
#contents .blk-photo-gallery ul li,
#contents .blk-photo-gallery02 ul li{margin:0;}
#contents .blk-photo-gallery ul li figure,
#contents .blk-photo-gallery02 ul li figure{
position:relative;
margin:0 -2px 24px -3px;
padding:0 2px 0 3px;
background:#292929;
}
#contents .blk-photo-gallery ul li figure::after,
#contents .blk-photo-gallery02 ul li figure::after{
display:block;
content:'';
position:absolute;
top:10px;
right:10px;
width:58px;
height:15px;
background:url(../images/contents/watermark.png) left top no-repeat;
background-size:58px auto;
opacity:.6;
}
#contents .blk-photo-gallery .txt-photo-gallery,
#contents .blk-photo-gallery02 .txt-photo-gallery{
margin:0 auto 16px;
font-size:1.4rem;
}

/* blk-tab01
----------------------------------------*/
#contents .blk-tab01{margin-bottom:24px;}
#contents .blk-tab01 .list-tab01{margin-bottom:0;}
#contents .blk-tab01 .list-tab01 li{font-size:1.4rem;}
#contents .blk-tab01 .blk-panel{
padding:20px 24px 16px;
background:#effafc;
}
#contents .blk-tab01 .blk-panel p:last-of-type,
#contents .blk-tab01 .blk-panel ul:last-of-type,
#contents .blk-tab01 .blk-panel ol:last-of-type{margin-bottom:0;}

/* blk-match01
----------------------------------------*/
#contents .blk-match01{margin-bottom:24px;}
#contents .blk-match01 .place{
margin-bottom:12px;
font-size:1.4rem;
}
#contents .blk-match01 .match{
display:table;
width:100%;
}
#contents .blk-match01 .match .fight-card{
display:table-cell;
padding:10px 15px;
border-radius:6px;
background:#e5f8fc;
font-size:1.4rem;
font-weight:bold;
text-align:center;
vertical-align:top;
}
#contents .blk-match01 .match .detail{
display:table-cell;
padding-left:16px;
width:45px;
font-size:1rem;
text-align:center;
white-space:nowrap;
}
#contents .blk-match01 .match .detail a{
display:block;
box-sizing:border-box;
position:relative;
padding:7px 5px 3px;
background:#ec4a61;
border-radius:6px;
color:#fff;
text-decoration:none;
}
#contents .blk-match01 .match .detail a::before{
display:block;
content:'\e5cc';/* chevron_right */
margin:0 0 -3px;
color:#fff;
font-family:'Material Icons';
font-size:2rem;
font-weight:normal;
line-height:1;
}

/* blk-signage01
----------------------------------------*/
#contents .blk-signage01{
overflow:hidden;
position:relative;
margin-bottom:48px;
padding:0 25px 32px;
border:1px solid #ddd;
border-top:7px solid #3a82e4;
border-bottom:7px solid #3a82e4;
background:#edfbff url(../images/contents/kanagawa-logo.png) right 15px bottom 15px no-repeat;
}
#contents .blk-signage01::after{
content:'';
position:absolute;
left:-150px;
bottom:120px;
z-index:0;
width:1000px;
height:800px;
background:#fff;
border-radius:400px;
transform:rotate(-35deg);
}
#contents .blk-signage01 .source{
position:relative;
z-index:1;
margin:0 -25px;
padding:8px 20px;
color:#2b9af1;
font-size:2rem;
font-weight:bold;
}
#contents .blk-signage01 .hdg{
position:relative;
z-index:1;
margin:0 -15px 25px -25px;
padding:3px 25px;
border-top:1px solid #3a82e4;
border-bottom:1px solid #3a82e4;
background:linear-gradient(to right, rgba(203,243,252,1) 0%,rgba(255,255,255,0) 100%);
font-size:2.8rem;
text-align:center;
}
#contents .blk-signage01 figure{
position:relative;
z-index:1;
float:left;
margin:0 25px 0 0;
width:315px;
text-align:center;
}
#contents .blk-signage01 figure img{
max-width:315px;
max-height:210px;
}
#contents .blk-signage01 .txt{
overflow:hidden;
position:relative;
z-index:1;
padding-right:10px;
}
#contents .blk-signage01 .txt p{
margin-bottom:24px;
font-size:1.9rem;
font-weight:bold;
}
#contents .blk-signage01 .txt .date{
margin-bottom:16px;
font-size:1.5rem;
font-weight:bold;
text-align:right;
}

/* login-no-member
--------------------------------------*/
#contents .login-no-member{
margin-bottom:24px;
padding:20px;
border-radius:6px;
background:rgba(3,189,222,.1);
}
#contents .login-no-member .hdg{
margin-bottom:16px;
font-size:1.6rem;
text-align:center;
}
#contents .login-no-member ul li{margin-bottom:20px;}
#contents .login-no-member ul li .btn02{
padding:15px;
line-height:1.5;
}

/* subarea_free
--------------------------------------*/
#contents .subarea_free_sp,
#contents .subarea_free2_sp{margin-bottom:24px;}

/* colorbox
--------------------------------------*/
#colorbox{z-index:999;}
#cboxOverlay{
position:fixed;
top:0;
left:0;
z-index:900;
width:100%;
height:100%;
background:#000;
}
#cboxLoadedContent{
padding:24px;
background:#fff;
border-radius:10px;
}
#cboxClose[type="button"]{display:none;}
#cboxClose{
display:block;
box-sizing:border-box;
overflow:hidden;
position:absolute;
top:-10px;
right:-10px;
width:44px;
height:44px;
border-radius:44px;
border:0;
background:#aaa;
font-size:2.4rem;
text-indent:200%;
white-space:nowrap;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#cboxClose::after{
display:block;
content:'\e5cd';/* close */
position:absolute;
top:50%;
left:10px;
z-index:1;
color:#fff;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
.cboxIframe{
display:block;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
}


/*------------------------------------------------------------------------------------------------------------------------
Table
------------------------------------------------------------------------------------------------------------------------*/
/* tbl-normal01
----------------------------------------*/
#contents .tbl-normal01{width:100%;}
#contents .tbl-normal01 th,
#contents .tbl-normal01 td{
display:block;
border:0;
text-align:left;
vertical-align:top;
}
#contents .tbl-normal01 th{
padding-bottom:8px;
font-weight:bold;
}
#contents .tbl-normal01 td{padding-bottom:24px;}
#contents .tbl-normal01 tr:last-of-type td{padding-bottom:0;}

/* tbl-type01
----------------------------------------*/
#contents .tbl-type01{width:100%;}
#contents .tbl-type01 th,
#contents .tbl-type01 td{
padding:10px;
border:1px solid #dedede;
font-size:1.4rem;
text-align:left;
vertical-align:top;
}
#contents .tbl-type01 th{
background:#e5f8fc;
font-weight:bold;
}

/* tbl-type02
----------------------------------------*/
#contents .tbl-type02{width:100%;}
#contents .tbl-type02 th,
#contents .tbl-type02 td{
padding:10px 8px;
border:1px solid #dedede;
border-right:0;
border-left:0;
font-size:1.4rem;
text-align:left;
vertical-align:top;
}
#contents .tbl-type02 th{font-weight:bold;}

/* tbl-type03
----------------------------------------*/
#contents .tbl-type03{width:100%;}
#contents .tbl-type03 th,
#contents .tbl-type03 td{
display:block;
margin-bottom:-1px;
padding:10px 8px;
border:1px solid #dedede;
font-size:1.4rem;
text-align:left;
vertical-align:top;
}
#contents .tbl-type03 th{
background:#e5f8fc;
font-weight:bold;
}

/* tbl-type04
----------------------------------------*/
#contents .tbl-title01{
margin-bottom:5px;
padding:5px 10px;
border:1px dotted #dedede;
border-radius:40px;
background:#f5f5f5;
font-size:1.6rem;
font-weight:bold;
text-align:center;
}
#contents .tbl-type04{width:100%;}
#contents .tbl-type04 caption{
margin-bottom:5px;
padding:5px 10px;
width:100%;
border:1px dotted #dedede;
border-radius:40px;
background:#f5f5f5;
font-size:1.6rem;
font-weight:bold;
text-align:center;
}
#contents .tbl-type04 th{
display:block;
padding:10px 12px 0 16px;
border:0;
font-size:1.4rem;
font-weight:bold;
text-align:left;
}
#contents .tbl-type04 td{
display:block;
padding:10px 12px 10px 16px;
border-bottom:1px solid #dedede;
font-size:1.4rem;
text-align:left;
vertical-align:top;
}

/* tbl-scroll01
----------------------------------------*/
#contents .tbl-scroll01{
overflow:auto;
margin-bottom:24px;
white-space:nowrap;
}
#contents .tbl-scroll01::-webkit-scrollbar{height:5px;}
#contents .tbl-scroll01::-webkit-scrollbar-thumb{background:#dedede;}
#contents .tbl-scroll01 table{margin-bottom:0;}


/* tbl-baseball01
----------------------------------------*/
#contents .tbl-baseball01{width:100%;}
#contents .tbl-baseball01 th,
#contents .tbl-baseball01 td{
padding:10px;
border:1px solid #fff;
background:#292929;
color:#fff;
font-size:1.4rem;
font-family:'Oswald';
font-weight:700;
text-align:left;
vertical-align:middle;
line-height:1.2;
}
#contents .tbl-baseball01 td{
padding:12px 5px;
text-align:center;
}
#contents .tbl-baseball01 thead th{
padding:5px;
background:#545454;
color:#dedede;
text-align:center;
}



/* tbl-form01
----------------------------------------*/
#contents .tbl-form01{width:100%;}
#contents .tbl-form01 > tbody > tr > th,
#contents .tbl-form01 > tbody > tr > td{
display:block;
text-align:left;
}
#contents .tbl-form01 > tbody > tr > th{
margin-bottom:8px;
font-size:1.4rem;
font-weight:bold;
}
#contents .tbl-form01 > tbody > tr > td{margin-bottom:24px;}
#contents .tbl-form01 tr:last-of-type td{margin-bottom:0;}
#contents .tbl-form01 .require{
display:inline-block;
margin-left:5px;
padding:2px 6px;
border-radius:2px;
background:#fc3960;
color:#fff;
font-size:1rem;
vertical-align:middle;
}
#contents .tbl-form01 p,
#contents .tbl-form01 ul{margin-bottom:10px;}
#contents .tbl-form01 p:last-of-type,
#contents .tbl-form01 ul:last-of-type{margin-bottom:0;}
#contents .tbl-form01 td .note{
margin-bottom:10px;
color:#666;
font-size:1.2rem;
}
#contents .tbl-form01 p + p.error,
#contents .tbl-form01 ul + p.error{margin-top:0;}



/* table-align
----------------------------------------*/
table tr.align-type01 th,
table tr.align-type01 td{
text-align:left;
}
table thead.align-type02 th,
table tbody.align-type02 th,
table tbody.align-type02 td,
table tr.align-type02 th,
table tr.align-type02 td{
text-align:center;
}
table thead.align-type03 th,
table tbody.align-type03 th,
table tbody.align-type03 td,
table tr.align-type03 th,
table tr.align-type03 td{
text-align:right;
}

table tr.valign-type01 th,
table tr.valign-type01 td,
table th.valign-type01,
table td.valign-type01{
vertical-align:top;
}
table tbody.valign-type02 th,
table tbody.valign-type02 td,
table tr.valign-type02 th,
table tr.valign-type02 td,
table th.valign-type02,
table td.valign-type02{
vertical-align:middle;
}
table tbody.valign-type03 th,
table tbody.valign-type03 td,
table tr.valign-type03 th,
table tr.valign-type03 td,
table th.valign-type03,
table td.valign-type03{
vertical-align:bottom;
}

table .nowrap{
white-space:nowrap;
}


/*------------------------------------------------------------------------------------------------------------------------
Form
------------------------------------------------------------------------------------------------------------------------*/
/* input-type01
----------------------------------------*/
#contents .input-type01{
box-sizing:border-box;
position:relative;
-webkit-appearance:none;
appearance:none;
padding:9px 15px;
width:100%;
box-shadow:inset -1px -1px 3px 0 rgba(0,0,0,0.1);
border:1px solid #dedede;
border-radius:4px;
font-size:1.6rem;
}
input::-webkit-input-placeholder{color:#666;opacity:1;}
input::-moz-placeholder{color:#666;opacity:1;}
input:-ms-input-placeholder{color:#666;opacity:1;}

/* input-type02
----------------------------------------*/
#contents .input-type02{
box-sizing:border-box;
position:relative;
-webkit-appearance:none;
appearance:none;
padding:9px 15px;
width:100%;
border:1px solid #dedede;
border-radius:4px;
font-size:1.6rem;
}
#contents .input-type02.error{
margin-top:0;
border-color:#d51313;
background:#fff5f8;
}

/* input.size
----------------------------------------*/
#contents input.size01{width:80px;}
#contents input.size02{width:160px;}


/* textarea-type
----------------------------------------*/
#contents .textarea-type01{
box-sizing:border-box;
padding:9px 15px;
width:100%;
height:150px;
border:1px solid #dedede;
border-radius:4px;
font-size:1.6rem;
}

/* select-type01
----------------------------------------*/
#contents .select-type01{
display:inline-block;
position:relative;
}
#contents .select-type01.full{display:block;}
#contents .select-type01::after{
display:block;
content:'\e5cf';
position:absolute;
top:50%;
right:5px;
color:#292929;
font-family:'Material Icons';
font-size:2.6rem;
text-indent:0;
line-height:1;
pointer-events:none;
transform:translate(0,-50%);
}
#contents .select-type01 p,
#contents .select-type01 select{
box-sizing:border-box;
position:relative;
-webkit-appearance:none;
appearance:none;
padding:8px 35px 8px 10px;
width:100%;
box-shadow:inset -1px -1px 3px 0 rgba(0,0,0,0.1);
border:1px solid #dedede;
border-radius:4px;
font-size:1.6rem;
}
#contents .select-type01 select::-ms-expand{display:none;}

/* select-type02
----------------------------------------*/
#contents .select-type02{position:relative;}
#contents .select-type02.variable{display:inline-block;}
#contents .select-type02::after{
display:block;
content:'\e5cf';
position:absolute;
top:50%;
right:5px;
color:#292929;
font-family:'Material Icons';
font-size:2.6rem;
text-indent:0;
line-height:1;
pointer-events:none;
transform:translate(0,-50%);
}
#contents .select-type02 select{
box-sizing:border-box;
position:relative;
-webkit-appearance:none;
appearance:none;
padding:8px 35px 8px 10px;
width:100%;
border:1px solid #dedede;
border-radius:4px;
font-size:1.6rem;
}
#contents .select-type02 select::-ms-expand{display:none;}


/* cbx01
--------------------------------------*/
#contents .cbx01{
display:inline-block;
position:relative;
overflow:hidden;
padding-left:30px;
min-height:22px;
line-height:1.5;
}
#contents .cbx01::before{
box-sizing:border-box;
content:'';
position:absolute;
top:.1em;
left:0;
width:20px;
height:20px;
border:1px solid #dedede;
background:#fff;
}
#contents .cbx01.checked::before{border-color:#03bdde;background:#03bdde;}
#contents .cbx01.checked::after{
display:block;
content:'\e5ca';/* check */
position:absolute;
top:.25em;
left:0;
width:20px;
color:#fff;
font-family:'Material Icons';
font-size:1.5rem;
font-weight:normal;
text-align:center;
line-height:1;
}
#contents .cbx01 input[type='checkbox']{
position:absolute;
top:0;
left:-100px;
}

/* radio01
--------------------------------------*/
#contents .radio01{
display:inline-block;
position:relative;
overflow:hidden;
padding-left:30px;
min-height:22px;
line-height:1.5;
}
#contents .radio01::before{
box-sizing:border-box;
content:'';
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
border:1px solid #dedede;
border-radius:20px;
}
#contents .radio01.checked::before{border-color:#03bdde;}
#contents .radio01.checked::after{
content:'';
position:absolute;
top:5px;
left:5px;
width:10px;
height:10px;
border-radius:20px;
background:#03bdde;
}
#contents .radio01 input[type='radio']{
position:absolute;
top:0;
left:-100px;
}

/* input-img
--------------------------------------*/
#contents .input-img-radio01,
#contents .input-img-cbx01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -8px 8px;
}
#contents .input-img-radio01 > label,
#contents .input-img-cbx01 > label{
display:block;
box-sizing:border-box;
position:relative;
overflow:hidden;
margin:0 8px 16px;
padding:16px 14px;
width:calc(50% - 16px);
border:2px solid #f5f5f5;
border-radius:6px;
background:#f5f5f5;
line-height:1.5;
}
#contents .input-img-radio01 > label.checked,
#contents .input-img-cbx01 > label.checked{border-color:#03bdde;background:#e5f8fc;}
#contents .input-img-radio01 > label input[type='radio'],
#contents .input-img-cbx01 > label input[type='checkbox']{
position:absolute;
top:0;
left:-100px;
}
#contents .input-img-radio01 > label .icon01,
#contents .input-img-radio01 > label .icon02,
#contents .input-img-cbx01 > label .icon01,
#contents .input-img-cbx01 > label .icon02{
position:absolute;
top:7px;
left:7px;
padding:2px 5px;
background:#292929;
color:#fff;
font-size:1rem;
font-weight:bold;
}
#contents .input-img-radio01 > label .icon01,
#contents .input-img-radio01 > label .icon01{background:#67be39;}
#contents .input-img-cbx01 > label .icon02,
#contents .input-img-cbx01 > label .icon02{background:#ff7f00;}
#contents .input-img-radio01 > label figure,
#contents .input-img-cbx01 > label figure{margin-bottom:16px;}
#contents .input-img-radio01 > label figure img,
#contents .input-img-cbx01 > label figure img{width:100%;}
#contents .input-img-radio01 > label .txt,
#contents .input-img-cbx01 > label .txt{
display:block;
margin-bottom:8px;
font-size:1.4rem;
font-weight:bold;
}
#contents .input-img-radio01 > label .sup,
#contents .input-img-cbx01 > label .sup{
display:block;
color:#666;
font-size:1.2rem;
}

/* form-submit
----------------------------------------*/
#contents .form-submit .btn02,
#contents .form-submit .btn03,
#contents .form-submit .btn05,
#contents .form-submit .btn06{margin:15px 0;}

/* js-auto-input-button
--------------------------------------*/
#contents .js-auto-input-button,
#contents .js-auto-input-button-simple{
margin-left:15px;
padding:0 12px;
height:41px;
border:0;
border-radius:4px;
background:#f5f5f5;
box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
font-weight:bold;
vertical-align:middle;
}

/* form-text-bw01
--------------------------------------*/
#contents .form-text-bw01{
display:inline-block;
margin:0 7px;
}


/*------------------------------------------------------------------------------------------------------------------------
Top
------------------------------------------------------------------------------------------------------------------------*/
/* main-visual01
--------------------------------------*/
#contents .main-visual01{margin:-24px -20px 0;}
#contents .main-visual01 figure img{width:100%;}

/* top-info-area
--------------------------------------*/
/* date */
#top-info-area{margin:-24px -20px 0;}
#top-info-area .date{
margin:0;
padding:0 12px;
background:#f5f5f5;
}
#top-info-area .date p{
display:table-cell;
margin:0;
width:600px;
height:35px;
color:#666;
font-size:1.3rem;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
#top-info-area .date p .num01,
#top-info-area .date p .num02{
font-family:'Oswald';
font-weight:500;
}
#top-info-area .date p .num01{font-size:1.4rem;}
#top-info-area .date p .num02{font-size:1.8rem;}
#top-info-area .date p .day.sat{color:#5d8cc5;}
#top-info-area .date p .day.holiday{color:#ff89b6;}

/* news */
#top-info-area .news{
margin:0;
padding:12px 0;
border-bottom:1px solid #dedede;
}
#top-info-area .news .bx-wrapper{position:relative;}
#top-info-area .news ul{margin:0;}
#top-info-area .news ul li{
margin:0;
padding:0 12px;
font-size:1.4rem;
font-weight:bold;
}
#top-info-area .news ul li:nth-child(n+2){display:none;}
#top-info-area .news .bx-wrapper ul li:nth-child(n+2){display:list-item;}
#top-info-area .news ul li a{
display:block;
overflow:hidden;
color:#000;
text-decoration:none;
}
#top-info-area .news ul li .cat{
display:block;
float:left;
margin:0 10px 0 0;
min-width:36px;
border-radius:3px;
font-size:1.2rem;
text-align:center;
line-height:2rem;
}
#top-info-area .news ul li.cat01 .cat{background:#f00;color:#fff;}
#top-info-area .news ul li.cat02 .cat{background:#f80;color:#fff;}
#top-info-area .news ul li.cat03 .cat{background:#ffc400;color:#292929;}
#top-info-area .news ul li.cat01 .txt{color:#f00;}
#top-info-area .news ul li.cat01 .txt{color:#f00;}
#top-info-area .news ul li.cat02 .txt,
#top-info-area .news ul li.cat03 .txt{color:#000;}
#top-info-area .news ul li .txt{
overflow:hidden;
margin:0;
padding-top:2px;
font-size:1.4rem;
line-height:1.2;
}
#top-info-area .news ul li .txt time{
color:#666;
font-size:1rem;
font-weight:normal;
}
#top-info-area .news ul li .txt .update{
margin-left:10px;
color:#ff6c6c;
font-size:1rem;
font-weight:normal;
}
#top-info-area .news .bx-controls-direction{display:none;}
#top-info-area .news .bx-pager{
position:absolute;
bottom:0;
right:12px;
font-size:0;
text-align:center;
letter-spacing:-.4em;
}
#top-info-area .news .bx-pager .bx-pager-item{
display:inline-block;
margin-left:10px;
}
#top-info-area .news .bx-pager .bx-pager-item .bx-pager-link{
display:block;
overflow:hidden;
width:8px;
height:8px;
border-radius:8px;
background:#f5f5f5;
font-size:0;
text-indent:200%;
white-space:nowrap;
letter-spacing:normal;
}
#top-info-area .news .bx-pager .bx-pager-item .bx-pager-link.active{background:#ffc400;}

/* keyword */
#top-info-area .keyword{
overflow-x:auto;
overflow-y:hidden;
position:relative;
margin:0;
white-space:nowrap;
}
#top-info-area .keyword ul.keyword-tag{
display:table;
margin:0;
padding:12px 0 12px 12px;
-webkit-overflow-scrolling:touch;
}
#top-info-area .keyword ul.keyword-tag::-webkit-scrollbar {
display:none;
height:0 !important;
}
#top-info-area .keyword ul.keyword-tag li{
display:table-cell;
margin:0;
padding:0 12px 0 0;
font-size:1.3rem;
font-weight:bold;
-webkit-transform:translateZ(0px);
}
#top-info-area .keyword ul.keyword-tag li a{
display:block;
box-sizing:border-box;
position:relative;
padding:8px 12px 8px 32px;
border:1px solid #ecfafc;
border-radius:4px;
background:#ecfafc;
color:#0096df;
text-decoration:none;
}
#top-info-area .keyword ul.keyword-tag li a::before{
display:block;
content:'\e54e';/* local_offer */
position:absolute;
top:50%;
left:12px;
color:#76dbec;
font-family:'Material Icons';
font-size:1.5rem;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}

/* area */
#top-info-area .area{
overflow-x:auto;
overflow-y:hidden;
position:relative;
margin:0;
white-space:nowrap;
}
#top-info-area .area ul{
display:table;
margin:0;
padding:16px 0 16px 12px;
-webkit-overflow-scrolling:touch;
}
#top-info-area .area ul::-webkit-scrollbar {
display:none;
height:0 !important;
}
#top-info-area .area ul li{
display:table-cell;
margin:0;
padding:0 12px 0 0;
font-size:1.3rem;
font-weight:bold;
-webkit-transform:translateZ(0px);
}
#top-info-area .area ul li a{
display:block;
box-sizing:border-box;
position:relative;
padding:7px 12px;
border:1px solid #ecfafc;
border-radius:4px;
background:#f5f5f5;
color:#292929;
text-decoration:none;
}
body[class*="i-cate-yokohama"] #top-info-area .area ul li.yokohama_area a,
body[class*="i-cate-kawasaki"] #top-info-area .area ul li.kawasaki_area a,
body[class*="i-cate-sagamihara"] #top-info-area .area ul li.sagamihara_area a,
body[class*="i-cate-yokosuka"] #top-info-area .area ul li.yokosuka_area a,
body[class*="i-cate-shonan"] #top-info-area .area ul li.shonan_area a,
body[class*="i-cate-odawara"] #top-info-area .area ul li.odawara_area a,
#top-info-area .area ul li a:hover{
background:#8eb0bf;
color:#fff;
}
#top-info-area .area ul li a::before{
display:inline-block;
content:'\e8b4';/* room */
margin-right:5px;
color:#e7453c;
font-family:'Material Icons';
font-size:1.5rem;
text-indent:0;
line-height:1;
vertical-align:middle;
}

/* top-head-bnr
--------------------------------------*/
/* #contents .top-head-bnr{margin:10px -20px 20px;} */

/* important-news01
--------------------------------------*/
#contents .important-news01{margin:0 -10px 24px;}
#contents .important-news01 .blk-segment01,
#contents .important-news01 .blk-segment02{margin-bottom:16px;}
#contents .important-news01 .blk-segment01{border-width:1px;}
#contents .important-news01 .blk-segment02{background:#fff3f0;}
#contents .important-news01 .blk-segment02 h2{
position:relative;
margin:0 0 20px;
color:#f00;
font-size:1.6rem;
}
#contents .important-news01 .blk-segment02 h2 a{
display:block;
color:#f00;
text-decoration:none;
}
#contents .important-news01 .blk-segment02 h2 a::after{
display:block;
content:'\e5cc';/* chevron_right */
position:absolute;
top:50%;
right:0;
color:#f00;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
line-height:1;
}
#contents .important-news01 .blk-segment02 h3{
margin:0 0 10px;
font-size:1.4rem;
}
#contents .important-news01 p{font-size:1.4rem;}

/* top-pin-area
--------------------------------------*/
#top-pin-area{
margin:0 -20px 20px;
padding:0 10px;
border-bottom:1px solid #dedede;
}

/* article01 */
#top-pin-area .article01.article-cont01{
margin:0 0 10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#top-pin-area .article01.article-cont01 figure{margin:0 -10px 15px;}

/* article02 */
#top-pin-area .article02.article-cont01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
position:relative;
margin:0 0 10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#top-pin-area .article02.article-cont01::before{
content:'';
position:absolute;
top:0;
left:50%;
bottom:10px;
width:1px;
background:#dedede;
}
#top-pin-area .article02.article-cont01 > .cont{
box-sizing:border-box;
padding-right:10px;
width:50%;
}
#top-pin-area .article02.article-cont01 > .cont:nth-child(2n){padding:0 0 0 10px;}
#top-pin-area .article02.article-cont01 figure{margin-bottom:10px;}
#top-pin-area .article02.article-cont01 .hdg{font-size:1.5rem;}
#top-pin-area .article02.article-cont01 .hdg .sub{font-size:1.1rem;}

/* bnr01 */
#top-pin-area .pinup .bnr01{
margin:0 auto 16px;
max-width:300px;
}

/* top-news-area
--------------------------------------*/
#top-news-area{
position:relative;
margin:0 -20px;
}
#top-news-area #main-contents{margin:0 10px;}
#top-news-area #sub-contents{
padding:20px 20px 0;
border-top:1px solid #dedede;
}

/* kanagawa-news */
#top-news-area .kanagawa-main{
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #dedede;
}
#top-news-area .kanagawa-news .blk-article-list02.article-cont01{margin-bottom:10px;}
#top-news-area .kanagawa-news > .lay > .cont02{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
position:relative;
margin:0 0 10px;
padding-bottom:10px;
border-bottom:1px solid #dedede;
}
#top-news-area .kanagawa-news > .lay > .cont02::before{
content:'';
position:absolute;
top:0;
left:50%;
bottom:10px;
width:1px;
background:#dedede;
}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01{
box-sizing:border-box;
padding-right:10px;
width:50%;
}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01:nth-child(2n){padding:0 0 0 10px;}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01 figure{margin-bottom:10px;}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01 .hdg{font-size:1.5rem;}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01 .hdg .sub{font-size:1.1rem;}
#top-news-area .kanagawa-news .list-btn01{padding:0 10px;}

/* japan-news */
#top-news-area .japan-news{
margin:0 -10px 24px;
padding:20px 20px 0;
border-top:1px solid #dedede;
}


/* special-serial-area01
--------------------------------------*/
#contents .special-serial-area01{
margin:0 -20px 20px;
padding:20px 20px 24px;
background:#ecfafc;
}
#contents .special-serial-area01 .blk-ss .cont{
position:relative;
width:183px;
box-shadow:0 0 4px 2px rgba(0,0,0,0.1);
background:#fff;
}
#contents .special-serial-area01 .blk-ss .cont a{
display:block;
padding:0 16px 58px;
color:#292929;
text-decoration:none;
}
#contents .special-serial-area01 .blk-ss .cont figure{margin:0 -16px 16px;}
#contents .special-serial-area01 .blk-ss .cont .hdg{
margin:0 0 5px;
color:#03bdde;
font-size:1.4rem;
text-align:center;
}
#contents .special-serial-area01 .blk-ss .cont .hdg .sub{
display:block;
margin:8px 0 0;
color:#666;
font-size:1.2rem;
text-align:left;
}
#contents .special-serial-area01 .blk-ss .cont p{
margin-bottom:0;
font-size:1.4rem;
font-weight:bold;
}
#contents .special-serial-area01 .blk-ss .cont .btn{
position:absolute;
bottom:16px;
left:50%;
margin-left:-51px;
margin-bottom:0;
padding:5px 0;
width:100px;
border:1px solid #0096df;
border-radius:4px;
color:#0096df;
font-size:1.3rem;
text-align:center;
}
#contents .special-serial-area01 .bx-viewport{overflow:visible !important;}

/* blk-pay-course01
--------------------------------------*/
#contents .blk-pay-article01 .cont01{margin-bottom:24px;}
#contents .blk-pay-course01{
margin:0 10px 24px;
padding:16px;
border:1px solid #dedede;
border-radius:8px;
background:#f8f8f8;
}
#contents .blk-pay-course01 .hdg{
margin:0 0 10px;
color:#03bdde;
font-size:1.8rem;
text-align:center;
}
#contents .blk-pay-course01 .lead{
margin-bottom:12px;
font-weight:bold;
text-align:center;
}
#contents .blk-pay-course01 figure{
margin:0 auto 16px;
max-width:258px;
text-align:center;
}
#contents .blk-pay-course01 p{margin-bottom:0;font-size:1.4rem;}
#contents .blk-pay-course01 .detail{text-align:right;}

/* blk-course-info01
--------------------------------------*/
#contents .blk-course-info01{
margin:0 0 24px;
padding:16px;
border:1px solid #dedede;
border-radius:8px;
background:#f8f8f8;
}
#contents .blk-course-info01 .hdg{
margin:0 0 10px;
color:#03bdde;
font-size:1.8rem;
text-align:center;
}
#contents .blk-course-info01 figure{
margin:0 auto 16px;
text-align:center;
}
#contents .blk-course-info01 p{margin-bottom:24px;font-size:1.4rem;}

/* top-kanaloco-news
--------------------------------------*/
#contents .top-kanaloco-news{
margin:0 -20px 24px;
padding:20px 20px 0;
border-top:1px solid #dedede;
}
#contents .top-kanaloco-news .hdg-link02{margin-bottom:5px;}

/* blk-useful-info01
--------------------------------------*/
#contents .blk-useful-info01{
margin:0 -20px;
padding:20px;
background:#f5f5f5;
}
#contents .blk-useful-info01 .useful-info{
overflow-x:auto;
overflow-y:hidden;
margin:0 -20px 0;
}
#contents .blk-useful-info01 .useful-info > .lay{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -6px;
padding:0 8px 0 20px;
width:2072px;
-webkit-overflow-scrolling:touch;
}
#contents .blk-useful-info01 .useful-info > .lay::-webkit-scrollbar {
display:none;
height:0 !important;
}
#contents .blk-useful-info01 .useful-info > .lay > .cont{
box-sizing:border-box;
margin:0 12px 12px 0;
width:284px;
background:#fff;
font-weight:bold;
-webkit-transform:translateZ(0px);
}
#contents .blk-useful-info01 .useful-info > .lay > .cont a{
display:block;
overflow:hidden;
padding:10px 5px 16px 16px;
color:#292929;
text-decoration:none;
}
#contents .blk-useful-info01 .useful-info > .lay > .cont .hdg{
margin-bottom:6px;
font-size:1.4rem;
}
#contents .blk-useful-info01 .useful-info > .lay > .cont figure{
float:left;
width:50px;
margin:0 10px 0 0;
}
#contents .blk-useful-info01 .useful-info > .lay > .cont p{
overflow:hidden;
margin:0;
font-size:1.2rem;
font-weight:normal;
line-height:1.4;
}

/* blk-article-slider01
--------------------------------------*/
#contents .blk-article-slider01{
position:relative;
overflow:hidden;
margin:0 -20px 32px;
min-height:157px;
background:url(../images/bg/bx_loader.gif) center center no-repeat;
}
#contents .blk-article-slider01::before,
#contents .blk-article-slider01::after{
content:'';
position:absolute;
top:0;
bottom:0;
z-index:10;
width:100%;
background:rgba(255,255,255,.5);
}
#contents .blk-article-slider01::before{right:50%;margin-right:155px;}
#contents .blk-article-slider01::after{left:50%;margin-left:155px;}

#contents .blk-article-slider01 .lay{overflow:hidden;}
#contents .blk-article-slider01 .bx-wrapper{
overflow:hidden;
width:100%;
}
#contents .blk-article-slider01 .bx-viewport{
overflow:visible !important;
margin:0 auto;
max-width:300px;
}
#contents .blk-article-slider01 .cont{
position:relative;
background:#fff;
}
#contents .blk-article-slider01 .cont:nth-child(n+1){position:absolute;left:-1000px;}
#contents .blk-article-slider01 .bx-wrapper .cont:nth-child(n+1){position:relative;left:auto;}
#contents .blk-article-slider01.article-cont01 figure{
position:relative;
margin:0;
}
#contents .blk-article-slider01.article-cont01 figure::after{
display:block;
content:'';
position:absolute;
top:10px;
right:10px;
width:58px;
height:15px;
background:url(../images/contents/watermark.png) left top no-repeat;
background-size:58px auto;
opacity:.6;
}
#contents .blk-article-slider01.article-cont01 .txt{
box-sizing:border-box;
position:absolute;
bottom:0;
left:0;
padding:0 10px 10px;
width:100%;
}
#contents .blk-article-slider01.article-cont01 .hdg{
color:#fff;
font-size:1.4rem;
}
#contents .blk-article-slider01.article-cont01 .sub{
margin-bottom:3px;
font-size:1.2rem;
}
#contents .blk-article-slider01.article-cont01 .info{
color:#bfbfbf;
font-size:1.1rem;
}
#contents .blk-article-slider01 .bx-controls{display:none;}

/* blk-article-slider02
--------------------------------------*/
#contents .blk-article-slider02{
position:relative;
overflow:hidden;
margin:0 -20px 32px;
min-height:157px;
background:url(../images/bg/bx_loader.gif) center center no-repeat;
}
#contents .blk-article-slider02::before,
#contents .blk-article-slider02::after{
content:'';
position:absolute;
top:0;
bottom:0;
z-index:10;
width:100%;
background:rgba(255,255,255,.5);
}
#contents .blk-article-slider02::before{right:50%;margin-right:155px;}
#contents .blk-article-slider02::after{left:50%;margin-left:155px;}

#contents .blk-article-slider02 .lay{overflow:hidden;}
#contents .blk-article-slider02 .bx-wrapper{
overflow:hidden;
width:100%;
}
#contents .blk-article-slider02 .bx-viewport{
overflow:visible !important;
margin:0 auto;
max-width:300px;
}
#contents .blk-article-slider02 .cont{
position:relative;
background:#fff;
}
#contents .blk-article-slider02 .cont:nth-child(n+1){position:absolute;left:-1000px;}
#contents .blk-article-slider02 .bx-wrapper .cont:nth-child(n+1){position:relative;left:auto;}
#contents .blk-article-slider02.article-cont01 figure{margin:0;}
#contents .blk-article-slider02.article-cont01 .txt{
box-sizing:border-box;
position:absolute;
bottom:0;
left:0;
padding:10px;
width:100%;
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);
}
#contents .blk-article-slider02.article-cont01 .hdg{
color:#fff;
font-size:1.4rem;
}
#contents .blk-article-slider02.article-cont01 .sub{
margin-bottom:3px;
color:#fff;
font-size:1.2rem;
}
#contents .blk-article-slider02.article-cont01 .info{
color:#bfbfbf;
font-size:1.1rem;
}
#contents .blk-article-slider02 .bx-controls{display:none;}




/*------------------------------------------------------------------------------------------------------------------------
Other
------------------------------------------------------------------------------------------------------------------------*/
/* hr
--------------------------------------*/
#contents .hr-type01{
margin:24px 0;
height:1px;
background:#dedede;
}
#contents .hr-type01 hr{display:none;}

/* space
--------------------------------------*/
#contents .space-top01{margin-top:0 !important;}
#contents .space-top02{margin-top:5px !important;}
#contents .space-top03{margin-top:10px !important;}
#contents .space-top04{margin-top:20px !important;}
#contents .space-top05{margin-top:30px !important;}
#contents .space-top06{margin-top:40px !important;}
#contents .space-top07{margin-top:50px !important;}

#contents .space-right01{margin-right:0 !important;}
#contents .space-right02{margin-right:10px !important;}
#contents .space-right03{margin-right:20px !important;}
#contents .space-right04{margin-right:30px !important;}
#contents .space-right05{margin-right:50px !important;}

#contents .space-btm01{margin-bottom:0 !important;}
#contents .space-btm02{margin-bottom:5px !important;}
#contents .space-btm03{margin-bottom:10px !important;}
#contents .space-btm04{margin-bottom:20px !important;}
#contents .space-btm05{margin-bottom:30px !important;}
#contents .space-btm06{margin-bottom:40px !important;}
#contents .space-btm07{margin-bottom:50px !important;}
#contents .space-btm-xsmall{margin-bottom:6px !important;}
#contents .space-btm-small{margin-bottom:12px !important;}
#contents .space-btm-normal{margin-bottom:24px !important;}
#contents .space-btm-large{margin-bottom:32px !important;}

#contents .space-left01{margin-left:0 !important;}
#contents .space-left02{margin-left:10px !important;}
#contents .space-left03{margin-left:20px !important;}
#contents .space-left04{margin-left:30px !important;}
#contents .space-left05{margin-left:50px !important;}

/* section
--------------------------------------*/
#contents .section01{
clear:both;
margin-bottom:24px;
}
#contents .section02{
clear:both;
margin-bottom:32px;
}
#contents .section03{
clear:both;
margin-bottom:48px;
}
#contents .section04{
clear:both;
padding-bottom:12px;
}
#contents .section-list01{
border-bottom:1px solid #666;
margin-bottom:24px;
}
#contents .section-list01:last-of-type{border-bottom:0;}
#contents .section-list01 > section:last-of-type .blk-article-list07 > .cont:last-of-type{border-bottom:0;}
#contents .section-kanagawa01{
margin:0 -20px;
padding:20px 10px 0;
border-top:1px solid #dedede;
}
#contents .section-kanagawa01 .hdg-link01{
margin-right:10px;
margin-left:10px;
font-size:1.6rem;
}
#contents .section-kanagawa02{
margin:0 -20px;
padding:20px 20px 0;
border-top:1px solid #dedede;
}
#contents .section-japan01{
margin:0 -20px;
padding:20px 20px 0;
border-top:1px solid #dedede;
}
#contents .section-i-cate-theme{
padding:20px 0 0;
border-top:2px dotted #e85c5c;
}
#contents .section-i-cate-product{
padding:20px 0 0;
border-top:2px dotted #89c6a7;
}
#contents .section-i-cate-shop{
padding:20px 0 0;
border-top:2px dotted #e9ca55;
}
#contents .section-i-cate-recommendation{
padding:20px 0 0;
border-top:2px dotted #977963;
}

/* ad
--------------------------------------*/
.ad1_paid,
body.theme-dark .ad9_sp,
body.theme-dark .ad6_sp,
body.theme-dark .ad10_sp,
body.theme-dark .ad17_sp,
body.theme-dark .ad18_sp,
/* body.theme-dark .ad19_sp, */
body.theme-dark .ad20_sp,
/* body.theme-dark .ad21_sp, */
/* body.theme-dark .ad22_sp, */
/* body.theme-dark .ad23_sp, */
body.theme-dark .subarea_free_sp,
body.theme-dark .subarea_free2_sp,
.ad9_sp_dark,
.ad6_sp_dark,
.ad10_sp_dark,
.ad17_sp_dark,
.ad18_sp_dark,
.ad19_sp_dark,
.ad20_sp_dark,
.ad21_sp_dark,
.ad22_sp_dark,
.ad23_sp_dark,
.subarea_free_sp_dark,
.subarea_free2_sp_dark{
    display:none;
}
body.theme-dark .ad9_sp_dark,
body.theme-dark .ad6_sp_dark,
body.theme-dark .ad10_sp_dark,
body.theme-dark .ad17_sp_dark,
body.theme-dark .ad18_sp_dark,
body.theme-dark .ad19_sp_dark,
body.theme-dark .ad20_sp_dark,
body.theme-dark .ad21_sp_dark,
body.theme-dark .ad22_sp_dark,
body.theme-dark .ad23_sp_dark,
body.theme-dark .subarea_free_sp_dark,
body.theme-dark .subarea_free2_sp_dark{
    display:block
}
.ad1_sp,
.ad1_sp_paid,
.ik_ad7_sp{
margin-right:auto;
margin-left:auto;
max-width:320px;
}
#contents .blk-bnr02 .ik_ad3_sp{
margin-right:-18px;
margin-left:-18px;
}


/*------------------------------------------------------------------------------------------------------------------------
clearFix
------------------------------------------------------------------------------------------------------------------------*/
#contents .hdg-entry01 > .cont::after,
#topic-path::after,
#contents .nav-page01::after,
#contents .list-variable01::after,
#contents .list-btn01::after,
#contents .list-btn02::after,
#contents .list-tag01::after,
#contents .list-tag02::after,
#contents .blk-column01::after,
#contents .blk-sort01::after,
#contents .blk-sort02::after,
#contents .entry-detail01::after,
#contents .entry-detail02::after,
#top-info-area .keyword ul.keyword-tag::after,
#contents .special-serial-area01 .blk-ss::after,
#contents .blk-pay-article01::after,
#contents .blk-fix::after{
display:block;
content:'';
clear:both;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
dark mode
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width:599px){

/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
/* hdg-entry01
----------------------------------------*/
body.theme-dark #contents .hdg-entry01 > .cont .list-cat li{border-color:#545454;}
body.theme-dark #contents .hdg-entry01 > .cont .list-cat li a{color:#fff;}

/* hdg-special01
----------------------------------------*/
body.theme-dark #contents .hdg-special01 .info{
border-color:#545454;
color:#fff;
}

/* hdg-type
----------------------------------------*/
body.theme-dark #contents .hdg-type05{background:#292929;}

/* hdg-link
----------------------------------------*/
body.theme-dark #contents .hdg-link01 a,
body.theme-dark #contents .hdg-link02 a,
body.theme-dark #contents .hdg-link03 a{color:#fff;}

/* hdg-link
----------------------------------------*/
body.theme-dark #contents .hdg-link01 a::after,
body.theme-dark #contents .hdg-link02 a::after,
body.theme-dark #contents .hdg-link03 a::after{color:#03bdde;}
body.theme-dark #contents .hdg-link02.type01 a::after{color:#cc5e66;}

/* hdg-election01
----------------------------------------*/
body.theme-dark #contents .hdg-election01{
border-color:#545454;
background:#323232;
}
body.theme-dark #contents .hdg-election01 .place{color:#bfbfbf;}

/* hdg-summary
----------------------------------------*/
body.theme-dark #contents .hdg-summary{border-color:#545454;}


/*------------------------------------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------------------------------------*/
/* nav-page01
----------------------------------------*/
body.theme-dark #contents .nav-page01 ul li a{
border-color:#545454;
background:#292929;
color:#fff;
}
body.theme-dark #contents .nav-page01 ul .current a{
border:1px solid #666;
background:#666;
}

/* nav-page02
----------------------------------------*/
body.theme-dark #contents .nav-page02 ul li a{
border-color:#545454;
color:#fff;
}
body.theme-dark #contents .nav-page02 ul li.prev a,
body.theme-dark #contents .nav-page02 ul li.next a{background:#666;}
body.theme-dark #contents .nav-page02 ul li.prev a::before,
body.theme-dark #contents .nav-page02 ul li.next a::before{color:#fff;}

/* nav-page03
----------------------------------------*/
body.theme-dark #contents .nav-page03 li a::before{color:#fff;}

/* nav-page04
----------------------------------------*/
body.theme-dark #contents .nav-page04{border-color:#545454;}


/*------------------------------------------------------------------------------------------------------------------------
Text
------------------------------------------------------------------------------------------------------------------------*/
body.theme-dark #contents .color-type02{color:#bfbfbf;}

/* btn01
----------------------------------------*/
body.theme-dark #contents .btn01{
border-color:#545454;
background:#323232;
color:#fff;
}

/* btn04
----------------------------------------*/
body.theme-dark #contents .btn04{border-color:#545454;}

/* entry-img
----------------------------------------*/
body.theme-dark #contents .entry-img01,
body.theme-dark #contents .entry-img02,
body.theme-dark #contents .entry-img03,
body.theme-dark #contents .entry-img04,
body.theme-dark #contents .figure-type01{background:#545454;}
body.theme-dark #contents .entry-img01 figcaption,
body.theme-dark #contents .entry-img02 figcaption,
body.theme-dark #contents .entry-img03 figcaption,
body.theme-dark #contents .entry-img04 figcaption,
body.theme-dark #contents .figure-type01 figcaption{background:#323232;}

/* txt-date01
----------------------------------------*/
body.theme-dark #contents .txt-date01{background:#545454;}


/*------------------------------------------------------------------------------------------------------------------------
List
------------------------------------------------------------------------------------------------------------------------*/
/* list-disc
----------------------------------------*/
body.theme-dark #contents .list-disc01 li::before{background:#fff;}

/* list-link01
----------------------------------------*/
body.theme-dark #contents .list-link01 li{border-color:#545454;}
body.theme-dark #contents .list-link01 li a{color:#fff;}
body.theme-dark #contents .list-link01 li a::before{color:#9e9e9e;}

/* list-link02
----------------------------------------*/

body.theme-dark #contents .list-link02 li a{color:#fff;}
body.theme-dark #contents .list-link02 li .sub{color:#dedede;}

/* list-btn01
----------------------------------------*/
body.theme-dark #contents .list-btn01 li a{color:#292929;}

/* list-link03
----------------------------------------*/
body.theme-dark #contents .list-link03 > li::after{color:#fff;}
body.theme-dark #contents .list-link03 > li a{color:#fff;}

/* list-link04
----------------------------------------*/
body.theme-dark #contents .list-link04 > li{border-color:#545454;}
body.theme-dark #contents .list-link04 > li a{color:#fff;}
body.theme-dark #contents .list-link04 > li .info{color:#bfbfbf;}

/* list-link05
----------------------------------------*/
body.theme-dark #contents .list-link05 > li{border-color:#545454;}
body.theme-dark #contents .list-link05 > li a{color:#fff;}
body.theme-dark #contents .list-link05 > li .info{color:#bfbfbf;}

/* list-menu01
----------------------------------------*/
body.theme-dark #contents .list-menu01 li a,
body.theme-dark #contents .list-menu01 li span.lay{color:#fff;}
body.theme-dark #contents .blk-menu-modal01 .btn-close a{background:#666;}

/* list-article
----------------------------------------*/
body.theme-dark #contents .list-article01 li a,
body.theme-dark #contents .list-article02 li a,
body.theme-dark #contents .list-article03 li a{color:#fff;}
body.theme-dark #contents .list-article01 li .offer,
body.theme-dark #contents .list-article02 li .offer,
body.theme-dark #contents .list-article03 li .offer{color:#bfbfbf;}

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

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

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

/* list-paper01
----------------------------------------*/
body.theme-dark #contents .list-paper01 .date{background:#545454;}
body.theme-dark #contents .list-paper01 figure{border-color:#545454;}
body.theme-dark #contents .list-paper01 .title{color:#fff;}

/* list-paper02
----------------------------------------*/
body.theme-dark #contents .list-paper02 figure{border-color:#545454;}
body.theme-dark #contents .list-paper02 .title{color:#fff;}


/*------------------------------------------------------------------------------------------------------------------------
Block Element
------------------------------------------------------------------------------------------------------------------------*/
/* blk-segment03,04,05
----------------------------------------*/
body.theme-dark #contents .blk-segment03,
body.theme-dark #contents .blk-segment04{background:#545454;}
body.theme-dark #contents .blk-segment05{background:#323232;}

/* blk-separation01
----------------------------------------*/
body.theme-dark #contents .blk-separation01{border-color:#545454;}

/* blk-quote01
----------------------------------------*/
body.theme-dark .blk-quote01{
border-color:#545454;
background:#323232;
}

/* article-cont01
--------------------------------------*/
body.theme-dark #contents .article-cont01 figure figcaption{color:#292929;}
body.theme-dark #contents .article-cont01 .hdg,
body.theme-dark #contents .article-cont01 p{color:#fff;}
body.theme-dark #contents .article-cont01 .info{color:#dedede;}
body.theme-dark #contents .article-cont01 .info .new{color:#292929;}
body.theme-dark #contents .article-cont01 a{color:#fff;}

/* blk-article-list
----------------------------------------*/
body.theme-dark #contents .blk-article-list01.article-cont01 .cont,
body.theme-dark #contents .blk-article-list02.article-cont01 .cont,
body.theme-dark #contents .blk-article-list03.article-cont01 .cont,
body.theme-dark #contents .blk-article-list04.article-cont01 .cont,
body.theme-dark #contents .blk-article-list05.article-cont01 .cont,
body.theme-dark #contents .blk-article-list06.article-cont01 .cont,
body.theme-dark #contents .blk-article-list07.article-cont01 .cont{border-color:#545454;}
body.theme-dark #contents .blk-article-list08.article-cont01 .cont{background:#323232;}

/* blk-time-series01
----------------------------------------*/
body.theme-dark #contents .blk-time-series01 .text,
body.theme-dark #contents .blk-time-series01 .text::before,
body.theme-dark #contents .blk-time-series01 .text::after{background:#323232;}

/* blk-area-top
----------------------------------------*/
body.theme-dark #contents .blk-area-top{border-color:#545454;}

/* blk-share01
----------------------------------------*/
body.theme-dark #contents .blk-share01{border-color:#545454;}
body.theme-dark #contents .blk-share01 .sns li a,
body.theme-dark #contents .blk-share01 .sns li span.lay{color:#fff;}

/* blk-menu-modal01
----------------------------------------*/
body.theme-dark #contents .blk-menu-modal01{background:#292929;}

/* notice-members-only
----------------------------------------*/
body.theme-dark #contents .notice-members-only .plan > .cont + .cont{border-color:#545454;}

/* blk-about-series01
----------------------------------------*/
body.theme-dark #contents .blk-about-series01 .list-btn .btn-follow a{border-color:#545454;}
body.theme-dark #contents .blk-about-series01 .dl-series-new{border-color:#545454;}

/* entry-members-only
----------------------------------------*/
body.theme-dark #contents .entry-members-only01::after,
body.theme-dark #contents .entry-members-only02::after{background:linear-gradient(to bottom, rgba(41,41,41,0) 0%,rgba(41,41,41,1) 100%);}


/* entry-recommend01
----------------------------------------*/
body.theme-dark #contents .entry-recommend01{background:#545454;}
body.theme-dark #contents .entry-recommend01 > .lay{background:#292929;}
body.theme-dark #contents .entry-recommend01 .list02 li{border-color:#545454;}
body.theme-dark #contents .entry-recommend01 .list02 li a{color:#fff;}

/* blk-toggle-list01
----------------------------------------*/
body.theme-dark #contents .blk-toggle-list01,
body.theme-dark #contents .blk-toggle-list01 .hdg{border-color:#545454;}
body.theme-dark #contents .blk-toggle-list01 .hdg::after{color:#fff;}

/* blk-election01
----------------------------------------*/
body.theme-dark #contents .blk-election01 .election-head-sp,
body.theme-dark #contents .blk-election01 > .cont{border-color:#545454;}
body.theme-dark #contents .blk-election01 > .cont .txt02 .party{background:#323232;}
body.theme-dark #contents .blk-election01 > .cont .txt04,
body.theme-dark #contents .blk-election01 > .cont .txt05{color:#bfbfbf;}
body.theme-dark #contents .blk-election01 > .cont .txt05{border-color:#545454;}

/* blk-personnel01
----------------------------------------*/
body.theme-dark #contents .blk-personnel01 .personnel-head-sp,
body.theme-dark #contents .blk-personnel01 .cont,
body.theme-dark #contents .blk-personnel01 .cont .txt02,
body.theme-dark #contents .blk-personnel01 .cont .lay02{border-color:#545454;}
body.theme-dark #contents .blk-personnel01 .cont .info{color:#bfbfbf;}


/*------------------------------------------------------------------------------------------------------------------------
Table
------------------------------------------------------------------------------------------------------------------------*/
/* tbl-type01
----------------------------------------*/
body.theme-dark #contents .tbl-type01 th,
body.theme-dark #contents .tbl-type01 td{border-color:#545454;}
body.theme-dark #contents .tbl-type01 th{background:#323232;}

/* tbl-type02
----------------------------------------*/
body.theme-dark #contents .tbl-type02 th,
body.theme-dark #contents .tbl-type02 td{border-color:#545454;}

/* tbl-type03
----------------------------------------*/
body.theme-dark #contents .tbl-type03 th,
body.theme-dark #contents .tbl-type03 td{border-color:#545454;}
body.theme-dark #contents .tbl-type03 th{background:#323232;}


/*------------------------------------------------------------------------------------------------------------------------
Form
------------------------------------------------------------------------------------------------------------------------*/
/* input-type01
----------------------------------------*/
body.theme-dark #contents .input-type01{
border-color:#545454;
background:#292929;
color:#fff;
}
body.theme-dark input::-webkit-input-placeholder{color:#bfbfbf;}
body.theme-dark input::-moz-placeholder{color:#bfbfbf;}
body.theme-dark input:-ms-input-placeholder{color:#bfbfbf;}

/* select-type01
----------------------------------------*/
body.theme-dark #contents .select-type01::after{color:#fff;}
body.theme-dark #contents .select-type01 select{
border-color:#545454;
background:#292929;
color:#fff;
}


/*------------------------------------------------------------------------------------------------------------------------
Top
------------------------------------------------------------------------------------------------------------------------*/
/* top-info-area
--------------------------------------*/
/* date */
body.theme-dark #top-info-area .date{background:#545454;}
body.theme-dark #top-info-area .date p{color:#fff;}

/* news */
body.theme-dark #top-info-area .news{border-color:#545454;}
body.theme-dark #top-info-area .news ul li.cat02 .txt,
body.theme-dark #top-info-area .news ul li.cat03 .txt{color:#fff;}
body.theme-dark #top-info-area .news ul li .txt time{color:#dedede;}
body.theme-dark #top-info-area .news .bx-pager .bx-pager-item .bx-pager-link{background:#545454;}
body.theme-dark #top-info-area .news .bx-pager .bx-pager-item .bx-pager-link.active{background:#ffc400;}

/* tag */
body.theme-dark #top-info-area .keyword ul.keyword-tag li a{
border-color:#545454;
background:transparent;
}
body.theme-dark #top-info-area .keyword ul.keyword-tag li a::before{color:#167383;}

/* top-pin-area
--------------------------------------*/
body.theme-dark #top-pin-area{border-color:#545454;}

/* article01 */
body.theme-dark #top-pin-area .pinup .article01{border-color:#545454;}

/* article02 */
body.theme-dark #top-pin-area .pinup .article02{border-color:#545454;}
body.theme-dark #top-pin-area .pinup .article02::before{background:#545454;}

/* blk-article-list01 */
body.theme-dark #top-pin-area .blk-article-list01 .cont{border-color:#545454;}

/* top-news-area
--------------------------------------*/
body.theme-dark #top-news-area #sub-contents{border-color:#545454;}

/* kanagawa-news */
body.theme-dark #top-news-area .japan-news{border-color:#545454;}
body.theme-dark #top-news-area .kanagawa-main,
body.theme-dark #top-news-area .kanagawa-news > .lay > .cont02{border-color:#545454;}
body.theme-dark #top-news-area .kanagawa-news > .lay > .cont02::before{background:#545454;}

/* important-news01 */
body.theme-dark #contents .important-news01 .blk-segment02{background:#323232;}

/* special-serial-area01
--------------------------------------*/
body.theme-dark #contents .special-serial-area01{background:#545454;}
body.theme-dark #contents .special-serial-area01 .blk-ss .cont{background:#292929;}
body.theme-dark #contents .special-serial-area01 .blk-ss .cont a{color:#fff;}
body.theme-dark #contents .special-serial-area01 .blk-ss .cont .hdg .sub{color:#dedede;}

/* blk-pay-article01
--------------------------------------*/
body.theme-dark #contents .blk-pay-course01{
border-color:#707070;
background:#545454;
}

/* top-kanaloco-news
--------------------------------------*/
body.theme-dark #contents .top-kanaloco-news{border-color:#545454;}

/* blk-useful-info01
--------------------------------------*/
body.theme-dark #contents .blk-useful-info01{background:#545454;}
body.theme-dark #contents .blk-useful-info01 .useful-info > .lay > .cont{background:#292929;}
body.theme-dark #contents .blk-useful-info01 .useful-info > .lay > .cont a{color:#fff;}


/*------------------------------------------------------------------------------------------------------------------------
Other
------------------------------------------------------------------------------------------------------------------------*/
/* hr
--------------------------------------*/
#contents .hr-type01{background:#545454;}

/* section
--------------------------------------*/
body.theme-dark #contents .section-kanagawa01,
body.theme-dark #contents .section-kanagawa02,
body.theme-dark #contents .section-japan01{border-color:#545454;}



}


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

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

.only-sp,
#contents .only-sp{display:none !important;}
#contents .only-pc{display:block;}
img.only-pc,
span.only-pc,
br.only-pc,
#contents img.only-pc,
#contents sp.only-pc,
#contents br.only-pc{display:inline;}

#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table,
#contents figure{margin-bottom:32px;}

#contents p,
#contents li,
#contents dt,
#contents dd,
#contents caption,
#contents th,
#contents td,
#contents figure{font-size:1.7rem;}


/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
/* hdg-special01
----------------------------------------*/
#contents .hdg-special01{
position:relative;
margin:0 0 32px;
}
#contents .hdg-special01 > .lay{
box-sizing:border-box;
overflow:hidden;
position:relative;
padding:16px 98px 16px 16px;
min-height:184px;
}
#contents .hdg-special01.detail > .lay{min-height:270px;}
#contents .hdg-special01 > .lay .txt{
position:static;
right:auto;
bottom:auto;
left:auto;
}
#contents .hdg-special01 > .lay .txt .hdg01{
margin-bottom:10px;
font-size:2rem;
}
#contents .hdg-special01 > .lay .txt .btn-read{
position:absolute;
left:16px;
bottom:16px;
}
#contents .hdg-special01 > .lay .txt .btn-read a:hover{opacity:.5;}
#contents .hdg-special01 > .lay .txt .list-cat li a:hover{opacity:.5;}
#contents .hdg-special01 > .lay .bg{
position:absolute;
top:50%;
left:0;
z-index:-1;
margin:0;
width:100%;
transform:translate(0,-50%);
}
#contents .hdg-special01 > .lay .bg img{width:100%;}
#contents .hdg-special01 > .lay .thumb{
overflow:hidden;
top:16px;
right:16px;
width:70px;
height:70px;
margin:0;
border:0;
border-radius:5px;
}
#contents .hdg-special01 .btn-follow{
position:absolute;
bottom:16px;
right:16px;
margin:0;
width:90px;
}
#contents .hdg-special01 .btn-follow a{
display:block;
padding:5px 8px;
border-radius:5px;
background:#cdf5fc;
font-size:1.3rem;
font-weight:bold;
text-decoration:none;
}
#contents .hdg-special01 .btn-follow a::before{
display:inline-block;
content:'\e145';/* add */
margin-right:0;
color:#0096df;
font-family:'Material Icons';
font-size:2rem;
font-weight:normal;
vertical-align:middle;
line-height:1;
}
#contents .hdg-special01 .btn-follow a:hover{opacity:.5;}
#contents .hdg-special01.detail .btn-follow{
bottom:auto;
top:102px;
width:70px;
}
#contents .hdg-special01.detail .btn-follow a{
padding:5px;
font-size:1rem;
}
#contents .hdg-special01.detail .btn-follow a::before{font-size:1.6rem;}
#contents .hdg-special01 .info{
position:absolute;
bottom:16px;
left:16px;
padding:0;
border-bottom:0;
color:#fff;
font-size:1.2rem;
letter-spacing:-.05em;
}
#contents .hdg-special01 .info.special{bottom:60px;}

/* hdg-entry01
----------------------------------------*/
#contents .hdg-entry01{margin:0 0 32px;}
#contents .hdg-entry01 .hdg01{font-size:2.7rem;}
#contents .hdg-entry01 > .cont .hdg01{
margin-top:-5px;
width:calc(100% - 80px);
}
#contents .hdg-entry01 > .cont .hdg01 .sub{font-size:1.8rem;}
#contents .hdg-entry01 > .cont .thumb{
width:70px;
height:70px;
border:0;
}
#contents .hdg-entry01 > .cont .list-cat{width:calc(100% - 80px);}
#contents .hdg-entry01 > .cont .list-cat li a:hover{opacity:.5;}
#contents .hdg-entry01 .info{font-size:1.2rem;}
#contents .hdg-entry01 > .cont .list-info{
float:none;
margin:0;
width:100%;
}
#contents .hdg-entry01 > .cont .list-info li{
float:left;
margin:0 16px 8px 0;
padding-left:20px;
font-size:1.2rem;
}
#contents .hdg-entry01 > .cont .list-info li::after{
display:block;
position:absolute;
top:.15em;
left:0;
color:#dedede;
font-family:'Material Icons';
font-size:1.5rem;
font-weight:normal;
line-height:1;
}
#contents .hdg-entry01 > .cont .btn-share-menu{
float:right;
margin:-9px 0 0;
}
body.imakana #contents .hdg-entry01 .hdg01 .cat{
margin:0 16px 0 0;
padding:3px 8px;
font-size:1.2rem;
}
body.imakana #contents .hdg-entry01 .hdg01 .sub{
margin-bottom:10px;
font-size:1.8rem;
}

/* hdg-election01
----------------------------------------*/
#contents .hdg-election01{
margin-bottom:24px;
padding:12px 16px;
font-size:2rem;
}
#contents .hdg-election01 .place{
display:inline-block;
margin:0 0  0 10px;
font-size:1.3rem;
vertical-align:middle;
}

/* hdg-summary
----------------------------------------*/
#contents .hdg-summary{font-size:2rem;}

/* hdg-type
----------------------------------------*/
/* hdg-type01 */
#contents .hdg-type01{
margin:0 0 28px;
font-size:2.7rem;
}
#contents .hdg-type01 .sub{
margin-bottom:5px;
font-size:1.8rem;
}
#contents .hdg-type01 .date{
margin-top:15px;
font-size:1.4rem;
}

/* hdg-type02 */
#contents .hdg-type02{font-size:1.8rem;}

/* hdg-type03 */
#contents .hdg-type03{
margin:0 0 32px;
padding:0 0 8px;
font-size:2.4rem;
}

/* hdg-type05 */
#contents .hdg-type05{font-size:2.4rem;}

/* hdg-type06 */
#contents .hdg-type06{font-size:1.8rem;}

/* hdg-type07 */
#contents .hdg-type07{font-size:2rem;}

/* hdg-type08 */
#contents .hdg-type08{
margin:0 0 48px;
font-size:2.7rem;
text-align:center;
}

/* hdg-type09 */
#contents .hdg-type09{font-size:1.6rem;}

/* hdg-type11 */
#contents .hdg-type12{font-size:2rem;}

/* hdg-type12 */
#contents .hdg-type12{font-size:2.4rem;}

/* hdg-type13 */
#contents .hdg-type13{font-size:2rem;}

/* hdg-type14 */
#contents .hdg-type14{font-size:1.7rem;}

/* hdg-type15 */
#contents .hdg-type15{font-size:1.4rem;}

/* hdg-type16 */
#contents .hdg-type16{font-size:1.4rem;}




/* hdg-link
----------------------------------------*/
#contents .hdg-link01{font-size:2.4rem;}
#contents .hdg-link02{font-size:1.8rem;}
#contents .hdg-link03{font-size:1.7rem;}
#contents .hdg-link01 a,
#contents .hdg-link02 a,
#contents .hdg-link03 a{display:inline;}
#contents .hdg-link01 a:hover,
#contents .hdg-link02 a:hover,
#contents .hdg-link03 a:hover{text-decoration:underline;}
#contents .hdg-link01 a::after,
#contents .hdg-link02 a::after,
#contents .hdg-link03 a::after{
display:inline-block;
position:static;
margin:0 0 0 16px;
vertical-align:middle;
transform:translate(0);
}




/*------------------------------------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------------------------------------*/
/* Topic Path
----------------------------------------*/
#contents #topic-path{
display:block;
margin:0 auto;
padding:14px 0 10px;
list-style:none;
}
#contents #topic-path li{
float:left;
margin:0 0 5px;
font-size:1.4rem;
}
#contents #topic-path li:after{
display:inline-block;
content:'';
overflow:hidden;
margin:-2px 15px 0;
padding:0;
width:5px;
height:5px;
border-top:1px solid #dedede;
border-right:1px solid #dedede;
transform:rotate(45deg);
vertical-align:middle;
text-indent:100%;
}
#contents #topic-path li:last-of-type:after{display:none;}
#contents #topic-path a:link,
#contents #topic-path a:visited{text-decoration:none;}
#contents #topic-path a:hover,
#contents #topic-path a:active{text-decoration:underline;}
#contents .topic-path-separation{
margin-bottom:24px;
border-bottom:1px solid #dedede;
}
#contents .topic-path-separation + .top-head-bnr{margin-top:-24px;}


/* nav-page01
----------------------------------------*/
#contents .nav-page01{
overflow-x:visible;
overflow-y:visible;
position:relative;
margin:0 0 32px;
white-space:normal;
}
#contents .nav-page01 ul{
display:block;
margin:0;
padding:0;
}
#contents .nav-page01 ul li{
display:block;
float:left;
margin:0 16px 16px 0;
padding:0;
}
#contents .nav-page01 ul li a,
#contents .nav-page01 ul li span{
display:block;
box-sizing:border-box;
position:relative;
padding:10px 20px;
box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
border:1px solid #f5f5f5;
border-radius:4px;
background:#f5f5f5;
color:#292929;
text-decoration:none;
}
#contents .nav-page01 ul .current a,
#contents .nav-page01 ul .current span{
border:1px solid #666;
background:#666;
color:#fff;
}
#contents .nav-page01 ul li a:hover{opacity:.5;}

/* nav-page02
----------------------------------------*/
#contents .nav-page02{margin:32px 0;}
#contents .nav-page02 .num{
margin-bottom:24px;
font-size:1.4rem;
}
#contents .nav-page02 ul li{margin:0 -1px 8px 0;}
#contents .nav-page02 ul li.abb{margin-right:10px;margin-left:10px;}

/* nav-page03
----------------------------------------*/
#contents .nav-page03{margin:32px 0;}


/*------------------------------------------------------------------------------------------------------------------------
Text
------------------------------------------------------------------------------------------------------------------------*/
#contents .text-size-normal-s,
#contents .text-size-normal-s li,
#contents .text-size-normal-s dt,
#contents .text-size-normal-s dd,
#contents .text-size-normal-s th,
#contents .text-size-normal-s td{font-size:1.4rem !important;}

#contents .align-type02-sp{text-align:left !important;}
#contents .align-type02-pc{text-align:center !important;}


/* btn01
----------------------------------------*/
#contents .btn01:hover{opacity:.5;}

/* btn02
----------------------------------------*/
#contents .btn02,
#contents .btn03,
#contents .btn05,
#contents .btn06,
#contents .btn-disabled01{
display:inline-block;
padding:17px 20px;
min-width:270px;
width:auto;
}
#contents .btn02:hover,
#contents .btn03:hover,
#contents .btn05:hover,
#contents .btn06:hover{opacity:.5;}
#contents .btn02.size-m,
#contents .btn03.size-m,
#contents .btn05.size-m,
#contents .btn06.size-m,
#contents .btn-disabled01.size-m{
padding:9px 20px;
font-size:1.4rem;
}
#contents .btn02.size-s,
#contents .btn03.size-s,
#contents .btn05.size-s,
#contents .btn06.size-s,
#contents .btn-disabled01.size-s{
padding:2px 12px;
min-width:auto;
width:auto;
font-size:1.4rem;
}
#contents .btn02[disabled]{padding:16px 19px;}


/* entry-img01
----------------------------------------*/
#contents .entry-img01{max-width:300px;}
#contents .entry-img01 figcaption{
padding:12px 16px;
font-size:1.4rem;
}

/* entry-img02
----------------------------------------*/
#contents .entry-img02{max-width:300px;}
#contents .entry-img02 figcaption{
padding:12px 16px;
font-size:1.4rem;
}

/* entry-img03
----------------------------------------*/
#contents .entry-img03{margin-bottom:24px;}
#contents .entry-img03 figcaption{
padding:12px 16px;
font-size:1.4rem;
}

/* entry-img04
----------------------------------------*/
#contents .entry-img04{max-width:208px;}
#contents .entry-img04 figcaption{
padding:12px 16px;
font-size:1.4rem;
}


/* figure-type01
----------------------------------------*/
#contents .figure-type01 figcaption{
padding:12px 16px;
font-size:1.4rem;
}


/*------------------------------------------------------------------------------------------------------------------------
List
------------------------------------------------------------------------------------------------------------------------*/
/* list-btn01
----------------------------------------*/
#contents .list-btn01 li{width:173px;}
#contents .list-btn01 li:nth-child(2n+1){clear:none;}
#contents .list-btn01 li:nth-child(4n+1){clear:both;}
#contents .list-btn01 li a:hover{opacity:.5;}
#contents .section-kanagawa01 + .list-btn01,
#contents .section-kanagawa02 + .list-btn01{margin-top:0;}

/* list-btn02
----------------------------------------*/
#contents .list-btn02{
margin:0 auto 8px!important;
max-width:565px;
}
#contents .list-btn02 li{
float:left;
margin:0 12px 24px 0;
}
#contents .list-btn02 li:nth-child(2n){margin:0 0 24px 12px;}
#contents .list-btn02 li:nth-child(2n+1){clear:both;}


/* list-link01
----------------------------------------*/
#contents .list-link01 li{
position:relative;
margin:0 0 10px;
padding:0 0 10px 20px;
}
#contents .list-link01 li.ad{padding:0 0 0 20px;}
#contents .list-link01 li::before{top:0.15em;}
#contents .list-link01 li a{
display:inline;
width:auto;
padding:0;
height:auto;
}
#contents .list-link01 li a:hover{text-decoration:underline;}

/* list-link02
----------------------------------------*/
#contents .list-link02 li .sub{
display:inline-block;
margin-left:5px;
font-size:1,1rem;
}
#contents .list-link02 li a:hover{text-decoration:underline;}

/* list-link04
----------------------------------------*/
#contents .list-link04 > li .info{
display:inline-block;
margin-top:0;
font-size:1.2rem;
vertical-align:middle;
}

/* list-link05
----------------------------------------*/
#contents .list-link05 > li{font-size:1.7rem;}

/* list-article
----------------------------------------*/
#contents .list-article01{margin:0 -12px;}
#contents .list-article01 li{
margin:0 0 36px;
padding:0 12px;
width:33.33%;
}

/* list-article02 */
#contents .list-article02{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -10px 20px;
}
#contents .list-article02 li{
box-sizing:border-box;
margin:0 0 36px;
padding:0 12px;
width:25%;
font-size:1.6rem;
}
#contents .list-article02 li figure{
float:none;
margin:0 0 10px;
width:100%;
max-width:none;
}

/* list-article03 */
#contents .list-article03{margin:0 -12px 12px;}
#contents .list-article03 li{
margin:0 0 24px;
padding:0 12px;
width:20%;
}

/* list-article04 */
#contents .list-article04{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -12px 12px;
}
#contents .list-article04 li{
box-sizing:border-box;
margin:0 0 24px;
padding:0 12px;
width:33.33%;
}
#contents .list-article04 li figure{
float:none;
margin:0 0 16px;
width:100%;
}


/* list-member-step01
----------------------------------------*/
#contents .list-member-step01{margin:0 0 48px;}
#contents .list-member-step01 li{
font-size:1.3rem;
font-weight:bold;
text-align:center;
}
#contents .list-member-step01 li:before{
margin:0 auto 8px;
width:24px;
height:24px;
border-radius:24px;
font-size:1.2rem;
line-height:22px;
}
#contents .list-member-step01 li:after{
top:7px;
height:6px;
}
#contents .list-member-step01 li .txt{
width:auto;
transform:scale(1);
}

/* list-election01
----------------------------------------*/
#contents .list-election01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -12px 12px;
}
#contents .list-election01 li{
box-sizing:border-box;
margin:0 12px 24px;
width:calc(50% - 24px)
}

/* list-tag01
----------------------------------------*/
#contents .list-tag01{margin:0 -6px 24px;}
#contents .list-tag01 a:hover{opacity:.5;}

/* list-gallery01
----------------------------------------*/
#contents .list-gallery01{margin:0 -1px 36px;}
#contents .list-gallery01 li{width:calc(20% - 2px);}
#contents .list-gallery01 a img{width:100%;}

/* list-tab01
----------------------------------------*/
#contents .list-tab01{margin:0 0 32px;}
#contents .list-tab01 li{font-size:2rem;}
#contents .list-tab01 li a{padding:11px 4px;}

/* list-paper01
----------------------------------------*/
#contents .list-paper01{margin:0 -12px 24px;}
#contents .list-paper01 > li{
margin:0 12px 24px;
width:calc(25% - 24px);
}
#contents .list-paper01 .date{margin:0 0 16px;}

/* list-paper02
----------------------------------------*/
#contents .list-paper02{margin:0 -12px;}
#contents .list-paper02 > li{
margin:0 12px 24px;
width:calc(50% - 24px);
}

/* list-sns01
----------------------------------------*/
#contents .list-sns01{margin:0 -16px 30px;}
#contents .list-sns01 li{margin:0 16px;}
#contents .list-sns01 li a:hover{opacity:.5}


/* list-app-btn01
----------------------------------------*/
#contents .list-app-btn01{
display:flex;
justify-content:center;
flex-wrap:wrap;
margin:0 0 20px;
}
#contents .list-app-btn01 li{margin:0 40px 16px;}


/*------------------------------------------------------------------------------------------------------------------------
Layout Block
------------------------------------------------------------------------------------------------------------------------*/
#contents .element-left{
float:left;
margin-right:24px;
}
#contents .element-right{
float:right;
margin-left:24px;
}

/* blk-column01
----------------------------------------*/
#contents .blk-column01.img-left .img{margin-right:24px;}
#contents .blk-column01.img-right .img{margin-left:24px;}

/* blk-column02
----------------------------------------*/
#contents .blk-column02{overflow:hidden;}
#contents .blk-column02 .img{max-width:300px;}
#contents .blk-column02 .txt{overflow:hidden;}
#contents .blk-column02.img-left .img{float:left;margin-right:24px;}
#contents .blk-column02.img-right .img{float:right;margin-left:24px;}

/* blk-column03
----------------------------------------*/
#contents .blk-column03{overflow:hidden;}
#contents .blk-column03 .img{max-width:208px;}
#contents .blk-column03 .txt{overflow:hidden;}
#contents .blk-column03.img-left .img{float:left;margin-right:24px;}
#contents .blk-column03.img-right .img{float:right;margin-left:24px;}

/* blk-col
----------------------------------------*/
#contents .blk-col{margin:0 -12px;}
#contents .blk-col .cont{margin:0 12px;}
#contents .blk-col.col2 .cont{width:calc(50% - 24px);}
#contents .blk-col.col3 .cont{width:calc(33.33% - 24px);}
#contents .blk-col.col4 .cont{width:calc(25% - 24px);}



/*------------------------------------------------------------------------------------------------------------------------
Block Element
------------------------------------------------------------------------------------------------------------------------*/
/* blk-iframe
----------------------------------------*/
#contents .blk-iframe01,
#contents .blk-iframe02{
margin:0 0 32px;
height:350px;
}
#contents .blk-iframe02{width:339px;}


/* blk-segment01
----------------------------------------*/
#contents .blk-segment01{padding:20px 25px;}

/* blk-segment02
----------------------------------------*/
#contents .blk-segment02{padding:19px 24px;}

/* blk-segment03,04,05
----------------------------------------*/
#contents .blk-segment03,
#contents .blk-segment04,
#contents .blk-segment05{padding:20px 25px;}

/* blk-quote01
----------------------------------------*/
.blk-quote01{
margin-bottom:32px;
padding:30px 48px 1px;
}

/* blk-bnr01
----------------------------------------*/
#contents .blk-bnr01{max-width:none;}

/* blk-bnr02
----------------------------------------*/
#contents .blk-bnr02{
margin:32px -24px;
text-align:center;
letter-spacing:-.4em;
}
#contents .blk-bnr02 .cont{
display:inline-block;
margin:0 24px 24px;
letter-spacing:normal;
}
  #contents .blk-bnr02 .cont.is-cont-w336{
    margin-right:12px;
    margin-left:12px;
  }

/* blk-sort01
----------------------------------------*/
#contents .blk-sort01{
display:block;
position:static;
margin:0 -12px 12px;
padding:0;
border-radius:0;
box-shadow:none;
transform:none;
}
#contents .blk-menu-modal01.blk-sort01{margin-top:0;}
#contents .blk-sort01 .hdg{display:none;}
#contents .blk-sort01 > .cont{
float:left;
margin:0 12px;
width:calc(25% - 24px);
}
#contents .blk-sort01 > .cont .txt-head{
float:none;
margin:0 0 5px;
width:auto;
}
#contents .blk-sort01 .btn-close{display:none;}
#contents .blk-sort01 > .cont .txt{
overflow:visible;
margin-bottom:32px;
}

/* blk-sort02
----------------------------------------*/
#contents .blk-sort02 p{font-size:1.4rem;}
#contents .blk-sort02 .txt-head{
float:left;
margin:10px 16px 12px 0;
}
#contents .blk-sort02 .select-type01{
display:inline-block;
min-width:300px;
}


/* article-cont01
----------------------------------------*/
#contents .article-cont01 figure{
position:relative;
margin:0 0 15px;
}
#contents .article-cont01 figure.movie::before{
left:0;
right:auto;
}
#contents .article-cont01 figure.movie::after{
left:7px;
right:auto;
}
#contents .article-cont01 figure img{width:100%;}
#contents .article-cont01 figure figcaption{
position:absolute;
top:0;
left:0;
padding:2px 6px;
background:#03bdde;
color:#fff;
font-size:1rem;
font-weight:bold;
}
#contents .article-cont01 .ad figure figcaption{background:#9e9e9e;}
#contents .article-cont01 .hdg{
margin-bottom:5px;
font-size:1.6rem;
}
#contents .article-cont01 .hdg .sub{
margin-bottom:5px;
font-size:1.3rem;
}
#contents .article-cont01 p{
margin-bottom:10px;
font-size:1.4rem;
}
#contents .article-cont01 .info{font-size:1.2rem;}
#contents .article-cont01 .info .new{font-size:1rem;}
#contents .article-cont01 .more{color:#0096df;text-decoration:underline;}

/* blk-article-list01
----------------------------------------*/
#contents .blk-article-list01.article-cont01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -16px 0 -17px;
}
#contents .blk-article-list01.article-cont01 > .cont{
box-sizing:border-box;
margin-bottom:0;
padding:0 16px 0 17px;
border-bottom:0;
width:33.333%;
}
#contents .blk-article-list01.article-cont01 > .cont + .cont{border-left:1px solid #dedede;}
#contents .blk-article-list01.article-cont01 figure{
float:none;
margin:0 0 10px;
width:auto;
}
#contents .blk-article-list01.article-cont01 .txt{overflow:hidden;}
#contents .blk-article-list01.article-cont01 .hdg{font-size:1.4rem;}
#contents .blk-article-list01.article-cont01 .hdg .sub,
#contents .blk-article-list01.article-cont01 p{
display:block;
font-size:1.2rem;
}

/* blk-article-list02
----------------------------------------*/
#contents .blk-article-list02.article-cont01 > .cont{
margin-bottom:16px;
padding-bottom:16px;
}
#contents .blk-article-list02.article-cont01 figure{width:160px;}
#contents .blk-article-list02.article-cont01 .hdg .sub,
#contents .blk-article-list02.article-cont01 p{font-size:1.2rem;}

/* blk-article-list03
----------------------------------------*/
#contents .blk-article-list03.article-cont01 > .cont{
margin-bottom:16px;
padding-bottom:16px;
}
#contents .blk-article-list03.article-cont01 figure{width:130px;}
#contents .blk-article-list03.article-cont01 .hdg{font-size:1.7rem;}
#contents .blk-article-list03.article-cont01 .hdg .sub{font-size:1.3rem;}

/* blk-article-list04
----------------------------------------*/
#contents .blk-article-list04.article-cont01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin-bottom:8px;
}
#contents .blk-article-list04.article-cont01 > .cont{
box-sizing:border-box;
position:relative;
margin-bottom:16px;
padding:0 16px 16px 0;
width:50%;
}
#contents .blk-article-list04.article-cont01 > .cont:nth-child(2n-1)::after{
content:'';
position:absolute;
top:0;
right:0;
bottom:16px;
width:1px;
background:#dedede;
}
#contents .blk-article-list04.article-cont01 > .cont:nth-child(2n){padding:0 0 16px 16px;}
#contents .blk-article-list04.article-cont01 figure{margin-right:16px; width:160px;}
#contents .blk-article-list04.article-cont01 .hdg .sub,
#contents .blk-article-list04.article-cont01 p{font-size:1.2rem;}

/* blk-article-list05
----------------------------------------*/
#contents .blk-article-list05.article-cont01{margin:0 0 24px;}
#contents .blk-article-list05.article-cont01 figure{
width:240px;
max-width:none;
}
#contents .blk-article-list05.article-cont01 .hdg{font-size:2rem;}
#contents .blk-article-list05.article-cont01 .hdg .sub{font-size:1.3rem;}
#contents .blk-article-list05.article-cont01 p{display:block;text-indent:0;}

/* blk-article-list06
----------------------------------------*/
#contents .blk-article-list06.article-cont01 .cont{
margin-bottom:24px;
padding-bottom:0;
border-bottom:0;
}
#contents .blk-article-list06.article-cont01 figure{
margin:0 10px 0 0;
width:92px;
}
#contents .blk-article-list06.article-cont01 .info{font-size:1.1rem;}

/* blk-article-list07
----------------------------------------*/
#contents .blk-article-list07.article-cont01 figure{
margin:0 16px 0 0;
width:130px;
}
#contents .blk-article-list07.article-cont01 .hdg{font-size:1.7rem;}
#contents .blk-article-list07.article-cont01 .hdg .sub{font-size:1.3rem;}
#contents .blk-article-list07.article-cont01 .info{font-size:1.2rem;}

/* blk-article-list08
----------------------------------------*/
#contents .blk-article-list08.article-cont01{margin:0 24px 16px;}
#contents .blk-article-list08.article-cont01 > .cont{
margin-bottom:16px;
padding:24px;
}
#contents .blk-article-list08.article-cont01 figure{width:100px;}
#contents .blk-article-list08.article-cont01 .hdg{font-size:1.7rem;}

/* blk-article-list09
----------------------------------------*/
#contents .blk-article-list09.article-cont01{margin:0 0 24px;}
#contents .blk-article-list09.article-cont01 figure{
width:220px;
max-width:none;
}
#contents .blk-article-list09.article-cont01 .hdg{font-size:1.7rem;}
#contents .blk-article-list09.article-cont01 .hdg .sub{font-size:1.3rem;}
#contents .blk-article-list09.article-cont01 p{display:block;text-indent:0;}
#contents .blk-article-list09.article-cont01 .info{font-size:1.1rem;}


/* blk-time-series01
--------------------------------------*/
#contents .blk-time-series01{margin-right:-5px;}
#contents .blk-time-series01 > .cont{
overflow:hidden;
padding:0 0 16px;
}
#contents .blk-time-series01 > .cont::before{left:97px;}
#contents .blk-time-series01 > .cont:first-of-type::before{top:25px;}
#contents .blk-time-series01 > .cont:last-of-type::after{left:97px;}
#contents .blk-time-series01 .date{
float:left;
margin:0;
width:90px;
font-size:1.1rem;
}
#contents .blk-time-series01 .date strong{
display:block;
margin-left:0;
font-size:2rem;
}
#contents .blk-time-series01 > .cont > .lay{
overflow:hidden;
padding:3px 5px 8px 40px;
position:relative;
}
#contents .blk-time-series01 > .cont > .lay::before,
#contents .blk-time-series01 > .cont > .lay::after{
content:'';
position:absolute;
border-radius:20px;
}
#contents .blk-time-series01 > .cont > .lay::before{
top:19px;
left:0;
}
#contents .blk-time-series01 > .cont > .lay::after{
top:23px;
left:4px;
}
#contents .blk-time-series01 .text{padding:20px 24px;}
#contents .blk-time-series01 .text::before {
content:'';
position:absolute;
z-index:1;
left:-8px;
top:19px;
width:15px;
height:15px;
box-shadow:0 2px 5px 0px rgba(0,0,0,0.3);
background:#fdfaf4;
transform:rotate(45deg);
}
#contents .blk-time-series01 .text::after{
content:'';
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
border-radius:4px;
background:#fdfaf4;
}
#contents .blk-time-series01 .text > *{
position:relative;
z-index:3;
}
#contents .blk-time-series01 .text .hdg{
margin-bottom:5px;
font-size:1.7rem;
}
#contents .blk-time-series01 .text .hdg .place{
display:inline-block;
margin-right:8px;
padding:2px 5px;
background:#03bdde;
font-size:1.3rem;
color:#fff;
}
#contents .blk-time-series01 .text p{margin-bottom:0;}

/* blk-area-top
----------------------------------------*/
#contents .blk-area-top{
margin-bottom:20px;
padding-bottom:24px;
}
#contents .blk-area-top .blk-article-list01.article-cont01 figure{
margin-right:0;
width:auto;
}
#contents .blk-area-top .blk-article-list01.article-cont01 > .cont{
margin-bottom:0;
padding-bottom:0;
}
#contents .blk-area-top .blk-article-list01.article-cont01 p{text-indent:0;}

/* blk-article-col2
----------------------------------------*/
#contents .blk-article-col2{
position:relative;
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 0 20px;
border-bottom:1px solid #666;
}
#contents .blk-article-col2::before{
content:'';
position:absolute;
top:0;
bottom:16px;
left:50%;
width:1px;
background:#dedede;
}
#contents .blk-article-col2 > .col{
box-sizing:border-box;
margin-bottom:0;
padding:0 24px 0 0;
width:50%;
border-bottom:0;
}
#contents .blk-article-col2 .col:nth-child(2n){padding:0 0 0 24px;}
#contents .blk-article-col2 .blk-article-list06.article-cont01 .cont:last-of-type{margin-bottom:24px;}

/* blk-summary-list01
----------------------------------------*/
#contents .blk-summary-list01{margin-bottom:48px;}

/* blk-share01
----------------------------------------*/
#contents .blk-share01{padding-top:30px;}
#contents .blk-share01 .text{
margin-bottom:24px;
font-size:1.4rem;
}
#contents .blk-share01 .sns{
margin:0 -15px 30px;
text-align:center;
}
#contents .blk-share01 .sns li{
margin:0 15px;
font-size:1.3rem;
}
#contents .blk-share01 .sns li.follow{display:none;}

/* otice-members-only
----------------------------------------*/
#contents .notice-members-only{margin:32px 0;}
#contents .notice-members-only .lead{font-size:1.8rem;}
#contents .notice-members-only .plan{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
position:relative;
margin:0 0 32px;
border-right:1px solid #dedede;
border-left:1px solid #dedede;
}
#contents .notice-members-only .plan > .cont{
box-sizing:border-box;
padding:0 4.867% 3px;
width:50%;
}
#contents .notice-members-only .plan > .cont + .cont{
padding-top:0;
border-top:0;
border-left:1px solid #dedede;
}
#contents .notice-members-only .plan > .cont p:last-of-type{margin-bottom:0;}
#contents .notice-members-only .plan > .cont .btn02,
#contents .notice-members-only .plan > .cont .btn03{min-width:0;width:100%;font-size:1.4rem;}

/* blk-about-series01
----------------------------------------*/
#contents .blk-about-series01{
margin-bottom:48px;
padding:0 24px 1px;
}
#contents .blk-about-series01 .hdg-about-series01{
margin:0 -24px 16px;
padding:16px 24px;
}
#contents .blk-about-series01 .hdg-about-series02{
float:left;
margin:0 32px 8px 0;
font-size:1.8rem;
}
#contents .blk-about-series01 .hdg-about-series03{margin:0 0 24px;}
#contents .blk-about-series01 .blk-column01 .img{
margin:0 24px 24px 0;
width:100px;
}
#contents .blk-about-series01 .list-btn{float:left;}
#contents .blk-about-series01 .list-btn a:hover{opacity:.5;}
#contents .blk-about-series01 .blk-column01 p{margin-bottom:24px;}
#contents .blk-about-series01 .dl-series-new{padding-top:24px;}
#contents .blk-about-series01 .dl-series-new dt{margin-bottom:16px;}
#contents .blk-about-series01 .dl-series-new li{margin-bottom:8px;}
#contents .blk-about-series01 .sup-info{
margin:0 -24px;
padding:24px 24px 0;
}

/* btn-share-menu
----------------------------------------*/
#contents .btn-share-menu{display:none;}

/* entry-detail01
----------------------------------------*/
#contents .entry-detail01{margin-bottom:60px;}

/* entry-detail02
----------------------------------------*/
#contents .entry-detail02{margin-bottom:60px;}
body.imakana #contents .entry-detail02 h2{
margin-bottom:36px;
padding:10px;
font-size:2rem;
}
body.imakana #contents .entry-detail02 h3{
margin-bottom:36px;
padding:4px 0 4px 16px;
font-size:2rem;
}

/* entry-recommend01
----------------------------------------*/
#contents .entry-recommend01{
position:relative;
margin:0 0 48px;
padding:24px;
}
#contents .entry-recommend01 > .lay{
padding:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
#contents .entry-recommend01 .hdg-type06{margin-bottom:16px;}
#contents .entry-recommend01 .cont{
overflow:hidden;
padding:0;
border-radius:6px;
background:#fff;
box-shadow:0 0 4px 2px rgba(0,0,0,0.1);
}
#contents .entry-recommend01 .list01{margin:0;}
#contents .entry-recommend01 .list02{
box-sizing:border-box;
margin:0;
padding:16px 16px 0;
}
#contents .entry-recommend01 .list02 li{
margin:0 0 15px;
padding-bottom:15px;
}
#contents .entry-recommend01 .list02 li:last-of-type{margin-bottom:0;}
#contents .entry-recommend01 .list02 li.only-pc{
display:list-item;
padding-bottom:0;
border-bottom:0;
}
#contents .entry-recommend01 .list02 li.only-sp{display:none;}
#contents .entry-recommend01 .list02 li .hdg{line-height:1.3;}

/* blk-toggle-list01
----------------------------------------*/
#contents .blk-toggle-list01 p,
#contents .blk-toggle-list01 li,
#contents .blk-toggle-list01 dt,
#contents .blk-toggle-list01 dd{font-size:1.4rem;}
#contents .blk-toggle-list01.cont-only-pc,
footer .blk-toggle-list01.cont-only-pc{
margin-bottom:24px;
border-bottom:0;
}
#contents .blk-toggle-list01.cont-only-pc .hdg,
footer .blk-toggle-list01.cont-only-pc .hdg{display:none;}
#contents .blk-toggle-list01.cont-only-pc > .cont,
footer .blk-toggle-list01.cont-only-pc > .cont{
padding-top:0;
display:block !important;
}

/* blk-election01
----------------------------------------*/
#contents .blk-election01 .election-head-sp{display:none;}
#contents .blk-election01 .election-head-pc{
display:table;
border:1px solid #dedede;
width:100%;
}
#contents .blk-election01 .election-head-pc p{
display:table-cell;
padding:8px;
width:auto;
font-size:1.2rem;
text-align:center;
}
#contents .blk-election01 .election-head-pc .head01{width:55%;}
#contents .blk-election01 .election-head-pc .head02{width:45%;}
#contents .blk-election01 > .cont .lay01{
width:48px;
vertical-align:middle;
}
#contents .blk-election01 > .cont .lay02{
display:table;
width:100%;
}
#contents .blk-election01 > .cont .stage{
display:table-cell;
width:50%;
vertical-align:middle;
}
#contents .blk-election01 > .cont .stage + .stage{
padding-top:0;
border-left:1px solid #dedede;
}
#contents .blk-election01 > .cont .txt01{padding-right:0;}
#contents .blk-election01 > .cont .txt02{
padding-right:10px;
width:248px;
vertical-align:middle;
}
#contents .blk-election01 > .cont .lay01 + .lay02 .txt02{width:200px;}
#contents .blk-election01 > .cont .txt02 figure{margin:0 16px 0 0;}
#contents .blk-election01 > .cont .txt02 figure img{width:60px;}
#contents .blk-election01 > .cont .txt02 .name{font-size:1.6rem;}
#contents .blk-election01 > .cont .txt02 .party{
display:inline-block;
margin-right:10px;
padding:2px 5px 3px;
background:#666;
color:#fff;
font-weight:bold;
line-height:1.1;
}
#contents .blk-election01 > .cont .txt03{padding-right:16px;}
#contents .blk-election01 > .cont .txt04{
padding-left:16px;
width:auto;
}

/* blk-personnel01
----------------------------------------*/
#contents .blk-personnel01{margin-bottom:32px;}
#contents .blk-personnel01 .personnel-head-sp{display:none;}
#contents .blk-personnel01 .personnel-head-pc{
display:table;
padding:0 16px;
border:1px solid #dedede;
width:calc(100% - 34px);
}
#contents .blk-personnel01 .personnel-head-pc p{
display:table-cell;
padding:8px;
width:20%;
font-size:1.2rem;
text-align:center;
}
#contents .blk-personnel01 .cont{
margin-bottom:0;
padding:12px 16px;
border-top:0;
}
#contents .blk-personnel01 .cont .only-pc{
display:table;
width:100%;
}
#contents .blk-personnel01 .cont .only-pc .txt01,
#contents .blk-personnel01 .cont .only-pc .txt02,
#contents .blk-personnel01 .cont .only-pc .txt03,
#contents .blk-personnel01 .cont .only-pc .txt04{
display:table-cell;
width:20%;
font-size:1.4rem;
vertical-align:middle;
}
#contents .blk-personnel01 .cont .only-pc .txt03,
#contents .blk-personnel01 .cont .only-pc .txt04{
padding:0 16px;
border-left:1px solid #dedede;
}
#contents .blk-personnel01 .cont .inner{
display:table;
position:relative;
width:100%;
}
#contents .blk-personnel01 .cont .inner .txt01,
#contents .blk-personnel01 .cont .inner .txt02{
border:0;
padding:0;
}
#contents .blk-personnel01 .cont .inner .lay01,
#contents .blk-personnel01 .cont .inner .lay02,
#contents .blk-personnel01 .cont .inner .lay03{
display:table-cell;
padding:0;
width:40%;
vertical-align:middle;
}
#contents .blk-personnel01 .cont .inner .lay02{
width:20%;
padding:0 8px 0 16px;
border:0;
}
#contents .blk-personnel01 .cont .inner .txt01{width:129px;}
#contents .blk-personnel01 .cont .inner .lay01 .txt01{padding-right:8px;}
#contents .blk-personnel01 .cont .inner .lay01 .txt02,
#contents .blk-personnel01 .cont .inner .lay03 .txt01{padding:0 8px 0 16px;}
#contents .blk-personnel01 .cont .inner .lay03 .txt02{padding-left:16px;}
#contents .blk-personnel01 .cont .inner .lay03 .txt01::before,
#contents .blk-personnel01 .cont .inner .txt02::before,
#contents .blk-personnel01 .cont .inner .txt03::before{
display:block;
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
width:1px;
background:#dedede;
}
#contents .blk-personnel01 .cont .inner .lay01 .txt02::before{left:20%;}
#contents .blk-personnel01 .cont .inner .lay02 .txt03::before{left:40%;}
#contents .blk-personnel01 .cont .inner .lay03 .txt01::before{left:60%;}
#contents .blk-personnel01 .cont .inner .lay03 .txt02::before{left:80%;}

/* modal-photo-gallery
--------------------------------------*/
#contents #modal-photo-gallery{
overflow:visible;
padding:40px 20px 0;
width:664px;
border-radius:10px;
}
#contents #modal-photo-gallery.open{
top:50%;
right:auto;
bottom:auto;
left:50%;
transform:translate(-50%,-50%);
}
#contents #modal-photo-gallery .hdg-type01{
margin:0 -20px 12px;
padding:15px 20px;
border-bottom:1px solid #dedede;
text-align:center;
}
#contents #modal-photo-gallery .btn-close{
position:absolute;
top:-12px;
right:-12px;
z-index:1001;
margin:0;
}
#contents #modal-photo-gallery .btn-close a{
display:block;
box-sizing:border-box;
overflow:hidden;
width:44px;
height:44px;
border-radius:44px;
background:#aaa;
font-size:2.4rem;
text-indent:200%;
white-space:nowrap;
box-shadow:0 0 6px 3px rgba(0,0,0,0.15);
}
#contents #modal-photo-gallery .btn-close a::after{
display:block;
content:'\e5cd';/* close */
position:absolute;
top:50%;
left:10px;
z-index:1001;
color:#fff;
font-family:'Material Icons';
font-size:inherit;
font-weight:normal;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}

/* blk-photo-gallery */
#contents .blk-photo-gallery,
#contents .blk-photo-gallery02{margin:0;}
#contents .blk-photo-gallery > .lay,
#contents .blk-photo-gallery02 > .lay{overflow:visible;}
#contents .blk-photo-gallery > .lay::before,
#contents .blk-photo-gallery > .lay::after,
#contents .blk-photo-gallery02 > .lay::before,
#contents .blk-photo-gallery02 > .lay::after{display:none;}
#contents .blk-photo-gallery .bx-viewport,
#contents .blk-photo-gallery02 .bx-viewport{overflow:hidden!important;margin:0 auto;max-width:600px;}
#contents .blk-photo-gallery .bx-viewport::before,
#contents .blk-photo-gallery .bx-viewport::after,
#contents .blk-photo-gallery02 .bx-viewport::before,
#contents .blk-photo-gallery02 .bx-viewport::after{display:none;}
#contents .blk-photo-gallery .bx-controls,
#contents .blk-photo-gallery02 .bx-controls{display:block;}
#contents .blk-photo-gallery .bx-controls .bx-prev,
#contents .blk-photo-gallery .bx-controls .bx-next,
#contents .blk-photo-gallery02 .bx-controls .bx-prev,
#contents .blk-photo-gallery02 .bx-controls .bx-next{
overflow:hidden;
position:absolute;
top:200px;
z-index:15;
width:44px;
height:60px;
background:#292929;
text-indent:200%;
white-space:nowrap;
transform:translate(0,-50%);
}
#contents .blk-photo-gallery .bx-controls .bx-prev,
#contents .blk-photo-gallery02 .bx-controls .bx-prev{left:0;right:auto;margin-right:0;margin-left:-6px;}
#contents .blk-photo-gallery .bx-controls .bx-next,
#contents .blk-photo-gallery02 .bx-controls .bx-next{left:auto;right:0;margin-right:-6px;margin-left:0;}
#contents .blk-photo-gallery .bx-controls .bx-prev::before,
#contents .blk-photo-gallery .bx-controls .bx-next::before,
#contents .blk-photo-gallery02 .bx-controls .bx-prev::before,
#contents .blk-photo-gallery02 .bx-controls .bx-next::before{
display:block;
content:'\e5cb';/* chevron_left */
position:absolute;
top:50%;
left:0;
width:100%;
color:#fff;
font-family:'Material Icons';
font-size:2.4rem;
font-weight:normal;
text-align:center;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
#contents .blk-photo-gallery .bx-controls .bx-prev::before,
#contents .blk-photo-gallery02 .bx-controls .bx-prev::before{content:'\e5cb';/* chevron_left */}
#contents .blk-photo-gallery .bx-controls .bx-next::before,
#contents .blk-photo-gallery02 .bx-controls .bx-next::before{content:'\e5cc';/* chevron_right */}
#contents .blk-photo-gallery .bx-controls .bx-prev:hover,
#contents .blk-photo-gallery .bx-controls .bx-next:hover,
#contents .blk-photo-gallery02 .bx-controls .bx-prev:hover,
#contents .blk-photo-gallery02 .bx-controls .bx-next:hover{opacity:.8;text-decoration:none;}
#contents .blk-photo-gallery ul,
#contents .blk-photo-gallery02 ul{overflow:hidden;margin:0;}
#contents .blk-photo-gallery ul li,
#contents .blk-photo-gallery02 ul li{margin:0;}
#contents .blk-photo-gallery ul li figure,
#contents .blk-photo-gallery02 ul li figure{
margin:0 0 24px;
padding:5px;
background:#f5f5f5;
}
#contents .blk-photo-gallery .txt-photo-gallery,
#contents .blk-photo-gallery02 .txt-photo-gallery{margin:0 auto 16px;}

/* blk-paper01
--------------------------------------*/
#contents .blk-paper01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -12px;
}
#contents .blk-paper01 > .cont{
margin:0 12px;
width:calc(50% - 24px);
}

/* login-no-member
--------------------------------------*/
#contents .login-no-member{
margin-bottom:24px;
padding:30px 25px 25px;
border-radius:6px;
background:rgba(3,189,222,.1);
}
#contents .login-no-member .hdg{
margin-bottom:24px;
font-size:2rem;
}
#contents .login-no-member ul{
display:flex;
justify-content:center;
flex-wrap:wrap;
margin:0 0 8px;
}
#contents .login-no-member ul li{
box-sizing:border-box;
margin:0 16px 16px 0;
width:calc(50% - 16px);
max-width:270px;
text-align:right;
}
#contents .login-no-member ul li:nth-child(2n){
margin:0 0 16px 16px;
text-align:left;
}
#contents .login-no-member ul li .btn02{
display:block;
padding:18px 5px;
font-size:1.7rem;
min-width:200px;
}

/* maintenance
--------------------------------------*/
#contents .maintenance .hdg-type01{
margin-top:70px;
margin-bottom:50px;
}
#contents .maintenance .list-sns01{
margin-top:60px;
margin-bottom:60px;
}

/* subarea_free
--------------------------------------*/
#contents .subarea_free_pc,
#contents .subarea_free2_pc{margin-bottom:28px;}


/*------------------------------------------------------------------------------------------------------------------------
Table
------------------------------------------------------------------------------------------------------------------------*/
/* tbl-normal01
----------------------------------------*/
#contents .tbl-normal01 th,
#contents .tbl-normal01 td{
display:table-cell;
padding:12px 0;
font-size:1.4rem;
}
#contents .tbl-normal01 tr:last-of-type td{padding-bottom:12px;}

/* tbl-type01
----------------------------------------*/
#contents .tbl-type01 th,
#contents .tbl-type01 td{padding:10px 16px;}

/* tbl-type02
----------------------------------------*/
#contents .tbl-type02 th,
#contents .tbl-type02 td{padding:10px 16px;}

/* tbl-type03
----------------------------------------*/
#contents .tbl-type03 th,
#contents .tbl-type03 td{
padding:10px 16px;
display:table-cell;
border:1px solid #dedede;
}

/* tbl-type04
----------------------------------------*/
#contents .tbl-title01{
margin-bottom:5px;
font-size:2rem;
}
#contents .tbl-type04 caption{
margin-bottom:5px;
font-size:2rem;
}
#contents .tbl-type04 th{
display:table-cell;
padding:10px 16px;
border-bottom:1px solid #dedede;
}
#contents .tbl-type04 td{
display:table-cell;
padding:10px 16px;
}


/* tbl-scroll01
----------------------------------------*/
#contents .tbl-scroll01{
margin-bottom:32px;
white-space:normal;
}
#contents .tbl-scroll01::-webkit-scrollbar,
#contents .tbl-scroll01::-webkit-scrollbar-thumb{display:none;}

/* tbl-form01
----------------------------------------*/
#contents .tbl-form01{margin-bottom:48px;}
#contents .tbl-form01 th{
margin-bottom:16px;
font-size:1.6rem;
}
#contents .tbl-form01 td{margin-bottom:32px;}


/*------------------------------------------------------------------------------------------------------------------------
Form
------------------------------------------------------------------------------------------------------------------------*/
/* input.size
----------------------------------------*/
#contents input.size01{width:120px;}
#contents input.size02{width:240px;}
#contents input.size336pc{width:336px;}

/* select-type02
----------------------------------------*/
#contents .select-type02{display:inline-block;}

/* input-img
--------------------------------------*/
#contents .input-img-radio01,
#contents .input-img-cbx01{margin:0 -12px 12px;}
#contents .input-img-radio01 > label,
#contents .input-img-cbx01 > label{
margin:0 12px 24px;
padding:16px 14px;
width:calc(33% - 24px);
}

/* form-submit
----------------------------------------*/
#contents .form-submit,
#contents .section-layout02 .form-submit{font-size:1.7rem;text-align:center;}
#contents .form-submit .btn02,
#contents .form-submit .btn03,
#contents .form-submit .btn05,
#contents .form-submit .btn06{margin:0 10px;}

/* js-auto-input-button
--------------------------------------*/
#contents .js-auto-input-button,
#contents .js-auto-input-button-simple{
margin-left:20px;
padding:0 15px;
}
#contents .js-auto-input-button:hover,
#contents .js-auto-input-button-simple:hover{opacity:.5;}

/* form-text-bw01
--------------------------------------*/
#contents .form-text-bw01{margin:0 15px;}


/*------------------------------------------------------------------------------------------------------------------------
Top
------------------------------------------------------------------------------------------------------------------------*/
/* main-visual01
--------------------------------------*/
#contents .main-visual01{margin:0;}
#contents .main-visual01 figure{margin-bottom:24px;}

/* top-info-area
--------------------------------------*/
/* date */
#top-info-area{
margin:0;
border-bottom:1px solid #dedede;
}
#top-info-area .section-layout01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
position:relative;
}
#top-info-area .date{
margin:0;
padding:0;
width:157px;
border-right:1px solid #dedede;
background:transparent;
}
#top-info-area .date p{
height:59px;
text-align:left;
}

/* news */
#top-info-area .news{
box-sizing:border-box;
margin:0;
padding:12px 10px 8px;
width:calc(100% - 158px - 332px);
border:0;
border-right:1px solid #dedede;
}
#top-info-area .news .bx-wrapper{
box-sizing:border-box;
padding-left:70px;
}
#top-info-area .news .bx-viewport{
overflow:hidden;
height:36px;
}
#top-info-area .news ul li{padding:0;}
#top-info-area .news ul li a:hover{opacity:.5;}
#top-info-area .news .bx-controls-direction{
display:block;
position:absolute;
top:-4px;
left:-10px;
width:80px;
text-align:center;
}
#top-info-area .news .bx-prev,
#top-info-area .news .bx-next{
display:inline-block;
overflow:hidden;
position:relative;
width:24px;
height:24px;
text-indent:200%;
white-space:nowrap;
}
#top-info-area .news .bx-prev::before,
#top-info-area .news .bx-next::before{
display:block;
position:absolute;
top:0;
left:0;
color:#ffc400;
font-family:'Material Icons';
font-size:2.4rem;
text-indent:0;
line-height:1;
}
#top-info-area .news .bx-prev::before{content:'\e5cb';/* chevron_left */}
#top-info-area .news .bx-next::before{content:'\e5cc';/* chevron_right */}
#top-info-area .news .bx-prev.disabled,
#top-info-area .news .bx-next.disabled{cursor:default;}
#top-info-area .news .bx-prev.disabled::before,
#top-info-area .news .bx-next.disabled::before{color:#f5f5f5;}
#top-info-area .news .bx-pager{
top:50%;
bottom:auto;
right:auto;
left:-10px;
margin-top:8px;
width:80px;
}
#top-info-area .news .bx-pager .bx-pager-item{margin:0 3px 3px;}

/* tag */
#top-info-area .keyword{
padding:12px 0;
width:calc(100% - 158px);
/*overflow:hidden;*/
overflow:visible;
}
#top-info-area .news + .keyword{width:332px;}
#top-info-area .keyword ul.keyword-tag{
display:block;
overflow:hidden;
margin:0;
padding:0 0 0 16px;
height:35px;
-webkit-overflow-scrolling:auto;
}
#top-info-area .keyword ul.keyword-tag li{
display:list-item;
float:left;
padding:0 12px 10px 0;
}
#top-info-area .keyword ul.keyword-tag li a{
display:block;
position:relative;
padding:8px 12px 8px 32px;
border-radius:4px;
background:#ecfafc;
color:#0096df;
text-decoration:none;
}
#top-info-area .keyword ul.keyword-tag li a:hover{opacity:.5;}
#top-info-area .keyword ul.keyword-tag li a::before{
display:block;
content:'\e54e';/* local_offer */
position:absolute;
top:50%;
left:12px;
color:#76dbec;
font-family:'Material Icons';
font-size:1.5rem;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}

/* area */
body.imakana #top-info-area .section-layout01{display:block;}
#top-info-area .area{
overflow-x:visible;
overflow-y:visible;
white-space:normal;
}
#top-info-area .area ul{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -8px;
padding:16px 0;
}
#top-info-area .area ul li{
box-sizing:border-box;
margin:0 8px;
padding:0;
width:calc(16.666% - 16px);
text-align:center;
}
#top-info-area .area ul li a{padding:7px 5px;}

/* important-news01
--------------------------------------*/
#contents .important-news01{margin:24px 0;}
#contents .important-news01 .blk-segment01,
#contents .important-news01 .blk-segment02{margin-bottom:24px;}
#contents .important-news01 .blk-segment02 h2{font-size:1.8rem;}
#contents .important-news01 .blk-segment02 h2 a{display:inline;}
#contents .important-news01 .blk-segment02 h2 a:hover{text-decoration:underline;}
#contents .important-news01 .blk-segment02 h2 a::after{
display:inline-block;
position:static;
margin:0 0 0 16px;
vertical-align:middle;
}


/* top-head-bnr
--------------------------------------*/
#contents .top-head-bnr{
display:block;
margin:0 0 24px;
padding:12px 10px 0;
/*background:#f5f5f5;*/
text-align:center;
}
#contents .top-head-bnr > .lay{
display:inline-block;
margin:0 auto;
}

/* top-pin-area
--------------------------------------*/
#top-pin-area{
margin:24px 0 20px;
padding:0;
border-bottom:1px solid #666;
}

/* pinup-area */
#top-pin-area .pinup .pinup-area{
overflow:hidden;
position:relative;
margin:0 0 24px;
}
#top-pin-area .pinup .pinup-area::before{
content:'';
position:absolute;
top:0;
right:31.356%;
width:1px;
height:100%;
background:#dedede;
}
#top-pin-area .pinup .pinup-area .pinup-area-lay01{
box-sizing:border-box;
float:left;
padding-right:16px;
width:68.644%;
}
#top-pin-area .pinup .pinup-area .pinup-area-lay02{
box-sizing:border-box;
float:right;
padding-left:17px;
width:31.356%;
}

/* pinup-top */
#top-pin-area .pinup .pinup-top{
overflow:hidden;
position:relative;
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #dedede;
}
#top-pin-area .pinup .pinup-top::before{
content:'';
position:absolute;
top:0;
bottom:10px;
left:32.445%;
width:1px;
background:#dedede;
}

/* article01 */
#top-pin-area .article01.article-cont01{
box-sizing:border-box;
float:right;
margin:0;
padding:0 0 0 17px;
width:67.555%;
border-bottom:0;
}
#top-pin-area .article01.article-cont01 figure{margin:0 0 15px;}
#top-pin-area .article01.article-cont01 .hdg{font-size:2.6rem;}

/* article02 */
#top-pin-area .article02.article-cont01{
box-sizing:border-box;
float:left;
margin:0;
padding:0 16px 0 0;
width:32.445%;
border-bottom:0;
}
#top-pin-area .article02.article-cont01::before{display:none;}
#top-pin-area .article02.article-cont01 > .cont{
padding:0;
width:auto;
}
#top-pin-area .article02.article-cont01 figure{margin-bottom:10px;}
#top-pin-area .article02.article-cont01 .hdg .sub{font-size:1.1rem;}

/* bnr01 */
#top-pin-area .pinup .bnr01{
margin:0 auto 16px;
padding-bottom:16px;
max-width:300px;
border-bottom:1px solid #dedede;
}

/* bnr02 */
#top-pin-area .pinup .bnr02{
margin:0 auto 24px;
max-width:970px;
}

/* top-news-area
--------------------------------------*/
#top-news-area{
overflow:hidden;
margin:0 0 32px;
}
#top-news-area::before{
content:'';
position:absolute;
top:0;
right:31.356%;
width:1px;
height:100%;
background:#666;
}
#top-news-area #main-contents{margin:0;}
#top-news-area #sub-contents{
margin-top:0;
padding:0 0 0 17px;
border:0;
}

/* kanagawa-news */
#top-news-area .kanagawa-news > .lay{
position:relative;
overflow:hidden;
margin-bottom:16px;
border-bottom:1px solid #dedede;
}
#top-news-area .kanagawa-news > .lay::before{
content:'';
position:absolute;
top:0;
bottom:16px;
left:67.6%;
width:1px;
background:#dedede;
}
#top-news-area .kanagawa-news > .lay > .cont01{
box-sizing:border-box;
float:left;
margin:0;
padding:0 16px 0 0;
width:67.6%;
}
#top-news-area .kanagawa-news > .lay > .cont02{
box-sizing:border-box;
float:right;
margin:0;
padding:0 0 0 17px;
width:32.4%;
}
#top-news-area .kanagawa-main{padding-bottom:24px;}
#top-news-area .kanagawa-main.article-cont01 .hdg{font-size:2rem;}
#top-news-area .kanagawa-news .blk-article-list02.article-cont01{margin-bottom:0;}
#top-news-area .kanagawa-news .blk-article-list02.article-cont01 > .cont:last-of-type{
margin-bottom:0;
border:0;
}
#top-news-area .kanagawa-news > .lay > .cont02{
display:block;
margin:0;
padding-bottom:0;
border-bottom:0;
}
#top-news-area .kanagawa-news > .lay > .cont02::before{display:none;}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01{
margin:0 0 16px;
padding:0 0 16px;
width:auto;
border-bottom:1px solid #dedede;
}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01:nth-child(2n){padding:0 0 16px;}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01:last-of-type{
padding:0;
border-bottom:0;
}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01 .hdg{font-size:1.6rem;}
#top-news-area .kanagawa-news > .lay > .cont02 .article-cont01 .hdg .sub{font-size:1.3rem;}
#top-news-area .kanagawa-news .blk-article-list01.article-cont01{
position:relative;
margin-bottom:24px;
padding-bottom:17px;
}
#top-news-area .kanagawa-news .blk-article-list01.article-cont01::after{
content:'';
position:absolute;
bottom:0;
right:16px;
left:17px;
height:1px;
background:#dedede;
}
#top-news-area .kanagawa-news .list-btn01{padding:0;}

/* japan-news */
#top-news-area .japan-news{
overflow:hidden;
margin:0;
padding:20px 0 0;
border-top:1px solid #666;
}
#top-news-area .japan-news .hdg-link02{margin-bottom:20px;}
#top-news-area .japan-news .cont{
box-sizing:border-box;
float:left;
padding-right:12px;
width:54.02%;
}
#top-news-area .japan-news .list-link01{margin:0;}
#top-news-area .japan-news .blk-bnr01{
box-sizing:border-box;
margin:0;
float:right;
padding-left:12px;
width:45.98%;
}

/* special-serial-area01
--------------------------------------*/
#contents .special-serial-area01{
margin:0 0 28px;
padding:30px 0 32px;
}
#contents .special-serial-area01 .blk-ss{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -12px;
}
#contents .special-serial-area01 .blk-ss .cont{margin:0 12px;}
#contents .special-serial-area01 .blk-ss .cont a:hover .btn{opacity:.5;}

/* blk-pay-article01
--------------------------------------*/
#contents .blk-pay-article01{margin-bottom:24px;}
#contents .blk-pay-article01 .cont01{
box-sizing:border-box;
float:left;
margin-bottom:0;
padding-right:16px;
width:68.644%;
}
#contents .blk-pay-article01 .cont02{
box-sizing:border-box;
float:right;
width:31.356%;
}
#contents .blk-pay-course01{margin:0;}

/* blk-course-info01
--------------------------------------*/
#contents .blk-course-info01{
overflow:hidden;
margin:0 0 32px;
padding:24px;
}
#contents .blk-course-info01 .hdg{
margin:0 0 24px;
color:#03bdde;
font-size:1.8rem;
text-align:center;
}
#contents .blk-course-info01 figure{
margin:0 24px 0 0;
float:left;
}
#contents .blk-course-info01 .txt{overflow:hidden;}

/* top-kanaloco-news
--------------------------------------*/
#contents .top-kanaloco-news{
overflow:hidden;
margin:0 0 24px;
padding:20px 0 0;
border-color:#666;
}
#contents .top-kanaloco-news .hdg-link02{margin-bottom:20px;}
#contents .top-kanaloco-news .cont{
box-sizing:border-box;
float:left;
padding-right:32px;
width:38.27893175074184%;
}
#contents .top-kanaloco-news .blk-bnr01{
box-sizing:border-box;
float:left;
width:29.67359050445104%;
}
#contents .top-kanaloco-news .blk-bnr01 + .blk-bnr01{
padding-left:24px;
width:32.04747774480712%;
}

/* blk-useful-info01
--------------------------------------*/
#contents .blk-useful-info01{
margin:0 0 -20px;
padding:20px 0;
}
#contents .blk-useful-info01 .useful-info{
overflow-x:visible;
overflow-y:visible;
margin:0;
}
#contents .blk-useful-info01 .useful-info > .lay{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -6px;
padding:0;
width:auto;
}
#contents .blk-useful-info01 .useful-info > .lay > .cont{
margin:0 6px 12px;
width:calc(33.33% - 12px);
}

/* blk-article-slider01
--------------------------------------*/
#contents .blk-article-slider01{
overflow:hidden;
max-width:1010px;
margin:0 0 32px;
min-height:298px;
}
#contents .blk-article-slider01::before,
#contents .blk-article-slider01::after{
content:'';
position:absolute;
top:0;
bottom:0;
z-index:10;
width:100%;
background:rgba(255,255,255,.5);
}
#contents .blk-article-slider01::before{right:50%;margin-right:287px;}
#contents .blk-article-slider01::after{left:50%;margin-left:287px;}
#contents .blk-article-slider01 .bx-wrapper::before,
#contents .blk-article-slider01 .bx-wrapper::after{
display:block;
content:'';
position:absolute;
top:0;
z-index:11;
width:100px;
height:100%;
}
#contents .blk-article-slider01 .bx-wrapper::before{
left:-1px;
background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);
}
#contents .blk-article-slider01 .bx-wrapper::after{
right:-1px;
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#contents .blk-article-slider01 .bx-viewport{max-width:574px;}
#contents .blk-article-slider01.article-cont01 .txt{padding:0 16px 16px;}
#contents .blk-article-slider01.article-cont01 .hdg{font-size:1.6rem;}
#contents .blk-article-slider01.article-cont01 .sub{margin-bottom:3px;}
#contents .blk-article-slider01 .bx-controls{display:block;}
#contents .blk-article-slider01 .bx-controls .bx-prev,
#contents .blk-article-slider01 .bx-controls .bx-next{
overflow:hidden;
position:absolute;
top:50%;
z-index:15;
width:44px;
height:60px;
background:rgba(41,41,41,.7);
text-indent:200%;
white-space:nowrap;
}
#contents .blk-article-slider01 .bx-controls .bx-prev{right:50%;margin:-30px 292px 0 0;}
#contents .blk-article-slider01 .bx-controls .bx-next{left:50%;margin:-30px 0 0 292px;}
#contents .blk-article-slider01 .bx-controls .bx-prev::before,
#contents .blk-article-slider01 .bx-controls .bx-next::before{
display:block;
content:'\e5cb';/* chevron_left */
position:absolute;
top:50%;
left:0;
width:100%;
color:#fff;
font-family:'Material Icons';
font-size:2.4rem;
font-weight:normal;
text-align:center;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
#contents .blk-article-slider01 .bx-controls .bx-prev::before{content:'\e5cb';/* chevron_left */}
#contents .blk-article-slider01 .bx-controls .bx-next::before{content:'\e5cc';/* chevron_right */}
#contents .blk-article-slider01 .bx-controls .bx-prev:hover,
#contents .blk-article-slider01 .bx-controls .bx-next:hover{opacity:.8;}

/* blk-article-slider02
--------------------------------------*/
#contents .blk-article-slider02{
overflow:hidden;
max-width:678px;
margin:0 0 32px;
min-height:230px;
}
#contents .blk-article-slider02::before,
#contents .blk-article-slider02::after{
content:'';
position:absolute;
top:0;
bottom:0;
z-index:10;
width:100%;
background:rgba(255,255,255,.5);
}
#contents .blk-article-slider02::before{right:50%;margin-right:225px;}
#contents .blk-article-slider02::after{left:50%;margin-left:225px;}
#contents .blk-article-slider02 .bx-wrapper::before,
#contents .blk-article-slider02 .bx-wrapper::after{
display:block;
content:'';
position:absolute;
top:0;
z-index:11;
width:100px;
height:100%;
}
#contents .blk-article-slider02 .bx-wrapper::before{
left:-1px;
background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);
}
#contents .blk-article-slider02 .bx-wrapper::after{
right:-1px;
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#contents .blk-article-slider02 .bx-viewport{max-width:440px;}
#contents .blk-article-slider02.article-cont01 .txt{padding:0 16px 16px;}
#contents .blk-article-slider02.article-cont01 .hdg{font-size:1.6rem;}
#contents .blk-article-slider02.article-cont01 .sub{margin-bottom:3px;}
#contents .blk-article-slider02 .bx-controls{display:block;}
#contents .blk-article-slider02 .bx-controls .bx-prev,
#contents .blk-article-slider02 .bx-controls .bx-next{
overflow:hidden;
position:absolute;
top:50%;
z-index:15;
width:34px;
height:46px;
background:rgba(41,41,41,.7);
text-indent:200%;
white-space:nowrap;
transform:translate(0,-50%);
}
#contents .blk-article-slider02 .bx-controls .bx-prev{right:50%;margin:0 226px 0 0;}
#contents .blk-article-slider02 .bx-controls .bx-next{left:50%;margin:0 0 0 226px;}
#contents .blk-article-slider02 .bx-controls .bx-prev::before,
#contents .blk-article-slider02 .bx-controls .bx-next::before{
display:block;
content:'\e5cb';/* chevron_left */
position:absolute;
top:50%;
left:0;
width:100%;
color:#fff;
font-family:'Material Icons';
font-size:2.4rem;
font-weight:normal;
text-align:center;
text-indent:0;
line-height:1;
transform:translate(0,-50%);
}
#contents .blk-article-slider02 .bx-controls .bx-prev::before{content:'\e5cb';/* chevron_left */}
#contents .blk-article-slider02 .bx-controls .bx-next::before{content:'\e5cc';/* chevron_right */}
#contents .blk-article-slider02 .bx-controls .bx-prev:hover,
#contents .blk-article-slider02 .bx-controls .bx-next:hover{opacity:.8;}


/*------------------------------------------------------------------------------------------------------------------------
Other
------------------------------------------------------------------------------------------------------------------------*/
/* hr
--------------------------------------*/
#contents .hr-type01{margin:32px 0;}

/* space
--------------------------------------*/
#contents .space-btm-xsmall{margin-bottom:8px !important;}
#contents .space-btm-small{margin-bottom:16px !important;}
#contents .space-btm-normal-s{margin-bottom:24px !important;}
#contents .space-btm-normal{margin-bottom:32px !important;}
#contents .space-btm-large{margin-bottom:48px !important;}

/* section
--------------------------------------*/
.section-layout01{
margin:0 auto;
padding:0 10px;
max-width:1011px;
}
@supports (-ms-ime-align: auto) {
.section-layout01{
max-width:1013px;/* Edge対策で1011pxから変更 */
}
}
.section-layout02{
margin:0 auto;
padding:0 10px;
max-width:672px;
}
#contents .section-layout02 p,
#contents .section-layout02 li,
#contents .section-layout02 td{font-size:1.4rem;}
.section-layout03{
margin:0 auto;
max-width:400px;
}

#contents .section-kanagawa01,
#contents .section-kanagawa02{
margin:0;
padding:20px 0 0;
border-color:#666;
}
#contents .section-kanagawa01 .hdg-link01,
#contents .section-kanagawa02 .hdg-link01{
margin-right:0;
margin-left:0;
font-size:2.4rem;
}
#contents .section-japan01{
margin:0;
padding:20px 0 0;
border-color:#666;
}

/* ad
--------------------------------------*/
.ad1_paid{display:block;}

}


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

/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
/* hdg-special01
----------------------------------------*/
#contents .hdg-special01 > .lay{padding:24px 138px 24px 24px;}
#contents .hdg-special01.detail > .lay{padding:24px 138px 48px 24px;}
#contents .hdg-special01 > .lay .txt .hdg01{font-size:2.7rem;}
#contents .hdg-special01 > .lay .txt .btn-read{
left:24px;
bottom:24px;
}
#contents .hdg-special01 > .lay .thumb{
top:24px;
right:24px;
width:90px;
height:90px;
}
#contents .hdg-special01 .btn-follow{
bottom:24px;
right:24px;
}
#contents .hdg-special01.detail .btn-follow{
right:24px;
top:126px;
width:90px;
}
#contents .hdg-special01.detail .btn-follow a{
padding:5px 8px;
font-size:1.3rem;
}
#contents .hdg-special01.detail .btn-follow a::before{font-size:1.8rem;}
#contents .hdg-special01 .info.special{
bottom:70px;
left:24px;
}
#contents .hdg-special01.detail .info{
bottom:24px;
left:24px;
}



/*------------------------------------------------------------------------------------------------------------------------
Block Element
------------------------------------------------------------------------------------------------------------------------*/
/* entry-recommend01
----------------------------------------*/
#contents .entry-recommend01 .list01{
float:left;
margin:0;
width:50%;
}
#contents .entry-recommend01 .list02{
box-sizing:border-box;
float:left;
margin:0;
width:50%;
}
}

/*
追加
----------------------------------------*/

.object-fit-square {
  width: 55px!important;
  height: 55px!important;
  max-width: inherit;
  object-fit: cover;
}

.object-fit-rectangle {
  width: 120px!important;
  height: 66px!important;
  max-width: inherit;
  object-fit: cover;
}
@media screen and (min-width:600px){
  .object-fit-rectangle {
    width: 204px!important;
    height: 112px!important;
  }
}


/* PCタイトル横シェアボタン
----------------------------------------*/

.info-wrap-matome .btn-share-pc,
.info-wrap .btn-share-pc {
  display: none;
}

@media screen and (min-width:600px){
  .info-wrap-matome .btn-share-pc,
  .info-wrap .btn-share-pc {
    display: block;
  }

  .info-wrap {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .info-wrap-matome {
    margin-top: -20px;
    display: flex;
    justify-content: flex-end;
  }
  .info-wrap .info{
    margin-bottom: 10px;
  }
  .btn-share-pc_list {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .info-wrap .btn-share-pc_list {
    margin-bottom: 0!important;
  }
  .info-wrap-matome .btn-share-pc_list {
    margin-bottom: 24px!important;
  }

  .btn-share-pc_list li{margin:0 0 20px;}
  .btn-share-pc_list li:last-of-type{margin-bottom:0;}
  .btn-share-pc_list li a,
  .btn-share-pc_list li span.lay{
    overflow: hidden;
    position:relative;
    text-decoration:none;
  }

  .btn-share-pc_list li a::before,
  .btn-share-pc_list li span.lay::before{
    display:block;
    content:'';
    margin-left: 14px;
    width:20px;
    height:20px;
    background:url(../images/bg/icon.png) no-repeat;
    background-size:500px auto;
  }
  .btn-share-pc_list li:first-child a::before {
    margin-left: 0;
  }
  .btn-share-pc_list li.tw a::before{background-position:0 -100px;}
  .btn-share-pc_list li.fb a::before{background-position:-50px -100px;}
  .btn-share-pc_list li.line a::before{background-position:-100px -100px;}
  .btn-share-pc_list li.url span.lay::before{background-position:-150px -100px;}
  .btn-share-pc_list li.follow a::before{
    display:block;
    content:'\e87e';/* favorite_border */
    position:absolute;
    top:0;
    left:0;
    background:none;
    color:#9e9e9e;
    font-family:'Material Icons';
    font-size:2.2rem;
    font-weight:normal;
    line-height:1;
  }
  .btn-share-pc_list li.paper a::before{
    display:block;
    content:'\e873';/* description */
    position:absolute;
    top:0;
    left:0;
    background:none;
    color:#ff7f00;
    font-family:'Material Icons';
    font-size:2.4rem;
    font-weight:normal;
    line-height:1;
  }

  .btn-share-pc_list li.url {
    display: none;
  }
}
/* -------------
関連まわり
 -------------*/

#contents .list02 {
  border-top: 1px solid #dedede;
}

/* 連続する場合の処理*/
#contents .list02 +.list02 {
  border-top: 0;
  margin-top: -24px;
}

@media screen and (min-width: 600px) {
  #contents .list02 +.list02 {
    margin-top: -32px;
  }
}



#contents .list02 li,
#contents .list02 .cont {
  border-bottom: 1px solid #dedede;
  padding: 15px 0;
  margin-bottom: 0;
}

#contents .list02 .cont .txt .info {
  display: none;
}

#contents .list02 .cont a,
#contents .list02 li a {
  display: flex;
  align-items: flex-start;
}
#contents .list02 .cont a:hover,
#contents .list02 li a:hover {
  text-decoration: none;
}
#contents .list02 .cont a figure,
#contents .list02 li a figure {
  margin-right: 10px;
  margin-bottom: 0;
}
#contents .list02 .cont .txt .hdg .sub,
#contents .list02 li a .hdg .sub {
  color: #03bdde;
  font-size: 11px;
}
#contents .list02 .cont .txt .hdg,
#contents .list02 li a h3.hdg {

  line-height: 1.3;
  font-size: 14px;
  color: #292929;
  margin-bottom: 0;
}
#contents .list02 .cont .txt .hdg .title {
  display: block;
}

#contents .list02 .cont .txt .hdg .title.lock::before,
#contents .list02 li a h3.hdg .title.lock::before{
  display:inline-block;
  content:'\e897';/* lock */
  margin-right:5px;
  color:#e0b628;
  font-family:'Material Icons';
  font-size:inherit;
  font-weight:normal;
  line-height:1;
}

.list-ranking li {
  position: relative;
}
.list-ranking li a {
  padding-left: 30px;
}
.list-ranking li:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  color: #dedede;
  font-family: 'Oswald';
  font-size: 3.6rem;
  line-height: 1;
}
.list-ranking li:nth-child(1):before {
  content: '1';
  color: #f9a608;
}
.list-ranking li:nth-child(2):before {
  content: '2';
  color: #9e9e9e;
}
.list-ranking li:nth-child(3):before {
  content: '3';
  color: #b7762c;
}
.list-ranking li:nth-child(4):before {
  content: '4';
}
.list-ranking li:nth-child(5):before {
  content: '5';
}
.list-ranking li:nth-child(6):before {
  content: '6';
}
.list-ranking li:nth-child(7):before {
  content: '7';
}
.list-ranking li:nth-child(8):before {
  content: '8';
}
.list-ranking li:nth-child(9):before {
  content: '9';
}
.list-ranking li:nth-child(10):before {
  content: '10';
  font-size: 30px;
  margin-top: -16px;
}


.recommend-area{
  margin-bottom: 24px;
}


.recommend-area .article-cont01 .cont{
  border-left: 0!important;
}

@media screen and (min-width:600px){

  .recommend-area{
    margin-bottom: 32px;
  }

  .recommend-area .article-cont01 .cont{
    margin-bottom: 20px!important;
  }

}


.is-mb-small {
  margin-bottom: 16px;
}



body.theme-dark .SB_1.ob-one-column-layout .ob-rec-text,
body.theme-dark #contents .list02 .cont .txt .hdg,
body.theme-dark #contents .list02 li a h3.hdg {
  color: #ffffff;
}

body.theme-dark header #site-search .keyword input {
  color: #292929;
}

@media screen and (min-width:600px){
body.theme-dark #contents .list02 .cont .txt .hdg,
body.theme-dark #contents .list02 li a h3.hdg {
  color: #292929;
}
}

/*------------------------------------------------------------------------------------------------------------------------
paragraph-Table
------------------------------------------------------------------------------------------------------------------------*/


/* paragraph-tbl-type01
----------------------------------------*/

  .paragraph-tbl-type-scrollable .tablefield,
  .paragraph-tbl-type01 .tablefield {width:100%;}
  .paragraph-tbl-type-scrollable .tablefield th,
  .paragraph-tbl-type-scrollable .tablefield td,
  .paragraph-tbl-type01 .tablefield th,
  .paragraph-tbl-type01 .tablefield td{
    padding:10px;
    border:1px solid #dedede;
    font-size:1.4rem;
    text-align:left;
    vertical-align:top;
  }

  .paragraph-tbl-type-scrollable .tablefield th,
  .paragraph-tbl-type01 .tablefield th{
    background:#e5f8fc;
    font-weight:bold;
  }


.paragraph-tbl-type-scrollable .tablefield th,
.paragraph-tbl-type-scrollable .tablefield td {
  white-space: nowrap!important;
}


.paragraph-tbl-type-scrollable .tablefield-wrapper{
  overflow:auto;
  margin-bottom:24px;
  white-space:nowrap;
}
.paragraph-tbl-type-scrollable .tablefield-wrapper::-webkit-scrollbar{height:5px;}
.paragraph-tbl-type-scrollable .tablefield-wrapper::-webkit-scrollbar-thumb{background:#dedede;}
.paragraph-tbl-type-scrollable .tablefield-wrapper table{margin-bottom:0;}


@media screen and (min-width:600px){
  .paragraph-tbl-type-scrollable .tablefield th,
  .paragraph-tbl-type-scrollable .tablefield td,
  .paragraph-tbl-type01 .tablefield th,
  .paragraph-tbl-type01 .tablefield td{
    padding:10px 16px;}

  .paragraph-tbl-type-scrollable .tablefield-wrapper{
    margin-bottom:32px;
    white-space:normal;
  }
  .paragraph-tbl-type-scrollable .tablefield-wrapper::-webkit-scrollbar,
  .paragraph-tbl-type-scrollable .tablefield-wrapper::-webkit-scrollbar-thumb{display:none;}

}



/* paragraph-tbl-type02
----------------------------------------*/

  .paragraph-tbl-type02 .tablefield {
    width: 100%;
  }

  .paragraph-tbl-type02 .tablefield th,
  .paragraph-tbl-type02 .tablefield td {
    padding: 10px 8px;
    border: 1px solid #dedede;
    border-right: 0;
    border-left: 0;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: top;
  }

  .paragraph-tbl-type02 .tablefield th {
    font-weight: bold;
  }

@media screen and (min-width:600px) {
  .paragraph-tbl-type02 .tablefield th,
  .paragraph-tbl-type02 .tablefield td{padding:10px 16px;}
}

/* paragraph-tbl-type03
----------------------------------------*/

  .paragraph-tbl-type03 .tablefield {
    width: 100%;
  }

  .paragraph-tbl-type03 .tablefield th,
  .paragraph-tbl-type03 .tablefield td {
    display: block;
    margin-bottom: -1px;
    padding: 10px 8px;
    border: 1px solid #dedede;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: top;
  }

  .paragraph-tbl-type03 .tablefield th {
    background: #e5f8fc;
    font-weight: bold;
  }

@media screen and (min-width:600px) {
  .paragraph-tbl-type03 .tablefield th,
  .paragraph-tbl-type03 .tablefield td{
    padding:10px 16px;
    display:table-cell;
    border:1px solid #dedede;
  }
}

/* paragraph-tbl-type04
----------------------------------------*/

  .paragraph-tbl-title01 .tablefield {
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px dotted #dedede;
    border-radius: 40px;
    background: #f5f5f5;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
  }

  .paragraph-tbl-type04 .tablefield {
    width: 100%;
  }

  .paragraph-tbl-type04 .tablefield caption {
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 100%;
    border: 1px dotted #dedede;
    border-radius: 40px;
    background: #f5f5f5;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
  }

  .paragraph-tbl-type04 .tablefield th {
    display: block;
    padding: 10px 12px 0 16px;
    border: 0;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
  }

  .paragraph-tbl-type04 .tablefield td {
    display: block;
    padding: 10px 12px 10px 16px;
    border-bottom: 1px solid #dedede;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: top;
  }

@media screen and (min-width:600px) {
  .paragraph-tbl-title01 .tablefield {
    margin-bottom:5px;
    font-size:2rem;
  }
  .paragraph-tbl-type04 .tablefield caption{
    margin-bottom:5px;
    font-size:2rem;
  }
  .paragraph-tbl-type04 .tablefield th{
    display:table-cell;
    padding:10px 16px;
    border-bottom:1px solid #dedede;
  }
  .paragraph-tbl-type04 .tablefield td{
    display:table-cell;
    padding:10px 16px;
  }
}


.node--unpublished {
  background-color: transparent!important;
}

/* paragraph 画像段組
----------------------------------------*/

.paragraph--type--multiple-image .blk-col .element-right,
.paragraph--type--multiple-image .blk-col .element-left {
  float: none!important;
  margin-right: auto!important;
  margin-left: auto!important;
  max-width: 100%!important;
}


/* 詳細ページのlist02画像サイズ　55 を110へ
----------------------------------------*/

.list02.is-list02-img110 .cont img,
.list02.is-list02-img110 li img{
  height: 66px!important;
  width: 120px!important;
  max-width: inherit;
  object-fit: cover;
}
.list02.is-list02-img110 .cont .txt,
.list02.is-list02-img110 li .hdg{
  width:calc(100% - 120px)
}

@media screen and (min-width:600px) {
  .list02.is-list02-img110 .cont img,
  .list02.is-list02-img110 li img{
    height: 55px!important;
    width: 110px!important;
  }
  .list02.is-list02-img110 .cont .txt,
  .list02.is-list02-img110 li .hdg{
    width:calc(100% - 110px)
  }
}

/* ランキング下の広告
----------------------------------------*/

.list-ranking01-bottom {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;

}


/* 広告の高さ
PC、SPともに最上部の広告サイズを固定したい
----------------------------------------*/

.pc_top_billboard_1st {
  display:none;
}

@media screen and (min-width:600px) {
  .pc_top_billboard_1st {
    display:block;
    height: 0;
    width: 100%;
    position: relative;
    padding-bottom: 250px;
    background-color: #F5F5F5;
    text-align: center;
  }
}

body:not(.theme-dark) .sp_top_header,
body:not(.theme-dark) .sp_top_header_dark,
.theme-dark .sp_top_header,
.theme-dark .sp_top_header_dark,
body:not(.theme-dark) .sp_top_header2,
body:not(.theme-dark) .sp_top_header_dark2,
.theme-dark .sp_top_header2,
.theme-dark .sp_top_header_dark2{
  display:none;
}

@media screen and (max-width:600px) {
  body:not(.theme-dark) .sp_top_header,
  .theme-dark .sp_top_header_dark{
    display:block;
    height: 0;
    width: 100%;
    position: relative;
    padding-bottom: 180px;
    background-color: #F5F5F5;
    text-align: center;
    margin-bottom:1.5em;
    min-width: 320px;
    min-height: 50px;
    max-width: 320px;
    max-height: 180px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  body:not(.theme-dark) .sp_top_header2,
  .theme-dark .sp_top_header_dark2{
    width: 320px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:1.5em;
    padding-left: 0;
    padding-bottom: 0;
    box-sizing: border-box;

    display:block;
    background-color: #F5F5F5;
    text-align: center;
    overflow: hidden;

    /*min-height: 50px;*/
    /*max-height: 180px;*/
    /*padding-bottom: 180px;*/
    /*position: relative;*/
  }
}