@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a:hover {
  opacity: 0.6;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table.asp_list th, table.asp_list td {
  vertical-align: middle;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* 1.5 リストマーカー無
-----------------------------------------*/
ol, ul {
  list-style: none;
}

/* 2．スクロールバーを常に表示
-----------------------------------------*/
html {
  overflow-y: scroll;
}

/* 3．フォント関連半角英数字折り返しする
-----------------------------------------*/
body {
  word-break: break-all;
  /* 常に行末で改行 */
  word-wrap: break-word;
  /* 英数半角の改行 */
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  text-align: justify;
  /*テキストを両端揃え*/
  text-justify: inter-ideograph;
  /*テキストを両端揃えIE用*/
}

/* 6．画像余白を消す
-----------------------------------------*/
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

/* Opening
-----------------------------------------*/
.Opening {
  position: relative;
  background-color: #FFF;
  height: 400px;
  width: 100%;
}

.Opening ul li {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.Opening ul li img.Opening__text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9;
}

.Opening ul li span img.Opening__img {
  max-width: inherit;
  width: 100%;
  height: auto;
}

/*　検索ボタンクリック時用ＣＳＳここから　*/
.hide {
  display: none;
}

a.tgTtip {
  margin: 0;
  text-decoration: none;
  font-size: 1em;
}

/* クリック元装飾 */
div.tooltip1 {
  color: #fff;
  text-align: center;
}

/* クリック元装飾(2) */
div.tooltip2 {
  background-color: #ccc;
}

/* ツールチップ本体 */
div.tgToolTip {
  margin: 0;
  padding: 20px 0 0 0;
  border: 0;
  color: #fff;
  min-height: 1em;
  top: 100px;
  left: 20px;
  position: absolute;
  z-index: 100;
  line-height: 40px;
  height: 40px;
}

.dummy {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
}

.t_c {
  width: 27px;
  height: 26px;
  margin-left: 693px;
  margin-top: -56px;
  margin-bottom: 30px;
}

/*検索ボタン用ＣＳＳここまで*/
/*ページ用ＣＳＳ*/
.home h1 {
  display: inline;
}

header, footer {
  text-align: center;
}

footer {
  background: #434343;
  color: #a7a7a7;
  padding: 0 0 60px 0;
  clear: both;
  text-align: left;
  font-size: .7rem;
  overflow: hidden;
}

footer a {
  color: #a7a7a7;
}

header {
  width: 960px;
  margin: 0 auto;
}

header nav ul li i {
  color: #666;
}

.fa.menu_btn {
  display: none;
}

.fa.close_btn {
  display: none;
}

.pc_mid, .pc_btm {
  display: block;
  margin: 0 auto;
}

.smt_mid, .smt_btm {
  display: none;
}

.wrap {
  width: 960px;
  margin: 0 auto 20px;
}

.container {
  width: 100%;
}

pre {
  background: #666;
  margin: 10px 0;
}

code {
  padding: 0;
  top: 0;
  color: #ccc;
}

figure {
  margin-bottom: 10px;
}

figure.lp {
  margin: 0 auto 10px;
  width: 70%;
  text-align: center;
}

figcaption {
  font-size: 0.8rem;
  color: #666;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.left {
  text-align: left !important;
}

.underline {
  text-decoration: underline;
}

.txtred {
  color: #c70000;
}

.txtblue {
  color: #0072c8;
}

.txtsmall {
  font-size: 0.8rem;
}

.txtlarge {
  font-size: 1.08rem;
}

.txtxl {
  font-size: 1.2rem;
}

.txtgray, .txtgray a {
  color: #999999;
}

.right_img {
  float: right;
  margin: 0 0 20px 20px;
}

.left_img {
  float: left;
  margin: 0 20px 20px 0;
}

.cb {
  clear: both;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.no_border {
  border: 0 !important;
}

nav.breadcrumb {
  font-size: 0.8rem;
  margin: 0 0 10px;
  overflow: hidden;
}

nav.breadcrumb,
nav.breadcrumb a {
  color: #999 !important;
}

nav.breadcrumb ul li {
  display: inline-block;
  margin-right: 10px;
  float: left;
}

nav.breadcrumb ul li a::after {
  padding-left: 15px;
  content: ">";
}

nav.paging a, nav.paging span.page-numbers {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #ccc;
  margin: 5px;
  width: 20px;
  text-align: center;
}

nav.paging a {
  color: #037edb;
}

main img.eyecatch {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  width: 98%;
  margin: 3px 1% 20px;
  height: auto;
}

.top_main_list {
  width: 94%;
  margin: 3px auto 20px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  padding: 10px;
  overflow: hidden;
}

.top_main_list .left_box {
  position: absolute;
}

.top_main_list .right_box {
  width: 420px;
  margin-left: 170px;
  min-height: 150px;
}

.top_main_list .right_box span.info_cat {
  background: #0072c8;
  color: #fff;
  padding: 3px 8px;
  font-size: 0.8rem;
  height: 12px;
  line-height: 12px;
  display: inline-block;
}

.top_main_list .right_box h3 {
  background: transparent;
  font-size: 1.1rem;
  padding: 0;
  margin: 3px 0;
  color: #666;
}

.top_main_list .right_box .desc::after {
  content: "...（続きを読む）";
}

#entry, main {
  width: 960px;
  clear: both;
}

#entry.noside {
  width: 100%;
}

#side_menu {
  width: 320px;
  float: right;
}

