/* box-sizing: border-box;を設定 */ *, *::before, *::after { box-sizing: border-box; } /* フォントサイズの拡大を防ぐ */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* デフォルトのマージンを削除、作成するCSSの制御を改善するため */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; } /* リストのスタイルを削除、これはデフォルトのスタイルが削除されることを示唆します */ ul[role='list'], ol[role='list'] { list-style: none; } /* bodyのデフォルトを設定 */ body { min-height: 100vh; line-height: 1.5; } /* 見出しやインタラクティブ要素のline-heightを設定 */ h1, h2, h3, h4, button, input, label { line-height: 1.1; } /* 見出しのテキスト折り返しをbalanceに設定 */ h1, h2, h3, h4 { text-wrap: balance; } /* classを持たないa要素はデフォルトのスタイルを継承 */ a:not([class]) { text-decoration-skip-ink: auto; color: currentColor; } /* 画像の扱いを簡単にする */ img, picture { max-width: 100%; display: block; } /* inputやbuttonなどのfontは継承 */ input, button, textarea, select { font: inherit; } /* rows属性のないtextareasが小さくならないようにする */ textarea:not([rows]) { min-height: 10em; } /* アンカーされている要素には余分なスクロールマージンが必要 */ :target { scroll-margin-block: 5ex; } *{margin:0;padding:0;} a{text-decoration:none;} ul, ol{list-style:none;} img{vertical-align:middle;} body{background-color:#f3f3f3;color:#333;font-family: 'BIZ UDPGothic', sans-serif;letter-spacing:0.05em;line-height:1.6;margin:0 auto;text-size-adjust:100%;} .clearfix:after{clear:both;content:'';display:block;} img{-khtml-user-drag:none;max-width:100%;-webkit-touch-callout:none;-webkit-user-drag:none;} h1, h2, h3, h4{font-size:18px;text-align:justify;} p{font-size:18px;text-align:justify;} small{font-size:14px;text-align:justify;} strong{color:#f00;font-weight:normal;} a:hover{color:#f00;} #wrapper{background-color:#fff;} .clear-l{clear:left;} .clear-r{clear:right;} .m-top5{margin-top:5px !important;} .m-top10{margin-top:10px !important;} .m-top15{margin-top:15px !important;} .m-top30{margin-top:30px !important} .m-top24{margin-top:24px;} .p-10_2{padding:10px 2px !important;} .m-bottom5{margin-bottom:5px !important;} .m-bottom10{margin-bottom:10px !important;} .m-bottom15{margin-bottom:15px !important;} .t-center{text-align:center;} .b-center{clear:both;display:inline-block;text-align:center;width:100%;} .marginauto{margin:0 auto;} .sp_display{display:block;} .pc_display{display:none;} .sp_search{display:block;} @media screen and (min-width:600px){ .sp_display{display:none;} .pc_display{display:inline-block;width:100%;} .sp_book_box{display:none;} .sp_search{display:none;} } body{min-width:320px;overflow-x:hidden;word-wrap:break-word;} .contentinner{margin:0 auto;width:100%;} header{display:block;width:100%;} #logo-back{background-color:#333;display:block;height:35vw;margin:0 auto;padding:0;width:100%;} #logo-back .sp_display{height:35vw;} #brand-logo{display:none;} #brand-logo_sp{background:url(https://cdn3.railf.jp/img/201609_logo/railf_white_w110h40.png) no-repeat;background-position:center 8px;display:block;height:45px;margin:0 auto;text-align:center;padding:0;width:110px;z-index:9995;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2){ #brand-logo_sp{background-image:url(https://cdn3.railf.jp/img/201609_logo/railf_white_w220h80.png);background-size:110px 40px;background-position:center 8px;margin:0 auto;text-align:center;width:110px;z-index:9995;} } #brand-logo_sp a{display:block;height:40px;margin:0 auto;text-indent:-9999px;width:104px;} #railf-search{float:right;margin-right:30px;width:160px;z-index:9998;} #railf-search .gsc-input{width:80px;z-index:9998;} #railf-search input, .gstl_50.gssb_c{z-index:9999;background-color:#f00;} #railf-search .gsc-search-button{border-radius:0px;height:28px;width:40px;} #railf-search .gsc-clear-button{display:none;} #railf-search_sp .gsc-control-cse { border-color: #e5e5e5; background-color: #e5e5e5; } #logo-back{background-color:#1a1a1a;} .sp_display{box-sizing:border-box;margin:0;padding:0;height:23vw;} .icon_header_sp{display:inline-block;width:100%;background-color:#1a1a1a;height:23vw;} .col5{clear:both;margin-top:3vw; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; } .rad{border-radius:3vw;} .row5{background-color:#333;width:17vw;height:17vw;} .row5 a{color:#ccc;text-align:center;} .svg_header{color:#ccc;width:17vw;height:17vw;fill:#ccc;} .svg_header_mag{background:url('https://cdn3.railf.jp/img/header/header_magazine_sq100.svg') no-repeat center center;background-size:contain;} .svg_header_new{background:url('https://cdn3.railf.jp/img/header/header_news_sq100.svg') no-repeat center center;background-size:contain;} .svg_header_eve{background:url('https://cdn3.railf.jp/img/header/header_event_sq100.svg') no-repeat center center;background-size:contain;} .svg_header_tou{background:url('https://cdn3.railf.jp/img/header/header_contribution_sq100.svg') no-repeat center center;background-size:contain;} .svg_header_con{background:url('https://cdn3.railf.jp/img/header/header_contest_sq100.svg') no-repeat center center;background-size:contain;} .pc_sub300_box{display:none;} .sp_sub300_box{display:block;width:95vw;margin:10px 2.5vw;} .sp_book_box{display:inline-block;background-color:#f2f2f2;height:39vw;position:relative;width:100%;margin-bottom:2.5vw;} .sp_book_img_box{display:block;float:left;margin:2.5vw;width:25vw;} .sp_book_menu_box{display:block;float:right;margin:2.5vw 2.5vw 2.5vw 0;width:67.5vw;} .sp_book_menu_box_up{display:block;line-height:1.6;text-align:center;width:67.5vw;position:absolute;left:27.5vw;top:2.5vw;} .sp_book_title{font-size:14px;font-weight:bold;} .sp_book_date, .sp_book_yen{font-size:11px;font-weight:bold;padding-top:0.5vw;} .sp_book_menu_box_dwn{display:inline-block;width:57.5vw;height:14.5vw;} .sp_book_mokuji, .sp_book_enq{display:block;width:57.5vw;height:6vw;position:absolute;left:32.5vw;} .sp_book_mokuji a, .sp_book_enq a{color:#fff;font-weight:bold;text-align:center;} .sp_book_mokuji{bottom:11vw;} .sp_book_enq{bottom:2.5vw;} .book_button{display:inline-block;width:57.5vw;height:6vw;} .svg_book_button{display:inline-block;border-radius:3px 0 0 3px;color:#fff;width:6vw;height:6vw;fill:#ccc;} .svg_book_button_mokuji{background:url('https://cdn3.railf.jp/img/icons/icon_mokuji_sq40_bl05.svg') no-repeat center center;background-size:4vw 4vw;width:6vw;height:6vw;position:absolute;left:2.5vw;bottom:0;} .svg_book_button_enq{background:url('https://cdn3.railf.jp/img/icons/icon_enquete_sq40_bl05.svg') no-repeat center center;background-size:4vw 4vw;width:6vw;height:6vw;position:absolute;left:2.5vw;bottom:0;} .sp_book_button_txt{background-color:#404040;display:inline-block;border-radius:0 3px 3px 0;font-size:10px;line-height:1.9;width:50vw;height:6vw;} .svg_book_button_mokuji + .sp_book_button_txt{position:absolute;left:8.25vw;bottom:0} .svg_book_button_enq + .sp_book_button_txt{position:absolute;left:8.25vw;bottom:0} @media screen and (min-width:345px){ .sp_book_title{font-size:16px;} .sp_book_button_txt{font-size:11px;line-height:1.9;} } @media screen and (min-width:360px){ .sp_book_date, .sp_book_yen{padding-top:0.6vw;} } @media screen and (min-width:395px){ .sp_book_date, .sp_book_yen{font-size:12px;padding-top:0.75vw;} .sp_book_button_txt{font-size:12px;} } @media screen and (min-width:420px){ .sp_book_date, .sp_book_yen{padding-top:1.1vw;} } @media screen and (min-width:430px){ .sp_book_date, .sp_book_yen{padding-top:1.2vw;} } @media screen and (min-width:440px){ .sp_book_title{font-size:18px;} } @media screen and (min-width:460px){ .sp_book_button_txt{line-height:2.1;} } @media screen and (min-width:475px){ .sp_book_date, .sp_book_yen{font-size:14px;padding-top:0.8vw;} .sp_book_menu_box_dwn{height:18vw;} .sp_book_mokuji, .sp_book_enq{height:6.5vw;} .sp_book_mokuji{bottom:11.5vw;} .svg_book_button{width:6.5vw;height:6.5vw;} .svg_book_button_mokuji{background-size:4.5vw 4.5vw;width:6.5vw;height:6.5vw;} .svg_book_button_enq{background-size:4.5vw 4.5vw;width:6.5vw;height:6.5vw;} .sp_book_button_txt{font-size:14px;line-height:2.1;height:6.5vw;} } @media screen and (min-width:530px){ .sp_book_title{font-size:20px;} .sp_book_date, .sp_book_yen{font-size:16px;padding-top:0.8vw;} .sp_book_button_txt{font-size:16px;} } @media screen and (min-width:560px){ .sp_book_date, .sp_book_yen{padding-top:1.25vw;} } #navi-large-box{display:none;} .navi-large{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border:solid 1px hsla(0,0%,20%,.80);border-bottom:none;margin-left:1px;} .navi-large:nth-child(1){margin-left:0;} .navi-large a{color:#333;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.25);} .toppage-header #toppage-navi-large{background-color:#666464;border-color:hsla(0,1%,40%,.80);} .railfan-header #railfan-navi-large{background-color:#666464;border-color:hsla(0,1%,40%,.80);} .toukou-header #toukou-navi-large{background-color:#666464;border-color:hsla(0,1%,40%,.80);} .contest-header #contest-navi-large{background-color:#e60012;border-color:hsla(355,100%,45%,.80);} .news-header #news-navi-large{background-color:#00a95f;border-color:hsla(154,100%,33%,.80);} .event-header #event-navi-large{background-color:#ac5975;border-color:hsla(340,33%,51%,.80);} .item-header #item-navi-large{background-color:#aa854f;border-color:hsla(36,37%,49%,.80);} .special-header #special-navi-large{background-color:#0083c9;border-color:hsla(201,100%,39%,.80);} .contest-header #contest-navi-large{background-color:#f00;border-color:hsla(0,100%,50%,0.80);} .toppage-header #toppage-navi-large a, .railfan-header #railfan-navi-large a, .toukou-header #toukou-navi-large a, .contest-header #contest-navi-large a, .news-header #news-navi-large a, .event-header #event-navi-large a, .item-header #item-navi-large a, .special-header #special-navi-large a{font-weight:bold;color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.25);} .left-content, .right-content{float:none;margin:0 10px;width:93.75%;width:calc(100% - 20px);} .sub-box{clear:both;float:none;margin:10px auto;} .m-top, .m-top1020300{margin-top:10px !important;} .ptop{padding-top:10px !important;} #ie8-notice{display:none !important;} .pn_notice{clear:both;display:inline-block;margin-top:10px;width:100%;} .display-phone{clear:both;display:inline-block;margin-top:10px;} .display-tab{display:none;} .railfan-corner h1, .enquete-corner h1, .contest-corner h1, .news-corner h1, .event-corner h1, .item-corner h1{font-size:16px;font-weight:normal;} .railfan-corner a, .enquete-corner a, .contest-corner a, .news-corner a, .event-corner a, .item-corner a{background-position:top center;background-repeat:no-repeat;background-size:contain;display:block;padding-top:4%;text-indent:-9999px;} .railfan-corner a{background-image:url(https://cdn3.railf.jp/img/2017/cornertitle_fan_700.png);} .enquete-corner a{background-image:url(https://cdn3.railf.jp/img/2017/cornertitle_enq_700.png);} .contest-corner a{background-image:url(https://cdn3.railf.jp/img/2017/cornertitle_con_700.png);} .news-corner a{background-image:url(https://cdn3.railf.jp/img/2017/cornertitle_new_700.png);} .event-corner a{background-image:url(https://cdn3.railf.jp/img/2017/cornertitle_eve_700.png);} .item-corner a{background-image:url(https://cdn3.railf.jp/img/2017/cornertitle_itm_700.png);} .special-corner{background:url(https://cdn3.railf.jp/img/2017/cornertitle_209_700.png) no-repeat;background-size:contain;display:block;padding-top:11.5%;text-indent:-9999px;} .title{background-color:#262626;background:linear-gradient(180deg, rgba(38, 38, 38, .95) 0%, rgba(38, 38, 38, 1) 50%, rgba(26, 26, 26, 1) 100%);background:-moz-linear-gradient(50% 0% -90deg,rgba(38, 38, 38, .95) 0%,rgba(38, 38, 38, 1) 50%,rgba(26, 26, 26, 1) 100%);background:-ms-linear-gradient(-90deg, rgba(38, 38, 38, .95) 0%, rgba(38, 38, 38, 1) 50%, rgba(26, 26, 26, 1) 100%);background:-o-linear-gradient(-90deg, rgba(38, 38, 38, .95) 0%, rgba(38, 38, 38, 1) 50%, rgba(26, 26, 26, 1) 100%);background:-webkit-linear-gradient(-90deg, rgba(38, 38, 38, .95) 0%, rgba(38, 38, 38, 1) 50%, rgba(26, 26, 26, 1) 100%);background:-webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(38, 38, 38, .95)),color-stop(.5,rgba(38, 38, 38, 1)),color-stop(1,rgba(26, 26, 26, 1)));color:#fff;margin:0;padding:5px;text-shadow:1px 1px 1px rgba(0, 0, 0, .75);} .title .small{font-size:14px;} .title h1{line-height:1.2;margin:4px 6px 3px 6px;} h1, h2, h3, h4{text-wrap:initial;} .sub-title{background-color:#ccc;color:#333;margin:0;margin-bottom:5px;margin-top:15px;padding:5px;} .toppage-title{border-bottom:solid 4px #a3a4a5;} .railfan-title{border-bottom:solid 4px #d2d2d4;} .toukou-title{border-bottom:solid 4px #d2d2d4;} .contest-title{border-bottom:solid 4px #ef001e;} .news-title{border-bottom:solid 4px #008f67;} .event-title{border-bottom:solid 4px #af607e;} .item-title{border-bottom:solid 4px #aa8858;} .special-title{border-bottom:solid 4px #0093d6;} .photo-title{border-bottom:solid 4px #8a0177;} .title-rf{border-bottom-style:solid;border-width:4px;} .border-rf{border-top-style:solid;border-bottom-style:solid;border-width:1px;} .title-rf773{border-bottom:solid 4px #52c4e3;} .title-rf774{border-bottom:solid 4px #0064b3;} .pc_book_box{display:none;} .sp_book_box{display:block;} .img_caption{font-size:14px;margin-bottom:10px;} #box_mi{clear:both;display:inline-block;background-color:#e6e6e6;width:100%;} #box_date{clear:both;display:inline-block;float:left;height:35px;padding:6px 0 5px 10px;} #box_date_nosns{clear:both;display:inline-block;float:right;height:35px;padding:6px 10px 5px;} .material-icons.mi-date{color:#4d4d4d;} #box_date_small{display:inline-block;float:left;margin:5px 0 0 0;} #box_date_small small{font-size:8px;} #box_date_date{display:inline-block;float:left;font-size:8px;margin:7px 2px 0 0;} #box_tosum{clear:both;display:inline-block;float:none;border-top:solid 1px #b5b5b6;padding:7px 0 3px 0;width:100%;} #box_tosum_label{display:inline-block;float:left;font-size:12px;margin:7px 0 0 10px;} .material-icons.mi-label{color:#4d4d4d;} .button_tosum{display:inline-block;float:left;border:solid 1px #b5b5b6;border-radius:3px;font-size:12px;margin:5px 0 0 10px;padding:3px 5px 4px 5px;} .button_tosum a{color:#4d4d4d;} .banner-sp{height:auto;max-height:auto;margin-left:0;margin-right:0;text-align:center;width:100%;max-width:100%;} .list-matome-banner{display:block;border-top:solid 1px #ccc;} .list-matome-banner-pc{display:none;} .list-banner{display:block;border-top:solid 1px #ccc;} .list-banner-pc{display:none;} .sidebanner300{width:300px;margin:0 auto;} .sidebanner300 img{width:300px;margin:5px auto;} .notice-box{background-color:#f3f3f3;} .notice-box-left{width:100%;} .notice-box p{padding:5px;} .notice-box a{color:#00f;} #breadcrumbs-phone-box{margin-top:10px;} #breadcrumbs-phone{list-style-type:none;margin:0;padding:0;overflow:hidden;width:auto;} .breadcrumbs-phone{border:solid 1px;float:left;} .event-bc .breadcrumbs-phone, .event-bc .breadcrumbs-phone a{border-color:#af607e;color:#af607e;} .news-bc .breadcrumbs-phone, .news-bc .breadcrumbs-phone a{border-color:#008f67;color:#008f67;} .item-bc .breadcrumbs-phone, .item-bc .breadcrumbs-phone a{border-color:#aa8858;color:#aa8858;} .breadcrumbs-phone a{background:#fff;background:hsla(0,0%,100%,1.00);display:block;float:left;font-size:10px;padding:6px 6px 6px 15px;position:relative;text-decoration:none;} .breadcrumbs-phone:first-child a{padding-left:9px;} .breadcrumbs-phone a:after, .breadcrumbs-phone a:before{border-bottom:14px solid transparent;border-top:14px solid transparent;content:' ';display:block;height:0;left:100%;position:absolute;top:0;width:0;} .breadcrumbs-phone a:after{border-left:10px solid #fff;z-index:3;} .breadcrumbs-phone a:before{border-left:10px solid;margin-left:1px;margin-top:0;z-index:2;} .breadcrumbs-phone a:visited{color:#808080;} .breadcrumbs-phone a:hover{background-color:#f3f3f3;} .breadcrumbs-phone a:hover:after{border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:10px solid #f3f3f3;} #news-article-box{display:inline-block;width:100%;} #event-article-box, #news-article-box, #item-article-box{margin-top:10px;} #list-none-title{display:none;} .Adarticle-content{clear:both;display:inline-block;float:none;line-height:1.9;margin-top:5px;} .article-content-caption{clear:both;float:none;text-align:right;} .Adarticle-content table{font-size:18px;line-height:1.9;} .Adarticle-content td{display:block;line-height:1.9;padding:2px 5px;text-align:justify;} td.left_title{background-color:#ccc;text-align:left;vertical-align:top;white-space:nowrap;} .article-content-detail{clear:both;display:inline-block;line-height:1.9;} .img_caption{font-size:14px;margin-bottom:10px;} .mt-image-none{height:auto;margin-bottom:15px;} .mt-image-left{float:left;height:auto;margin:0 15px 15px 0;} .mt-image-right, .mt-image-w450{float:right;height:auto;margin:0 0 20px 20px;} .mt-image-none, .mt-image-left, .mt-image-right, .mt-image-w450{width:100%;} .mt-image-left-half{float:left;height:auto;margin:0 15px 15px 0;width:135px;} .mt-image-right-half{float:right;height:auto;margin:0 0 15px 15px;width:135px;} .mt-image-div2, .mt-image-div3{clear:both;display:block;float:right;margin:15px 0 0 15px !important;width:50%;} .mt-image-caption-div{background-color:#eaeaea;display:block;float:none;margin-bottom:15px;padding-bottom:5px;width:100%;} .mt-image-left2, .mt-image-right2, .mt-image-left3, .mt-image-center3, .mt-image-right3{display:block;float:none;height:auto;margin:0 auto;padding:5px;width:96%;} .mt-image-cap2, .mt-image-cap3{display:block;float:none;font-size:14px;height:auto;margin:0 auto !important;padding:0;width:96%;} #event_inner_box{clear:both;display:inline-block;float:none;height:15vw;margin:2.5vw auto;width:95vw;position:relative;} #event_inner_wk, #event_inner_mt{display:inline-block;height:15vw;float:left;left:0; margin:0;position:relative;width:46.25vw;} #event_inner_mt{float:right;left:0;right:2.5vw;margin:0;} #event_inner_wk_icon_box, #event_inner_mt_icon_box{display:inline-block;background-color:#af607e;border-radius:2.5vw 0 0 2.5vw;height:15vw;width:15vw;position:relative;} .event_inner_wk_icon{background-image:url(https://cdn3.railf.jp/img/icons/icon_weekcalendar_sq40_bl05.svg); background-repeat:no-repeat;position:absolute;top:3.5vw;left:3.5vw;height:8vw;width:8vw;} .event_inner_mt_icon{background-image:url(https://cdn3.railf.jp/img/icons/icon_calendar_sq40_bl05.svg); background-repeat:no-repeat;position:absolute;top:3.5vw;left:3.5vw;height:8vw;width:8vw;} .event_inner_mt_icon{/*background-image:url(https://cdn3.railf.jp/img/icons/icon_calendar_sq40_bl20.svg);*/} #event_inner_wk_txt, #event_inner_mt_txt{background-color:#E5E5E5;color:#000;display:inline-block;position:absolute;top:0;bottom:0;left:15vw;border-radius:0 2.5vw 2.5vw 0;padding:0 0 0 2.5vw;font-weight:bold;height:15vw;width:28.75vw;font-size:12px;line-height:4;} @media screen and (min-width:360px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:4.5;}} @media screen and (min-width:380px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:4.8;}} @media screen and (min-width:400px){#event_inner_wk_txt, #event_inner_mt_txt{font-size:14px;line-height:4.4;}} @media screen and (min-width:430px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:4.8;}} @media screen and (min-width:460px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:5;}} @media screen and (min-width:480px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:5.2;}} @media screen and (min-width:500px){#event_inner_wk_txt, #event_inner_mt_txt{font-size:16px;line-height:4.8;}} @media screen and (min-width:525px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:5;}} @media screen and (min-width:550px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:5.2;}} @media screen and (min-width:575px){#event_inner_wk_txt, #event_inner_mt_txt{line-height:5.4;}} @media screen and (min-width:600px){#event_inner_box{display:none;}} #eventgoogle_box{clear:both;display:inline-block;float:none;height:15vw;margin-bottom:2.5vw; width:95vw;} #eventgoogle_box a{color:#000;} #eventgoogle{display:inline-block;border-radius:5vw;height:15vw;margin:15px auto 0;position:relative;width:95vw;} #eventgoogle_icon_box{display:inline-block;background-color:#af607e;border-radius:5vw 0 0 5vw;height:15vw;width:15vw;position:relative;} .eventgoogle_icon{background-image:url(https://cdn3.railf.jp/img/icons/icon_calendar_sq40_bl05.svg); background-repeat:no-repeat;position:absolute;top:3.5vw;left:3.5vw;height:8vw;width:8vw;} #eventgoogle_txt{display:inline-block;background-color:#E5E5E5;color:#000;position:absolute;top:0;left:15vw;border-radius:0 5vw 5vw 0;padding-left:2.5vw;font-weight:bold;height:15vw;width:77.5vw;line-height:3;} @media screen and (min-width:360px){#eventgoogle_txt{line-height:3.6;}} @media screen and (min-width:380px){#eventgoogle_txt{line-height:3.9;}} @media screen and (min-width:400px){#eventgoogle_txt{line-height:4.2;}} @media screen and (min-width:425px){#eventgoogle_txt{line-height:4.3;}} @media screen and (min-width:450px){#eventgoogle_txt{line-height:4.4;}} @media screen and (min-width:475px){#eventgoogle_txt{line-height:4.5;}} @media screen and (min-width:500px){#eventgoogle_txt{line-height:4.6;}} @media screen and (min-width:525px){#eventgoogle_txt{line-height:4.8;}} @media screen and (min-width:550px){#eventgoogle_txt{line-height:5;}} @media screen and (min-width:575px){#eventgoogle_txt{line-height:5.2;}} @media screen and (min-width:600px){ #eventgoogle_box{display:inline-block;float:left;height:50.3906px;width:336px;position:relative;} #eventgoogle{height:50.3906px;border-radius:8.4px;margin:20px auto 0;position:absolute;top:0;left:0;width:319.18px;} #eventgoogle_icon_box{height:50.3906px;border-radius:8.4px 0 0 8.4px;width:50.3906px;} .eventgoogle_icon{top:11.76px;left:11.76px;height:26.875px;width:26.875px} #eventgoogle_txt{border-radius:0 8.4px 8.4px 0;padding-left:8.4px;height:50.3906px;width:273.6px;left:50.3906px;line-height:3;} } #eventgoogle_txt{width:80vw;} @media screen and (min-width: 400px) {#eventgoogle_txt{line-height:4;}} @media screen and (min-width: 425px) {#eventgoogle_txt{line-height:5;}} @media screen and (min-width: 600px) { #eventgoogle_txt{line-height:3;width:282px;} } #box_dateandsns{display:inline-block;float:none;height:15vw;width:95vw;} #box_social{display:inline-block;loat:none;height:15vw;margin:20px auto;position:relative;} .box_social_icon{display:inline-block;background-color:#4d4d4d;float:left;height:15vw;border-radius:5vw 0 0 5vw;width:15vw;position:relative;} .sns_share{color:#ccc;fill:#ccc;background-image:url(https://cdn3.railf.jp/img/icons/icon_share_sq48.svg);background-repeat:no-repeat;float:left;position:absolute;top:3.5vw;left:3.5vw;height:8vw;width:8vw;} .box_social_txt{background-color:#E5E5E5;display:inline-block;float:right;border-radius:0 5vw 5vw 0;position:relative;right:0;height:15vw;width:80vw;} .box_social_share_txt{font-weight:bold;margin:2vw 0 0 2.5vw;line-height:1.1;} .sns_line{background-image:url(https://cdn3.railf.jp/img/icons/icon_line_sq60_r15.svg);position:absolute;top:2.5vw;right:2.5vw;} .sns_tw{background-image:url(https://cdn3.railf.jp/img/icons/icon_twitter_sq60_r15.svg);position:absolute;top:2.5vw;right:15vw;} .sns_fb{background-image:url(https://cdn3.railf.jp/img/icons/icon_facebook_sq60_r15.svg);position:absolute;top:2.5vw;right:27.5vw;} .sns_svg{background-repeat:no-repeat;border-radius:2.5vw;height:10vw;width:10vw;} .sns_svg{display:inline-block;float:right;} #more-div{clear:both;display:block;margin:10px auto 0;text-align:center;} #box_dateandsns_news-box{display:block;margin:0 auto;width:100%;} #box_dateandsns{margin-bottom:30px;} @media screen and (min-width:350px){.box_social_share_txt{margin-top:3vw;}} @media screen and (min-width:425px){.box_social_share_txt{margin-top:3.5vw;}} @media screen and (min-width:475px){.box_social_share_txt{margin-top:4vw;}} @media screen and (min-width:600px){ #box_dateandsns{display:inline-block;float:right;height:50.3906px;margin-bottom:50px;width:336px;position:relative;} #box_social{height:50.3906px;margin:20px auto 0;position:absolute;top:0;right:0;} .box_social_icon{height:50.3906px;border-radius:8.4px 0 0 8.4px;width:50.3906px;} .sns_share{top:11.76px;left:11.76px;height:26.875px;width:26.875px} .box_social_txt{border-radius:0 8.4px 8.4px 0;height:50.3906px;width:282px;left:0;} .box_social_share_txt{margin:8.4px 0 0 8.4px;} .sns_line{top:8.4px;right:92.4px;} .sns_tw{top:8.4px;right:50.4px;} .sns_fb{top:8.4px;right:8.4px;} .sns_svg{border-radius:7.5px;height:33.6px;width:33.6px;} #more-div{clear:both;display:block;margin:25px auto 0;text-align:center;} #box_dateandsns_news-box{text-align:center;} #box_dateandsns_news-box #box_dateandsns{display:inline-block;float:none;margin:10px auto 30px;text-align:left;} } #go_to_company{height:15vw;width:95vw;border-radius:5vw;text-align:center;} #go_to_company a{color:#fff;display:block;line-height:1;padding:5.5vw;} @media screen and (min-width: 600px){ #eventgoogle{margin-top:30px;} #box_dateandsns{margin-top:10px;} #go_to_company{height:50.3906px;width:336px;border-radius:8.4px;} #go_to_company a{line-height:1;padding:17px;} } .related-contents{clear:both;border:none;border-top:solid 1px #ccc;display:inline-block;float:none;margin:0;padding:0;width:100%;} .related-contents a, .other-contents a{display:inline-block;width:100%;} .related-contents, .other-contents, .related-contents a, .other-contents a{color:#333;} .related-contents a:visited, .other-contents a:visited{color:#808080;} .related_contents:hover, .other-contents:hover{background-color:#f3f3f3;} .other-contents{clear:both;border-top:solid 1px #ccc;display:inline-block;float:none;width:100%;} .other-contents a{display:inline-block;} .list-box-614, .list-box-516, .list-box-284, .list-box-186{display:inline-block;float:left;margin:8px 8px 0 0;} .list-box-190, .list-box-190n, .list-title-190{position:static;} .list-box-190, .list-box-190n{background-color:rgba(255,255,255,.00);display:inline-block;float:left;margin:8px 8px 0 0;padding:0;} .list-box-190, .list-box-516, .list-box-186{width:62%;width:calc(100% - 114px);} .list-box-190n, .list-box-614, .list-box-284{margin-left:8px;width:94.666%;width:calc(100% - 16px);} .list-title-190, .list-title{font-size:15px;font-weight:bold;} .list-title-190 .small, .list-title .small{font-size:10px;} .list-caption-190, .list-caption{font-size:10px;text-align:right;} .thumbnail-190{display:inline-block;float:left;margin:8px 8px 0 8px;width:90px;} .thumbnail-190 img{min-height:90px;width:90px;} .thumbnail-190n{width:0;height:0;} .thumbnail-90{display:block;float:left;margin:8px 8px 0 8px;width:90px;} .thumbnail-90 img{width:88px;height:auto;} .calendar-box{margin:auto;width:300px;} #eu-calendar-box{float:none;margin:10px auto 0;} #eas-c-area{display:block;} #eas-c-box a{width:260px;} @media screen and (min-width:660px) {#eas-c-area{display:none;}} .calendar-box .bx-wrapper{background-color:#f3f3f3;margin:0 auto;padding:0;position:relative;width:300px;*zoom:1;} .calendar-box .bx-wrapper .bx-viewport{text-align:center;} .calendar-box .bx-wrapper .bx-prev{background:url(https://cdn3.railf.jp/img/btn/btn_right.png);background-repeat:no-repeat;background-size: contain;display:block;height:20px;left:40px;position:relative;top:0;width:20px; } .calendar-box .bx-wrapper .bx-next{background:url(https://cdn3.railf.jp/img/btn/btn_left.png);background-repeat:no-repeat;background-size: contain; display:block;height:20px;position:relative;right:40px;top:0;width:20px; } .calendar-box .bx-wrapper .bx-prev:hover{background-position:0 0;} .calendar-box .bx-wrapper .bx-next:hover{background-position:0 0;} .calendar-box .bx-wrapper .bx-controls-direction a{margin-top:0;outline:0;position:absolute;top:20px;text-indent:-9999px;z-index:9999;} .calendar-box .bx-wrapper .bx-controls-direction a.disabled{display:none;} .calendar table{margin:0 auto 10px;padding-bottom:10px;text-align:center;width:293px;} .calendar caption{background-color:#fff;color:#333; margin:15px auto 10px;} .calendar caption a{font-size:1.2em;font-weight:bold;color:#333;margin:0;text-align:center;} .calendar th{font-size:1em;margin:0;text-align:center;} .calendar td{font-size:1em;margin:0;text-align:center;height:41px;} .calendar-box .bx-wrapper th{background-color:#fff;height:1px;border-bottom:solid 1px #fff;border-top:solid 1px #eaeaea;border-left:solid 1px #fff;} .calendar-box .bx-wrapper th:first-child{color:#ff6b6d;} .calendar-box .bx-wrapper th:last-child{border-right:solid 1px #eaeaea;color:#5c7fff;} .calendar-box .bx-wrapper td a{font-weight:bold;color:#333;} .calendar-box .bx-wrapper td{background-color:#fff;border-bottom:solid 1px #fff;border-left:solid 1px #fff;} .calendar-box .bx-wrapper td:first-child, .calendar-box .bx-wrapper td:first-child a{color:#ff6b6d;} .calendar-box .bx-wrapper td:last-child, .calendar-box .bx-wrapper td:last-child a{border-right:solid 1px #fff;color:#5c7fff;} #magazine-right{background-color:#f3f3f3;display:inline-block;margin:0 auto;padding:5px 10px;} #railf-heading, #ad_forlibrary_box, #railf-top{clear:both;display:block;float:none;} #railf-heading, .info-rf-magazine{background-color:#f3f3f3;display:inline-block;margin:0 auto;padding:15px;} #railf-heading{margin:10px auto 20px !important;} .info-rf-magazine{padding:10px;} .info-magazine-right, .detail-magazine-right, .info-magazine-top, .detail-magazine-top, .info-rf-magazine{display:inline-block;float:none;margin:0 auto;} .image-magazine-right, .image-magazine-top, .image-rf-magazine{float:left;width:35.714%;margin:0;} .image-magazine-right img, .image-magazine-top img, .thumb-magazine-top img, .image-rf-magazine img, .img-rf-magazine img{box-shadow:1px 1px 3px rgba(0, 0, 0, .2);width:100%;} .spec-magazine-right, .spec-magazine-top{float:right;width:60.714%;margin:0;} .date-magazine-right, .yen-magazine-right, .date-magazine-top, .yen-magazine-top, .date-rf-magazine, .yen-rf-magazine{text-align:center;width:100%;} .date-magazine-right, .date-magazine-top, .date-rf-magazine{font-size:12px;margin-top:0;} .yen-magazine-right, .yen-magazine-top, .yen-rf-magazine{font-size:12px;margin-top:6px;} .date-magazine-right, .yen-magazine-right{font-size:11px;} .page-magazine-right{width:100%;} .contents-magazine-right{background-color:#333;padding:5px;} .contents-title-magazine-right, .more-magazine-right a{color:#fff;} .more-magazine-right{margin-top:5px;text-align:right;} .article_book_mokuji_button a, .article_book_enquete_button a, .mokuji-button-magazine-right a, .enquete-button-magazine-right a, .mokuji-button-magazine-top a, .mokuji-button-rf-magazine a, .enquete-button-magazine-top a, .enquete-button-rf-magazine a, .more-button a, .buy-button a, .button_buy a, .enq-card-button a{display:block;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);border-radius:3px;text-align:center;color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);} .article_book_mokuji_button a, .article_book_enquete_button a, .mokuji-button-magazine-right a, .mokuji-button-magazine-top a, .mokuji-button-rf-magazine a, .enq-card-button a{background-color:#0064b3;height:26px;font-size:14px;font-weight:bold;margin-top:10px;padding:4px 0;width:100%;} .article_book_enquete_button a, .enquete-button-magazine-right a, .enquete-button-magazine-top a, .enquete-button-rf-magazine a{background-color:#808080;height:27px;font-size:9px;font-weight:bold;margin-top:10px;padding:7px 0;width:100%;} .more-button, .more-button a{width:200px;margin:0 auto;} .more-button a{background-color:#3673ce;color:#fff;padding:10px 0;font-size:18px;} .buy-button, .button_buy{margin:0 auto;text-align:center;} .buy-button a, .button_buy a{text-indent:-9999px;} .buy-button-amazon, .button_buy_amazon{width:164px;} .buy-button-amazon a, .button_buy_amazon a{background-image:url(https://cdn3.railf.jp/img/2014/btn_buy_246.png);background-position:0 0;height:26px;margin:18px auto 0;width:164px;} .buy-button-amazon a{margin:0;} .buy-button-seven, .buy-button-seven-teiki{width:220px;} .buy-button-seven a{background-image:url(https://cdn3.railf.jp/img/2014/btn_buy_246.png);background-position:0 -36px;height:36px;width:220px;} .buy-button-seven-teiki a{background-image:url(https://cdn3.railf.jp/img/2014/btn_buy_246.png);background-position:0 -72px;height:36px;margin-top:15px;text-indent: -9999px;width:220px;} .seven-box{background-color:#fff8e2;padding:15px;} .seven-comment{font-size:14px;margin-top:15px;} #the-railfan-box{background-color:#f3f3f3;display:inline-block;padding:15px 0;width:100%;} #the-railfan-image, #the-railfan-detail{display:block;float:none;margin:0 auto;text-align:center;} #the-railfan-image{width:200px;} #the-railfan-image img{box-shadow:1px 1px 3px rgba(0, 0, 0, .2);float:none;} #the-railfan-name{float:none;font-size:10px;} #the-railfan-detail{font-size:14px;margin-top:15px;width:94%;} #the-railfan-detail p{text-align:center;} #the-railfan-detail .button_teiki_seven a{margin-top:24px;} #pick-slide-item-box{position:relative;background-color:#d1acb6;border:solid 4px #ac5975;display:inline-block;width:98%;margin:10px auto;text-align:center;} #pick-navi-item-small{display:inline-block;float:right;font-size:12px;width:28%;position:absolute;top:0;right:0;} .pick-slide-pagemenu-small{text-align:center;font-weight:bold;} .pick-slide-pagemenu-small a{border:solid 1px #d1acb6;border-top:none;background-color:#ac5975;color:#fff;display:block;padding:12px 0;font-weight:bold;box-shadow:2px 2px 2px rgba(0, 0, 0, .2) inset;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.25);} .pick-slide-pagemenu-small a.active{border:none;background-color:#fff;color:#333;box-shadow:none;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.25);} .pick-slide-pagemenu{width:100%;} .pick-slide-contents{display:inline-block;float:left;width:72%;position:absolute;top:0;left:0;background-color:#fff;} .pick-slide-page ul{clear:both;display:block;} .pick-slide-page li{clear:both;border-top:solid 1px #ccc;display:block;padding:2px 2%;width:96%;} .pick-slide-page li:first-child{border-top:none;margin-top:-8px;} .pick-slide-page li a{color:#333;display:inline-block;margin:2px 0;padding:2px 2%;text-align:left;width:96%;} .pick-slide-box{clear:both;display:block;float:none;margin-left:8px;padding:0;width:100%;} .pick-list-title{display:block;font-size:14px;margin:0;} .pick-thumbnail{width:68px;margin-right:5px;float:left;} #pick-slide-item-box .small{font-size:10px;} .nearcontents{border-top:solid 1px #ccc;width:100%;} .nearcontents:first-child{border-top:none;} .nearcontents a h3{color:#333;font-size:16px;font-weight:none;padding:10px 0;} .nearcontents a h3 .small{font-size:10px;} #backnumber-box, #backnumber-bar, #backnumber-bar-contents{height:165px; } #backnumber-box{display:block;margin-top:5px;overflow-x:scroll;overflow-y:hidden;width:100%;} #backnumber-bar{display:inline-block;width:1400px !important;} #backnumber-bar-contents{display:block;width:1400px !important;} .backnumber-bar-contents{display:block;float:left;margin-right:15px;width:100px;} .backnumber-zeppan{border:solid 1px #ccc;border-radius:3px;float:right;font-size:8px;height:10px;text-align:center;width:40px;} .backnumber-zeppan:after{content:'品切';} .backnumber-zaikoari{float:none;height:10px;} .backnumber-img{float:none;} #yokoku-mini-photo{float:none;width:100%;} .archives-library-box{display:inline-block;float:right;margin-right:20px;margin-top:5px;margin-bottom:5px;width:200px;} .archives-urikire{display:inline-block;float:none;border:solid 2px #f00;border-radius:3px;color:#f00;font-size:12px;font-weight:bold;margin:0 0 5px 10px;padding:2px 0; text-align:center;width:200px;} .archives-dmg{display:inline-block;float:none;height:24px;margin:0 0 0 10px;text-align:center;width:204px;} .archives-dmg-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/1x/tolibrary.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:204px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2){ .archives-dmg-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/2x/tolibrary@2x.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:100%;} } @media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min-device-pixel-ratio:3){ .archives-dmg-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/3x/tolibrary@3x.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:100%;} } .other-contents-white{display:inline-block;float:none;border-top:solid 1px #ccc;width:100%;} .other-contents-white .thumbnail-90{display:block;float:left;margin:0 5px 8px;width:90px;} .other-contents-white .other-white-title, .other-contents-white .list-caption{display:block;color:#333;margin-top:5px;} .other-contents-white .other-white-title h3, .other-contents-white .list-caption a{display:inline;color:#333;} .other-contents-white .list-caption:first-child{margin-top:15px;} .other-contents-white a:hover{background-color:#fff;} .other-contents-white a:visit{color:#ccc;} .other-white-title-detail{display:inline-block;float:right;width:200px;} .other-white-title-detail p{font-size:14px;margin-top:10px;} .release-box{display:inline-block;float:none;margin-bottom:10px;width:100%;} .rfl-release-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/1x/tolibrary.png") center center;background-size:contain;height:24px;float:right;margin:10px 0 0 0;text-indent:-9999px;width:200px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2){ .rfl-release-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/2x/tolibrary@2x.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:100%;} } @media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min-device-pixel-ratio:3){ .rfl-release-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/3x/tolibrary@3x.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:100%;} } .ebooks-release-img{display:inline-block;border:solid 2px #f00;border-radius:3px;color:#f00;float:right;font-size:12px;font-weight:bold;height:15px;margin:10px 0 0 0;padding:1px 0 3px 0;text-align:center;width:196px;} #tetsudo-point-sub{clear:both;display:inline-block;padding:2%;width:96%;} .sub-box.notice-box{clear:both;display:inline-block;margin-top:20px;} #ebookslist{margin-top:5px;} #ebooks_a{cursor:pointer;position:relative;} #ebooks_a{height:16px;display:block;background-color: #888888; box-shadow:1px 1px 2px rgba(0, 0, 0, .2);border-radius:3px;text-align:center;color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);width:100%;margin:10px auto 0;padding:10px 0;font-size:10px;} .ebooks_dmaga{margin:0 auto 10px;padding:5px 1%;width:100%;float:none;display:inline-block;background-color:#f3f3f3;} .ebooks_dmaga_btn{display:block;margin:10px auto;width: 285px;height:30px;text-align:center;} .ebooks_dmaga_comment{display:block;font-size:10px;margin:10px auto;width:70%;text-align:center;} #books_shop_div{display:inline-block;background-color:hsla(0,0%,95%,0.90);height:350px;overflow:scroll;position:fixed;top:0;left:0;width:100%;z-index:1;} #books_shop_div{display:none;} #books_shop_close{position:fixed;top:100px;right:20px;} .books_shop_h2{clear:both;display:block;border-top:solid 1px #ccc;margin:5% 10%;width:80%;} .books_shop_h2 h2{margin:10px 0;} .books_shop_e{background-color: #fff; border:solid 1px #ccc;display:block;float:none;margin:0 0 20px 20px;width:120px;} #mokuji-urikire{display:block;background-color:#fff;border:solid 2px #f00;border-radius:5px;color:#f00;font-size:16px;font-weight:bold;margin:20px auto;padding:8px 0;text-align:center;width:200px;} #mokuji-dmg{display:block;height:24px;margin:20px auto;text-align:center;width:204px;} #mokuji-dmg-img{display:inline-block;background:no-repeat url("https://cdn3.railf.jp/img/btn/1x/tolibrary.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:100%;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2){ #mokuji-dmg-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/2x/tolibrary@2x.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:100%;} } @media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min-device-pixel-ratio:3){ #mokuji-dmg-img{display:block;background:no-repeat url("https://cdn3.railf.jp/img/btn/3x/tolibrary@3x.png") center center;background-size:contain;height:24px;text-indent:-9999px;width:100%;} } .summery-more-button01, .summery-more-button01 a{margin:0 auto;text-align:center;width:inherit;} .summery-more-button01 a{display:inline-block;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);border-radius:3px;font-size:18px;color:#fff;padding:10px;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);} .summery-more-button01 a{background-color:#d97c0b;} .entrymorecss .railfan-title h3{border-width:2px;} .catch-label-ul{display:block;float:none;width:100%;} .catch-label-li{display:inline-block;width:100%;} .no-catch{background-color:#ccc;color:#333;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);border-radius:3px;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);} .no-catch h3{text-align:center;padding:10px 0;font-size:18px;} .catch-label-button{margin:10px 0 0 2%;width:15%;} .catch-label-button:first-child{margin-left:0;} .catch-label-button a{background-color:#3673ce;color:#fff;width:100%;} .company-li, .line-li, .catch-li, .prefectures-li{display:inline-block;} .company-button, .line-button, .catch-button, .prefectures-button{margin:10px 0 0 5%;width:43%;} .company-button a, .line-button a, .catch-button a, .prefectures-button a{background-color:#3673ce;color:#fff;width:100%;} .line-button:nth-child(2n+1), .prefectures-button:nth-child(2n+1){margin-left:0;} .companytrain-button{margin:10px 0 0 0;} .event_pastbutton a{background-color:#af607e;border-radius:3px;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);color:#fff;display:block;margin:15px auto;padding:5px 2%;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);width:80%;} .event_pastbutton a:visited{color:#fff;} .event_pastbutton_p1{text-align:center;} .event_pastbutton_p2{text-align:justify;} .readmore-button-box a{background-color:#3673ce;border-radius:3px;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);color:#fff;display:block;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);} .readmore-button-box a{font-size:18px;height:auto;margin:15px auto;padding:10px 0;width:200px;} .readmore-button-box a:hover{background-color:#af607e;} #ad_forlibrary_box{width:100%;} #ad_forlibrary{background:url(https://cdn3.railf.jp/img/ad/180801_library_300x250.png) no-repeat;background-size:contain;display:block;height:250px;margin:10px auto;text-indent:-9999px;width:300px;} #to103history_box{clear:both;display:block;margin-bottom:20px;width:100%;} #to103history{background:url(https://cdn3.railf.jp/img/ad/180920_103_640_200.png) no-repeat;background-size:contain;display:block;height:100px;margin:10px auto;text-indent:-9999px;width:300px;} #tolibraryfromeve_box{clear:both;display:block;margin:20px auto;width:100%;} #tolibraryfromeve{background:url(https://cdn3.railf.jp/img/tolibrary/180915_468_60.png) no-repeat;background-size:contain;display:block;height:60px;margin:0 auto;text-indent:-9999px;width:100%;max-width:468px;} .mini{border-radius:2px;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);color:#fff;font-size:14px;font-weight:bold;margin-bottom:5px;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);} .mini-pr{bacaground-color:#fff;border:solid 1px #333;color:#333;font-weight:normal;width:80px;} .mini02{background-color:#0083C9;width:100px;} .matomemini3,.mini03,.mini038,.mini042,.mini046,.mini050,.mini054,.mini034{background-color:#d2d2d4;width:140px;} .news-mini,.matomemini5,.mini04,.mini010,.mini014,.mini018,.mini028,.mini031,.mini035,.mini039,.mini043,.mini047,.mini051,.mini057{background-color:#00ac68;width:100px;} .event-mini,.matomemini6,.mini05,.mini011,.mini015,.mini019,.mini029,.mini032,.mini036,.mini040,.mini044,.mini048,.mini052,.mini055{background-color:#af607e;width:100px;} .item-mini,.matomemini8,.mini06,.mini021,.mini022,.mini023,.mini024,.mini025,.mini026,.mini027{background-color:#aa8858;width:100px;} .special-mini,.mini017{background-color:#0093d6;width:100px;} .mini-7d{background-color:#e60012;width:150px;} .chibanewtown, .yar, .utsunomiya-lr{width:150px;} .usuitouge, .sakuma, .umekoji{width:135px;} .seasideline, .kitakyushu-monorail, .hsor, .maruseppu, .astramline, .hapi-line{width:120px;} .ssk, .chiba-monorail, .tokyo-monorail, .tama-monorail, .shonan-monorail, .echigo-tokimeki, .echizen, .osaka-monorail, .srp, .kouhaku, .k-rhm, .ainokaze, .niitsu-railway-museum, .kyoto-railway-museum, .fujisanroku{width:105px;} .jr, .isaribi, .akita-nairiku, .mitaketozan, .izuhakone, .alpico, .ktj, .asatetsu, .tosakuro, .heichiku, .rikubetsu, .kaya, .ooyama-cable{width:90px;} .hokkaido, .east, .central, .west, .shikoku, .kyushu, .freight, .souken, .oote, .tobu, .keisei, .seibu, .keio, .odakyu, .tokyu, .keikyu, .tokyometro, .sotetsu, .meitetsu, .kintetsu, .keihan, .hankyu, .hanshin, .nankai, .nishitetsu, .mintetsu, .sapporo, .hakodate, .toutetsu, .konan, .tsutetsu, .aoimori, .sanriku, .igr, .kosaka, .yuri, .yamagata, .kuriden, .sendai_rintetsu, .abukyu, .sendai, .senat, .fukushima, .aizu, .yagan, .moka, .joshin, .joden, .watetsu, .ibako, .hitachinaka, .kantetsu, .kashima-rinkai, .chichibu, .sr, .ryutetsu, .choshi, .kominato, .shinkeisei, .shibayama, .keiyou, .hokuso, .isumi, .toyokosoku, .tokyo, .yurikamome, .twr, .tx, .mm21, .hakone-tozan, .enoden, .kanarin, .yokohama, .fujikyu, .hokuetsu, .chitetsu, .kurobe, .manyou, .toyama-lr, .hokutetsu, .noto, .fukui, .izukyu, .gakunan, .shizutetsu, .ooigawa, .entetsu, .tenhama, .matsumoto, .nagaden, .ueda, .shinano, .tarumi, .aketetsu, .nagaragawa, .yoro, .toyotetsu, .nagoya, .aonami, .meirin, .kinurin, .aikan, .ktj, .linimo, .sangi, .ise, .igatetsu, .kitetsu, .wakayama, .ohmi, .skr, .keihuku, .tankai, .kyoto, .eizan, .sagano, .ktr, .suitetsu, .kita-kyu, .senboku, .osaka, .osakametro, .hankai, .sanyo, .kobe, .shintetsu, .noseden, .kobe-kousoku, .knt-liner, .hokushin, .miki, .hojo, .wakasa, .chizukyu, .ichibata, .okaden, .mizurin, .ibara, .hiroden, .nishikigawa, .kotoden, .iyotetsu, .tosaden, .chikutetsu, .fukuoka, .amagi, .matsutetu, .shimatetsu, .nagasaki, .kumamotodentetsu, .minami-aso, .kumagawa, .kumamoto, .takachiho, .kagoshima, .yui-rail, .ishikawa-railway, .museum, .railway-museum, .meijimura, .foreign, .other, .information{width:80px;} .jr, .oote, .mintetsu, .museum, .foreign, .other, .infomation, .ooigawa, .maruseppu, .umekoji{background-color:#42403e;} .hokkaido, .ooyama-cable{background-color:#4db330;} .east, .ssk, .fukui, .hankai, .knt-liner, .tosaden{background-color:#00843d;} .central, .hanshin, .tsutetsu, .hitachinaka, .tama-monorail, .kurobe, .hokutetsu, .tenhama, .ktj, .tankai, .sagano, .iyotetsu, .heichiku, .hsor, .sakuma, .astramline{background-color:#f57400;} .west, .keisei, .hakodate, .isaribi, .ibako, .kantetsu, .kanarin, .echizen, .meirin, .chizukyu, .fukuoka, .kumamoto, .srp, .kouhaku{background-color:#0052a6;} .shikoku, .hokuso, .tarumi, .ise, .ishikawa-railway, .yar{background-color:#00a3f0;} .kyushu, .meitetsu, .kosaka, .akita-nairiku, .kashima-rinkai, .choshi, .shonan-monorail, .echigo-tokimeki, .manyou, .toyama-lr, .entetsu, .matsumoto, .nagaden, .wakayama, .eizan, .osaka, .sanyo, .shintetsu, .miki, .nishikigawa, .k-rhm{background-color:#ef0041;} .freight, .sendai_rintetsu{background-color:#4d97c8;} .souken{background-color:#7d62aa;} .tobu, .fujikyu, .matsutetu, .fujisanroku{background-color:#005fb1;} .seibu, .yurikamome, .izuhakone, .mizurin{background-color:#000cbd;} .keio, .keihuku{background-color:#de0081;} .odakyu, .senboku{background-color:#00499a;} .tokyu{background-color:#f33e32;} .keikyu{background-color:#0098e6;} .tokyometro, .linimo, .chikutetsu, .kitakyushu-monorail{background-color:#004a92;} .sotetsu{background-color:#006aac;} .kintetsu, .igatetsu{background-color:#1474b8;} .keihan{background-color:#78b7bd;} .hankyu, .kita-kyu, .noseden, .usuitouge, .meijimura{background-color:#451c1d;} .nankai{background-color:#f45d33;} .nishitetsu, .joshin, .twr, .hokuetsu, .aonami, .ohmi{background-color:#1e56a7;} .sapporo, .moka, .kumagawa{background-color:#187758;} .toutetsu, .amagi{background-color:#dc031b;} .konan{background-color:#259c44;} .aoimori{background-color:#20b5dd;} .sanriku, .hakone-tozan, .gakunan, .ichibata{background-color:#f3511e;} .igr, .chiba-monorail{background-color:#003285;} .yuri, .sendai{background-color:#0d8339;} .yamagata, .wakasa, .takachiho{background-color:#e25b9d;} .kuriden, .nagaragawa{background-color:#b6006b;} .abukyu, .enoden, .kitetsu{background-color:#00843d;} .senat, .okaden{background-color:#0063a0;} .fukushima{background-color:#008edc;} .aizu{background-color:#226d42;} .yagan{background-color:#008a50;} .joden{background-color:#9ed7cc;} .watetsu, .chichibu, .kumamotodentetsu{background-color:#5b1815;} .sr, .seasideline{background-color:#4168ad;} .ryutetsu{background-color:#608558;} .kominato{background-color:#f33e2a;} .shinkeisei{background-color:#f35ba1;} .keiyou, .yokohama, .noto, .izukyu, .kinurin, .asatetsu, .tosakuro{background-color:#0092da;} .toyokosoku{background-color:#f88700;} .tokyo, .kyoto, .rikubetsu, .ainokaze{background-color:#00a241;} .mitaketozan, .tx, .ueda, .aikan, .osaka-monorail, .kobe-kousoku{background-color:#003272;} .tokyo-monorail, .shizutetsu{background-color:#006cbd;} .mm21, .hojo{background-color:#5b5497;} .chitetsu, .minami-aso{background-color:#007e63;} .alpico, .aketetsu, .kotoden, .osakametro{background-color:#36328c;} .shinano{background-color:#fb9b00;} .yoro, .nagasaki{background-color:#a91724;} .ktr{background-color:#409b72;} .hokushin{background-color:#ce8e05;} .yui-rail{background-color:#c00;} .railway-museum, .niitsu-railway-museum{background-color:#a3a4a5;} .kyoto-railway-museum{background-color:#938278;} .hapi-line{background-color:#e6378d;} .sp_0bandai, .sp_500bandai, .sp_900bandai, .sp_infomation{width:80px;} .sp_1000bandai, .sp_2000bandai, .sp_2100bandai, .sp_2200bandai, .sp_3000bandai, .sp_3100bandai{width:100px;} .sp_mue-train{width:120px;} .sp_0bandai, .sp_900bandai, .sp_infomation{background-color:#00a4ca;} .chibanewtown, .isumi, .nagoya, .sangi, .shimatetsu, .kagoshima, .kaya, .utsunomiya-lr, .sp_500bandai, .sp_2000bandai, .sp_2100bandai, .sp_2200bandai{background-color:#f6c900;} .sp_2200bandai{background-color:#f3c000;} .toyotetsu, .skr, .suitetsu, .kobe, .hiroden, .shibayama, .sp_1000bandai, .sp_mue-train{background-color:#009c8f;} .ibara, .sp_3000bandai, .sp_3100bandai{background-color:#41b359;} .item_22 { background-color: #7191cd; width: 100px; } .item_23, .item_24, .item_25, .item_26, .item_27 { background-color: #7191cd; width: 80px; } .item_21 { background-color: #34af35; width: 80px; } .camera{background-color:#42403e;width:80px;} .sticky-fixed{position:fixed;top:20px;} .sticky-static{position:static;top:20px;} #stickyunit-content-n{display:none;} #stickyunit-under{display:block;width:100%;margin:10px auto 0;} #next-prev-box{margin-top:10px;} .next-prev{clear:both;background-color:#f3f3f3;display:inline-block;font-size:16px;font-weight:bold;margin:0;padding:3.333%;width:93.333%;} .next-prev a{color:#333;width:100%;} .next-prev-thumb{float:left;} .next-prev-detail{float:right;} .next-prev-heading{background-color:#333;color:#fff;font-size:14px;text-align:center;} .next-prev .mini, .next-prev-title{margin-top:10px;} .next-prev-thumb, .next-prev-thumb img{width:100px;} .next-prev-thumb:empty{width:0;height:0;} .next-prev-detail{width:62.962%;width:calc(100% - 110px);} .next-prev-thumb:empty + .next-prev-detail{width:100%;} .next-prev a:visited .next-prev-title{color:#808080;} #next-prev-box .small{font-size:10px;} #next-box{margin-top:10px;} #paginate-box{display:block;margin:10px auto 0;padding-bottom:60px !important;text-align:center;width:100%;} #paginate{display:inline-block;margin:0 auto;text-align:center;} .paginate{border:solid 1px #f3f3f3;display:block;float:left;margin:0 5px;padding:5px 0;width:30px;} .paginate a{color:#000;} .paginate-before, .paginate-link, .paginate-next, .paginate:hover{background-color:#f3f3f3;} .pagenate-more-button{background-color:#3673ce;} .pagenate-more-button a{color:#fff;} .chiiki-matome-button{background-color:#f4f4f4;display:block;margin:15px auto !important;padding:10px auto;text-align:center;width:100%;} .chiiki-matome-button a{color:#333;font-size:12px;} #scroll-top{display:block;text-indent:-9999px;z-index:9999;} #scroll-top a:after{background-color:#333;background:linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .8) 100%);border-radius:2px;bottom:80px;color:#fff;content:'＞';font-size:24px;font-weight:bold;opacity:.75;padding:6px 12px;position:fixed;right:20px;text-indent:0;transform:rotate(-90deg);} #scroll-top a:after{bottom:110px;} footer{clear:both;line-height:2;margin:30px;margin-bottom:100px;padding-bottom:10px;} #breadcrumbs{margin-top:10px;} #breadcrumbs a{color:#00f;} #breadcrumbs a:hover{color:#f00;} .breadcrumbs{display:inline-block;list-style-type:none;} .breadcrumbs + .breadcrumbs:before{content:'＞';margin:0 2px;} #global-footer{clear:both;border-top:solid 1px #ccc;padding:12px 0;} #global-footer, #global-footer a{font-size:12px;text-decoration:none;} #global-footer{display:inline-block;width:100%;} .footer-navi-large-container{display:block;float:none;margin:0 auto;width:100%;} .footer-navi-large-box{background-color:#f3f3f3;border-radius:5px;color:#333;display:block;float:none;margin:10px 0 0 0;padding:10px 2%;width:96%;} .footer-navi-large{display:block;clear:both;} #content-prev-next{border-top:solid 1px #ccc;padding:0;} .content-prev{float:left;text-align:left;} .content-next{float:right;text-align:left;} .content-prev a, .content-next a{display:inline-block;list-style-type:none;margin:12px 0;padding:3px 0;} .content-prev a:before, .content-next a:after{background-color:#f3f3f3;border-radius:2px;color:#666;display:block;font-size:18px;font-weight:bold;padding:3px 6px;} .content-prev a:before{content:'＜';float:left;margin-right:12px;} .content-next a:after{content:'＞';float:right;margin-left:12px;} #copyright{clear:both;background-color:#262626;color:#fff;display:block;float:none;margin:0;text-align:center;width:100%;} .banner_sp{text-align:center;margin-top:20px;} .banner_L_left, .banner_L_right{max-height:0;height:0;} @media screen and (min-width:360px) { #railf-search{width:200px;} #railf-search .gsc-input{width:100px;} #railf-search .gsc-search-button{width:60px;} .left-content, .right-content{width:94.444%;width:calc(100% - 20px);} #box_date_small{margin:8px 0 0 0;} #box_date_small small{font-size:12px;} #box_date_date{margin:10px 4px 0 0;} .list-box-190, .list-box-516, .list-box-186{width:66.470%;width:calc(100% - 114px);} .list-box-190n, .list-box-614, .list-box-284{width:95.294%;width:calc(100% - 16px);} .other-white-title-detail{width:220px;} .catch-label-button{margin:10px 0 0 2%;width:17%;} .catch-label-button:first-child{margin-left:0;} #to103history{background:url(https://cdn3.railf.jp/img/ad/180920_103_640_200.png) no-repeat;background-size:contain;display:block;height:100px;margin:10px auto;text-indent:-9999px;width:320px;} .next-prev-detail{width:65.336%;width:calc(100% - 110px);} .next-prev-thumb:empty + .next-prev-detail{width:100%;} } @media screen and (min-width:375px){ .left-content, .right-content{width:94.666%;width:calc(100% - 20px);} .list-box-190, .list-box-516, .list-box-186{width:67.887%;width:calc(100% - 114px);} .list-box-190n, .list-box-614, .list-box-284{width:95.492%;width:calc(100% - 16px);} .other-white-title-detail{width:235px;} next-prev-detail{width:66.800%;width:calc(100% - 110px);} .next-prev-thumb:empty + .next-prev-detail{width:100%;} } @media screen and (min-width:411px){.other-white-title-detail{width:271px;}} @media screen and (min-width:414px){ .icon_header_sp{height:20vw;} #logo-back, #logo-back .sp_display{height:33vw;} .left-content, .right-content{width:95.169%;width:calc(100% - 20px);} .list-box-190, .list-box-516, .list-box-186{width:71.065%;width:calc(100% - 114px);} .list-box-190n, .list-box-614, .list-box-284{width:95.939%;width:calc(100% - 16px);} .info-magazine-right, .info-magazine-top{float:left;margin:0;width:150px;} .info-rf-magazine{float:right;margin:0 0 0 10px;width:170px;} .detail-magazine-right{float:right;margin:0;width:54.545%;width:calc(100% - 170px);} .detail-magazine-top{float:right;margin-top:0;width:60.144%;width:calc(100% - 165px);} .image-magazine-right, .spec-magazine-right, .image-magazine-top, .spec-magazine-top, .image-rf-magazine, .spec-rf-magazine{float:none;width:100%;} .date-magazine-right, .date-magazine-top, .date-rf-magazine{font-size:12px;margin-top:6px;} .yen-magazine-top{font-size:11px;} .date-rf-magazine, .yen-magazine-right{font-size:11px;} .date-magazine-right, .yen-magazine-right{font-size:11px;} .enquete-button-rf-magazine a{font-size:10px;} .button_buy_amazon a{margin:0;} #yokoku-mini-photo{float:right;margin:5px 0 5px 15px;width:45%;} .other-white-title-detail{width:274px;} .next-prev-detail{width:70.086%;width:calc(100% - 110px);} .next-prev-thumb:empty + .next-prev-detail{width:100%;} } @media screen and (min-width:415px) { .list-banner{display:none;} .list-banner-pc{display:block;border-top:solid 1px #ccc;} } @media screen and (min-width:450px){ .icon_header_sp{height:20vw;} #logo-back, #logo-back .sp_display{height:32vw;} .left-content, .right-content{width:95.555%;width:calc(100% - 20px);} .mt-image-left, .mt-image-right, .mt-image-w450{width:50%;} .list-box-190, .list-box-516, .list-box-186{width:73.488%;width:calc(100% - 114px);} .list-box-190n, .list-box-614, .list-box-284{width:96.135%;width:calc(100% - 16px);} .other-white-title-detail{width:310px;} .next-prev-detail{width:72.591%;width:calc(100% - 110px);} .next-prev-thumb:empty + .next-prev-detail{width:100%;} } @media screen and (min-width:470px){.other-white-title-detail{width:330px;}} @media screen and (min-width:480px){ .left-content, .right-content{width:95.833%;width:calc(100% - 20px);} .list-box-190, .list-box-516, .list-box-186{width:75.217%;width:calc(100% - 114px);} .list-box-190n, .list-box-614, .list-box-284{width:96.521%;width:calc(100% - 16px);} .detail-magazine-right{width:60.869%;width:calc(100% - 180px);} .detail-magazine-top{width:64.130%;width:calc(100% - 165px);} .next-prev-detail{width:74.378%;width:calc(100% - 110px);} .next-prev-thumb:empty + .next-prev-detail{width:100%;} } @media screen and (min-width:490px){.other-white-title-detail{width:350px;}} @media screen and (min-width:510px){.other-white-title-detail{width:370px;} .icon_header_sp{height:20vw;} #logo-back, #logo-back .sp_display{height:30vw;} } @media screen and (min-width:530px){.other-white-title-detail{width:390px;}} @media screen and (min-width:540px){ .left-content, .right-content{width:96.296%;width:calc(100% - 20px);} .list-box-190, .list-box-516, .list-box-186{width:78.076%;width:calc(100% - 114px);} .list-box-190n, .list-box-614, .list-box-284{width:96.923%;width:calc(100% - 16px);} .detail-magazine-right{width:65.384%;width:calc(100% - 180px);} .detail-magazine-top{width:68.269%;width:calc(100% - 165px);} .next-prev-detail{width:77.335%;width:calc(100% - 110px);} .next-prev-thumb:empty + .next-prev-detail{width:100%;} } @media screen and (min-width:550px){ .other-white-title-detail{width:410px;} .rfl-release-img{margin:10px 0 0 0;width:200px;} .ebooks-release-img{margin:10px 10px 0 0;width:196px;} #footer-navi-box1, #footer-navi-box2{clear:both;display:block;float:none;} .footer-navi-large-container{float:left;margin:0 0 0 2%;width:47%;} .footer-navi-large-box{padding:10px 2%;width:96%;} } @media screen and (min-width:570px){.other-white-title-detail{width:430px;}} @media screen and (min-width:575px){ .archives-library-box{float:right;margin-top:45px;margin-bottom:0;width:430px;} .archives-urikire{float:right;margin:0 0 0 10px;} .archives-dmg{float:right;margin:2px 0 0 10px;} } @media screen and (min-width:590px){.other-white-title-detail{width:450px;}} @media screen and (min-width:600px) { #brand-logo_sp{display:none;} #brand-logo{background:url(https://cdn3.railf.jp/img/201609_logo/railf_white_w110h40.png) no-repeat 0 5px;display:block;float:left;height:45px;margin:0 0 4px 10px;padding:0;width:110px;z-index:9995;} #brand-logo a{display:block;height:40px;margin:0;text-indent:-9999px;width:104px;} #railf-search{width:320px;} #railf-search .gsc-input{width:220px;} #railf-search .gsc-search-button{width:60px;} #railf-search .gsc-control-cse { border-color: #1a1a1a; background-color: #1a1a1a; } .toppage-header, .toppage-title{border-bottom:solid 4px #a3a4a5;} .railfan-header, .railfan-title{border-bottom:solid 4px #d2d2d4;} .toukou-header, .toukou-title{border-bottom:solid 4px #d2d2d4;} .contest-header, .contest-title{border-bottom:solid 4px #ef001e;} .news-header, .news-title{border-bottom:solid 4px #008f67;} .event-header, .event-title{border-bottom:solid 4px #af607e;} .item-header, .item-title{border-bottom:solid 4px #aa8858;} .special-header, .special-title{border-bottom:solid 4px #0093d6;} .photo-header, .photo-title{border-bottom:solid 4px #8a0177;} .matome-header{border-bottom:solid 4px #d2d2d4;} } @media screen and (min-width:610px){.other-white-title-detail{width:470px;}} @media screen and (min-width:630px){.other-white-title-detail{width:490px;}} @media screen and (min-width:650px){.other-white-title-detail{width:510px;}} @media screen and (min-width:600px) { body{display:block;margin:0 auto;width:100%;background-color:#fff;overflow-x:scroll;} #wrapper{display:block;margin:0 auto;width:100%;padding:0 30px;background-color:#fff;overflow-x:scroll;} #content{display:block;margin:0 auto;width:1012px;} #logo-back{height:93px;width:1012px;position:relative;} #brand-logo{margin-left:30px;} #navi-small-box{display:none;} #navi-large-box{display:block;float:none;width:100%;} #navi-large-box ul{display:block;margin:0 auto;/*width:560px;*/width:688px;position:absolute;left:0;right:0;bottom:0;}/* forContest */ .navi-large{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border:solid 1px hsla(0,0%,20%,.80);border-bottom:none;display:block;float:left;margin-left:1px !important;width:auto;} .navi-large a{display:inline-block;font-size:14px;height:25px;line-height:25px;padding:0 5px;margin-top:0;width:auto;} .railfan-corner a, .enquete-corner a, .contest-corner a, .news-corner a, .event-corner a, .item-corner a{background-position:top center;background-repeat:no-repeat;background-size:cover;display:block;line-height:1.6;padding-top:4%;text-indent:-9999px;} .special-corner{background:url(https://cdn3.railf.jp/img/2017/cornertitle_209_700.png) no-repeat;background-size:cover;display:block;padding-top:11.5%;text-indent:-9999px;} .contentinner{display:inline-block;margin:0 auto;width:1012px;} .left-content{display:inline-block;float:left;margin:0;width:692px;} .right-content{display:inline-block;float:right;margin:0;width:300px;} .sub-box{margin:20px auto 0;} .pc_sub300_box{display:block;width:300px;} .sp_sub300_box{display:none;} .sp_book_box{display:none;} .m-top{margin-top:20px !important;} .m-top1020300{margin-top:0 !important;} .ptop{padding-top:20px !important;} .display-phone{display:none;} .display-tab{clear:both;display:inline-block;margin-top:20px;} .banner-sp{height:0;width:0;min-height:0;max-height:0;min-width:0;max-width:0;} .banner-right600, .banner-right600 div, .banner-right600 iframe{margin:0 auto;text-align:center;min-height:250px;max-height:600px;min-width:150px;max-width:300px;} .banner-dfp, .banner-dfp div, .banner-dfp iframe{margin:0 auto;text-align:center;min-height:250px;max-height:250px;min-width:300px;max-width:336px;} .banner-rc, .banner-rc div, .banner-rc iframe{margin:0 auto;text-align:center;min-height:250px;max-height:250px;min-width:300px;max-width:300px;} .banner-dfp{float:left;margin:20px 0 0 0;} .banner-pc-only{float:right;margin:20px 0 0 0;} .banner_pc{text-align:center;max-height:initial;max-height:auto;} .banner_L_left{float:left;} .banner_L_right{float:right;} .banner_L_left, .banner_L_right{text-align:center;max-height:initial;height:auto;margin:20px 0 0 0;} #right_banner_top{margin-top:20px;} .inst_video_box{margin:20px auto 0;} .inst_video{float:left;height:270px;width:490px;} .pc_book_box{display:block;float:right;height:270px;width:510px;} .article_book_title, .article_book_date, .article_book_yen{display:inline-block;} .article_book_title_box{background-color:#333;color:#fff;height:42px;padding:8px;width:510px;} .article_book_title{font-size:18px;font-weight:bold;padding-left:6px;} .article_book_date, .article_book_yen{font-size:12px;padding-left:6px;} .article_book_img_box{display:block;background-color:#f3f3f3;height:235px;padding:8px;} .article_book_img{display:block;float:left;width:160px;} .article_book_detail_box{display:block;float:right;} .article_book_page img{height:178px;} .article_book_spec{display:block;margin-top:8px;} .article_book_mokuji_button, .article_book_enquete_button{display:inline-block;width:152px;} .article_book_mokuji_button{float:left;border-bottom:none;} .article_book_enquete_button{float:right;} .article_book_mokuji_button a, .article_book_enquete_button a{color:#fff;height:31px;margin:0;padding-top:6px;} .article_book_enquete_button a{padding-top:9px;} .info-magazine-right, .detail-magazine-right{float:none;margin:5px 0 0 0;width:280px;} #railf-heading{width:1012px;margin:0 0 20px 0;padding:20px;} .info-magazine-top{float:left;margin:5px 0 0 0;width:280px;} .detail-magazine-top{float:right;margin:5px 0 0 0;width:672px;} .image-magazine-right{float:left;width:35.714%;} .spec-magazine-right{float:right;width:60.714%;} .image-magazine-top, .spec-magazine-top{float:none;width:280px;} .date-magazine-right{font-size:12px;margin-top:0;} .date-magazine-top, .yen-magazine-top{font-size:12px;} .enquete-button-magazine-right a, .enquete-button-magazine-top a{font-size:10px;} #railf-top{width:1012px;margin:0;} .sp_book_box{display:none;} #breadcrumbs-phone-box{display:none;} .Adarticle-content{min-height:450px;} .Adarticle-content td{display:table-cell;padding:0;text-align:justify;} td.left_title{white-space:nowrap;background-color:#fff;text-align:right;vertical-align:top;} td.left_title:after{content:'：';} .main-content-detail table{width:100%;} .mt-image-none{width:692px;} .mt-image-left, .mt-image-right, .mt-image-w450{width:49%;} .mt-image-div2, .mt-image-div3{display:block;float:none;margin:15px 0 0 0 !important;width:692px;} .mt-image-div2 .mt-image-caption-div{float:left;margin-left:20px;width:336px;} .mt-image-div2 .mt-image-caption-div:first-child{margin-left:0;} .mt-image-div3 .mt-image-caption-div{float:left;margin-left:10px;width:224px;} .mt-image-div3 .mt-image-caption-div:first-child{margin-left:0;} .mt-image-left2, .mt-image-right2, .mt-image-left3, .mt-image-center3, .mt-image-right3{display:block;float:none;height:auto;margin:0 auto;padding:5px;width:326px;} .mt-image-left3, .mt-image-center3, .mt-image-right3{width:214px;} .mt-image-cap2, .mt-image-cap3{display:block;float:none;font-size:12px;height:auto;margin:0 auto !important;padding:0;width:326px;} .mt-image-cap3{width:214px;} .mt-image-div2 + p, .mt-image-div3 + p{clear:both;} .company-button, .catch-button{margin:10px 0 0 5%;width:28%;} .notice-box-left{width:336px;} .notice-box a{color:#00f;} #list-none-title{display:block;} .thumbnail-190, .thumbnail-190n{display:block;float:none;margin:0 auto;width:220px;} .thumbnail-190 img{width:222px;} .list-box-190, .list-box-190n{background-color:rgba(255,255,255,.50);display:block;float:none;margin:0;padding:5px;width:100%;} .list-box-190{bottom:0;left:0;position:absolute;} .list-title-190{min-height:80px;} .list-box-190n .list-title-190{height:267px;} .list-box-190 .mini + .list-title-190{min-height:55px;} .list-box-190n .mini + .list-title-190{height:240px;} .list-box-516{width:516px;} .list-box-186{width:186px;} .list-box-614{width:614px;} .list-box-284{width:284px;} /* .list-matome-banner{display:none;} .list-matome-banner-pc{display:block;border-top:solid 1px #ccc;} */ .related-contents{clear:none;border:solid 1px #ccc;display:block;float:left;height:295px;margin:15px 0 0 10px;padding:0;position:relative;width:222px;} .related-contents:first-child{margin-left:0;} .related-contents a{display:inline-block;width:100%;} .related-contents:hover{background-color:#f3f3f3;} #eu-calendar-box{float:left;margin:20px 0 0 0;} #yokoku-mini-photo{float:right;margin:5px 0 5px 15px;width:45%;} .archives-library-box{margin-top:45px;margin-bottom:5px;width:430px;} .archives-urikire{float:right;margin:0 0 0 10px;} .archives-dmg{float:right;margin:2px 0 0 10px;} #the-railfan-image{float:left;margin-left:30px;margin-top:6px;} #the-railfan-detail{float:right;font-size:12px;margin-right:20px;margin-top:20px;text-align:justify;width:370px;} .other-white-title-detail{width:510px;} .rfl-release-img{margin:10px 0 0 10px;width:200px;} .ebooks-release-img{margin:10px 0 0 0;width:196px;} #mokuji-urikire{margin-top:15px;} #books_shop_div{display:inline-block;height:100%;overflow:scroll;top:0;} #books_shop_close{position:fixed;top:0;right:20px;} .books_shop_e{display:block;float:left;margin:0 0 20px 20px;} #paginate-box{margin-top:20px;} #backnumber-shop-main .related-contents:nth-child(3n+1){margin-left:0;} #tolibraryfromeve{background:url(https://cdn3.railf.jp/img/tolibrary/180915_728_90.png) no-repeat;background-size:contain;display:block;height:90px;margin:0 auto;text-indent:-9999px;width:100%;} #ad_forlibrary{background:url(https://cdn3.railf.jp/img/ad/180801_library_728x90.png) no-repeat;background-size:contain;display:block;height:90px;margin:20px auto;width:728px;} #stickyunit-under{margin:20px auto 0;} #content-prev-next{width:1012px;} #next-box{margin-top:15px;} #next-prev-box{float:right;width:336px;} .next-prev{width:336px;padding:15px;} .next-prev-detail{width:201px;} .next-prev-thumb:empty + .next-prev-detail{width:100%;} .chiiki-matome-button{display:none;} #breadcrumbs{width:100%;} footer{padding-bottom:0;} #global-footer{width:1012px;} #footer-navi-box1, #footer-navi-box2{clear:none;display:inline-block;float:left;} .footer-navi-large-container{margin:0 0 0 20px;width:202px;} .footer-navi-large-box{padding:10px;width:182px;} #copyright{clear:both;margin:0 0 0 -30px;width:1012px;} } #next-prev_div-sp{margin-top:10px;margin:0 auto;text-align:center;} #next-prev_div{display:none;} @media screen and (min-width: 600px) { #next-prev_div-sp{display:none;} #next-prev_div{display:block;} .next-prev{width:300px;} .next-prev-detail{width:165px;} } .rank_div_left, .rank_div_right{float:none;width:100%;} @media screen and (min-width: 600px) { .rank_div_left{float:left;width:336px;} .rank_div_right{float:right;width:336px;} .rank_div_left .list-box-186{width:222px;} } #sub_header{background-color:#9a9a9a;display:inline-block;margin:5px 0;width:100%;} .box_year{display:inline-block;float:left;margin:0;background:#fff;border:solid 1px #9a9a9a;border-left:none;color:#333;font-size:12px;text-align:center;line-height:3.4;height:38px;width:72px !important;cursor:pointer;} #sub_header_left{display:inline-block;float:left;background-color:#9a9a9a;color:#fff;font-size:12px;font-weight:bold;line-height:3;text-align:center;height:36px;width:74px !important;} #box_2020, #box_2010, #box_2000, #box_1990, #box_1980, #box_1970, #box_1960{position:relative;} #box_1990, #box_1980, #box_1970, #box_1960{border-top:none;} #box_1990{border-left:solid 1px #9a9a9a;} .year_arc_tag{position:absolute;bottom:1px;right:1px;width:0;height:0;border-top:4px solid transparent;border-left:4px solid transparent;border-right:4px solid #9a9a9a;border-bottom:4px solid #9a9a9a;} .year{display:none;background-color:#fff !important;border:solid 1px #9a9a9a;padding:0 16px;} #year_2020, #year_2010, #year_2000, #year_1990, #year_1980, #year_1970, #year_1960{z-index:9999;position:absolute;top:40px;width:108px;} #year_2010, #year_1980, #year_2000, #year_1970{right:-20px;} #year_1990{right:-1px;} #year_1960{right:5px;} .year_a{display:inline-block;color:#333;width:46px;} .year_a:nth-child(2n){margin-left:8px;} .year_a a{color:#333;} .year_a_tag{position:absolute;width:0;height:0;right:-1px;border-left:8px solid transparent;border-right:8px solid transparent;} #year_a_tag_2020, #year_a_tag_2010, #year_a_tag_2000, #year_a_tag_1990, #year_a_tag_1980, #year_a_tag_1970, #year_a_tag_1960{z-index:9998;top:25px;right:5px;border-top:8px solid transparent;} @media screen and (min-width:360px){ .box_year{width:82px !important;} #sub_header_left{font-size:14px;width:84px !important;} } @media screen and (min-width:375px){ .box_year{width:86px !important;} #sub_header_left{width:88px !important;} } @media screen and (min-width:411px){ .box_year{width:95px !important;} #sub_header_left{width:97px !important;} } @media screen and (min-width:414px){ .box_year{width:96px !important;} #sub_header_left{width:98px !important;} } @media screen and (min-width:420px){ .box_year{width:24% !important;} #sub_header_left{width:24.4% !important;} } @media screen and (min-width:600px){ .box_year{height:40px;width:84px !important;} #sub_header_left{height:40px;font-size:12px;font-weight:normal;line-height:3.4;width:96px !important;} #box_1990, #box_1980, #box_1970, #box_1960{border-top:solid 1px #9a9a9a;} .year{display:none;background-color:#fff !important;border:solid 1px #9a9a9a;} .box_year#box_2000{border-right:none;} #year_2020, #year_2010, #year_2000, #year_1990{bottom:auto;top:40px;} #year_a_tag_2020, #year_a_tag_2010, #year_a_tag_2000, #year_a_tag_1990, #year_a_tag_1980, #year_a_tag_1970, #year_a_tag_1960{top:25px;right:5px;border-top:8px solid transparent;} } #year_2020, #year_2010, #year_2000, #year_1990, #year_1980, #year_1970, #year_1960{width:140px;} .box_year{font-size:10px;} #sub_header_left, .box_year {width:24.4% !important;} @media screen and (min-width: 768px){ #sub_header_left, .box_year {width:172px !important;} #sub_header_left{line-height:3.8;height:34px;} } /* ebooksと見どころと目次個別 */ #tetsudo-mokuji{margin-top:5px;} #tetsudo-mokuji a{color:#333;} .mokuji_link:after{border-radius:2px;color:#666;content:'＞';display:block;float:right;padding:0 6px;font-weight:bold;} .mokuji_bg:hover{background-color:#f3f3f3;} #ebook{background-color:#fff;margin-top:10px;padding:2px;text-align:left;} #ebook tr{display:inline-block;margin:10px 0 0 10px;text-align:left;width:100%;} .ebook-left{border-radius:3px;line-height:3em;text-align:center;width:150px;} .ebook-left{margin-top:10px;margin-left:2%;padding:5px 2%;width:42%;height:38px;} .ebook-left a{text-align:center;color:#fff;font-size:14px;padding:2px;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);} .ebook-right{font-size:12px;text-align:left;} .tokushu{margin:0;padding:0;} .tokushu h2{color:#ff0033;margin:10px 0 0 0;padding:0;} .tokushu h2.dotline{border-bottom:1px dotted #E0E0E0;} .tokushu p{border-bottom:1px dotted #e0e0e0;font-size:14px;margin:6px 0 4px 0;padding:0 0 2px 0;} .tokushu p.author{margin:0 0 8px 0;padding:0 12px 0 0;text-align:right;} .tokushu p.noline{border:none;} .mokuji{margin:20px 0 0 0;padding:0;} .mokuji p{margin:6px 0 4px 0;padding:0 0 2px 0;border-bottom:1px dotted #e0e0e0;font-size:14px;} .mokuji img{margin:6px 0 9px 0;padding:0;} .mokuji p small{font-size:12px;} .border_none{border:none;} .color_fff{color:#fff !important;} .text_center{text-align:center;} .margin_center10{margin:10px auto 0;} .furoku{font-size:14px;margin:20px 0;padding:12px 0;} .furoku td{border-top:1px dotted #e0e0e0;margin:4px;padding:4px;} .furoku td.left-title{text-align:right;white-space:nowrap;} .furoku td.top{border:0;} .furoku td.author{border:0;text-align:right;} #tetsudo-point-title a{color:#fff;} #tetsudo-point-box p, #tetsudo-point-box .mt-image-w450, #tetsudo-point-box .mt-image-right, #tetsudo-point-box .mt-image-left, #tetsudo-point-box .mt-image-none{margin-top:5px;} #tetsudo-point-box h3, #tetsudo-point-box h4{background-color:#ccc;} #tetsudo-point-sub{clear:both;background-color:#f3f3f3;display:block;margin:30px auto 0;padding:15px;} #tetsudo-point-sub a{color:#333;} #tetsudo-point-sub a:before{content:'●';display:block;float:left;} #tetsudo-point-sub a:hover{color:#000;left:1px;position:relative;top:1px;} #tetsudo-point-sub-list{border-bottom:dotted 1px #ccc;} #memocalendar2016{display:inline-block;float:none;} #memocalendar2016 img{display:block;} #ebookshoplist li{display:inline-block;float:left;} .ebooks-past-contents{display:inline-block;margin-left:2%;margin-top:10px;width:30%;} .ebooks-past-contents img{box-shadow:1px 1px 3px rgba(0, 0, 0, .2);width:100%;} .ebooks-past-contents:nth-child(3n+1){margin-left:0;} #ebook_store{clear:both;display:inline-block;background-color:#f3f3f3;float:none;margin-top:5px;padding:5px 1%;width:98%;} .ebookshoplist-left{background-color:#888;margin-top:10px;margin-left:2%;text-align:center;padding:5px 2%;width:42%;} .ebookshoplist-left a{color:#fff;} #ebookshoplist{box-sizing:content-box;display:inline-block;width:100%;} #ebookshoplist li{box-sizing:content-box;display:inline-block;float:left;} .ebook-left{margin-top:10px;margin-left:2%;padding:5px 2%;width:42%;} @media screen and (min-width:410px) { .ebooks-past-contents{margin-left:2%;width:31%;} .ebooks-past-contents:nth-child(3n+1){margin-left:0;} } @media screen and (min-width:660px) { .ebooks-past-contents{margin-left:2%;width:30%;} .ebooks-past-contents:nth-child(3n+1){margin-left:0;} } @media screen and (min-width:750px) { .ebooks-past-contents{margin-left:2%;width:31%;} .ebooks-past-contents:nth-child(3n+1){margin-left:0;} } @media screen and (min-width:1020px) { .ebooks-past-contents{margin-left:15px;width:196px;} .ebooks-past-contents:nth-child(3n+1){margin-left:0;} } @media screen and (min-width:1088px) { .ebooks-past-contents{display:inline-block;margin-left:16px;margin-top:10px;width:216px;} .ebooks-past-contents img{box-shadow:1px 1px 3px rgba(0, 0, 0, .2);width:100%;} .ebooks-past-contents:nth-child(3n+1){margin-left:0;} } #ebooks_tab_img{display:block;float:right;margin-left:20px;position:relative;width:100px;height:143px;} #ebooks_tab{display:inline-block;float:right;position:relative;top:0;right:0;width:100px;z-index:58;} #ebooks_magazine{display:inline-block;float:right;position:relative;top:-124px;right:10px;width:80px;z-index:60;} @media screen and (min-width:660px) { #ebooks_tab_img{display:block;float:right;margin-left:20px;position:relative;width:150px;height:214px;} #ebooks_tab{display:inline-block;float:right;position:relative;top:0;right:0;width:150px;z-index:58;} #ebooks_magazine{display:inline-block;float:right;position:relative;top:-186px;right:15px;width:170px;z-index:60;} } @media screen and (min-width:1020px) { #ebooks_tab_img{display:block;float:right;margin-left:20px;position:relative;width:210px;height:299px;} #ebooks_tab{display:inline-block;float:right;position:relative;top:0;right:0;width:210px;z-index:58;} #ebooks_magazine{display:inline-block;float:right;position:relative;top:-265px;right:19px;width:170px;z-index:60;} } @media screen and (min-width:1088px) { #ebooks_tab_img{display:block;float:right;margin-left:20px;position:relative;width:230px;height:328px} #ebooks_tab{display:inline-block;float:right;position:relative;top:0;right:0;width:230px;z-index:58;} #ebooks_magazine{display:inline-block;float:right;position:relative;top:-293px;right:19px;width:170px;z-index:60;} } @media screen and (min-width:1088px){ .mokuji_link:after{border-radius:2px;color:#666;content:'＞';display:block;float:right;padding:0 6px;font-weight:bold;} .mokuji_bg:hover{background-color:#f3f3f3;} #buy-shosen a{background-color:#808080;border-radius:3px;display:block;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);color:#fff;height:16px;font-size:12px;font-weight:bold;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, .5);margin-top:10px;padding:7px 0;width:100%;} #ebook{background-color:#fff;margin-top:10px;padding:2px;text-align:left;} #ebook tr{display:inline-block;margin:10px 0 0 10px;text-align:left;width:100%;} } @media screen and (min-width:660px) { #ebooks_tab_img{display:block;float:right;margin-left:20px;position:relative;width:210px;height:299px;} #ebooks_tab{display:inline-block;float:right;position:relative;top:0;right:0;width:210px;z-index:58;} #ebooks_magazine{display:inline-block;float:right;position:relative;top:-265px;right:19px;width:170px;z-index:60;} } .bread-up a{color:#00f;} .Adarticle-content a, .article-content-detail a{color:#00f;} .article-content-detail{width:100%;} .article-content-detail a{color:#00f;} .maga_special_next a{color:#00f;} .article-content-detail.item-detail table{width:100%;} #box_date_div{clear:none;display:inline-block;float:right;height:15vw;padding-bottom:5px;width:auto;} @media screen and (min-width: 600px) { .Adarticle-content{display:block;min-height:450px;} .inst_video_box{margin:20px auto;} .inst_video{margin-bottom:20px;} #box_date_div{height:45px;margin-bottom:10px;} } .banner_sp{text-align:center;margin-top:20px;} .banner_pc, .banner_L_left, .banner_L_right{max-height:0;} @media screen and (min-width:600px){ .banner_sp{max-height:0;margin-top:0;} .banner_pc{text-align:center;max-height:initial;max-height:auto;margin-top:20px;} .banner_L_left, .banner_L_right{text-align:center;max-height:initial;max-height:auto;margin:20px auto 0;} .banner_L_left{float:left;} .banner_L_right{float:right;} } @media screen and (min-width:600px){ #right_banner_top{margin-top:20px;} #ebookslist{margin-top:10px;} #magazine-right{width:300px;} } #event-top-thumb-box{position:relative;display:block;width:100%;height:150px;overflow:hidden;} #event-top-thumb{ width:702px;height:auto;background-image:url(https://cdn3.railf.jp/img/sq400/); background-repeat:no-repeat;background-position:center center;background-size:100% auto;filter:blur(3px);margin:-3px; } #event-top-thumb a{display:block;width:100%;height:150px;margin:0 auto;} #event-top-thumb-title h2{ display:block;position:absolute;bottom:0;left:0;width:100%; background-color:rgba(0,0,0,0.5);color:#fff;font-weight:bold;font-size:18px;filter:blur(0px);margin:0; } #event-top-thumb-title h2 .small{font-size:14px;} #pick-slide-item-box{display:inline-block;} .more-pick-button{width:200px;margin:30px auto;} .more-pick-button a{font-size:14px;padding:20px 0 !important;text-align:center !important;background-color:rgb(209, 172, 182);} /* pagebute */ .pb_box_sp{clear:both;display:block;margin:10px auto 0;text-align:center;} .pb_box{display:none;} .pb, .pb_num .link_page, .pb_num .current_page{display:inline-block;margin:10px;} .pb{padding:4px 8px;vertical-align:middle;} .pb_num{display:inline-block;} .pb, .pb_num .link_page{box-shadow:0 1px 1px 1px rgba(0,0,0,0.1);color:#a3a3a3;} .pb_num .current_page{background-color:#005e37;color:#fff;} .pb_num .link_page, .pb_num .current_page{padding:7px 12px;} @media screen and (min-width:610px) { .pb_box_sp{display:none;} .pb_box{clear:both;display:block;margin:10px auto 0;text-align:center;} } #next-prev-box{text-align:center;} #enq-intro p{margin-bottom:5px;} #enq-intro p:last-child{margin-bottom:0;} .enq-magazine{background-color:#f3f3f3;display:block;float:right;margin:0 0 0 5px;padding:10px;text-align:center;width:26.111%;width:-webkit-calc((100% - 5px)/3 - 20px);} .enq-magazine img{box-shadow:1px 1px 3px rgba(0, 0, 0, .2);width:100%;max-width:140px;} .Newpresent{float:left;width:50%;} @media screen and (min-width:360px){.enq-magazine{width:26.960%;width:calc((100% - 5px)/3 - 20px);}} @media screen and (min-width:410px){.enq-magazine{width:27.777%;width:calc((100% - 5px)/3 - 20px);}} @media screen and (min-width:450px){.Newpresent{width:33.333%;}} @media screen and (min-width:660px){.enq-magazine{width:145px;margin:0 0 0 15px;}} @media print{ .enq-magazine{width:145px;margin:0 0 0 15px;} .Newpresent{width:33.333%;} } #soukan-magazine{background-color:#f3f3f3;float:none;margin:0 auto 15px;padding-bottom:15px;width:300px;} #soukan-magazine img{margin:0 auto;padding:15px 50px 0;width:200px;} #soukan-magazine p{text-align:center;} @media screen and (min-width:800px){ #soukan-magazine{float:right;margin:0 0 15px 15px;} } #tetsudo-point-sub-div, #the-railfan-div{clear:both;display:block;margin:20px auto 0;} #tetsudo-point-sub-div{margin:10px auto;} #tetsudo-point-sub, #the-railfan-box{display:inline-block;margin:0 auto;padding:15px;width:100%;} /* backnumbershop */ .shop-url{text-align:left;} @media screen and (min-width:600px){ #about-box .related-contents{height:254px;} #about-box .related-contents:nth-child(3n+1){margin-left:0;} #about-box.backnumshop .related-contents{height:300px;} } .more-box{display:block;margin:10px auto 0;text-align:center;width:100%;} .more-box a{display:block;margin:0 auto;text-align:center;} .more-svg_event{ display:block;border-radius:2.5vw;height:10vw;margin:0 auto;width:92vw; background-image:url(https://cdn3.railf.jp/img/button/bottom_new_event_336x36_d97c0b.svg); background-repeat:no-repeat; } .more-svg_news{ display:block;border-radius:2.5vw;height:10vw;margin:0 auto;width:92vw; background-image:url(https://cdn3.railf.jp/img/button/bottom_new_news_336x36_d97c0b.svg); background-repeat:no-repeat; } .more-svg_rank{ display:block;border-radius:2.5vw;height:10vw;margin:0 auto;width:92vw; background-image:url(https://cdn3.railf.jp/img/button/bottom_new_rank_336x36_d97c0b.svg); background-repeat:no-repeat; } .more-svg_form{ display:block;border-radius:2.5vw;height:10vw;margin:0 auto;width:92vw; background-image:url(https://cdn3.railf.jp/img/button/bottom_new_form_336x36_d97c0b.svg); background-repeat:no-repeat; } .more-svg_more{ display:block;border-radius:2.5vw;height:10vw;margin:0 auto;width:92vw; background-image:url(https://cdn3.railf.jp/img/button/bottom_new_more_336x36_d97c0b.svg); background-repeat:no-repeat; } .more-svg_newarticle{ display:block;border-radius:2.5vw;height:10vw;margin:0 auto;width:92vw; background-image:url(https://cdn3.railf.jp/img/button/bottom_new_newarticle_336x36_d97c0b.svg); background-repeat:no-repeat; } .more-svg_ebooks{ display:block;border-radius:2.5vw;height:10vw;margin:0 auto;width:92vw; background-image:url(https://cdn3.railf.jp/img/button/bottom_new_ebooks_336x36_d97c0b.svg); background-repeat:no-repeat; } @media screen and (min-width:420px){ .more-box, .more-box a{width:336px;} .more-svg_event, .more-svg_news, .more-svg_rank, .more-svg_form, .more-svg_more, .more-svg_newarticle, .more-svg_ebooks{border-radius:4.2px;height:36px;width:336px;} } /* 右の柱 */ .right_etc_box{clear:both;background-color:#e5e5e5;border-radius:4vw;display:inline-block;margin:10px auto 0;padding-bottom:8px;width:95vw;} .right_etc_title_box{display:inline-block;position:relative;top:-14px;} .right_etc_title_svg, .right_cal_title_svg{display:inline-block;background-image:url(https://cdn3.railf.jp/img/icons/icon_mokuji_sq40_bl100.svg);background-repeat:no-repeat; position:absolute;top:10px;left:13px;height:18px;width:18px;} .right_cal_title_svg{background-image:url(https://cdn3.railf.jp/img/icons/icon_weekcalendar_sq40_bl100.svg);} .right_etc_title{display:inline-block;position:absolute;top:8px;left:38px;width:260px;} .right_etc_inner_box{clear:both;display:inline-block;margin:10px auto 0;width:95vw;} .right_eventarea, .right_eventcal{display:inline-block;margin:2vw 0 0 3vw;position:relative;width:41.5vw;} .right_eventcal{width:26vw;} .right_eventarea_svg_box, .right_newscom_svg_box{display:inline-block;background-color:#af607e;border-radius:2.5vw 0 0 2.5vw; position:relative;height:8vw;width:8vw;} .right_newscom_svg_box{background-color:#00a95f;} .right_eventarea_svg, .right_newscom_svg, .right_eventcal_svg{background-image:url(https://cdn3.railf.jp/img/icons/icon_mokuji_sq40_bl05.svg);background-repeat:no-repeat; position:absolute;top:1vw;left:1vw;height:6vw;width:6vw;} .right_eventcal_svg{background-image:url(https://cdn3.railf.jp/img/icons/icon_calendar_sq40_bl05.svg);} .right_eventarea_title, .right_eventcal_title{background-color:#fff;color:#000;display:inline-block;border-radius:0 2.5vw 2.5vw 0; position:absolute;top:0;bottom:0;left:8vw;padding:0.5vw 0 0 2.5vw;font-weight:bold;height:8vw;width:33.5vw;font-size:15px;vertical-align:middle;} .right_eventcal_title{width:18vw;} @media screen and (min-width: 380px){.right_eventarea_title, .right_eventcal_title{padding:1.2vw 0 0 2.5vw;}} @media screen and (min-width: 410px){.right_eventarea_title, .right_eventcal_title{font-size:17px;}} @media screen and (min-width: 480px){.right_eventarea_title, .right_eventcal_title{font-size:18px;}} @media screen and (min-width: 520px){.right_eventarea_title, .right_eventcal_title{padding:1.5vw 0 0 2.5vw;}} @media screen and (min-width: 600px){ .right_etc_title_box{top:-16px;} .right_etc_box{border-radius:10px;width:300px;} .right_etc_inner_box{display:block;width:285px;} .right_eventarea, .right_eventcal{margin:8px 0 0 9px;position:relative;width:124.5px;} .right_eventcal{width:79px;} .right_eventarea_svg_box, .right_newscom_svg_box{border-radius:7.5px 0 0 7.5px;height:24px;width:24px;} .right_eventarea_svg, .right_newscom_svg, .right_eventcal_svg{top:3px;left:3px;height:18px;width:18px;} .right_eventarea_title, .right_eventcal_title{border-radius:0 7.5px 7.5px 0;left:24px;height:24px;padding:3px 0 0 6px;width:100.5px;font-size:13px;} .right_eventcal_title{width:52px;} .right_rank_div .more-box, .right_rank_div .more-svg_news, .right_rank_div .more-svg_rank{ border-radius:3.4px;height:32px;margin:0;width:300px;} .right-content .more-box, .right-content .more-box a{width:300px;} .right-content .more-svg_rank, .right-content .more-svg_event, .right-content .more-svg_news{border-radius:3.4px;width:300px;height:32px;} } /* 下の柱 */ .list_footer_div{clear:both;display:block;margin:0 10px;} .right_etc_month_box, .right_etc_area_box{margin-top:20px;} .sub-box .right_etc_box{margin:0 auto;} @media screen and (min-width: 600px) { .list_footer_div{clear:both;display:inline-flex;width:100%;} .list_footer_div .footer_new_div, .list_footer_div .footer_rank_div, .list_footer_div .footer_right_etc_div{width:300px;} .list_footer_div .footer_new_div{margin-left:0;} .list_footer_div .footer_right_etc_div{margin-right:10px;} .list_footer_div .right_etc_box{height:518px;margin:auto;} .footer_new_div .more-box, .footer_rank_div .more-box, .footer_new_div .more-svg_news, .footer_new_div .more-svg_event, .footer_rank_div .more-svg_rank{border-radius:3.4px;height:32px;margin:0;width:300px;} .right_etc_month_box{margin-top:0;} .right_etc_month_box .right_etc_box, .right_etc_area_box .right_etc_box{height:auto;} } /* rank.html */ .rank_title_sp{display:block;} .rank_title_pc{display:none;} .rank-pc-left, .rank-pc-right{float:none;width:100%;} .rank_banner_rect{margin:5px auto 10px;text-align:center;width:300px;} .rank_banner_sp, .rank_banner_sp div, .rank_banner_sp iframe{min-height:250px;max-height:250px;min-width:300px;max-width:300px;} .rank_unit{clear:both;display:inline-block;float:none;width:100%;} .rank_div{width:100%;} @media screen and (min-width:360px){ .rank_banner_rect{width:336px;} .rank_banner_sp, .rank_banner_sp div, .rank_banner_sp iframe{min-height:250px;max-height:280px;min-width:300px;max-width:336px;} } @media screen and (min-width:600px){ .rank_banner_rect, .rank_banner_pc_only{width:336px;} .rank_banner_sp, .rank_banner_sp div, .rank_banner_sp iframe{height:0;min-height:0;max-height:0;} .rank_banner_pc, .rank_banner_pc div, .rank_banner_pc iframe{min-height:250px;max-height:280px;min-width:300px;max-width:336px;} .rank_title_sp{display:none;} .rank_title_pc{display:block;} .rank_div{width:336px;} .rank-pc-left, .rank-pc-right{width:336px;} .rank-pc-left{float:left;} .rank-pc-right{float:right;} } #fm_trigger_pc .banner-dfp{height:0;width:0;min-height:0;} /* Presspad（全体トップ用） */ #onlineshop_alltop_box{font-size:12px;margin-top:10px;margin-bottom:10px;text-align:center;} #onlineshop_alltop{margin-top:5px;margin-bottom:5px;} .more-svg_cart_alltop{ display: block;border-radius:6px; height: 19px;margin: 0 auto;width: 176px; background-image: url(https://cdn3.railf.jp/img/button/bottom_new_cart_336x36_d97c0b.svg); background-repeat: no-repeat; } @media screen and (min-width:375px){ #onlineshop_alltop_box{font-size:10px;} .more-svg_cart_alltop{height:22px;width:205px;} } @media screen and (min-width:414px){ .more-svg_cart_alltop{border-radius:4.2px;height:16px;width:150px;} } @media screen and (min-width:600px){ #onlineshop_alltop_box{font-size:14px;margin-top:25px;} .more-svg_cart_alltop{border-radius:3px;height:30px;width:280px;} } /* Presspadほか（目次見どころ用） */ #onlineshop_j_box{font-size:14px;text-align:center;} #onlineshop_j{margin-top:5px;margin-bottom:5px;} .more-svg_cart_j{ display: block;border-radius:3px;height:25.7px;margin: 0 auto;width:240px; background-image: url(https://cdn3.railf.jp/img/button/bottom_new_cart_336x36_d97c0b.svg); background-repeat: no-repeat; } @media screen and (min-width:375px){ .more-svg_cart_j{height:30px;width:280px;} } /* ver6とvar8共通 */ .fanspanspace{padding-left:0.5em;} @media screen and (min-width:600px) { footer{display:block;margin:30px auto 100px;width:1012px;} #content-prev-next{ display:block;margin:0 auto;width:1012px; border-bottom:none; } #global-footer{ display:inline-block;margin:0 auto;width:1012px; border-top:solid 1px #ccc; } #copyright{display:block;margin:0 auto;width:1012px;} } /* var8サイト */ /* toRFLバナー */ #library_banner_300x600_pc{display:none;} @media screen and (min-width:600px) { #library_banner_300x600_pc{display:block;margin:20px auto 0;width:300px;} #library_banner_300x600{ display:block;width:300px;height:600px;position:relative; background:no-repeat url("https://cdn3.railf.jp/img/library_banner/bg_railf-library_300x600.jpg");} #library_catch_300x600{display:block;width:100%;padding:5px;color:#2a374b; position:absolute;top:90px;left:0;font-size:30px;font-weight:bold;text-align:justify;} #library_cover_300x600{display:block;width:180px;box-shadow:1px 1px 3px rgba(0, 0, 0, .1); position:absolute;bottom:96px;left:60px;} #library_yen_300x600{display:block;width:180px;height:56px;padding:5px;color:#fff; position:absolute;bottom:20px;left:60px;font-size:27px;border-radius:28px;text-align:center;} } #library_banner_300x250_sp{display:block;margin:20px auto 0;width:300px;} @media screen and (min-width:600px){#library_banner_300x250_sp{display:none;}} #library_banner_300x250_sppccom{display:block;margin:20px auto 0;width:300px;} #library_banner_300x250_com{ display:block;width:300px;height:250px;position:relative; background:no-repeat url("https://cdn3.railf.jp/img/library_banner/bg_railf-library_300x250.jpg");} #library_catchtitle_300x250_com{display:block;width:300px;color:#2a374b; position:absolute;top:52px;left:0; font-size:18px;font-weight:bold;text-align:center; } #library_catchbox_300x250_com{display:block;width:135px; position:absolute;bottom:15px;left:15px; } #library_catch_300x250_com{display:block;width:135px;padding:5px;color:#2a374b; position:absolute;bottom:50px;left:0;font-size:28px;font-weight:bold;line-heihgt:1.6;text-align:center;} #library_yen_300x250_com{display:block;width:135px;height:46px;padding:8px 12px;color:#fff; position:absolute;bottom:0;left:0;font-size:18px;border-radius:23px;text-align:center;} #library_cover_300x250_com{display:block;width:115px;box-shadow:1px 1px 3px rgba(0, 0, 0, .1); position:absolute;bottom:15px;right:15px;} /* サブヘッダ（ver8調整） */ #sub_header #year_2020, #sub_header #year_2010, #sub_header #year_2000, #sub_header #year_1990, #sub_header #year_1980, #sub_header #year_1970, #sub_header #year_1960{width:140px;} #sub_header .box_year{font-size:10px;line-height:3.8;} #sub_header #sub_header_left, #sub_header .box_year {width:24.4% !important;} @media screen and (min-width: 768px){ #sub_header #sub_header_left, #sub_header .box_year {width:172px !important;} #sub_header #sub_header_left{line-height:3.8;height:34px;} } @media screen and (min-width:1088px){ #sub_header #sub_header_left{line-height:3.4;} } /* 本誌コーナートップ */ .mokuji-button-rf-magazine.mokuji-button-rf-magazine_8 a{line-height:1.2;padding-top:5px;} .enquete-button-rf-magazine.enquete-button-rf-magazine_8 a{line-height:2.3;padding-top:4px;} @media screen and (min-width:768px) { .mokuji-button-rf-magazine.mokuji-button-rf-magazine_8 a{line-height:1.1;} .enquete-button-rf-magazine.enquete-button-rf-magazine_8 a{line-height:2;} } @media screen and (min-width:1088px) { .mokuji-button-rf-magazine.mokuji-button-rf-magazine_8 a{line-height:1.2;} } #yokoku-mini-photo.yokoku-mini-photo_8 .mt-image-w450, #yokoku-mini-photo.yokoku-mini-photo_8 .mt-image-w450 + p{display:inline-block;float:none;} #yokoku-mini-photo.yokoku-mini-photo_8{display:inline-block;float:right;height:auto;margin:5px 0 20px 20px;width:100%;} #yokoku-mini-photo.yokoku-mini-photo_8{text-align:center;} #yokoku-mini-photo.yokoku-mini-photo_8 p{font-size:14px;} @media screen and (min-width: 450px){ #yokoku-mini-photo.yokoku-mini-photo_8{width:50%;} } @media screen and (min-width: 600px){ #yokoku-mini-photo.yokoku-mini-photo_8{width:49%;} #yokoku-mini-photo.yokoku-mini-photo_8 p{font-size:14px;} } /* 本誌まとめ（連載記事） */ @media screen and (min-width:600px) { .rf_matome_midokoro.rf_matome_midokoro_list{display:inline-block;width:100%;} } /* 横断ユニット（本誌まとめ（連載記事・CARINFOなど）） */ .all_box{clear:both;display:inline-block;width:100%;} .right_etc_area_box.all_etc_area_box{margin:20px 10px 0;} .all_etc_inner_box.rfl_thumb_div{display:inline-block;margin:10px auto 0;text-align:center;width:95vw;} .rfl_book{display:block;float:left;height:35.05vw; margin-top:3.5vw;margin-left:3.4vw;padding:0;width:19vw;} .rfl_book:nth-child(4n+1){margin-left:4.4vw;} .rfl_thumb{display:block;} .rfl_list{display:block;height:6.4vw;margin-top:1.4vw;width:19vw;} .rfl_icon_list{ display:inline-block;height:6.4vw;text-align:center; background-color:#00081a; background-image:url(https://cdn3.railf.jp/img/icons/icon_list_sq40_bl05.svg); background-repeat:no-repeat;background-position:center center; vertical-align:middle;width:5.2vw; } .rfl_year_list{ background-color:#00081a;color:#fff;display:inline-block; font-size:9px;height:6.4vw;margin-left:0.6vw;padding-top:1.2vw; text-align:center;vertical-align:middle;width:13.2vw; } @media screen and (min-width:400px){.rfl_year_list{font-size:10px;}} @media screen and (min-width:480px){.rfl_year_list{font-size:11px;padding-top:1.6vw;}} @media screen and (min-width:600px){ .right_etc_area_box.all_etc_area_box{margin:0 auto;} .right_etc_box.all_etc_box{width:1012px;} .all_etc_inner_box.rfl_thumb_div{display:block;margin:10px auto 0;text-align:center;width:1012px;} .rfl_book{display:block;float:left;height:117px; margin-top:10px;margin-left:9px;padding:0;width:62px;} .rfl_book:nth-child(4n+1){margin-left:9px;} .rfl_book:nth-child(14n+1){margin-left:16px;} .rfl_thumb{display:block;} .rfl_list{display:block;height:22px;margin-top:4px;width:62px;} .rfl_icon_list{ display:inline-block;height:22px;text-align:center; background-color:#00081a; background-image:url(https://cdn3.railf.jp/img/icons/icon_list_sq40_bl05.svg); background-repeat:no-repeat;background-position:center center; vertical-align:middle;width:15px; } .rfl_year_list{ background-color:#00081a;color:#fff;display:inline-block; font-size:9px;height:22px;margin-left:1px;padding-top:3.6px; text-align:center;vertical-align:middle;width:46px; } } .monospace{font-family:monospace;} @media print{ body{width:1088px;-webkit-print-color-adjust:exact;} #logo-back, .sp_search, .sp_book_box, .sp_sub300_box, .inst_video_box, #event_inner_box, #box_dateandsns, .print-none, aside, .right-content, #global-footer, #sub-ad{display:none !important;} .related-contents{clear:none;border:solid 1px #ccc;border-top:none;display:block;float:left;height:295px;margin:15px 0 0 30px;padding:0;position:relative;width:188px;} #backnumber-shop-main .related-contents{height:310px;} .related-contents:first-child, #backnumber-shop-main .related-contents:nth-child(3n+1){margin-left:0;} .related-contents a{display:inline-block;width:100%;} .related-contents:hover{background-color:#f3f3f3;} .thumbnail-190, .thumbnail-190n{display:block;float:none;margin:0 auto;width:190px;} .thumbnail-190 img{width:188px;} .list-box-190, .list-box-190n{background-color:rgba(255,255,255,.50);display:block;float:none;margin:0;padding:5px;width:178px;} .list-box-190{bottom:0;left:0;position:absolute;} .list-box-190n{height:286px;} #backnumber-shop-main .list-box-190{top:255px;} .list-title-190{min-height:80px;} .list-box-190n .list-title-190{height:267px;} .list-box-190 .mini + .list-title-190{min-height:55px;} .list-box-190n .mini + .list-title-190{height:240px;} #backnumber-shop-main .listtitle190{min-height:0;} .list-box-516{width:516px;} .list-box-186{width:186px;} .list-box-614{width:614px;} .list-box-284{width:284px;} #the-railfan-image{float:left;margin-left:120px;margin-top:6px;} #the-railfan-detail{float:right;margin-right:120px;text-align:justify;width:370px;} .info-rf-magazine{float:right;margin-left:15px;} .mt-image-none{width:100%;} .mt-image-left, .mt-image-right{width:300px;} .mt-image-w450{width:50%;} .mt-image-div2, .mt-image-div3{display:block;float:none;margin:15px 0 0 0 !important;width:630px;} .mt-image-div2 .mt-image-caption-div{float:left;margin-left:20px;width:305px;} .mt-image-div2 .mt-image-caption-div:first-child{margin-left:0;} .mt-image-div3 .mt-image-caption-div{float:left;margin-left:15px;width:200px;} .mt-image-div3 .mt-image-caption-div:first-child{margin-left:0;} .mt-image-left2, .mt-image-right2, .mt-image-left3, .mt-image-center3, .mt-image-right3{display:block;float:none;height:auto;margin:0 auto;padding:5px;width:295px;} .mt-image-left3, .mt-image-center3, .mt-image-right3{width:190px;} .mt-image-cap2, .mt-image-cap3{display:block;float:none;font-size:12px;height:auto;margin:0 auto !important;padding:0;width:295px;} .mt-image-cap3{width:190px;} .mt-image-div2 + p, .mt-image-div3 + p{clear:both;} .Adarticle-content td{display:table-cell;padding:0;text-align:justify;} td.left_title{white-space:nowrap;background-color:#fff;text-align:right;vertical-align:top;} td.left_title:after{content:'：';} #yokoku-mini-photo{float:right;margin:5px 0 5px 15px;width:45%;} }