@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat&text=0123456789');
/* ======================================================================
  common.css
====================================================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, main, summary, time, mark, audio, video, a, button, input, select,
textarea { margin:0; padding:0; box-sizing:border-box; }
address,caption,cite,code,dfn,strong,th,var { font-style:normal; }
form { margin:0; padding:0; }
li { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align: left; }
q:before,q:after { content:''; }
object,embed { vertical-align:top; }
hr,legend { display:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
abbr,acronym,fieldset { border:0; }
img { border:0; border:none; }

a { text-decoration:none; }
a:hover { text-decoration:none; }


/* web font
================================================= */
/*@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Regular.woff2') format('woff2'),
  url('../fonts/Raleway-Regular.woff') format('woff'),
  url('../fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Medium.woff2') format('woff2'),
  url('../fonts/Raleway-Medium.woff') format('woff'),
  url('../fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBold.woff2') format('woff2'),
  url('../fonts/Raleway-SemiBold.woff') format('woff'),
  url('../fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.ttf') format('truetype');
  font-weight: 700;
}*/

@font-face{
	font-family:'tdk';
	src:url('../fonts/tdk.eot?4sd6dd');
	src:url('../fonts/tdk.eot?4sd6dd#iefix') format('embedded-opentype'),
		url('../fonts/tdk.ttf?4sd6dd') format('truetype'),
		url('../fonts/tdk.woff?4sd6dd') format('woff'),
		url('../fonts/tdk.svg?4sd6dd#tdk') format('svg');
	font-weight:normal;
	font-style:normal;
}