#entry p a, #entry ul.link_blue a, #entry table a, #entry .default_box a {
  color: #037edb;
  text-decoration: underline;
}

#entry table.asp_list a {
  font-weight: bold;
  text-decoration: none;
}

#entry p a:hover {
  text-decoration: none;
}

#entry h1, #entry h2, #entry h3, #entry h4 {
  clear: both;
  font-weight: normal;
  margin-bottom: 20px;
}

#entry h1 {
  font-size: 1.6rem;
  line-height: 2.5rem;
}

#entry h2 {
  font-size: 1.4rem;
  padding: 15px 0;
  line-height: 2.3rem;
  position: relative;
  padding-left: 20px;
}

#entry h2:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 4px;
  height: 2.3rem;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  background: #333;
}

#entry h3 {
  background: #eee;
  padding: 10px 15px;
  font-size: 1.2rem;
  line-height: 2rem;
}

#entry h4 {
  border-left: 5px solid #999;
  padding: 5px 15px;
  font-size: 1.1rem;
  line-height: 1.8rem;
}

#entry .smpl_txt {
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 1.1rem !important;
  border: 0 !important;
  background: transparent !important;
  font-weight: bold;
}

#entry .update {
  margin-bottom: 20px;
  color: #999;
}

#entry p {
  margin-bottom: 20px;
}

#entry p .pnk {
  background-color: #f6cbdd;
}

#entry .reference {
  background-color: #0391fc;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  font-size: 0.8rem;
  line-height: 1rem;
  padding: 2px 5px;
}

#entry img, main img {
  max-width: 100%;
  height: auto;
}

#entry img.eyecatch {
  margin-bottom: 20px;
}

#entry img.bd1 {
  border: 1px solid #ccc;
}

#entry ul {
  margin-bottom: 20px;
}

.outer::after {
  font-family: "FontAwesome";
  content: '\f24d';
  padding-left: 5px;
}

#entry ul li {
  margin-left: 50px;
  list-style-type: disc;
}

#entry ul.apeal li, #entry ul.check li {
  margin-bottom: 10px;
  font-weight: bold;
  margin-left: 50px;
  text-indent: -40px;
  list-style-type: none;
}

#entry ul.apeal li::before {
  font-family: "FontAwesome";
  content: '\f111';
  padding: 0 15px;
  font-size: 0.8rem;
  color: #ca7c08;
}

#entry ul.check li::before {
  font-family: "FontAwesome";
  content: '\f046';
  padding: 0 15px;
  font-size: 0.8rem;
  color: #000;
}

#entry ul.check li.nocheck::before {
  font-family: "FontAwesome";
  content: '\f096';
}

f0c8
#entry ol {
  margin: 0 0 20px 0;
}

#entry ol li {
  list-style-type: decimal;
  margin-bottom: 10px;
  margin-left: 50px;
}

div.default_box {
  border: 1px solid #ccc;
  background: #eee;
  margin-bottom: 20px;
  padding: 20px 25px 0 25px;
  overflow: hidden;
}

div.default_box.blue {
  border-color: #99bdd7;
  background-color: #d3ebfd;
}

div.default_box.yellow {
  border-color: #f7a730;
  background-color: #f5d4a3;
}

div.default_box.endlist {
  border-color: #ccc;
  background-color: #fff;
  padding: 0;
}

#entry div.default_box.endlist h2 {
  color: #f7a730;
  font-weight: bold;
  margin: 10px 30px;
}

div.default_box.book {
  background: #fff;
  height: 350px;
  overflow: hidden;
  position: relative;
}

#entry div.default_box.book h3 {
  background: #fff;
  padding: 0;
}

#entry div.default_box h2 {
  border: 0;
  padding: 5px 0;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 0;
}

#entry h3.sngl {
  height: 64px;
  line-height: 64px;
}

#entry .book .btn_area {
  padding: 0;
  text-align: right;
}

#entry .book .btn_area a.ver2 {
  font-size: 0.8rem;
  padding: 0 10px;
  line-height: 26px;
}

#entry .book .more, #entry .book .close {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 30px;
  background: #0068b7;
  color: #fff;
  text-align: center;
  z-index: 10;
}

