@font-face {font-family:'DM Serif Text'; src:url('./fonts/DMSerifText-Regular.ttf') format('truetype');}
/*
Theme Name:thejapannews_ver1
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,main, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,button, input, select, textarea {font-size:100%; line-height:1; margin:0; padding:0; border:0; outline:0; vertical-align:baseline; box-sizing:border-box;}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html {overflow-y: scroll; text-size-adjust:100%;}
ul, ol {list-style:none;}
blockquote , q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a:focus {outline:none;}
ins {text-decoration:none;}
mark {font-style:italic; font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
hr {display:block; height:0; border:0; border-top:1px solid #121212; margin:0; padding:0;}
input, textarea {background-image: hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0;}
input[type="checkbox"]{ -webkit-appearance: checkbox;}
input[type="radio"]{ -webkit-appearance:radio;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
iframe {max-width:100%;}
img.wp-smiley, img.emoji {display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important;}

.clearfix::after {display:block; clear:both; content:"";}
.clear {clear:both;}

/* ----------------------------------------------------- */
body {font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif; background:#fff; width:100%; position:relative;}

#container {
position:relative;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}

p {font-size:.95rem; line-height:1.4; color:#666;}
@media screen and (min-width:990px) {
p {font-size:.88rem; line-height:1.35;}
}

h1, h2, h3, h4, h5 {line-height:1;}
img {display:block; width:100%;}
main figure {
position: relative;
padding-top:60%;
margin-bottom:10px;
}
main figure img{
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.figure_reset, 
.figure_reset>img {position:static; padding:0;}
a {text-decoration:none;}
a:hover {transition-duration:.6s;}
a:hover h3, a:hover h2 {color:#1955a5 !important; transition:all .4s ease;}

i.fa-angle-double-right {margin-left:5px;}
i.double-right {margin-left:3px;}
i.fa-map-marker-alt {margin-right:6px; font-size:.8rem}

audio {height:40px;}

.design_1 {
font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;
display:inline-block;
font-weight:normal;
font-size:.78rem;
color:#fff;
background:#121212;
padding:7px 10px 5px;
margin-bottom:20px;
}
@media screen and (min-width:768px) {
.design_1 {font-size:.75rem;}
}
.design_1 a {color:#fff;line-height:0;}
.design_1 i {line-height:0;}

.more_1 {display:block;text-decoration: underline;text-align:right;font-size:.85rem;margin:10px 10px 0 0;}
@media screen and (min-width:768px) {
.more_1 {font-size:.88rem;}
}
.more_1 a {color:#121212;}
.more_2 {display:block;text-align:right;text-decoration:underline;font-size:.79rem;color:#121212;letter-spacing:-.5px;margin:15px 10px 0 0;}
.more_2 a {color:#121212;}
.more_3 {display:inline-block;float:right;color:#121212;font-size:.9rem;letter-spacing:-.5px;padding:5px 7px;border: 1px solid #ccc;margin:15px 15px 0 0;}
.more_4 {
display:inline-block;
color:#121212;
font-size:.9rem;
letter-spacing:-.5px;
padding:5px 7px;
border:3px double #ccc;
margin:15px 15px 0 0;
}
@media screen and (min-width:768px) {
.more_3 {font-size:.8rem;}
.more_4 {font-size:.8rem;}
}

/* ------- */
.hover_1:hover {background:#eee; transition-duration: .6s;}
.a_hover_1:hover {background:#eee;}

.w_90  {width:90%;}

.mt_0  {margin-top:    0 !important;}
.mr_0  {margin-right:  0 !important;}
.ml_0  {margin-left:   0 !important;}
.mb_0  {margin-bottom: 0 !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}

.ts_80 {font-size:.8rem !important;}
.ts_90 {font-size:.9rem !important;}
.ts_95 {font-size:.95rem!important;}
.ts_100 {font-size:1rem!important;}
.ts_110 {font-size:1.1rem!important;}
.ts_120 {font-size:1.2rem!important;}
.ts_130 {font-size:1.3rem!important;}
.ts_140 {font-size:1.4rem!important;}
.ts_150 {font-size:1.5rem!important;}
.ts_180 {font-size:1.5rem!important;}
.ts_200 {font-size:1.5rem!important;}
@media screen and (min-width:768px) {
.ts_180 {font-size:1.8rem!important;}
.ts_200 {font-size:2rem!important;}
}

.color_blue {color:#0000cd;}
.color_gray1 {color:#666;}
.color_black {color:#121212;}
.color_white {color:#fff;}

.text_bold {font-weight:bold;}
.text_normal {font-weight:normal;}
.text_italic {font-style:italic;}
.text_under {text-decoration:underline;}
.text_center {text-align:center;}
.text_right {text-align:right;}
.text_clear {overflow:hidden;}

.lh_1 {line-height:1!important;}
.lh_11 {line-height:1.1!important;}

.font_family_a {font-family:'Helvetica Neue', Helvetica, Sans-Serif; }
.font_family_b {font-family:'DM Serif Text'; font-weight:400; letter-spacing:.5px;}
.font_family_c {font-family:'Times New Roman', Serif;}

.img_clear,
.img_clear img {
object-fit:fill!important; height:100%; width:100%; position:static!important; padding:0!important; -webkit-backface-visibility:hidden;
}

.line_1 span {margin:0 15%;}

.border_1 {border:1px solid #ccc;}
.border_no {border:0!important;}

.float_0 img, .float_00 img, .float_1 img,
.float_2 img {position: static;}

.float_0 {
float:left; width:200px; padding:10px!important; border:1px solid #ccc; margin:0 25px 10px 0!important;
}
.float_00 {
float:left; width:200px; margin:0 25px 10px 0!important;
}
.float_1  {
float:left; width:120px; padding:5px!important; border:1px solid #eee; margin:0 25px 10px 0!important;
}
.float_2 {
float:right; width:200px; padding:10px!important; border:1px solid #ccc; margin:0 25px 10px 0!important;
}
@media screen and (min-width:768px) {
.float_0, .float_00, .float_2 {width:230px;}
}

.floatt_clear {clear:both;}

.ul_1 {margin-bottom: 1.4rem;}
.ul_1 li {
font-family: Times New Roman,serif;
font-size: 1.2rem;
line-height: 1.45;
color: #121212;
margin-bottom;5px;
}

.dl_1 {font-size:.95rem;}
.dl_1 dt {font-weight:bold; margin-bottom:7px;}
.dl_1 dd {margin:0 0 15px 0;}
.table_1 th, .table_1 td {font-weight:normal; font-size:.9rem; padding:10px; border:1px solid #CCC;}
.table_1 th {width:25%; background-color:#eeeeee; text-align:right;}

/* -------------------------------------
AD & information
------------------------------------- */
/* AD */
.ad_background_1 {background:#eee; padding:10px 0; margin: 0 calc(50% - 50vw) 10px;} 
.ad_background_2 {background:#eee; padding:10px 0; margin: 0 calc(50% - 50vw) 10px;}
.ad_custom_1 {display:none;}
.ad_custom_2 {display:none;} /* billboard用 */
@media screen and (min-width:768px) {
.ad_custom_2 {display:block;} /* billboard用 */
.ad_custom_3 {display:none;} /* billboard用 */
}
@media screen and (min-width:990px) {
.ad_background_2 {background:none; padding:0; margin:0;}
.ad_background_2>div {margin-bottom:10px;}
.ad_custom_1 {display:block;}
}

/* information */
.info_text {font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;  text-align:center; color:#888; margin-bottom:3px!important;}
.info_text .fa-info-circle {font-size:.9rem;}
.info_img {max-width:1100px; padding:0 20px; margin:auto;}

/* -------------------------------------
header
------------------------------------- */
#global_nav {
position:absolute;
background: #fff;
background-color:rgba(253,253,253,1);
width:100%;
padding-bottom:3px;
border-top:1px solid #ccc;
border-bottom:3px solid #121212;
z-index:1;
}
@media screen and (min-width:990px) {
#global_nav {box-shadow: 0 3px 5px 0 #aaa;}
}

.global_nav_in {
display:flex;
justify-content:space-between;
align-items: center;
height:60px;
padding:3px 8px 0;
border-bottom:1px solid #121212;
}
@media screen and (min-width:768px) {
.global_nav_in {padding:0 20px 0;}
}
@media screen and (min-width:990px) {
.global_nav_in {height:90px;}
}

/* header-fix */
.header_fix #global_nav {
position:fixed;
top:0px;
left:0px;
animation: slide_down_menu 0.5s ease;
border-bottom:3px solid #121212;
box-shadow: 0 3px 5px 0 #aaa;
}
@keyframes slide_down_menu {
    0% {top:-100px;}
  100% {top:0px; }
}

.header_fix .global_nav_in {height:50px;}
.header_fix .logo_header li {width:180px; margin-left:-90px;}
.header_fix .logo_header img {width:90%;}
@media screen and (min-width:990px) {
.header_fix .global_nav_in {height:45px;}
}

/* header-tuning-space */
.header_tuning {height:67px;}
@media screen and (min-width:768px) {}
@media screen and (min-width:990px) {.header_tuning {height:97px;}}


/* nav > menu-search_wrap（共通） */
.menu-search_wrap, .login-subsc_wrap {display:inline-flex;}
.login-subsc_wrap {justify-content:flex-end;}

.menu-search_wrap li a,
.login-subsc_wrap li a {
display:flex;
justify-content:center;
align-items:center;
color:#121212;
}

/* nav > menu-search_wrap */
.menu-search_wrap li a {
padding:10px;
border-radius: 50%;
}
@media screen and (min-width:990px) {
.menu-search_wrap li a {padding:10px;}
}

/* nav > menu */
.menu {margin-right:10px;}
.fa-bars, .fa-search {color:#121212;}
#menu_button_L:hover{
    background-color: #e5e5e5;
    border-radius: 50%;
}
#menu_button_R:hover,
#menu_button_R_loggedin:hover{
    background-color: #e5e5e5;
    border-radius: 50%;
}
#menu_button_R_loggedin{
    padding: 10px 8px!important;
}
/* nav > search_SP */
.search_sp {display:inline-flex;}
#sp-search-open:hover{background-color: #e5e5e5;}
@media screen and (min-width:990px) {
.search_sp {display:none;}
}

/* nav > search_PC */
.search_pc {display:none;}
@media screen and (min-width:990px) {
.search_pc {display:inline-flex; align-items:center;}
}
.pc_search_form {position:relative;}
.pc_search_box{
width:210px;
height:25px;
color: #121212;
background:#e5e5e5;
font-size:.95rem;
padding: 7px 30px 5px 10px;
border-radius: 20px
}
.pc_search_icon {position:absolute; top:0; right:0;}
.pc_search_icon::after {
position: absolute;
top:6px;
right:5px;
font-family:"Font Awesome 5 Free";
content: '\f002';
font-size:.9rem;
font-weight:900;
display: block;
cursor: pointer;
color: #121212;
padding:0 7px;
}

/* nav > LOGO */
.logo_header {position:absolute; left:50%;}
.logo_header li {width:160px; margin-left:-80px;}
@media screen and (min-width:768px) {
.logo_header li {width:190px; margin-left:-95px;}
}
@media screen and (min-width:990px) {
.logo_header li {width:280px; margin-left:-50%;}
}

/* nav > yol-link */
.yol-link:hover{
    text-decoration: underline;
}

/* nav > LOGIN&SUBSC */
.login-subsc_sp {display:inline-flex;}
.login-subsc_pc {display:none;}
@media screen and (min-width:768px) {
.login-subsc_sp {display:none;}
.login-subsc_pc {display:inline-flex;}
}

.login-subsc_wrap li a {font-size:.68rem; font-weight:bold; border:0;}

/* nav > LOGIN&SUBSC sp */
@media screen and (max-width:767px) {
	.tp-modal {position: fixed !important;}
	.tp-modal-open {top: 0px !important;}
}
.login-subsc_sp a.login_button_sp {
color:#121212;
padding:10px;
font-size: 100%;
border-radius: 20px;
}
@media screen and (min-width:500px) {
.login-subsc_sp a.login_button_sp {padding:10px;}
}
.login-subsc_sp .fa-tablet-alt {margin-left:4px;}
.fa-tablet-alt {margin-left:4px;}
/* nav LOGIN PC */
.login-subsc_pc a {padding:11px 10px 8px 11px;}

.login-subsc_pc .login_button, .login-subsc_pc .myaccount_button{
color: #121212;
padding:10px;
margin-right:7px;
font-size: 100%;
border-radius: 50%;
}
.login-subsc_pc .login_button:hover{
    background-color: #e5e5e5;
    border-radius: 50%;
}
.myaccount_button{
    padding: 10px 8px!important;
}
.myaccount_button:hover{
    background-color: #e5e5e5;
    border-radius: 50px;
}
/* nav SUBSC PC */
.login-subsc_pc .subsc_button {
color:#fff;
background:#264d99;
}

/* nav > drawer-menu */
.drawer_L, .drawer_R {
overflow-y: scroll;
scrollbar-width: none;
z-index:5;
}
.drawer_L::-webkit-scrollbar,
.drawer_R::-webkit-scrollbar {
display:none;
}

/* drawer-menu L */
.drawer_L {overflow:hidden; padding:15px 0 80px;}
.drawer_L i {margin-right:5px;}
.drawer_L li {position:relative; border-bottom:1px solid #444;}
.drawer_L>ul>li:nth-child(n+3)>a {margin-right:54px;}
.drawer_L a {
position:relative;
display:block;
font-size:.8rem;
color:#fff;
padding:20px 15px;
}
.drawer_L a:hover {
color:#fff;
background:#555;
transition-duration:.2s;
}
.drawer_L>ul>li:not(:first-child)>a {padding-left:34px;}
.drawer_L ul ul li:hover {background:#555;}
.drawer_L ul ul a:hover {background:#555;}
.drawer_L span {
position: absolute;
top:0; right:0;
display:block;
padding:20px 25px;
border-left:1px solid #666;
cursor:pointer;
}

/* drawer-menu L >ul */
.drawer_L ul ul {
background:#666;
padding-left:22px;
overflow:hidden;
}
.drawer_L ul ul li {}
@media screen and (min-width:768px) {
.drawer_L ul ul li {
float:left;
width:220px;
height:50px;
overflow:hidden;
}
}

.drawer_L ul ul li a {
line-height:1.3;
padding:10px 12px!important;
}
/* */
.drawer_L li#drawer_child ul {
position: relative;
left:0;
top:0;
width:100%;
visibility:visible;
opacity:1;
display: none;
transition:none;
}
/* */
.drawer_L span::after{
content:'';
position: absolute;
top:20px;
left:20px;
width:6px;
height:6px;
border-top: 2px solid #999;
border-right:2px solid #999;
transform: rotate(135deg);
}
.drawer_L .active span::after{transform: rotate(-45deg);}

/* modal-search */
.modal {
display: none;
position:fixed;
top: -20px;
width:100%;
height:100vh;
z-index:2;
}
.modal_background {
position: absolute;
width: 100%;
height: 120vh;
background: rgba(0,0,0,.7);
}
.sp_search_wrap {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%,-20%);
width:85%;
background:#121212;
text-align:center;
padding:40px 0 30px;
}

.sp_search_wrap .fa-times {
position:absolute;
top:10px;
right:10px;
color:#fff;
}

.sp_search_form {position:relative; width:300px; margin:0 auto;}
.sp_search_box {
width:300px;
color: #333;
background:#fff;
padding: 7px 30px 7px 10px;
border:none;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.9) inset;
}

.sp_search_icon {border:none; background:none;}
.sp_search_icon::after {
position: absolute;
top:9px;
right:5px;
font-family:"Font Awesome 5 Free";
content: '\f002';
font-size:.9rem;
font-weight:900;
display: block;
cursor: pointer;
color: #333;
padding:0 7px;
}

/* drawer-menu R */
.subsc_menu {
display:flex;
flex-direction:column;
align-items:center;
font-size:.8rem;
margin:15px 0;
}
.subsc_menu li {
width:60%;
margin:12px auto;
}
.subsc_menu li i {
margin-left:5px;
}
.subsc_menu li a {
display:flex;
justify-content:center;
color:#333;
font-weight:900;
padding:13px 0 10px;
border: 1px solid #666;
border-radius:4px;
background: linear-gradient(rgba(255,255,255,1) 0%, rgba(230,230,230,1) 60%, rgba(153,153,153,1) 100%);
}
.subsc_menu li:nth-child(2n) a {
color:#fff;
background: linear-gradient(rgba(51,102,204,1) 0%, rgba(38,77,153,1) 60%, rgba(2,38,77,1) 100%);
}
@media screen and (min-width:450px) {
.subsc_menu li a {font-size:.75rem;}
}

.subsc_menu li a:hover {color:#fff;
background:linear-gradient(rgba(143,143,143,1) 0%, rgba(110,110,110,1) 20%, rgba(29,29,29,1) 100%);
}

.sub_menu {font-size:.9rem;}
.sub_menu li {border-bottom: 1px solid #555!important;}
.sub_menu li:first-child {border-top: 1px solid #555!important;}
.sub_menu li i {margin-right:5px;}
.sub_menu a {
position:relative;
display:block;
padding:17px 0 15px 20px;
color:#fff;
}
.sub_menu a:hover {
color:#fff;
background:#666;
transition-duration: .2s;
}

/* drawer_function L */
.drawer_L {
position:fixed;
top:0px;
left:-240px; width:240px;
height:100%;
background:#121212;
overflow:auto;
backface-visibility: hidden;
transition-duration: .4s;
}
@media screen and (min-width:768px) {
.drawer_L {left:-500px; width:500px;}
}
.open_menu_L .drawer_L {
left:0;
box-shadow:-5px 0 20px 0 rgba(0,0,0,0.4);
transition-duration: .45s;
}

/* drawer_function R */
.drawer_R {
position:fixed;
top:0px;
right:-45%;
width:45%;
height:100%;
background:#121212;
overflow:auto;
backface-visibility: hidden;
transition-duration: .4s;
}
@media screen and (min-width:450px) {
.drawer_R {right:-280px; width:280px;}
}
.open_menu_R .drawer_R {
right:0;
box-shadow:-5px 0 20px 0 rgba(0,0,0,0.4);
transition-duration: .45s;
z-index:5;
}

/* drawer-overlay */
.open_menu_L #container:before,
.open_menu_R #container:before {
content:'';
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.6);
z-index:2;
}

/* -------------------------------
articl   >page_w1100
page     >page_w1100
fix-page >page_w800、page_w1100_2
------------------------------- */
.page_w800 {max-width:800px; margin:0 auto;}
.page_w1100_2 {max-width:1100px; margin:0 auto;}
.page_w1100 {max-width:1100px; margin:0 auto;}
@media screen and (min-width :990px) {
.page_w1100 {display:flex;justify-content:space-between; flex-wrap:wrap;}
.page_w1100 .bloc_1 {width:100%;}
.page_w1100 .bloc_2 {width:70%; padding-right:20px; border-right:1px solid #ccc;}
.page_w1100 .bloc_3 {width:30%; padding-left:20px;}
}

/* RAMEN OF JAPAN */
.ramenarea i {margin-right:2px;}
.ramenarea {color:#000066; font-size:.95rem;}
@media screen and (min-width :768px) {
.ramenarea {display:inline-block;}
}

/* RANKING */
@media screen and (min-width:768px) {
.ranking_1 {float:left; width:49%;}
.ranking_2 {float:right; width:49%;}
}
@media screen and (min-width:990px) {
.ranking1, .ranking2 {float:none;}
.ranking {width:100%;}
}

.ranking {margin:30px 0;}
.ranking a:hover {color:#1955a5; transition:all .4s ease;}
.ranking p {
color:#fff;
background:#121212;
font-weight: bold;
padding: 8px 5px 7px 10px;
border: double 4px #888;
margin-bottom: 10px;
}
@media screen and (min-width:990px) {
.ranking p {color:#121212; background:#fff;}
}

.ranking ul {counter-reset:ranking;}
.ranking ul li {
overflow: hidden;
position: relative;
font-family:Times New Roman,serif;
font-size:1.1em;
line-height: 1.4;
padding:15px 0 5px 2em;
border-bottom: 1px solid #ccc;
margin:0 5px;
}
@media screen and (min-width:990px) {
.ranking ul li {font-size: .95em; line-height:1.35;}
}

.ranking ul li::before{
position: absolute;
top: 12px;
left: 5px;
font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;
content: counter(ranking, decimal);
counter-increment:ranking;
font-size: 1.32em;
font-weight:700;
}

.ranking li a {color:#121212;}
.ranking ul li figure {
float: right;
width: 25%;
padding-top: 20%;
margin-left:15px;
}
@media screen and (min-width:990px) {
.ranking ul li figure {width:30%; padding-top: 22%;}
}

/* -------------------------------
main
------------------------------- */
main {
width: 100%;
box-sizing: border-box;
padding: 0 18px;
}
@media screen and (min-width :768px) {
main {padding:0 30px;}
}
@media screen and (min-width :990px) {
main {max-width:1500px; margin:0 auto;}
}

/* -------------------------------
global_menu
------------------------------- */
/* SP */
.global_menu_sp {
    background:#fff; 
    border-bottom:1px solid #121212; 
    overflow-x:scroll;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.global_menu_sp::-webkit-scrollbar{
    display: none;
}
.global_menu_sp a {color:#121212; font-size:.85rem;}
.global_menu_sp ul {display:flex; justify-content:space-between;padding: 0 3%;}
.global_menu_sp ul li {position:relative; padding:7px 2.5%; white-space: nowrap;}
/* PC */
.global_menu {
display:none;
background:#fff;
border-bottom: 1px solid #444;
}
@media screen and (min-width :990px) {
.global_menu {display:block;}
}

.global_menu a {color:#121212; font-size:.85rem;}
.global_menu >ul {display:flex; justify-content:space-between;
	              max-width:1150px; padding:0 30px; margin:0 auto;}
.global_menu >ul >li {position:relative;}
/* *********** */
.global_menu >ul >li >a {
display:block;
padding:10px 0 3px;
border-bottom: 4px solid #fbfbfb;
}
.global_menu >ul >li:hover >a {
border-bottom: 4px solid #121212;
transition:all .9s ease;
}
.global_menu >ul >li:hover ul{display:block;}

/* *********** */
.global_menu >ul >li ul {
display:none;
position:absolute; top:30px; left:-5px;
width:200px;
box-shadow:0 .5rem 1rem 0 hsl(0 0% 0% / 20%);
overflow:hidden;
background:rgba(249,249,249,1);
border-top: 1px solid #444;
z-index:1;
}

.global_menu >ul >li ul li {padding:0 15px;}
.global_menu >ul >li ul li:hover{background:#999;}
.global_menu >ul >li ul li:hover a{color:#fff;}

.global_menu >ul >li ul li a{
font-size:.8rem;
display:block;
line-height:1.3;
padding:10px 10px;
transition:all .4s ease;
}

/* Breadcrumb NavXT */
.breadcrumbs {box-sizing:border-box; max-width:1150px; padding:0 18px; margin-top:20px;}
@media screen and (min-width:768px) {.breadcrumbs {padding:0 30px;}}
@media screen and (min-width:990px) {.breadcrumbs {margin:20px auto 0;}}

.breadcrumbs, .hierarchy,
.breadcrumbs a, .breadcrumbs a:hover {color:#333; font-size:.9rem;}
.breadcrumbs a {text-decoration:underline;}
.hierarchy {margin:0 8px 0 5px}

/* -------------------------------
footer
------------------------------- */
footer a {color:#fff;}
footer a:hover {color:#777;}
footer img:hover {opacity: 0.5; transition-duration: 0.6s;}
.footer_top p:hover {color:#aaa; transition-duration: 0.6s;}

/* footer_top */
.footer_top {
background:#292C32;
padding:40px 0 30px;
border-top:double 4px #ccc;
}

.footer_weekly a {
display: flex;
flex-wrap: wrap;
justify-content:space-between;
width:75%;
margin:0 auto;
}

.footer_weekly ul {
width: 100%;
display: flex;
justify-content:space-between;
margin-bottom: 10px;
}
.footer_weekly li {width:32%;}
.footer_weekly li:nth-child(4) {display: none;}

.footer_weekly div {width:100%; text-align:center;}
.footer_weekly div p:first-of-type {font-family:'DM Serif Text';font-weight:400;
font-size: 1.2rem;
letter-spacing: .5px;
margin-bottom: 10px;}
.footer_weekly div p {color:#fff;}

@media screen and (min-width:768px){
.footer_weekly a {width:80%;}
.footer_weekly ul {width:52%; margin-bottom:0;}
.footer_weekly div {width:43%; text-align:left;}
}
@media screen and (min-width: 990px){
.footer_weekly a {width:800px;}
.footer_weekly li {width:24%;}
.footer_weekly li:nth-child(4) {display: block;}
.footer_weekly div {width:43%;}
.footer_weekly h3+p {width:250px;}
}

/* footer_bottom */
.footer_bottom {background:#121212; padding:0 40px;}
.footer_bottom dd .fa-external-link-alt {font-size:.6rem; margin-left:4px;}
.footer_bottom>ul>li:nth-child(n+1):nth-child(-n+2) {border-bottom:1px solid #777;}
.footer_bottom>ul>li:nth-child(n+1) {padding:28px 0 25px;}
.footer_bottom>ul>li:nth-child(n+2) {padding:20px 0;}
.footer_bottom>ul>li:nth-child(n+3) {padding:20px 0 25px;}

@media screen and (min-width:990px) {
.footer_bottom>ul>li:nth-child(n+1):nth-child(-n+2) {border-bottom:1px solid #444;}
.footer_bottom>ul>li:nth-child(n+1) {padding:30px 0 15px;}
.footer_bottom>ul>li:nth-child(n+2) {padding:15px 0 8px;}
.footer_bottom>ul>li:nth-child(n+3) {padding:15px 0 20px;}
}

/* logo sns */
.footer_bottom ol {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start ;}
.footer_bottom ol li img {width:150px;}
.footer_bottom ol li {margin:0 8px; position:relative;}
@media screen and (min-width:990px) {
.footer_bottom ol li {margin:0 7px;}
}

.footer_bottom ol .logo {
width:100%;
text-align:center;
margin-bottom:20px;
}
.footer_bottom ol .logo img {
display:inline-block;
}
@media screen and (min-width:768px) {
.footer_bottom ol .logo {width:auto; margin:0 30px 0 0;}
.footer_bottom ol .logo img {display:block;}
}

.footer_bottom ol .facebook, .footer_bottom ol .twitter, .footer_bottom ol .insta {font-size:20px;}
.twitter-eng,.twitter-jp{
    width:20px !important;
    height:20px !important;
}
.twitter p{
    color: white;
    font-size:12px ;
    text-align: center;
}
.footer_bottom ol .gnews {
padding-left:1px;
margin-top:-1px;
}
.footer_bottom ol .gnews span {
display:inline-block;
padding:1px 2px 3px;
border:1px solid #999; 
}
.footer_bottom ol .gnews .fa-google {font-size:11px; margin-right:1px;}
.footer_bottom ol .gnews .fa-stream {font-size:10px;}
.footer_bottom ol .gnews span:hover {border:1px solid #777;}
.footer_bottom ol .adv {
font-size:13px;
width:100%;
text-decoration:underline;
text-align:center;
margin:20px 0 0;
}
.footer_bottom .fa-external-link-alt {font-size:.6rem;  margin-left:4px;}
@media screen and (min-width:768px) {
.footer_bottom ol .adv {
width: auto;
text-align:left;
margin:3px 0 0 25px;
}
}

.footer_bottom dl {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.footer_bottom dd {display:inline-block; font-size:.88rem; line-height:2.0; margin-right:10px;}
@media screen and (min-width:990px) {
.footer_bottom dd {font-size:.8rem;}
}

.footer_bottom dd:not(:last-child)::after {content: "/"; color:#999; margin-left:8px;}


/* copyright */
.copyright {color:#121212; background:#e5e5e5; text-align:center; font-size:.8rem; line-height:50px;}
@media screen and (min-width:650px) {
.copyright {line-height:60px;}
}

/* PAGE_TOP */
.page_top {position:fixed; right:0; bottom:-60px;}
.page_top a {display:block; width:50px; height:50px; background:rgba(34,34,34,0.5); color:#fff; text-align:center; font-size:20px; line-height:50px;}
.page_top a:hover {color:#fff; background:#353535;}
@media screen and (min-width:990px) {
.page_top a {width: 60px; height:60px; font-size: 22px; line-height:60px;}
}

/* -------------------------------
Google AD
------------------------------- */
.p-ads-rec-sp, .p-ads-billboard, .p-ads-rec, .p-ads-rec-pc, .p-ads-tile, .p-ads-top-billboard, .p-ads-top-banner{text-align:center;}

@media screen and (max-width:767px){
.p-ads-billboard{min-height:180px}
.p-ads-rec{min-height:250px}
.p-ads-rec-pc{min-height:0}
.p-ads-rec-sp{min-height:250px}
.p-ads-tile{min-height:80px}
.p-ads-top-banner{min-height:250px}
.p-ads-top-billboard{display:none}
}

@media screen and (min-width:768px){
.p-ads-billboard{min-height:90px}
.p-ads-rec{min-height:250px}
.p-ads-rec-pc{min-height:0}
.p-ads-rec-sp{min-height:0}
.p-ads-tile{min-height:80px}
.p-ads-top-billboard{min-height:90px}
.p-ads-top-banner{display:none}
}

@media screen and (min-width:990px){
.p-ads-billboard{min-height:250px}
.p-ads-rec{min-height:250px}
.p-ads-rec-pc{min-height:250px}
.p-ads-rec-sp{min-height:0}
.p-ads-tile{min-height:80px}
.p-ads-top-billboard{min-height:250px}
.p-ads-top-banner{display:none}