/* body
================================================== */
/*
body { background:#fff; min-width:320px; color:#222; font-family:'Noto Sans JP',sans-serif; font-size:100%; font-weight:400; line-height:1; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; }
*/
body { background:#fff; min-width:320px; color:#222; font-family: 'Raleway',sans-serif; font-size:100%; /*font-weight:bold;*/ line-height:1; -webkit-text-size-adjust:100%; webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}


/* anchor
================================================= */
a { color:#1d26f9; text-decoration:none; }
a:link { color:#1d26f9; text-decoration:none; }
a:visited { color:#1d26f9; }
a:hover { color:#1d26f9; text-decoration:none; }
a:active { text-decoration:none; }


/* base layout
================================================== */
body {}
/*-#wrapper { background:#f4f7f8; }-*/


/* header
================================================== */
#header { position:fixed; width:100%; z-index:400; }
#header a {color: #0046ad; opacity:1; transition:all .3s ease; }
#header a:hover { opacity:.6; }

#header .tdk { background: #0046ad;height: 55px;transition: all .3s ease;position: relative;}
#header .tdk .inner { position:relative; max-width:1180px; margin:0 auto; padding:0 30px; }
#header .tdk .inner:after { content:''; display:block; clear:both; }
#header .tdk #siteID { padding:15px 0; }
#header .tdk #siteID a { display:block; width:115px; height:24px; background:url('../images/TDK_logo.png') no-repeat center; background-size:contain; text-indent:-9999px; overflow:hidden; }

div.worldwide {width: 150px;height: 25px;line-height: 25px;position: absolute;right: 49px;top: 15px;}
div.worldwide a,div.sp_worldwide a {font:12px ‘SimHei’, sans-serif;font-weight: normal;color:#fff!important;}
div.worldwide a:after,div.sp_worldwide a:after {content: '';background: url(../images/ww_map.png) no-repeat;width: 39px;height: 15px;display: inline-block;vertical-align: middle;margin-left: 10px;}

.nav-unshown {display:none;}/*チェックボックス非表示*/
#ww_nav-open {width: 40px;height: 40px;position: absolute;right: 5px;top: 0;display: block;cursor: pointer;}
#ww_nav-open:after {display: block;width: 40px;height: 40px;text-align: center;text-indent: 0;content: '\f0c9';font-family: tdk;font-size: 24px;color: #fff;position: absolute;top: 10px;}/*ハンバーガーアイコン*/

#ww_nav-close {display: none;/*はじめは隠しておく*/position: fixed;z-index: 99;right: 5px;top: 0;cursor: pointer;width: 40px;height: 40px;background: #0046ad;transition: .3s ease-in-out;}
#ww_nav-close:after{display: block;width: 40px;height: 40px;text-align: center;text-indent: 0;content: '\f00d';font-family: tdk;font-size: 24px;color: #fff;position: absolute;top:8px;}
    

#nav-content {overflow: auto;position: fixed;top: 44px;z-index: 9999;width: 100%;height: 0;opacity: 0;visibility: hidden;transition: .5s;background: rgba(0,0,0,.5);}/*中身*/

#nav-input:checked ~ #ww_nav-close {display: block;/*カバーを表示*/}
#nav-input:checked ~ #nav-content {height: 100%;opacity: 1;visibility: visible;}
    
div.sp_worldwide {background: #333;text-align: center;border-top: 1px #aaa solid;}
div.sp_worldwide a {font-size:14px;display: block;padding: 10px;}
    
#nav-drawer {display: none;}
    
@media screen and (max-width: 1000px){
#header .tdk {height: 44px;}
.worldwide {display:none;}
#nav-drawer {display: block;}
    }

#header .mag { background: #fff; }
#header .mag:after { content:""; display:block; clear:both; }
#header .mag .inner { position:relative; max-width:1180px; margin:0 auto; padding:0 30px; }
#header .mag .inner:after { content:""; display:block; clear:both; }
#header .mag h1 { padding:20px 0 18px; }
#header .mag h1 a { display:block; width:175px; height:42px; background:url('../images/siteLogo2.png') no-repeat center; background-size:contain; text-indent:-9999px; overflow:hidden; }

#header .sns { position:absolute; top:9px; right:165px; }
#header .sns:after { content:""; display:block; clear:both; }
#header .sns li { display:block; float:left; padding:1px 6px; }
#header .sns li a { display:block; width:20px; height:20px; border: 1px solid #0046ad; border-radius:50%; text-indent:-9999px; overflow:hidden; }
#header .sns .fb a { background:url('../images/snsFacebook.png') no-repeat center ; background-size:contain; }
#header .sns .tw a { background:url('../images/snsTwitter.png') no-repeat center; background-size:contain; }
#header .sns .li a { background:url('../images/sns_line.png') no-repeat center; background-size:contain; }
#header .sns .in a { background:url('../images/snsLinkedin.png') no-repeat center; background-size:contain; }
#header .sns .pk a { background:url('../images/sns_pocket.png') no-repeat center; background-size:contain; }

#header .language { position:absolute; top:11px; right:30px; }
#header .language:after { content:""; display:block; clear:both; }
#header .language li { display:block; float:left; padding:0 4px; }
#header .language li a { display:block; width:36px; padding:3px; border-radius:15px; font-family:'Raleway',sans-serif; font-weight:600; font-size:13px; line-height:1; text-align:center; }
#header .language .jp a { background:#fff; color:#1160c1; }
#header .language .active a { background: #0046ad;color: #fff;}


#header .nav { position:absolute; top:38px; right:30px; transition:all .3s ease; }
#header .nav:after { content:""; display:block; clear:both; }
#header .nav .nav_search { float:right; padding:3px 0 0 15px; }
#header .nav .nav_search .search { position:relative; }
#header .nav .nav_search .search:after { content:""; display:block; clear:both; }
#header .nav .nav_search input[type="text"] { box-sizing:content-box; width:200px; height:12px; padding:7px 11px 7px; background-color: rgba(0,0,0,0); border: 1px solid #0046ad; border-radius:18px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:13px; line-height:1.4; color:#0046ad; }
#header .nav .nav_search .btn_search { box-sizing:content-box; display:block; position:absolute; top:0; right:0; width:24px; height:22px; padding:3px 6px; cursor:pointer; transition:all .3s ease; }
#header .nav .nav_search input::placeholder { color:#0046ad; letter-spacing:.02em;}
#header .nav .nav_search .btn_search:hover { opacity:.6; }
#header .nav .nav_tags { display:none; }
#header .nav .nav_menu { display:block; float:right; }
#header .nav .nav_menu:after { content:""; display:block; clear:both; }
#header .nav .nav_menu li { display:block; float:left; padding:4px 6px; }
#header .nav .nav_menu li a { display:block; padding:6px 6px; font-family:'Raleway',sans-serif; font-weight:500; font-size:14px; letter-spacing:.08em; cursor:pointer; }


#nav_open,#home_btn {display:none; position:absolute; top:0; right:0; background-color:transparent; border:none; outline:none; padding:0; appearance:none; cursor:pointer; }
#home_btn {left: 0;}
#nav_open div { position:relative; margin:22px 18px; width:20px; height:17px; }
#home_btn div {position: relative;margin: 18px 18px;width: 24px;height: 24px;}
#nav_open span { display:block; position:absolute; height:2px; width:100%; background:#0046ad; left:0; zoom:1; }
#nav_open span:nth-child(1) { top:0; }
#nav_open span:nth-child(2) { top:7px; }
#nav_open span:nth-child(3) { top:14px; }

#nav_close { display:none; position:absolute; top:0; right:0; background-color:transparent; border:none; outline:none; padding:0; appearance:none; cursor:pointer; }
#nav_close div { position:relative; margin:14px 14px; width:25px; height:25px; }
#nav_close span { display:block; position:absolute; height:2px; width:100%; background:#0046ad; left:0; zoom:1; }
#nav_close span:nth-child(1) { top:11px; transform:rotate(-135deg); }
#nav_close span:nth-child(2) { top:11px; transform:rotate(135deg); }

#nav_open_search { display:none; position:absolute; top:0; right:0; background-color:transparent; border:none; outline:none; padding:0; appearance:none; cursor:pointer; }
#nav_open_search div { position:relative; margin:14px 14px; width:32px; height:32px; background:url('../images/search_sp.png') no-repeat center; background-size:contain; }


/* breadcrumbs
================================================== */
#header .breadcrumbs { background:#0046ad; height:27px; transition:all .3s ease; }
#header .breadcrumbs ul { max-width:1180px; margin:0 auto; padding:3px 30px; }
#header .breadcrumbs li { position:relative; display:inline-block; padding:0 16px 0 0; font-size:12px; line-height:1; color:#fff; }
#header .breadcrumbs li:after { content:''; position:absolute; top:50%; right:4px; width:4px; height:4px; margin-top:-2px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); }
#header .breadcrumbs li:last-child:after { display:none; }
#header .breadcrumbs li a { display:inline-block; opacity:1; transition:all .3s ease; }
#header .breadcrumbs li a:hover { opacity:.6; }

/* Drupal用のhome_new css Start*/
#header #block-paxton-breadcrumbs { background:#0046ad; height:27px; transition:all .3s ease; }
#header #block-paxton-breadcrumbs ol { max-width:1180px; margin:0 auto; padding:5px 30px; }
#header #block-paxton-breadcrumbs li { position:relative; display:inline-block; padding:0 16px 0 0; font-size:12px; line-height:1; color:#fff; }
#header #block-paxton-breadcrumbs li:after { content:''; position:absolute; top:50%; right:4px; width:4px; height:4px; margin-top:-3px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); }
#header #block-paxton-breadcrumbs li:last-child:after { display:none; }
#header #block-paxton-breadcrumbs li a { display:inline-block; opacity:1; transition:all .3s ease; color: #fff}
#header #block-paxton-breadcrumbs li a:hover { opacity:.6; }
#header #block-paxton-breadcrumbs li:before  { content:none; }

/* Drupal用のhome_new css End*/

/* fixed
================================================== */
#header.fixed { height:54px; }
#header.fixed .tdk { height:0; }
#header.fixed .tdk .inner { display:none; }



/* modal
================================================== */
.lock { overflow:hidden; }
.modal_overlay { z-index:4001; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(244,247,248,.9); }
.modal_wrap { box-sizing:border-box; z-index:4002; display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:20px; }
.modal_content { position:relative; display:none; top:50%; left:50%; box-sizing:border-box; transform:translate(-50%,-50%); max-width:880px; background:#fff; border-radius:10px; }
.close { position:absolute; top:0; right:0; z-index:2; background-color:transparent; border:none; outline:none; padding:0; appearance:none; }
.modal_close { position:relative; margin:16px 16px; width:25px; height:25px; background-color:transparent; border:none; outline:none; padding:0; appearance:none; cursor:pointer; }
.modal_close span { display:block; position:absolute; height:2px; width:100%; background:#0046ad; left:0; zoom:1; }
.modal_close span:nth-child(1) { top:11px; transform:rotate(-135deg); }
.modal_close span:nth-child(2) { top:11px; transform:rotate(135deg); }


/* pickup_tags
================================================== */
.pickup_tags { padding:18px 20px 20px; }
.pickup_tags h3 { padding:0 0 12px; font-family:'Raleway',sans-serif; font-weight:500; font-size:20px; line-height:1.3; color:#1d26f9; letter-spacing:.02em; text-align:center; }
.pickup_tags h3 span { display:block; padding:2px 0 0; font-size:14px; letter-spacing:0; }
.pickup_tags .pickup_list { padding:10px 5px; }
.pickup_tags li { padding:5px 3px 5px 0; display:inline-block; font-size:14px; line-height:1.3; }
.pickup_tags li a { position:relative; display:inline-block; padding:4px 15px 4px 25px; background:#f0f6f7; border-radius:15px; color:#1d26f9; opacity:1; transition:all .3s ease; }
.pickup_tags li a:after { position:absolute; content:"#"; top:5px; left:12px; }
.pickup_tags li a:hover { opacity:.6; }



/* head_visual
================================================== */
.head_visual { padding:155px 0 0; background-repeat:no-repeat; background-position:center; background-size:cover; }

#tag .head_visual { background-image:url('/tags/images/head.jpg'); }

#world .head_visual { background-image:url('../images/techno_world/head.jpg'); }
#emc2 .head_visual { background-image:url('../images/techno_world/head_emc2.jpg'); }
#emc .head_visual { background-image:url('../images/techno_world/head_emc.jpg'); }
#electronics_primer .head_visual { background-image:url('../images/techno_world/head_electronics_primer.jpg'); }
#condenser .head_visual { background-image:url('../images/techno_world/head_condenser.jpg'); }
#ferrite .head_visual { background-image:url('../images/techno_world/head_ferrite.jpg'); }
#power .head_visual { background-image:url('../images/techno_world/head_power.jpg'); }

#topics .head_visual { background-image:url('../images/hot_topics/head.jpg'); }

#rank .head_visual { background-image:url('../images/ranking/head.jpg'); }

#about .head_visual { background-image:url('../images/about/head.jpg'); }


/* tabnav
================================================== */
#tabnav { padding:50px 0; }
#tabnav ul { position:relative; max-width:1140px; margin:0 auto; display: flex;}
#tabnav ul:after { content:""; display:block; clear:both; }
#tabnav li { box-sizing:border-box; display:block; width:50%; display: flex;}
#tabnav .world { padding:0 10px 0 24px; }
#tabnav .topics { padding:0 24px 0 10px; }
#tabnav li a { box-sizing:border-box; display:block; padding:15px 0; background:#1d26f9; font-family:'Raleway',sans-serif; font-weight:500; font-size:20px; line-height:1.3; color:#fff; letter-spacing:.08em; text-align:center; border-radius:42px; border:1px solid #fff; transition:all .3s ease; }
#tabnav li a span { display:block; padding:2px 0 0; font-size:13px; font-weight: bold; letter-spacing:0; }
#tabnav li a:hover { background:#5161ff; }

#world #tabnav .topics a { background:#fff; color:#1d26f9; }
#world #tabnav .topics a:hover { color:#5e6dff; }

#topics #tabnav .world a { background:#fff; color:#1d26f9; }
#topics #tabnav .world a:hover { color:#5e6dff; }



/* container
================================================== */
#container { position:relative; max-width:1180px; margin:0 auto; padding:30px 3% 0; clear:both; }
#container:after { content:''; display:block; clear:both; }
#container #main { box-sizing:border-box; float:left; width:72%; padding:0 3% 0 0; }
#container #sub { box-sizing:border-box; float:left; width:28%; }



#container a { transition:all .3s ease; }
#container a:hover { color:#1d26f9; }
.sticky { position:-webkit-sticky; position:sticky; top:136px; }


/* pickup
================================================== */
#pickup { padding:0 0 20px; }
#pickup h2 { padding:0 0 20px; font-family:'Raleway',sans-serif; font-weight:500; font-size:26px; line-height:1.3; color:#1d26f9; letter-spacing:.08em; text-align:center; }
#pickup .inner {}
#pickup .inner a { box-sizing:border-box; display:block; opacity:1; border-radius:8px; overflow:hidden; transition:all .3s ease; }
#pickup .inner a:hover { opacity:.6; }
#pickup .inner a img { width:100%; }
#pickup .swiper-container { padding-bottom:36px; }


/* whats_new
================================================== */
#whats_new { padding:0 0 20px; }
#whats_new h2 { padding:0 0 10px; font-family:'Raleway',sans-serif; font-weight:500; font-size:22px; line-height:1.3; color:#1d26f9; letter-spacing:.02em; text-align:center; }
#whats_new h2 span { display:block; padding:2px 0 0; font-size:14px; letter-spacing:0; }
#whats_new .inner { font-size:14px; }
#whats_new ul {}
#whats_new li { display:block; margin:0 0 10px; background:#fff; border-radius:10px; }
#whats_new li a { position:relative; display:block; padding:14px; cursor:pointer; }
#whats_new li a:after { content:''; display:block; clear:both; }
#whats_new li a:hover { opacity:.6; }
#whats_new li a .pic { float:left; width:80px; }
#whats_new li a .pic .fit-cover { position:relative; overflow:hidden; height:80px; }
#whats_new li a .pic .fit-cover img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:80px; }
#whats_new li a .date { overflow:hidden; padding:2px 0 4px 14px; font-size:11px; line-height:1.3; color:#1d26f9; letter-spacing:.04em; }
#whats_new li a .cate { overflow:hidden; padding:0 0 2px 14px; font-size:12px; line-height:1.4; font-weight:normal; color:#222; }
#whats_new li a .title { overflow:hidden; padding:0 0 0 14px; font-size:13px; line-height:1.4; font-weight:bold; color:#222; }


/* ranking
================================================== */
#ranking { padding:0 0 20px; }
#ranking h2 { padding:0 0 10px; font-family:'Raleway',sans-serif; font-weight: normal; font-size:22px; line-height:1.3; color:#1d26f9; letter-spacing:.02em; text-align:center; }
#ranking h2 span { display:block; font-weight: normal;padding:2px 0 0; font-size:14px; letter-spacing:0; }
#ranking .inner { font-size:14px; }
#ranking ul {}
#ranking li { display:block; margin:0 0 10px; background:#fff; border-radius:10px; }
#ranking li a { position:relative; display:block; padding:14px; cursor:pointer; }
#ranking li a:after { content:''; display:block; clear:both; }
#ranking li a:hover { opacity:.6; }
#ranking li a .num { position:absolute; top:6px; left:6px; display:block; width:22px; height:22px; background:#1d26f9; border-radius:50%; }
#ranking li a .num:after { position:absolute; top:6px; left:0; width:22px; font-size:11px; font-weight:bold; color:#fff; text-align:center;}
#ranking li:nth-child(1) a .num:after { content:'1'; }
#ranking li:nth-child(2) a .num:after { content:'2'; }
#ranking li:nth-child(3) a .num:after { content:'3'; }
#ranking li a .num span { display:table-cell; font-family:'Raleway',sans-serif; font-weight:600; font-size:12px; color:#fff; text-align:center; vertical-align:middle; }
#ranking li a .pic { float:left; width:80px; }
#ranking li a .pic .fit-cover { position:relative; overflow:hidden; height:80px; }
#ranking li a .pic .fit-cover img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:80px; }
#ranking li a .date { overflow:hidden; padding:0 0 4px 14px; font-size:11px; line-height:1.3; color:#1d26f9; letter-spacing:.04em; }
#ranking li a .cate { overflow:hidden; padding:0 0 2px 14px; font-size:12px; line-height:1.4; font-weight:bold; color:#222; font-weight: normal}
#ranking li a .title { overflow:hidden; padding:0 0 0 14px; font-size:13px; line-height:1.4; font-weight:bold; color:#222; }
#ranking .btn { margin:0 auto; padding:4px 0 0; max-width:160px; }
#ranking .btn a { display:block; padding:12px 0; background:#1d26f9; border-radius:22px; font-family:'Raleway',sans-serif; font-weight:500; font-size:16px; color:#fff; letter-spacing:.08em; text-align:center; }
#ranking .btn a:hover { opacity:.6; }


/* tags
================================================== */
#tags { padding:0 0 20px; }
#tags h2 { padding:0 0 10px; font-family:'Raleway',sans-serif; font-weight:500; font-size:20px; line-height:1.3; color:#1d26f9; letter-spacing:.02em; text-align:center; }
#tags h2 span { display:block; padding:2px 0 0; font-size:14px; letter-spacing:0; }
#tags .inner { padding:14px; background:#fff; border-radius:10px; font-size:14px; line-height:1.3; }
#tags .list {}
#tags .list li { display:inline-block; padding:4px 1px 4px 0; font-size:13px; line-height:1.3; }
#tags .list li a { position:relative; display:inline-block; padding:3px 10px 3px 18px; background:#f0f6f7; border-radius:12px; color:#1d26f9; opacity:1; transition:all .3s ease; }
#tags .list li a:after { position:absolute; content:"#"; top:3px; left:8px; }
#tags .list li a:hover { opacity:.6; }
#tags .btn { margin:0 auto; padding:8px 0 0; max-width:100px; }
#tags .btn a { display:block; padding:5px 0; background:#1d26f9; border-radius:16px; font-family:'Raleway',sans-serif; font-weight:500; font-size:13px; color:#fff; letter-spacing:.08em; text-align:center; cursor:pointer; }
#tags .btn a:hover { opacity:.6; }


/* footer
================================================== */
#footer { background:#9f9f9f; position:relative; margin-top:40px; }
#footer .inner { margin:0 auto; padding:25px 30px; max-width:1180px;}
#footer .inner a { opacity:1; transition:all .3s ease; }
#footer .inner a:hover { opacity:.6; }
#footer .inner p,#footer .inner a { font-size:12px; line-height:1.3; color:#fff; }
.footer_left {width: 55%;float: left;}
.footer_sns {display: flex;}
.subLinks li {display: inline-block;margin-right: 20px;}
#footer .inner p {float: right;display: table;min-height: 49px;}
#footer .inner p small {display: table-cell;vertical-align: middle;text-align: right;}

/* pageTop
================================================== */
.pageTop { position:fixed; bottom:18px; right:18px; z-index:2; }
.pageTop a { position:relative; display:block; width:54px; height:54px; background:url('../images/pagetop.png') no-repeat center #1d26f9; background-size:18px 18px; border-radius:50%; text-indent:-9999px; overflow:hidden; transition:all .3s ease; }
.pageTop a:hover { opacity:.6; }

/* pageer-Start
================================================== */
.pager__items {
    text-align: center;
    font-size: 18px;
}

.pager__item {display: inline;}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

/*-------カスタム-------*/
/*数字だけフォントを変更*/
.pager__items {line-height: 1.3em; font-family: 'Montserrat',"游ゴシック体", YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;}

/*カレント時に下線*/
.is-active a {border-bottom: solid 1px;}

/*間隔の調整*/
.pager__item {padding: 0.8em;}

/*最初ボタン矢印*/
.pager__item--first {
    /*    position: relative;
        padding-left: 25px;*/
    display: none;
}

.pager__item--first::before{
    content: '';
    width: 23px;
    height: 23px;
    border: 0px;
    border-top: solid 1px #1d26f9;
    border-left: solid 1px #1d26f9;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
}

/*最後ボタン矢印*/
.pager__item--last {
    /*    position: relative;
        padding-right: 25px;*/
    display: none;
}

.pager__item--last::after{
    content: '';
    width: 23px;
    height: 23px;
    border: 0px;
    border-top: solid 1px #1d26f9;
    border-right: solid 1px #1d26f9;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
}
/* pageer-End
================================================== */


/* created
================================================== */
.created_date { font-size:10px; line-height:1.3; color:#666; letter-spacing:.04em; font-family: open-sans; font-weight: normal;}

@media screen and (max-width:800px) {
    /* created
    ================================================== */
    .created_date { font-size:10px; }

}

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

}

/* Twitterフローティングバナー
================================================== */

.fl_banner {position: fixed; right: 18px;bottom: 90px;}
.fl_banner a {display: block;}
.fl_banner a img {filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}


@media screen and (max-width: 800px){
    .fl_banner {right: 8px;bottom: 60px;}
}


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

    /* header
    ================================================== */
    #header .tdk #siteID { padding:10px 0; margin:0; width:80px; }
    #header .tdk #siteID a { width:80px; }
    #header .tdk .inner {padding: 0 15px;}

    #header .mag {}
    #header .mag .inner { padding:0 10px; }
    #header .mag h1 { position:relative; top:0; left:0; padding:16px 0 14px; }
    #header .mag h1 a { width:124px; height:30px; margin:0 auto; }

    #header .sns { position:relative; top:0; right:0; margin:0 auto; padding:45px 0 0; width:114px; }
    #header .sns li { padding:0 6px; }
    #header .sns li a { display:block; width:26px; height:26px; }

    #header .language { position:relative; top:0; right:0; margin:0 auto; padding:16px 4% 45px; }
    #header .language li { display:block; float:left; width:50%; padding:0; }
    #header .language li a { width:auto; padding:10px 0; border:1px solid #0046ad; border-radius:18px; font-size:14px; }
    #header .language .jp { padding:0 4px 0 0; }
    #header .language .en { padding:0 0 0 4px; }
    #header .language .jp a { background:#fff; color:#1160c1; }

    #header .nav { position:relative; top:0; right:0; margin:0 auto; padding:0; }
    #header .nav .nav_search { float:none; padding:16px 4% 0; }
    #header .nav .nav_search .search { position:relative; }
    #header .nav .nav_search input[type="text"] { box-sizing:border-box; width:100%; height:14px; padding:18px 12px; border:1px solid #0046ad; border-radius:20px; font-size:14px; }
    #header .nav .nav_search .btn_search { box-sizing:content-box; display:block; position:absolute; top:0; right:0; width:22px; height:22px; padding:8px 12px; }

    #header .nav .nav_tags { display:block; padding:15px 4% 0; }
    #header .nav .nav_tags .inner { padding:8px 10px 10px; border:1px solid #fff; border-radius:12px; font-size:13px; line-height:1.3; }
    #header .nav .nav_tags h3 { padding:0 0 5px; font-family:'Raleway',sans-serif; font-weight:400; font-size:14px; line-height:1.3; color:#fff; letter-spacing:.08em; text-align:center; }
    #header .nav .nav_tags ul {}
    #header .nav .nav_tags li { display:inline-block; padding:4px 1px 4px 0; font-size:13px; line-height:1.3; }
    #header .nav .nav_tags li a { position:relative; display:inline-block; padding:3px 10px 3px 18px; background:#f0f6f7; border-radius:12px; color:#1d26f9; opacity:1; transition:all .3s ease; }
    #header .nav .nav_tags li a:after { position:absolute; content:"#"; top:3px; left:8px; }
    #header .nav .nav_tags li a:hover { opacity:.6; }
    #header .nav .nav_tags .btn { margin:0 auto; padding:8px 0 0; max-width:100px; }
    #header .nav .nav_tags .btn a { display:block; padding:5px 0; background:#1d26f9; border-radius:16px; font-family:'Raleway',sans-serif; font-weight:500; font-size:13px; color:#fff; letter-spacing:.08em; text-align:center; cursor:pointer; }
    #header .nav .nav_tags .btn a:hover { opacity:.6; }

    #header .nav .nav_menu { float:none; padding:6px 4% 0; }
    #header .nav .nav_menu li { float:none; padding:12px 0 0; }
    #header .nav .nav_menu li a { padding:12px 0; border:1px solid #0046ad; border-radius:20px; font-size:14px; text-align:center; }

    /* pushbar
    ================================================== */
    .pushbar.opened { display:block; }
    html.pushbar_locked { overflow:hidden; -ms-touch-action:none; touch-action:none; }
    .pushbar { z-index:400; position:fixed; will-change:transform; overflow-y:auto; transition:transform .5s ease; will-change:transform; }
    .pushbar_overlay { position:relative; z-index:-999; position:fixed; width:100%; max-width:100%; height:100%; min-height:100vh; top:0; left:0; will-change:opacity; transition:opacity .5s ease; }
    html.pushbar_locked .pushbar_overlay{ z-index:0; }
    .pushbar.from_top { top:0; left:0; width:100%; max-width:100%; height:100%; transform:translateZ(0) translateY(-100%); background-color:#fff; -webkit-overflow-scrolling:touch; }
    .pushbar.opened { transform:translateX(0px) translateY(0px); }
    #nav_open,#home_btn { display:block; }
    #nav_close { display:block; }

    #nav_open_search { display:block; }

    #header #block-paxton-breadcrumbs { display:none; }


    /* fixed
    ================================================== */
    #header.fixed { height:auto; }
    #header.fixed .mag h1 { position:relative; top:0; left:0; }
    #header.fixed .mag h1 a { width:124px; height:30px; margin:0 auto; }
    #header.fixed .tdk { height:0; }
    #header.fixed .nav { position:relative; top:0; right:0; margin:0 auto; }


    /* modal
    ================================================== */
    .modal_wrap { padding:9px; }
    .modal_content { top:0; left:0; transform:translate(0,0); width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touch; }

    /* pickup_tags
    ================================================== */
    .pickup_tags { padding:16px; }
    .pickup_tags h3 { font-size:18px; }
    .pickup_tags .pickup_list { padding:0 0 10px; }
    .pickup_tags li { display:inline-block; padding:4px 1px 4px 0; font-size:13px; line-height:1.3; }
    .pickup_tags li a { position:relative; display:inline-block; padding:3px 10px 3px 18px; background:#f0f6f7; border-radius:12px; color:#1d26f9; opacity:1; transition:all .3s ease; }
    .pickup_tags li a:after { position:absolute; content:"#"; top:3px; left:8px; }
    .pickup_tags li a:hover { opacity:.6; }
    .pickup_tags { margin:0 auto; padding:16px; }
    .pickup_tags a { display:block; padding:5px 0; background:#1d26f9; border-radius:16px; font-family:'Raleway',sans-serif; font-weight:400; font-size:13px; color:#1d26f9; letter-spacing:.08em; text-align:center; cursor:pointer; }
    .pickup_tags a:hover { opacity:.6; }




    /* head_visual
    ================================================== */
    .head_visual { padding:99px 0 0; }


    /* tabnav
    ================================================== */
    #tabnav { padding:30px 0; }
    #tabnav ul { padding:0 3%; }
    #tabnav .world { padding:0 6px 0 0; }
    #tabnav .topics { padding:0 0 0 6px; }
    #tabnav li a { padding:14px 10px; font-size:16px; line-height:1.3; border-radius:10px; }
    #tabnav li a span { font-size:12px; }


    /* container
    ================================================== */
    #container { padding:15px 0 0; }
    #container #main { float:none; width:auto; padding:0 3%; }
    #container #sub { float:none; width:auto; padding:10px 3% 0; }
    .sticky { position:relative; top:0; }

    /* pickup
    ================================================== */
    #pickup { padding:0 0 20px; }
    #pickup h2 { padding:0 0 10px; font-size:24px; }

    /* whats_new
    ================================================== */
    #whats_new { padding:0 0 10px; }

    /* ranking
    ================================================== */
    #ranking { padding:0 0 20px; }

    /* tags
    ================================================== */
    #tags {}


    /* footer
    ================================================== */
    #footer { margin-top:20px; }
    #footer .inner { padding:19px 4%;font-size: 12px;}
    #footer .inner,#footer .inner p small {text-align: center;}
    .footer_left {width: 100%;}
    .footer_sns {width: 56px;margin: 0 auto;}
    .subLinks {margin: 0 5px;}
    .subLinks li {margin: 0 5px;}

    /* pageTop
    ================================================== */
    .pageTop { bottom:8px; right:8px; }
    .pageTop a { width:44px; height:44px; background-size:14px 14px; }


}

@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, body { font-family: “メイリオ“, Meiryo, sans-serif; } /* IE11 */
}


/* 404 Not Found */
#container_404 { text-align: center;position:relative; max-width:1180px; margin:0 auto; padding:30px 3% 0; clear:both; }
#container_404 a { transition:all .3s ease; }
#container_404 a:hover { color:#1d26f9; }
#container_404 ul.btn_404 {display: flex; justify-content: space-between;}
#container_404 ul.btn_404 li{width: 45%;}
#container_404 ul.btn_404 li a{display: block; background: #1d26f9; padding:10px 20px; line-height: 1; border-radius: 20px; font-size: 16px; text-align: center; color: #fff;}
#container_404 ul.btn_404 li a:hover{opacity: 0.7; color: #fff !important;}

/* main_visual
================================================== */
#main_visual {}
#main_visual .swiper-slide { height:530px; background-repeat:no-repeat; background-position:center; background-size:cover; }
#main_visual .slide01 { background-image:url('../images/mainvisual03.jpg') }
#main_visual .slide02 { background-image:url('../images/mainvisual02.jpg') }
#main_visual .swiper-button-prev { top:330px; }
#main_visual .swiper-button-next { top:330px; }
@media screen and (max-width:640px) {

    /* main_visual */
    #main_visual .swiper-slide { height:460px; }
    #main_visual .slide01 { background-image:url('../images/mainvisual03_sp.jpg') }
    #main_visual .slide02 { background-image:url('../images/mainvisual02_sp.jpg') }
    #main_visual .swiper-button-prev { top:280px; left: 2%; }
    #main_visual .swiper-button-next { top:280px; right: 2%; }

}


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