#entry .book .close {
  z-index: 2;
}

#entry .book .btn_area {
  margin-top: -20px;
}

dl.card {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
  width: 500px;
  overflow: hidden;
  margin: 5px 15px;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  -webkit-transition: -webkit-box-shadow .3s ease-out;
  transition: -webkit-box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}

dl.card:hover {
  opacity: .75;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

dl.card dt {
  width: 150px;
  float: left;
  margin: 10px;
}

dl.card dt img {
  border: 1px solid #ccc;
}

dl.card dd {
  float: right;
  width: 310px;
  margin: 10px;
  line-height: 1.4rem;
}

dl.card dd .txtlarge {
  line-height: 2rem;
}

#entry table {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-collapse: collapse;
  min-width: 100%;
  margin-bottom: 20px;
}

#entry th, #entry td {
  padding: 10px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  font-weight: normal;
}

#entry th {
  color: #fff;
  font-weight: bold;
  background: #0072c8;
  text-align: center;
}

#entry table.hikaku th {
  width: 6%;
  font-size: 0.8rem;
}

#entry table.hikaku td {
  text-align: center;
}

#entry tr:nth-child(even) {
  background: #eee;
}

#entry tr:hover {
  background: #ddd;
}

#entry .w100 {
  width: 100% !important;
}

#entry .w90 {
  width: 90% !important;
}

#entry .w80 {
  width: 80% !important;
}

#entry .w70 {
  width: 70% !important;
}

#entry .w60 {
  width: 60% !important;
}

#entry .w50 {
  width: 50% !important;
}

#entry .w40 {
  width: 40% !important;
}

#entry .w30 {
  width: 30% !important;
}

#entry .w20 {
  width: 20% !important;
}

#entry .w10 {
  width: 10% !important;
}

#entry .btn_area {
  padding: 20px;
  text-align: center;
}

#entry .btn_area.sml {
  padding: 0;
  font-size: 0.7rem;
}

#entry .btn_area a, #entry .btn_area input, .tab_item {
  display: inline-block;
  padding: 10px 40px;
  background: #0072c8;
  color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  margin: 0 5px 15px;
}

#entry .btn_area a.max {
  width: 80%;
  margin-left: -10px;
}

#entry .btn_area input {
  border-width: 0;
  cursor: pointer;
}

#entry .btn_area a.ver2 {
  background: #f7a730;
}

#entry .btn_area a.ver3 {
  border: 1px solid #e09999;
  background-color: #FFCACA;
  color: #0164ae;
  font-weight: bold;
}

#entry .btn_area a:hover, #entry .btn_area input:hover {
  opacity: .75;
}

#entry .btn_area input.ver_reset {
  background: #999;
}

#entry .quote_area, #entry blockquote p {
  background: #eee;
  margin: 0 0 20px;
  padding: 20px 30px;
}

#entry #toc_container {
  background: #eee;
  border-top: #999 4px solid;
  padding-bottom: 1px;
  margin-bottom: 20px;
}

#entry #toc_container .toc_title {
  text-align: center;
  border-bottom: 1px solid #999;
  font-size: 1.3rem;
  padding-bottom: 5px;
  margin: 10px auto;
}

#entry #toc_container.contracted .toc_title {
  font-size: 1rem;
  margin: 10px 20px;
}

#entry #toc_container .toc_toggle {
  font-size: 0.8rem;
}

#entry #toc_container .toc_title::before {
  font-family: "FontAwesome";
  content: '\f0ca';
  font-size: 1.2rem;
  margin: 0 5px 5px 0;
}

#entry #toc_container ul li {
  margin-left: 30px;
  margin-right: 20px;
}

#entry #toc_container ul > li {
  font-weight: bold;
}

#entry #toc_container ul > li > ul > li {
  font-weight: normal;
  margin-bottom: 0;
}

#entry .border_box {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
}

#entry .question::before {
  content: "Q. ";
  color: #0072c8;
  font-size: 1.2rem;
}

#entry .answer::before {
  content: "A. ";
  color: #d84040;
  font-size: 1.2rem;
  font-weight: bold;
}

#entry dt.question {
  font-weight: bold;
}

#entry dt.question, #entry dd.answer {
  margin-left: 30px;
  text-indent: -25px;
}

.recommend_rank {
  background: #d1e7f8;
  border-top: 5px solid #0072c8;
  overflow: hidden;
}

.recommend_rank .heading {
  background: #0072c8;
  color: #fff;
  padding: 2px 10px 3px 20px;
  font-weight: bold;
}

.recommend_rank .heading::before {
  font-family: "FontAwesome";
  content: '\f0a4';
}

.recommend_rank .ranking_list {
  margin: 20px 30px;
  padding-bottom: 20px;
  clear: both;
  overflow: hidden;
  position: relative;
}

.recommend_rank .ranking_list img {
  width: 150px;
  float: left;
  margin-right: 15px;
}

/*.recommend_rank .ranking_list::before{
  content: "1";
  position: absolute;
  width: 10px;
  height: 10px;
  padding: 4px 10px 17px 10px;
  background: #f7a730;
  color: #fff;
  font-weight: bold;
}
.recommend_rank .ranking_list.scnd::before{
  content: "2";
  background: #b5b5b5;
}
.recommend_rank .ranking_list.third::before{
  content: "3";
  background: #874f31;
}*/
.recommend_rank .ranking_list .rank_box {
  width: 390px;
  float: right;
}

#entry .recommend_rank .ranking_list .rank_box h3 {
  background: transparent;
  padding: 0 0 10px 0;
  font-size: 1.2rem;
  margin-bottom: 0;
}

#entry .recommend_rank .ranking_list .rank_box p {
  line-height: 1.4;
  margin-bottom: 5px;
}

#entry .recommend_rank .ranking_list .rank_box .more {
  background: #0072c8;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  width: 100px;
  float: right;
  -webkit-transition: background .3s ease-out;
  transition: background .3s ease-out;
}

#entry .recommend_rank .ranking_list .rank_box .more:hover {
  background: #008ffb;
}

.kaiwa {
  position: relative;
  display: inline-block;
  margin: 1.5rem 0 1.5rem 2rem;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 10px;
}

.kaiwa.backyl {
  background: #fdedd4;
}

.kaiwa:before {
  content: "";
  position: absolute;
  top: 30px;
  left: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.kaiwa.backyl:before {
  border-right: 15px solid #fdedd4;
}

.profile {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #99bdd7;
}

#entry .kaiwa p {
  margin: 0;
  padding: 10px;
}

#entry .face_icon {
  max-height: 80px;
  border-radius: 50%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
textarea,
select {
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 0.9rem;
}

input.short {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70%;
}

input.long {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/* Chrome, Safari */
::-webkit-input-placeholder {
  color: #999;
}

/* Firefox */
::-moz-placeholder {
  color: #999;
}

/* Firefox 18以前 */
:-moz-placeholder {
  color: #999;
}

/* IE */
:-ms-input-placeholder {
  color: #999;
}

input, textarea, select {
  padding: 8px;
  line-height: 1.7;
}

.cp_ipselect {
  overflow: hidden;
  width: 90%;
  text-align: center;
}

.cp_ipselect select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.cp_ipselect select::-ms-expand {
  display: none;
}

.cp_ipselect.cp_sl01 {
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: #ffffff;
}

.cp_ipselect.cp_sl01::before {
  position: absolute;
  top: 1rem;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

.cp_ipselect.cp_sl01 select {
  padding: 8px 38px 8px 8px;
  color: #666666;
}

#side_menu .side_recommend {
  background: #ddd;
  padding: 10px 0;
  margin-bottom: 20px;
}

#side_menu .side_recommend a:hover {
  opacity: .7;
}

#side_menu .side_banner, #side_menu .recommend_block {
  margin: 0 auto 20px;
  width: 300px;
  text-align: center;
}

#side_menu .side_banner, #side_menu .recommend_block img {
  width: 100%;
}

#side_menu .side_banner {
  margin-bottom: 0;
}

#side_menu .recommend_block dl {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  margin-bottom: 20px;
  background: #fff;
}

#side_menu .recommend_block dl dd {
  padding: 3px 10px;
}

#sm_footer_menu, #sm_footer_cat {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 0 20px 60px 20px;
  background: #fff;
  display: none;
}

#sm_footer_cat {
  text-align: center;
}

#sm_footer_cat h3, #sm_footer_cat ul {
  width: calc(100% - 40px);
}

#sm_footer_cat h3 {
  padding: 10px 0;
  background: #d0ebff;
}

#sm_footer_cat ul li {
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

#sm_footer_menu .entry_ranking {
  width: calc(100% - 40px);
}

#side_menu .entry_ranking h4.ranking_title, #sm_footer_menu .entry_ranking h4.ranking_title {
  background: #d0ebff;
  padding: 5px 10px;
  margin-bottom: 10px;
}

#side_menu .entry_ranking h4.ranking_title::before, #sm_footer_menu .entry_ranking h4.ranking_title::before {
  font-family: "FontAwesome";
  content: '\f0a4';
  padding-left: 5px;
}

#side_menu .entry_ranking .ranking_list, #sm_footer_menu .entry_ranking .ranking_list {
  overflow: hidden;
  clear: both;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#side_menu .entry_ranking .ranking_list dt img, #sm_footer_menu .entry_ranking .ranking_list dt img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}

#side_menu .entry_ranking .ranking_list dd, #sm_footer_menu .entry_ranking .ranking_list dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*上下中央揃え*/
  line-height: 1.3;
  height: 70px;
}

#side_menu .entry_ranking a:hover {
  display: block;
  background: #eee;
}

#side_menu .widget {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

footer div.copyright {
  text-align: right;
  width: 320px;
  float: right;
  color: #a7a7a7;
}

.smt_foot_link {
  position: fixed;
  bottom: 0;
  background: #eee;
  width: 100%;
  z-index: 10000;
}

.home-btn, .pop-btn, .cat-btn, #top-btn {
  display: block;
  width: 25%;
  float: left;
  text-align: center;
  cursor: pointer;
}

/*ページ用ＣＳＳここまで*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  div.tgToolTip {
    padding: 10px 0 0 0;
  }
  /* IE11 */
}

.check_btn {
  position: relative;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

input[type="checkbox"] + label {
  display: block;
  background-image: url(parts/img/check_btn.jpg);
  width: 261px;
  height: 55px;
  background-position: left top;
  background-repeat: no-repeat;
}

input[type="checkbox"]:checked + label {
  background: url(parts/img/check_btn.jpg) left bottom;
}

body {
  line-height: 1.8rem;
  font-size: 0.9rem;
  color: #333;
}

a {
  color: #333;
  text-decoration: none;
}

/* ==============================================
* Spin Effect
==============================================*/
.spin {
  border: 1px solid #FFF;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
}

.spin:hover {
  -webkit-transform: rotateX(360deg);
          transform: rotateX(360deg);
  -webkit-transition: .8s ease-in-out;
  transition: .8s ease-in-out;
}

section {
  width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  section {
    width: auto;
  }
}

.top_main_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top_main_list a {
  color: #666;
}

.top_main_list li {
  width: 296px;
  margin-bottom: 30px;
}

.top_main_list li .list_img {
  width: 296px;
  height: 190px;
  overflow: hidden;
  display: block;
}

.top_main_list li img {
  margin-bottom: 10px;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.top_main_list li img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 30px auto 50px;
}

.Opening {
  margin-bottom: 30px;
}

.top_news {
  text-align: left;
  margin-bottom: 30px;
}

.top_news li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #bbb;
}

.top_news h2 {
  color: #666;
  font-size: 1.4rem;
  margin-bottom: 30px;
}

.top_news span.date, .top_news span.cat, .top_news span.cont {
  display: inline-block;
  margin-right: 20px;
}

.top_news span.cat {
  width: 160px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.top_news span.cat.info {
  background: #64a4a4;
}

.top_news span.cat.np {
  background: #baa456;
}

footer .footer_block {
  width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 0;
  }
  footer .footer_block {
    width: 94vw;
    margin: auto;
  }
}

footer .footer_block nav {
  margin-bottom: 10px;
  float: left;
  width: 600px;
}

footer .footer_block nav li {
  display: inline-block;
  margin-right: 10px;
}

footer .footer_block nav li:after {
  content: "|";
  padding-left: 10px;
}

footer .footer_block nav li:last-child:after {
  content: "";
}

footer .footer_logo {
  float: left;
  margin-right: 20px;
}

header {
  height: 100px;
  text-align: left;
  margin-top: 10px;
  overflow: hidden;
}

header .header_log {
  float: left;
  margin-top: 5px;
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0 0 70px;
  float: right;
}

header nav ul li:after {
  content: "|";
  padding-left: 10px;
  color: #ccc;
}

header nav ul li:last-child:after {
  content: "";
}

header nav ul li {
  font-size: .9rem;
  margin-right: 10px;
  line-height: 33px;
}

header nav ul li:last-child {
  margin-right: 0;
}

header .search_btn {
  float: left;
  margin-top: 40px;
}

header .pc_search {
  text-align: right;
  font-size: 0.8rem;
  position: relative;
  margin-top: 10px;
}

header .pc_search .fa-search {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #999;
  font-size: 1rem;
  cursor: pointer;
  z-index: 1;
}

div.tgToolTip {
  border-top: solid 3px #00A53C;
  padding-top: 0;
  margin-top: 20px;
  margin-left: 10px;
}

div.tgToolTip::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #00A53C;
}

input.floating_tbox {
  width: 100px;
  font-size: 0.8rem;
  border: 1px solid #ddd;
  height: 20px;
  background-color: #fff;
  line-height: 20px;
  margin: 0 0 0 10px;
  padding: 5px;
  border-right-width: 0;
  border-radius: 0;
}

.floating_btn {
  vertical-align: bottom;
  font-size: 15px;
  border: 1px solid #ddd;
  border-left: 0;
  height: 32px;
  background-color: transparent;
  color: #fff;
  width: 45px;
  line-height: 30px;
  z-index: 10;
  position: relative;
}

form.headsearch {
  display: inline-block;
}

form.headsearch input[type="submit"] {
  border: 1px solid #ddd;
  font-size: 15px;
  border-left: 0;
  border-radius: 0;
}

.top_news a, .top_news a, .footer_block a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.top_news a::after, .footer_block a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #999;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.top_news a:hover::after, .footer_block a:hover::after {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.footer_block a::after, .footer_block a:hover::after {
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

header nav.is-animation ul {
  margin: 15px auto 0 -250px;
  position: absolute;
  left: 50%;
}

.separater {
  height: 1px;
  background: #ccc;
  border: 0;
  margin: 0;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 10;
}

#page-top a {
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a::before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: solid #fff 20px;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  top: 13px;
  left: 15px;
  z-index: 11;
}

#page-top a::after {
  content: "";
  position: absolute;
  background: #ccc;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}

#page-top a:hover {
  text-decoration: none;
}

#sm_menu {
  display: none;
}

.nopc {
  display: none;
}

.nosm {
  display: block;
}

/* コンタクトフォーム７ */
div.wpcf7-mail-sent-ok {
  border: 0 !important;
  font-weight: bold;
  color: #0072c8;
  text-align: center;
}

div.wpcf7-response-output {
  margin-top: -2rem !important;
}

iframe {
  max-width: 100%;
}

div.wpcf7 .ajax-loader {
  /* ローディング画像をボタン下へ */
  margin: 0 auto !important;
  display: block !important;
}

.ud_ad {
  text-align: center;
}

.no_disp {
  display: none;
}

#entry .btn_area.sml a {
  padding: 0 10px;
  margin: 0;
}

#entry table.tablesorter th.arrow_v {
  background: url(parts/img/arrow_v.png) no-repeat right center #0072c8;
  cursor: pointer;
}

/* ///////////////////////
一覧ページスタイル
/////////////////////// */
.tabs {
  margin-top: 50px;
  padding-bottom: 0;
  width: 100%;
  margin: 0 auto;
  display: flex-box;
}

.tab_item {
  float: left;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: center;
  padding: 5px 10px;
}

.tab_item:hover {
  opacity: 0.75;
}

.tab_content {
  margin-top: 30px;
}

#entry .tab_content h3 {
  background: transparent;
  font-size: 1.6rem;
}

label.tab_item {
  display: block;
  margin: 0 1% 20px;
  cursor: pointer;
  font-weight: normal;
}

label.tab_item:hover {
  text-decoration: underline;
}

/*ラジオボタンを全て消す*/
input[name="category"], input[name="tag"] {
  display: none;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  font-weight: bold;
  background: #f7a730;
}

.search-box {
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}

.search-box input[type="checkbox"] + label {
  width: auto;
  height: auto;
}

form.tabs {
  overflow: hidden;
  margin-bottom: 10px;
}

.toshi, .income {
  border-radius: 2rem;
  border: 3px solid #ccc;
  display: inline-block;
  margin-right: 3px;
  padding: 1px 5px;
  font-weight: bold;
}

.toshi {
  border-color: #b64080;
  color: #b64080;
}

.income {
  border-color: #d7ac1d;
  color: #b99419;
}

#entry .detail_list h4 {
  color: #0072c8;
  font-weight: bold;
}

#entry .detail_list h5 {
  color: #0072c8;
  font-weight: bold;
  margin-bottom: 10px;
}

.sns i {
  width: 100%;
  height: 32px;
  border-radius: 5px;
  background-color: #999;
  color: #fff;
  padding-top: 15px;
  font-size: 1.2rem;
  border-bottom: solid 5px #666;
}

.sns i.fa-facebook-f {
  background: #3b5998;
  border-color: #2d4473;
}

.sns i.fa-twitter {
  background: #55acee;
  border-color: #178ee8;
}

.sns .line_btn {
  width: 100%;
  border-radius: 5px;
  background: #02ac31;
  border-bottom: solid 5px #008525;
  height: 47px;
}

.sns .hateb {
  width: 100%;
  border-radius: 5px;
  background: #00a4de;
  border-bottom: solid 5px #006eab;
  height: 47px;
}

.sns .line_btn img, .sns .hateb img {
  margin-top: 8px !important;
}

.sns .hatena-bookmark-button {
  background: #007bb6;
  border-color: #005983;
}

#entry .btn_area a.hikaru {
  background: #c12f34;
}

/*
.btn_area a.hikaru {
position: relative;
z-index: 2;
overflow: hidden;
transition: .25s linear;
-webkit-transition: .25s linear;
-moz-transition: .25s linear;
}
.btn_area a.hikaru:hover {
color: #52d3ff;
background-color: #ffffff;
}
.btn_area a.hikaru:before {
display: block;
position: absolute;
z-index: -1;
left: -30%;
top: -50%;
content: "";
width: 30px;
height: 100px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
animation: shiny 3s infinite linear;
-webkit-animation: shiny 3s infinite linear;
-moz-animation: shiny 3s infinite linear;
}*/
#entry .kanren h4 {
  font-weight: bold;
  border: 0;
}

.kanren h4::before {
  font-family: "FontAwesome";
  content: '\f063';
  margin-right: 5px;
}

@keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}

@-webkit-keyframes shiny {
  0% {
    left: -30%;
  }
  20% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}

@media print, screen and (min-width: 481px) {
  .is-animation {
    height: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  }
  header nav ul.is-animation {
    margin: 0;
    float: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media print, screen and (max-width: 959px) {
  header {
    width: auto;
  }
  .wrap {
    width: 100%;
    overflow: scroll;
  }
  #entry, main {
    width: 90%;
    margin: 0 auto;
  }
  #side_menu {
    width: 28%;
  }
  #side_menu img {
    max-width: 100%;
    height: auto;
  }
  #side_menu .side_banner, #side_menu .recommend_block {
    width: auto;
  }
  #side_menu .entry_ranking .ranking_list dd {
    height: auto;
  }
  dl.card {
    width: auto;
    max-width: 500px;
  }
  header {
    height: auto;
  }
  header .pc_search {
    width: 250px;
    float: right;
  }
  header nav ul {
    margin: 10px 0 0 0;
  }
  .recommend_rank .ranking_list .rank_box {
    width: auto;
    margin-left: 170px;
  }
  .recommend_rank .ranking_list img {
    position: absolute;
    z-index: 1;
  }
  .recommend_rank .ranking_list::before {
    z-index: 2;
  }
  #entry.noside .scroll table {
    min-width: 800px;
  }
}

@media screen and (max-width: 480px) {
  header {
    background: none;
    width: auto;
    margin: 0 10px 10px;
    padding: 0;
    height: auto;
  }
  header .header_log {
    width: 80%;
  }
  .wrap {
    overflow: hidden;
  }
  .wrap, main#entry, main, dl.card {
    width: auto;
  }
  #side_menu {
    width: 100%;
  }
  section {
    width: 100%;
  }
  .top_main_list {
    width: 92%;
    padding: 10px;
  }
  .top_main_list .left_box {
    width: 25%;
    position: relative;
    float: left;
  }
  .top_main_list .right_box {
    width: 70%;
    margin-left: 10px;
    min-height: 80px;
    float: right;
  }
  .top_main_list .right_box h3 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0;
  }
  .top_main_list .right_box p.desc {
    display: none;
  }
  .top_main_list li {
    width: 50%;
  }
  .top_main_list li .list_img {
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  .nopc {
    display: block;
  }
  .nosm {
    display: none;
  }
  header nav {
    display: none;
    position: fixed;
    z-index: 99;
    top: 50px;
    width: 95%;
    background: #333;
    padding: 20px 0 0;
  }
  header nav .pc_search a {
    color: #fff;
  }
  header nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 0 -10px;
    width: 100%;
  }
  header nav ul li {
    margin-right: 0;
  }
  header nav ul li a {
    padding: 10px 20px;
    display: block;
    border-bottom: 1px solid #ccc;
    color: #fff;
  }
  header nav ul li:after {
    content: "";
    padding-left: 0;
  }
  main#entry, main, nav.breadcrumb {
    width: 90%;
    margin: 0 5% 20px;
  }
  .side_menu {
    width: 100%;
    float: none;
  }
  .top_news {
    width: 90%;
    margin: 0 auto 30px;
  }
  .btn {
    display: block;
    margin: 0 auto;
  }
  .btn img {
    width: 80%;
    margin-bottom: 20px;
  }
  .right_img, .left_img {
    max-width: 50%;
  }
  section img, footer img {
    width: 100%;
  }
  .top_main_list li {
    margin: 5px auto 30px auto;
    cursor: pointer;
  }
  footer .footer_block {
    width: 90%;
    margin: 0 auto;
  }
  .footer_block img {
    width: 189px;
    margin-bottom: 10px;
  }
  .fa.menu_btn {
    display: block;
  }
  header .smt_search {
    display: block;
    padding: 10px;
    background: #fff;
    margin: 0 0 0 -10px;
  }
  #sm_menu {
    display: block;
    float: right;
    width: 35px;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 100;
    font-size: 2em;
    color: #333;
    background: #fff;
    border-radius: 5px;
    padding: 5px 5px;
  }
  .Opening {
    height: 170px;
    width: 100%;
    overflow: hidden;
  }
  .Opening__text {
    width: 85%;
    height: auto;
  }
  section,
  footer {
    width: 100%;
  }
  section img, footer img {
    width: 90%;
  }
  .pc_mid, .pc_btm {
    display: none;
  }
  .smt_mid, .smt_btm {
    display: block;
    margin: 10px auto;
    padding: 10px 0;
  }
  .floating_tbox {
    width: 75%;
  }
  .floating_btn {
    width: 22%;
  }
  #entry ul.apeal li, #entry ul li {
    margin-left: 30px;
  }
  #entry .scroll {
    overflow: auto;
  }
  #entry .scroll table {
    min-width: 600px;
  }
  #entry .onecolm table thead {
    display: none;
  }
  #entry .onecolm table tr:nth-child(even) {
    background: #fff;
  }
  #entry .onecolm table tr td:first-child {
    background: #eee;
  }
  #entry .onecolm table td, #entry .onecolm table th {
    display: block;
  }
  #entry .face_icon {
    max-height: 70px !important;
    width: 70px;
  }
  dl.card dt {
    width: 30%;
  }
  dl.card dd {
    width: 58%;
    margin-left: 0;
    padding-top: 0;
  }
  .recommend_rank .ranking_list {
    margin: 10px 4%;
  }
  #entry .recommend_rank .ranking_list p {
    margin: 0;
  }
  #entry .recommend_rank .ranking_list p a {
    color: #333;
    text-decoration: none;
  }
  .recommend_rank .ranking_list img {
    width: 35%;
    height: auto;
    margin: 0;
  }
  .recommend_rank .ranking_list .rank_box {
    width: 60%;
  }
  #side_menu .side_recommend {
    padding: 20px 0;
  }
  #side_menu .entry_ranking .ranking_list {
    width: 90%;
    margin: 0 5% 10px;
  }
  #entry h1 {
    line-height: 2.5rem;
  }
  footer .footer_block nav {
    width: auto;
    text-align: center;
  }
  footer div.copyright {
    text-align: center;
  }
  .floating_tbox {
    width: 120px;
  }
  .floating_btn {
    width: 30px;
    margin-right: 15px;
  }
  header .pc_search {
    width: auto;
  }
  header .pc_search .fa-search {
    right: 20px;
  }
  header .pc_search .sitemap::before {
    font-family: "FontAwesome";
    content: '\f041';
    margin-right: 5px;
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="submit"],
  textarea,
  select {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
  }
  #entry.noside {
    width: 90%;
  }
  .top_news a, .top_news a, .footer_block a {
    position: static;
  }
  #entry .w70 {
    width: auto !important;
  }
}

/* コンテンツフェードイン用 */
.fadein {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.6s, 0.6s;
          transition-duration: 0.6s, 0.6s;
  -webkit-transition-timing-function: ease, ease;
          transition-timing-function: ease, ease;
}

.fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

#wrap header {
  height: 80px;
}

#wrap header h1 img {
  max-width: 200px;
}

#wrap .firstview img {
  width: 100%;
}

.row a {
  color: #037edb;
  text-decoration: underline;
}

.oneday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.oneday .date {
  width: 150px;
}

@media screen and (max-width: 768px) {
  .oneday .date {
    width: 22vw;
  }
}

@media screen and (max-width: 768px) {
  .oneday .news_title {
    width: 65vw;
  }
}
a.btn-more {
  text-align: center;
  margin: 10px auto;
  display: block;
  overflow: hidden;
  text-decoration: none !important;
  width: 240px;
  height: 48px;
  font-weight: normal;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0;
  color: #fff !important;
  position: relative;
  background-image: linear-gradient(to right, #0186da, #b631a7);
  border-radius: 100px;
  border: 0;
  color: #fff;
  background-position: 0 top; }

.btn-more:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#0186da), to(#b631a7));
  background-image: linear-gradient(to right, #0186da, #b631a7); }

.btn-more:before, .btn-more:after {
  content: '';
  position: absolute;
  background: #fff; }

.btn-more:before {
  top: 24px;
  right: 20px;
  height: 2px;
  width: 18px; }

.btn-more:after {
  top: 20px;
  right: 20px;
  height: 2px;
  width: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
/*# sourceMappingURL=style.css.map */


.under_area{
overflow-x: scroll;
}
#entry table{
min-width: 960px;
}
#entry td,#entry th{
	padding:0;
}
#entry th{
vertical-align: middle;
}
#entry td{
text-align:center;
}
#entry{
	margin-top:2rem;
}
.update{
	margin-top:15px;
}
.oneday{
	font-size: 1.2rem;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
@media screen and (max-width:768px) {
	.oneday{
		font-size: 4vw
	}
	.update{
		margin-top:0;
	}
}
.oneday .new{
  color:#fff;
  font-size: .6rem;
  background:#d20000;
  padding:4px 8px;
  display: inline-block;
  line-height: 1;
  border-radius: 20px;
  vertical-align: super;
}
.oneday .date{
  width: 25%;
}
.oneday .news_title{
  width:70%;
}