@charset "UTF-8";
/* reset */
html, body {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
b,
i,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit; }

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

ol, ul {
  list-style: none; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

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

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

html {
  font-size: 62.5%;
  /* 1.0rem = 10px; */ }

/*------------------------------------------------------------
 * Body
------------------------------------------------------------*/
body {
  color: #333;
  background: #fff;
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
  overflow: hidden;
  width: 100%; }

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

/*------------------------------------------------------------
 * Container
------------------------------------------------------------*/
.xCon {
  width: 900px; }

/*------------------------------------------------------------
 * image
------------------------------------------------------------*/
img {
  vertical-align: bottom; }

.xBox {
  zoom: 1; }

.xBox:before,
.xBox:after {
  content: "";
  display: table; }

.xBox:after {
  clear: both; }

.xCon {
  margin-left: auto;
  margin-right: auto; }

.xDB {
  display: block !important; }

.xDI {
  display: inline !important; }

.xDIB {
  display: inline-block !important; }

.xBg {
  line-height: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat; }

.xPB0 {
  padding-bottom: 0px !important; }

.xPB5 {
  padding-bottom: 5px !important; }

.xPB10 {
  padding-bottom: 10px !important; }

.xPR0 {
  padding-right: 0px !important; }

.xPT10 {
  padding-top: 10px !important; }

.xPT50 {
  padding-top: 50px !important; }

.xPT200 {
  padding-top: 200px !important; }

.xMB0 {
  margin-bottom: 0px !important; }

.xMB1 {
  margin-bottom: 1px !important; }

.xMB2 {
  margin-bottom: 2px !important; }

.xMB3 {
  margin-bottom: 3px !important; }

.xMB4 {
  margin-bottom: 4px !important; }

.xMB5 {
  margin-bottom: 5px !important; }

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

.xMB15 {
  margin-bottom: 15px !important; }

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

.xMB25 {
  margin-bottom: 25px !important; }

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

.xMT0 {
  margin-top: 0px !important; }

.xMT1 {
  margin-top: 1px !important; }

.xMT2 {
  margin-top: 2px !important; }

.xMT3 {
  margin-top: 3px !important; }

.xMT4 {
  margin-top: 4px !important; }

.xMT5 {
  margin-top: 5px !important; }

.xMT10 {
  margin-top: 10px !important; }

.xMR0 {
  margin-right: 0px !important; }

.xMR1 {
  margin-right: 1px !important; }

.xMR2 {
  margin-right: 2px !important; }

.xMR3 {
  margin-right: 3px !important; }

.xMR4 {
  margin-right: 4px !important; }

.xMR5 {
  margin-right: 5px !important; }

.xMR10 {
  margin-right: 10px !important; }

.xML0 {
  margin-left: 0px !important; }

.xML1 {
  margin-left: 1px !important; }

.xML2 {
  margin-left: 2px !important; }

.xML3 {
  margin-left: 3px !important; }

.xML4 {
  margin-left: 4px !important; }

.xML5 {
  margin-left: 5px !important; }

.xML10 {
  margin-left: 10px !important; }

.xBR0 {
  border-right: 0 !important; }

.xWithArrow {
  display: inline-block; }

.xWithArrow i {
  display: inline-block;
  width: 5px;
  height: 7px;
  background-image: url("/img/arr.blue.10x14.right.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 5px 7px;
  -moz-background-size: 5px 7px;
  background-size: 5px 7px; }

.xWithArrow i.black {
  background-image: url("/img/arr.black.10x14.right.png"); }

.xEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden; }

.xFL {
  float: left !important; }

.xFR {
  float: right !important; }

.xW10 {
  width: 10px !important; }

.xW20 {
  width: 20px !important; }

.xW30 {
  width: 30px !important; }

.xW40 {
  width: 40px !important; }

.xW50 {
  width: 50px !important; }

.xW60 {
  width: 60px !important; }

.xW70 {
  width: 70px !important; }

.xW75 {
  width: 75px !important; }

.xW80 {
  width: 80px !important; }

.xW90 {
  width: 90px !important; }

.xW100 {
  width: 100px !important; }

.xW110 {
  width: 110px !important; }

.xW120 {
  width: 120px !important; }

.xW130 {
  width: 130px !important; }

.xW140 {
  width: 140px !important; }

.xW150 {
  width: 150px !important; }

.xW160 {
  width: 160px !important; }

.xW170 {
  width: 170px !important; }

.xW180 {
  width: 180px !important; }

.xW190 {
  width: 190px !important; }

.xW200 {
  width: 200px !important; }

.xW300 {
  width: 300px !important; }

.xW50p {
  width: 50% !important; }

.xW75p {
  width: 75% !important; }

.xW100p {
  width: 100% !important; }

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

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

.xLH0 {
  line-height: 0 !important; }

body {
  width: 100%;
  height: 100%;
  height: auto;
  position: relative; }
  body .wrapper {
    margin: 0 auto; }
  body h1 {
  }

  .title-div {

    width: 1040px;
    margin: 0 auto;
    font-size: 10px;
  }

  .h1-div {
    padding-top: 10px;
    float:left;
  }

  .top-link {
    padding-top: 10px;
    text-align:right;
    font-size: 10px;
  }

  .top-link:after{
    clear:both;
  }

img {
  width: 100%;
  width: auto; }

a {
  text-decoration: none; }

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

input[type="text"]:focus, button:focus {
  outline: 0; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

/*--共通部分 end--*/
/*--header部分--*/
header {
  height: 120px;
  width: 1040px;
  margin: 0 auto;
  background-color: white; }
  header .menu, header .logo, header .pc-serch, header .search {
    float: left; }
  header .logo {
    width: 25%; }
    header .logo a {
      display: inline-block;
      margin: 24px 5px; }
  header .pc-serch {
    display: inline;
    width: 75%; }
    header .pc-serch input {
      /* max-width: 30%; */
      margin: 40px 0 0 0;
      border: #ebebeb 1px solid;

      float: left;

      font-size: 1.3rem;
      padding: 11px 10px;
      width: 64%; }
    header .pc-serch .pc-serch-bar {
      width: 313px;
      float: right; }
      header .pc-serch .pc-serch-bar button {
        border: 0px;
        background: #333333;
        padding: 6px 13px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-top: 40px;
        cursor: pointer; }
        header .pc-serch .pc-serch-bar button i {
          font-size: 2.6rem;
          color: #fff; }
    header .pc-serch .pc-btn-bar {
      width: 82px;
      float: right;
      padding-top: 40px; }
    header .pc-serch .btn-twitter{
      display: block;
      font-size: 1.8rem;
      padding: 10px;
      border: #2e97d8 2px solid;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      text-align: center;
      line-height: 13px;
      color: #2e97d8;
      float: left;
      display: block; }

	  header .pc-serch .btn-facebook {
      display: block;
      font-size: 1.8rem;
      padding: 10px;
      border: #4863ae 2px solid;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      text-align: center;
      line-height: 13px;
      color: #4863ae;
      float: left;
	  }

    header .sp-top-button {
      display:none;
    }


    header .pc-serch .btn-twitter {
      margin-right: 4px; }
    header .pc-serch .btn-twitter:hover, header .pc-serch .btn-twitter:active, header .pc-serch .btn-facebook:hover, header .pc-serch .btn-facebook:active {
      color: #fefefe; }
    header .pc-serch .btn-twitter:hover, header .pc-serch .btn-twitter:active {
      background: #2e97d8;
      border-color: #2e97d8; }
    header .pc-serch .btn-facebook:hover, header .pc-serch .btn-facebook:active {
      background: #4863ae;
      border-color: #4863ae; }

/*--header部分 end--*/
/*--人気のキーワード部分 --*/
.bg_white {
  background: #fefefe;
  width: 100%; }

.pc-center-area {
  display: block;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 15px 0; }
  .pc-center-area .list-name {
    width: 240px;
    float: left;
    font-size: 17px;
    color: #999; }
    .pc-center-area .list-name p img {
      margin-bottom: -12px; }
  .pc-center-area .list-tags {
    float: right;
    width: 800px; }
    .pc-center-area .list-tags ul li {
      font-size: 1.3rem;
      display: inline-block; }
      .pc-center-area .list-tags ul li a {
        padding: 10px;
        display: block;
        margin: 0px 9px 10px 0;
        color: #666;
        background: #eeeeee;
        border: #ccc 1px solid; }
      .pc-center-area .list-tags ul li a:hover {
        background: #FF77AB;
        color: #fefefe;
        border: #FF77AB 1px solid; }

.contents {
  max-width: 1040px;
  margin: 0 auto; }

.bg_beige {
  background: #F7F7F8;
  width: 100%; }

.pHome .main-contents,
.pHome .sub-contents {
  padding: 40px 0; }

.main-contents {
  padding: 20px 0; }


.sub-contents {
  padding: 35px 0; }


.main-contents {
  max-width: 700px;
  float: left;
  width: 700px; }

.sub-contents {
  max-width: 300px;
  width: 300px;
  float: right; }

.FixImage {
  position: relative;
  overflow: hidden; }
  .FixImage a {
    display: block; }
    .FixImage a .content {
      position: absolute; }

.article-title {
  font-size: 18px;
  padding: 0 0 10px 0;
  font-weight: 700; }
  .article-title img {
    margin-right: .5rem;
    margin-bottom: -.3rem; }

.article-img {
  width: 250px;
  height: 200px;
  /* overflow:hidden; */
  float: left;
  /* a{ */
  /* display:block; */
  /* position:relative; */
  /* .hover-img{ */
  /* position: absolute; */
  /* bottom: 40px; */
  /* left: 5px; */
  /* display:none; */
  /* } */
  /* } */
  /* a:hover>.hover-img{ */
  /* display:inline; */
  /* } */
  /* img{ */
  /* display:none; */
  /* } */ }

.article-img:hover {
  opacity: 0.8; }

.article-text {
  float: left;
  padding-left: 20px;
  font-size: 1.5rem;
  width: 430px;
  box-sizing: border-box; }
  .article-text h3 a {
    font-size: 23px;
    display: block;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    height: 90px;
    margin-bottom: 15px;
    overflow: hidden;
    word-break: break-all; }
  .article-text h3 a:hover {
    opacity: 0.7; }

.pc-tag-label li, .article-info li {
  display: inline-block; }

.article-info {
  padding-bottom: 15px;
  font-size: 1.3rem; }
  .article-info li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    color: #999; }
    .article-info li a {
      color: #2e97d8;
      text-decoration: none; }
    .article-info li a:hover {
      color: #2e97d8;
      text-decoration: underline; }

.article-tag:before {
  content: "\f02b";
  font-family: "FontAwesome";
  color: #999999;
  display: block;
  margin-bottom: -15px;
  margin-left: -25px; }

.article-tag {
  padding-left: 30px;
  min-height: 35px; }
  .article-tag li {
    display: inline-block;
    margin-bottom: 5px; }
    .article-tag li a {
      color: #2e97d8;
      text-decoration: none;
      font-size: 1.4rem; }
    .article-tag li a:hover {
      color: #2e97d8;
      text-decoration: underline; }

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

.text-left {
  text-align: left;
  line-height: 1.45; }

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

.label, .bar-label {
  padding: 5px 15px;
  display: inline-block;
  background: #ffc507;
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 10px; }

.label:hover, .bar-label:hover {
  opacity: 0.7;
  cursor: pointer; }

.bar-label.mb4 {
  margin-bottom: 4px; }

.date {
  padding: 0 5px;
  font-size: 12px;
  color: #999; }

article {
  padding: 30px 0;
  border-bottom: #ccc 1px dotted; }

.new-articles h2 + article {
  box-sizing: border-box;
  padding: 15px 0 30px 0;
  border-bottom: #ccc 1px dotted;
  margin-right: 10px; }
.new-articles article:nth-of-type(3) {
  border-bottom: 0px; }
.new-articles .more-btn {
  text-align: center; }
  .new-articles .more-btn a {
    font-size: 1.3rem;
    border: #999 2px solid;
    display: block;
    padding: 15px 0;
    color: #999;
    margin: 6px 0; }
  .new-articles .more-btn a:hover {
    background: #FF77AB;
    color: #fefefe;
    border-color:#FF77AB;
    padding: 15px 0; }

.new-articles .more-btn-red {
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  width:80%;
  background-color:#e85353;
}
  .new-articles .more-btn-red a {
    font-size: 1.3rem;
    border: #e85353 2px solid;
    display: block;
    padding: 15px 0;
    color: #FFF;
    margin: 6px 0; }
  .new-articles .more-btn-red a:before {
    font-family: FontAwesome;
    font-size:14px;
    content: '\f144'; /* アイコンのunicode */
    padding-right:4px;
  }
  .new-articles .more-btn-red a:hover {
    background: #e88b8b;
    color: #FFF;
    border-color: #e88b8b;
    padding: 15px 0; }


.new-articles .more-btn-orange {
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  width:80%;
  background-color:#FF9900;
}
  .new-articles .more-btn-orange a {
    font-size: 1.3rem;
    border: #FF9900 2px solid;
    display: block;
    padding: 15px 0;
    color: #FFF;
    margin: 6px 0; }
  .new-articles .more-btn-orange a:before {
    font-family: FontAwesome;
    font-size:14px;
    content: '\f144'; /* アイコンのunicode */
    padding-right:4px;
  }
  .new-articles .more-btn-orange a:hover {
    background: #FFCC99;
    color: #FFF;
    border-color: #FFCC99;
    padding: 15px 0; }

.recommendation {
  padding: 50px 0 0; }
  .recommendation h2 + article {
    padding: 15px 0 30px 0;
    border-bottom: #ccc 1px dotted; }
  .recommendation article .pc-tag-label li:last-child {
    display: none; }
  .recommendation .three-cols article {
    max-width: 220px;
    font-size: 1.5rem;
    border-bottom: 0px;
    float: left; }
  .recommendation .three-cols li {
    display: block; }
  .recommendation .three-cols article + article {
    margin-left: 20px;
    margin-right: 20px; }
  .recommendation .three-cols article:nth-of-type(3) {
    margin: 0; }
  .recommendation .three-cols .three-cols-img {
    width: 220px;
    height: 177px; }
  .recommendation .three-cols .three-cols-img:hover {
    opacity: 0.8; }
  .recommendation .three-cols .pc-tag-label {
    padding: 8px 0; }
  .recommendation .three-cols .three-cols-text {
    box-sizing: border-box;
    padding: 20px 0 17px 0;
    max-width: 220px; }
    .recommendation .three-cols .three-cols-text h3 a {
      display: block;
      font-size: 1.8rem;
      line-height: 1.5;
      color: #333;
      font-weight: 700;
      max-width: 220px;
      height: 80px;
      overflow: hidden;
      word-break: break-all; }
    .recommendation .three-cols .three-cols-text h3 a:hover {
      opacity: 0.7; }
    .recommendation .three-cols .three-cols-text .three-cols-info {
      padding: 10px 0;
      font-size: 1.3rem; }
      .recommendation .three-cols .three-cols-text .three-cols-info li {
        display: inline-block;
        color: #999;
        margin-right: 15px; }
        .recommendation .three-cols .three-cols-text .three-cols-info li a {
          color: #2e97d8;
          text-decoration: none; }
        .recommendation .three-cols .three-cols-text .three-cols-info li a:hover {
          color: #2e97d8;
          text-decoration: underline; }
  .recommendation .three-cols .three-cols-tag li {
    padding: 5px 0;
    display: inline; }
    .recommendation .three-cols .three-cols-tag li a {
      color: #2e97d8;
      text-decoration: none;
      font-size: 1.4rem; }
    .recommendation .three-cols .three-cols-tag li a:hover {
      color: #2e97d8;
      text-decoration: underline; }

.feature .special-articles {
  padding: 9px 0; }
  .feature .special-articles li:nth-child(odd) {
    margin-right: 20px;
    margin-bottom: 20px; }
  .feature .special-articles li:nth-child(even) {
    margin-bottom: 20px; }

.special-article {
  float: left; }
  .special-article a {
    display: block;
    position: relative;
    width: 340px;
    height: 270px;
    text-decoration: none;
    font-size: 15px; }
    .special-article a .special-label {
      position: absolute;
      z-index: 2; }
    .special-article a .c2 {
      padding: 15px 25px;
      display: block;
      background-color: rgba(51, 51, 51, 0.8);
      color: #fefefe;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 290px;
      height: 40px; }
    .special-article a img {
      width: 340px;
      height: 270px; }
    .special-article a .text {
      display: block;
      font-size: 15px;
      line-height: 20px;
      width: 290px;
      height: 40px;
      overflow: hidden; }
  .special-article a:hover img {
    opacity: 0.8; }

/*--人気のキーワード部分　end --*/
/*--部分 --*/
/*--部分 end --*/
/*--メニューボタン部分 --*/
.side-twitter {
  font-size: 1.4rem;
  background: #51abf1;
  color: #fefefe;
  text-align: center;
  width: 100%;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  /* display: table; */
  /* vertical-align: top; */
  display: block;
  /* padding: 15px 0; */
  line-height: 58px;
  margin: 30px 0; }
  .side-twitter .fa-twitter {
    font-size: 30px;
    vertical-align: middle; }
  .side-twitter .fa-plus {
    font-size: 10px; }

.side-twitter:hover {
  opacity: 0.9; }

.side-topic {
  font-size: 15px;
  color: #fefefe;
  font-weight: 700;
  padding: 13px 20px;
  background: #006934;
  margin-bottom: 10px; }

.daily-ranking, .monthly-ranking {
  display: inline-block;
  width: 49.99999%;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700; }
  .daily-ranking a, .monthly-ranking a {
    display: block;
    padding: 15px 0;
    background: #ebebeb;
    color: #333;
    text-decoration: none;
    font-weight: bold; }
  .daily-ranking a:hover, .daily-ranking a:active, .monthly-ranking a:hover, .monthly-ranking a:active {
    background: #ccc;
    opacity: .7;
    text-decoration: none; }
  .daily-ranking a.active, .monthly-ranking a.active {
    background: #009944;
    color: #fefefe;
    text-decoration: none; }
  .daily-ranking i, .monthly-ranking i {
    font-size: 1.8rem; }

.rank01 {
  background: #D9A300; }

.rank02 {
  background: #787E99; }

.rank03 {
  background: #663300; }

.rank04 {
  background: #6a6a6a; }

.rank05 {
  background: #6a6a6a; }

.total-article {
  padding: 10px;
  border-bottom: #ccc 1px dotted; }

.total-article:nth-child(odd) {
  background: #fff; }

.total-article:nth-child(even) {
  background: #F7F7F8; }

.total-article-img {
  width: 70px;
  height: 70px;
  float: left;
  box-sizing: border-box; }
  .total-article-img .total-label {
    text-align: center;
    color: #fefefe;
    display: inline-block;
    position: absolute;
    line-height: 3rem;
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
    z-index: 10; }

.total-article-img:hover {
  opacity: 0.8; }

.monthly-ranking-contents, .daily-ranking-contents {
  font-weight: bold; }
  .monthly-ranking-contents article, .daily-ranking-contents article {
    border-bottom: 0px; }
  .monthly-ranking-contents a, .daily-ranking-contents a {
    font-weight: bold; }

.monthly-ranking-contents article:last-child,
.daily-ranking-contents article:last-child {
  margin-bottom: 40px; }

.total-article-text {
  width: 195px;
  float: right; }
  .total-article-text h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    width: 195px;
    max-height: 75px;
    overflow: hidden;
    word-break: break-all; }
    .total-article-text h3 a {
      text-decoration: none;
      color: #333; }
    .total-article-text h3 a:hover {
      text-decoration: none;
      color: #999; }
  .total-article-text .inline-list {
    padding-top: 10px; }
    .total-article-text .inline-list li {
      display: inline-block; }


  .total-article-text .rank-info {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    width: 195px;
    max-height: 75px;
    overflow: hidden;
    word-break: break-all; }
    .total-article-text .rank-info a {
      text-decoration: none;
      color: #333; }
    .total-article-text .rank-info a:hover {
      text-decoration: none;
      color: #999; }

.theme-list {
  margin: 20px 10px; }
  .theme-list li {
    font-size: 1.3rem;
    display: inline-block; }
    .theme-list li a {
      padding: 0 10px;
      display: block;
      margin: 0px 9px 10px 0;
      color: #666;
      background: #eeeeee;
      border: #ccc 1px solid;
      font-size: 13px;
      text-decoration: none;
      line-height: 33px; }
    .theme-list li a:hover, .theme-list li a.active {
      background: #FF77AB;
      color: #fefefe;
      text-decoration: none;
      border: 1px solid #FF77AB; }

.wideslider {
  width: 100%;
  height: 460px;
  text-align: left;
  position: relative;
  overflow: hidden; }
  .wideslider .pagination {
    display: none; }

.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden; }

.wideslider ul li img {
  width: 100%;
  display: none; }

.wideslider_base {
  top: 0;
  position: absolute; }

.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden; }

.slider_prev,
.slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer; }

.slider_prev {
  background: transparent url(/navi/img/slide_pattern.png) repeat; }
  .slider_prev div {
    background: transparent url(/navi/img/prev.jpg) no-repeat right center;
    width: 100%;
    height: 100%; }

.slider_next {
  background: transparent url(/navi/img/slide_pattern.png) repeat; }
  .slider_next div {
    background: transparent url(/navi/img/next.jpg) no-repeat left center;
    width: 100%;
    height: 100%; }

.wideslider .pagination {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  text-align: center;
  position: absolute;
  z-index: 200; }
.wideslider .pagination a {
  margin: 0 5px;
  width: 15px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  background: #333; }
.wideslider .pagination a.active {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important; }

.pull-right {
  float: right; }

/*--メニューボタン部分 end-*/
/*--部分切り替え表示 --*/
.menu, .search {
  display: none; }

/*--部分切り替え表示 end-*/
#pageTop {
  background: #fefefe;
  color: #333;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  font-size: 34px;
  padding: 20px 25px; }

#pageTop:hover {
  background: #EEE; }

.fb-page {
  display: block;
  height: 214px; }

.wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden; }
  .wideslider .pagination {
    display: none; }

.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden; }

.wideslider ul li img {
  width: 100%;
  display: none; }

.wideslider_base {
  top: 0;
  position: absolute; }

.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden; }

.slider_prev,
.slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer; }

.slider_prev div {
  background: transparent url(/navi/img/prev.jpg) no-repeat right center; }

.slider_next div {
  background: transparent url(/navi/img/next.jpg) no-repeat left center; }

.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden; }

.wideslider ul {
  display: inline-block;
  overflow: hidden; }

.wideslider ul li {
  display: block;
  position: relative;
  max-width: 800px;
  max-height: 460px; }
  .wideslider ul li a .label {
    position: absolute;
    padding: 11px 0px;
    width: 137px;
    text-align: center;
    z-index: 2; }
  .wideslider ul li .slider-title {
    padding: 25px 30px 20px;
    display: block;
    background-color: rgba(51, 51, 51, 0.8);
    color: #fefefe;
    position: absolute;
    bottom: 10px;
    left: 0;
    font-size: 18px; }
    .wideslider ul li .slider-title .description {
      width: 740px;
      max-height: 50px;
      line-height: 25px;
      word-break: break-all;
      overflow: hidden; }
    .wideslider ul li .slider-title .pc-writer {
      display: block;
      font-size: 13px;
      line-height: 20px;
      padding-top: 10px; }

.navbar-default {
  border: 0px;
  background-color: #f7f6f0; }

.top-bottom-border {
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid; }

.navbar-nav {
  max-width: 1040px;
  margin: -1px auto 0 auto; }
  .navbar-nav .dropdown:first-child {
    border-top: #FF5C26 2px solid; }
  .navbar-nav .dropdown:nth-child(2) {
    border-top: #31AAF0 2px solid; }
	.navbar-nav .dropdown:nth-child(3) {
		border-top: #3e31f0 2px solid; }
  .navbar-nav .dropdown:last-child {
    border-top: #F8D238 2px solid; }
  .navbar-nav .dropdown:nth-of-type(2) {
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid; }
  .navbar-nav .dropdown {
    width: 33.33%;
    box-sizing: border-box; }
    .navbar-nav .dropdown a {
      font-size: 15px;
      color: #333; }
      .navbar-nav .dropdown a img {
        max-height: 23px; }
      .navbar-nav .dropdown a i {
        font-size: 25px; }
    .navbar-nav .dropdown a:hover {
      opacity: 0.8; }
  .navbar-nav .dropdown-menu {
    width: 300%;
    background-color: #f0eddc; }
    .navbar-nav .dropdown-menu li .yamm-content li {
      font-size: 15px; }
      .navbar-nav .dropdown-menu li .yamm-content li a {
        text-align: left !important; }
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: inline !important; }

.category-name-list, .theme-area {
  /* 	margin-top: -1px; */
  display: none;
  overflow: hidden;
  padding: 20px;
  background-color: #efefef;
  /*   z-index: 999; */
  box-sizing: border-box; }
  .category-name-list ul li, .theme-area ul li {
    float: left;
    width: 20% !important;
    }

.category-name-list:before {
  content: " ";
  position: absolute;
  top: -16px;
  left: 5%;
  border: 8px solid transparent;
  border-bottom: 8px solid #f0eddc; }

.theme-area:before {
  content: " ";
  position: absolute;
  top: -16px;
  left: 48%;
  border: 8px solid transparent;
  border-bottom: 8px solid #f0eddc; }

.theme-name-list {
  border: 1px solid #f7f6f0; }

.theme-name-list:before {
  content: " ";
  position: absolute;
  top: -23px;
  left: 49.5%;
  border: 12px solid transparent;
  border-bottom: 12px solid #f0eddc; }

.category-name {
  color: #333 !important; }

.category-name:hover,
.category-name:active,
.category-name:focus {
  background: #FF5C26 !important;
  color: #333; }
  .category-name:hover:after,
  .category-name:active:after,
  .category-name:focus:after {
    content: " ";
    position: absolute;
    left: 16.5%;
    border: 8px solid transparent;
    border-bottom: 8px solid #f0eddc;
    top: 35px; }

.theme-name-list {
  margin-left: -100% !important; }

.theme-name:hover,
.theme-name:active,
.theme-name:focus {
  background: #31aaf0 !important;
  color: #333; }
  .theme-name:hover:after,
  .theme-name:active:after,
  .theme-name:focus:after {}

.model-name-list {
  margin-left: -200%; }

.model-name:hover,
.model-name:active,
.model-name:focus {
  background: #F8D238!important;
  color: #333; }

.yamm-content {
  padding: .5em .5em 0 .5em; }
  .yamm-content li a {
    font-size: 15px !important;
    /* padding: 15px 5px 15px 15px; */
    display: inline-block;
    background-color: #fefefe;
    margin: 0;
    color: #999;
    /* min-width: 180px; */
    text-decoration: none;
    text-align: left !important; }
    .yamm-content li a i {
      font-size: 12px !important; }
  .yamm-content li a:hover {
    text-decoration: none;
    background:#FF77AB;
    color: #fefefe; }

.container {
  max-width: 1040px; }

.bg_menu {
  background: #f7f6f0;
  display: block; }

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

.more {
  text-align: right;
  margin-bottom: 40px; }
  .more a {
    text-decoration: none;
    font-size: 1.3rem;
    color: #666; }
  .more a:hover {
    color: #999; }

.sp-article-info .acsess-view {
  color: #999;
  font-size: 1.3rem; }

.bg_menu {
  position: relative;
  height: 50px;
  line-height: 50px;
  background: #F7F7F8;
  border-top:#333333 2px solid;




   }
  .bg_menu .pc-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1040px;
    margin: 0 auto;
    width: 1040px;
    /* 		display: table; */
    z-index: 99999;
    height: 50px;
    margin-top: -2px; }
    .bg_menu .pc-nav li {
      text-align: center;
      vertical-align: top;
      margin: 0;
      width: 25%;
      display: inline-block;
      padding: 0;
      font-size: 1.4rem;
      font-weight: 700;
      box-sizing: border-box;
      float: left;
      z-index: 99999; }
      .bg_menu .pc-nav li img {
        max-height: 50%;
        vertical-align: middle; }
      .bg_menu .pc-nav li a {
        height: 50px;
        line-height: 50px;
        font-weight: bold;
        display: block; }
        .bg_menu .pc-nav li a i {
          font-size: 2.3rem;
          padding-right: 5px; }
      .bg_menu .pc-nav li a:hover {
        /* 				width: 100%; */ }
      .bg_menu .pc-nav li div ul li a {
        text-align: left; }
    .bg_menu .pc-nav li:last-child {
      padding-right: 0; }
    .bg_menu .pc-nav .mm-item:first-child {
      border-top: #2e97d8 1px solid; }
    .bg_menu .pc-nav .mm-item:first-child:hover {
      background: #2e97d8;
      color: #000; }
    .bg_menu .pc-nav .mm-item:nth-of-type(2) {
      border-top: #6e604e 1px solid;
      border-left: #d7c9af 1px solid;
      border-right: #d7c9af 1px solid; }
    .bg_menu .pc-nav .mm-item:nth-of-type(2):hover {
      background: #6e604e;
      color: #000; }
    .bg_menu .pc-nav .mm-item:nth-of-type(3) {
      border-top: #ee7700 1px solid; }
    .bg_menu .pc-nav .mm-item:nth-of-type(3):hover {
      background: #ee7700; }
    .bg_menu .pc-nav .category-menu {
      width: 1040px;
      position: absolute;
      top: 51px;
      z-index: 999; }
    .bg_menu .pc-nav .theme-area {
      width: 1040px;
      position: absolute;
      top: 51px;
      z-index: 999;
      margin-left: -347px;
      display: none; }
  .bg_menu .theme-area {
    width: 100%;
    max-width: 1040px; }
  .bg_menu .mm-js-shadow {
    width: 100%;
    max-width: 100%; }

.bg_menu .pc-nav li div ul li a {
  padding: 0 0 0 10px;
  word-break: break-all;
  overflow: hidden; }

footer {
  color: #fefefe;
  background: #333333; }
  footer .footer-article {
    width: 1040px;
    margin: 0 auto;
    padding: 40px 0 0 !important; }
    footer .footer-article .footer-top {
      padding: 20px 20px 50px;
      border-bottom: 1px solid #434343; }
    footer .footer-article .head {
      display: block;
      font-size: 18px;
      margin-bottom: 20px;
      letter-spacing: 1px; }
    footer .footer-article .left {
      display: block;
      float: left;
      width: 48%;
      margin-right: 4%; }
    footer .footer-article .right {
      display: block;
      float: right;
      width: 48%; }
    footer .footer-article .footer-bottom {
      padding-top: 10px; }
      footer .footer-article .footer-bottom a {
        color: #696969;
        font-size: 12px;
        font-weight: bold; }
    footer .footer-article p {
      text-align: left;
      padding: 15px 0 30px;
      color: #696969;
      font-size: 12px;
      font-weight: bold; }
    footer .footer-article ul {
      text-align: left;
      margin: 0 auto; }
      footer .footer-article ul li {
        display: inline-block;
        font-size: 9px; }
        footer .footer-article ul .small {
        margin-top:10px; }
        footer .footer-article ul li a {
          width:300px;
          display: block;
          color: #fefefe;
          text-decoration: none;
          margin: 5px 20px 5px 0; }
        footer .footer-article ul li a:hover {
          opacity: 0.8; }
      footer .footer-article ul li:last-child {
        border-right: none; }
      .pcdisp {
          display:block!important; }
      .spdisp {
          display:none!important; }

.follow {
  display: none; }

.new-articles article .article-text .pc-tag-label .access-view {
  display: none; }

footer .footer-article {
  padding: 0;
  font-size: 1.35rem; }

.sub-contents .moth-list {
  margin-bottom: 40px;
  position: relative; }
  .sub-contents .moth-list li {
    width: 100%;
    text-align: left; }
    .sub-contents .moth-list li a:nth-child(odd) {
      display: block; }
    .sub-contents .moth-list li a {
      display: block;
      text-align: center; }
    .sub-contents .moth-list li a:nth-child(even) {
      display: block; }

.article-detail {
  margin-top: 40px;
  background: #fefefe;
  padding: 20px 10px 15px 10px; }
  .article-detail h2 {
    font-size: 30px;
    font-weight: normal; }
  .article-detail .date {
    color: #999999;
    font-size: 13px; }
  .article-detail h2 {
    margin: 16px 0;
    height: auto;
    padding: 0; }
  .article-detail div img {
    width: 100%; }
  .article-detail .access-view {
    color: #999999;
    font-size: 13px; }
    .article-detail .access-view i {
      margin-right: 5px; }
  .article-detail .detail-tag {
    padding: 15px 20px !important; }
    .article-detail .detail-tag li {
      padding: 0 !important;
      margin: 0; }
      .article-detail .detail-tag li a:hover {
        background: #FF77AB;
        color: #ffffff;
        border: #FF77AB 1px solid; }
  .article-detail h2 {
    border-bottom: #1861AA 4px solid;
    padding: 5px;
    font-size: 1.6em;
    margin-top: 2em;
    margin-bottom: 1em; }
  .article-detail h3 {
    padding: 5px;
    font-size: 1.3em;
    margin-top: 1em;
    margin-bottom: 1em; }
  .article-detail p {
    line-height: 1.42857143; }
  .article-detail .full-img {
    padding: 1em 0 2.5em 0; }

.article-detail-fonttext {
  padding: 0 0 1em 0; }

.article-story {
  padding: 0 15px 30px 15px; }
	.article-story a{
		  color:#1111cc;
			text-decoration: underline;
			line-height:1.4rem;
		}

		.article-story a:hover{
			text-decoration: none;
		}
.follow-list {
  margin-bottom: 20px; }
  .follow-list .follow-btn {
    float: left;
    width: 27%;
    line-height: 40px; }
  .follow-list .follow-btn .img {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 5px; }
  .follow-list .follow-btn .img.MR5 {
    margin-right: 5px; }
  .follow-list .follow-btn .img.fb {
    background-image: url(/navi/img/btn.fb.png); }
  .follow-list .follow-btn .img.tw {
    background-image: url(/navi/img/btn.tw.png); }
  .follow-list .follow-btn .img.hate {
    background-image: url(/navi/img/btn.hate.png); }

.fb-like-btn {
  margin-left: 15px !important; }

.fb-like-btn, .fb-share {
  background: #4863ae;
  color: #fefefe;
  font-size: 0.9em;
  padding: 10px 15px;
  text-decoration: none;
  margin: 0 1%;
  display: block;
  border: 0px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.fb-like-btn:hover, .fb-like-btn:active,
.fb-share:hover, .fb-like-btn:active {
  background: #4863ae;
  color: #fefefe;
  opacity: 0.8;
  text-decoration: none; }

.twitter-btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #51abf1;
  color: #fefefe;
  font-size: 0.9em;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  border: 0px;
  text-align: center; }

.twitter-btn:hover, .twitter-btn:active {
  background: #51abf1;
  color: #fefefe;
  opacity: 0.8;
  text-decoration: none; }

.hatebu-btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #008fde;
  color: #fefefe;
  font-size: 0.9em;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  border: 0px;
  text-align: center; }

.hatebu-btn:hover, .hatebu-btn:active {
  background: #008fde;
  color: #fefefe;
  opacity: 0.8;
  text-decoration: none; }

.writer-info {
  margin: 1em 15px;
  padding: .5em;
  background-color: #ffffff; }
  .writer-info .text {
    padding: 15px 0; }
    .writer-info .text p {
      line-height: 1.4; }
      .writer-info .text p span {
        color: #666; }
      .writer-info .text p strong {
        font-size: 1.3em; }

.pCurators .writer-info .text {
  width: 390px; }

.pArticle .writer-info .text {
  width: 435px; }

.writer-info {
  margin: 25px 0;
  box-sizing: border-box;
  padding: 20px;
  overflow: hidden; }
  .writer-info .thumbnail {
    width: 250px;
    height: 250px;
    float: left;
    background-color: #c1c1c1;
    margin-top: 15px; }
    .writer-info .thumbnail img {
      width: 100%;
      height: 100%; }
  .writer-info .thumbnail:hover {
    opacity: 0.8; }
  .writer-info .text {
    margin-left: 20px;
    float: left;
    position: relative; }
    .writer-info .text p {
      font-size: 13px; }
      .writer-info .text p strong {
        font-size: 18px; }
    .writer-info .text .writer-name {
      font-weight: bold;
      font-size: 24px;
      margin-bottom: 30px !important; }
    .writer-info .text .writer-name a {
      color: #333333; }
    .writer-info .text .writer-name a:hover {
      color: #55acee; }
    .writer-info .text .writer-text {
      margin-bottom: 50px; }
    .writer-info .text a.more-article {
      position: absolute;
      bottom: 0;
      right: 0;
      display: block;
      width: 180px;
      height: 35px;
      text-align: center;
      background-color: #55acee;
      border-radius: 3px;
      line-height: 35px;
      color: #ffffff; }
    .writer-info .text a.more-article:hover {
      opacity: 0.9; }

.bg_fb {
  background: url("/navi/img/bg_fb.png") top left no-repeat;
  background-size: cover;
  width: 95%;
  height: 100%;
  height: auto;
  min-height: 220px;
  color: #fefefe;
  margin: 15px; }
  .bg_fb .text {
    padding: 1em 0; }
    .bg_fb .text p {
      font-size: 0.9em;
      padding: 5% 8% 1% 8%; }
    .bg_fb .text .gry-text {
      color: #666;
      font-size: 0.8em; }

.thumbnail-bar {
  width: 330px; }

.thumbnail-bar:hover {
  opacity: 0.8; }

.thumbnail-area {
  padding: 0;
  margin-bottom: 40px; }

h3 .fa-link {
  color: #FF77AB; }

.wrapper {
  height: 100%;
  /* min-height: 1054px; */
  max-height: 100%;
  /*   width: 1040px; */
  min-width: 1040px; }

.article-category-label {
  margin: 10px 0; }

.serchbar-md {
  margin-left: 5%; }
  .serchbar-md .serch-bar {
    max-width: 313px;
    float: left;
    margin-top: 0;
    position: absolute;
    top: 40px;
    right: 19%; }
    .serchbar-md .serch-bar button {
      padding: 4px 10px; }
    .serchbar-md .serch-bar i {
      font-size: 23px !important; }

.special-articles {
  padding-bottom: 100px; }

.thumbnail .thumbnail-area {
  width: 330px;
  box-sizing: border-box;
  float: left; }
  .thumbnail .thumbnail-area .thumbnail-bar {
    margin: 0 auto; }
    .thumbnail .thumbnail-area .thumbnail-bar img {
      width: 100%; }

.detail-contents .visible-xs {
  display: none; }
.detail-contents .hidden-xs {
  display: inherit; }
.detail-contents .article-detail {
  margin-top: 0;
  margin-bottom: 40px;
  padding: 40px; }
  .detail-contents .article-detail .access-view {
    float: right; }
    .detail-contents .article-detail .access-view i {
      display: inline; }
  .detail-contents .article-detail h2 {
    line-height: 1.5;
    font-size: 30px;
    word-break: break-all; }
  .detail-contents .article-detail .detail-tag {
    margin: 16px 0;
    padding: 0 !important; }
    .detail-contents .article-detail .detail-tag li {
      line-height: 1.5; }
      .detail-contents .article-detail .detail-tag li a {
        padding: 3px 6px;
        font-size: 13px; }
      .detail-contents .article-detail .detail-tag li.tag-title a {
        /* background: #ffc507; */
        color: #ffffff;
        border: none;
        /* border: #ffc507 1px solid; */ }

  .article_title {
    line-height: 1.5;
    font-size: 30px;
    word-break: break-all;
    margin: 16px 0;
    height: auto;
    padding: 0;
    font-weight: normal;
  }

	.sidebanner {
  text-align: center;
  margin-bottom:30px;
}

.sidebanner img {
  max-width: 300px;
  height:auto;
}

  .detail-contents .article-detail .follow-list .follow-btn {
    float: left;
    white-space: nowrap;
    font-size: 13px;
    margin-right: 12px; }
  .detail-contents .article-detail .article-story {
    padding: 0;
    padding-top: 20px;
    margin-bottom: 20px; }
    .detail-contents .article-detail .article-story h2 {
      font-weight: bold;
      font-size: 22px;
      line-height: 1.2; }
    .detail-contents .article-detail .article-story h2 a{
      font-weight: bold;
      font-size: 22px;
      line-height: 1.2; }
    .detail-contents .article-detail .article-story h3 {
      padding: 0.5em;/*上下 左右の余白*/
      color: #494949;/*文字色*/
      background: transparent;/*背景透明に*/
      border-left: solid 5px #7db4e6;/*左線*/
      font-size:18px;
      font-weight:bold;
      background: #f6f7f9;/*背景色*/
    }
    .detail-contents .article-detail .article-story h3 a{
      padding: 0.25em 0.5em;/*上下 左右の余白*/
      color: #494949;/*文字色*/
      background: transparent;/*背景透明に*/
      border-left: solid 5px #7db4e6;/*左線*/
      font-size:18px;
      font-weight:bold;
      background: #7db4e6;/*背景色*/
    }

    .detail-contents .article-detail .article-story p {
      font-size: 16px;
      line-height: 2;
      margin-bottom: 20px;
      overflow: hidden;
      word-break: break-all; }
     .detail-contents .article-detail .article-story strong {
         font-weight:bold;
     }
    .detail-contents .article-detail .article-story img.pull-left {
      margin-right: 10px; }
    .detail-contents .article-detail .article-story img.pull-right {
      margin-left: 10px; }
    .detail-contents .article-detail .article-story img.left-img {
      width: 200px !important;
      height: 120px; }
    .detail-contents .article-detail .article-story img.right-img {
      width: 120px !important;
      height: 200px; }
  .detail-contents .article-detail .writer-info {
    margin: 25px 0;
    box-sizing: border-box;
    padding: 20px;
    overflow: hidden;
    border: solid 2px #999999; }
    .detail-contents .article-detail .writer-info .thumbnail {
      width: 120px;
      height: 120px;
      float: left;
      background-color: #c1c1c1; }
    .detail-contents .article-detail .writer-info .name {
      margin-bottom: 20px; }
      .detail-contents .article-detail .writer-info .name i {
        margin-right: 10px; }
    .detail-contents .article-detail .writer-info .text {
      margin-left: 20px;
      float: left; }
      .detail-contents .article-detail .writer-info .text p {
        font-size: 13px; }
        .detail-contents .article-detail .writer-info .text p strong {
          font-size: 18px; }
  .detail-contents .article-detail .fb-share-box {
    width: 100%;
    box-sizing: border-box;
    background-color: #111;
    color: #fff;
    font-size: 13px; }
    .detail-contents .article-detail .fb-share-box .left-img {
      width: 55%;
      float: left;
      height: 100%;
      overflow: hidden;
      min-height: 220px;
      background-position: center center;
      background-size: cover; }
    .detail-contents .article-detail .fb-share-box .share {
      width: 45%;
      height: auto;
      min-height: 220px;
      float: left;
      padding: 10px;
      box-sizing: border-box; }
      .detail-contents .article-detail .fb-share-box .share .like-box {
        text-align: center;
        width: 100%;
        padding: 45px 20px 0;
        box-sizing: border-box; }
        .detail-contents .article-detail .fb-share-box .share .like-box p {
          line-height: 1.5; }
        .detail-contents .article-detail .fb-share-box .share .like-box .white-text {
          color: #ffffff;
          font-size: 19px;
          margin-bottom: 15px; }
        .detail-contents .article-detail .fb-share-box .share .like-box .gry-text {
          color: #999;
          margin-top: 12px;
          font-size: 12px; }
        .detail-contents .article-detail .fb-share-box .share .like-box .bottom_twitterbtn {
          font-size: 13px;
          background: #51abf1;
          color: #fefefe;
          text-align: center;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          display: block;
          line-height: 30px;
          margin: 10px 0; }
          .detail-contents .article-detail .fb-share-box .share .like-box .bottom_twitterbtn .fa-twitter {
            font-size: 18px;
            vertical-align: middle; }
          .detail-contents .article-detail .fb-share-box .share .like-box .bottom_twitterbtn .fa-plus {
            font-size: 10px; }
        .detail-contents .article-detail .fb-share-box .share .like-box .bottom_twitterbtn:hover {
          opacity: 0.9; }
.detail-contents .thumbnail {
  width: 700px; }
  .detail-contents .thumbnail .thumbnail-area {
    padding-left: 0; }
    .detail-contents .thumbnail .thumbnail-area + .thumbnail-area {
      margin-left: 40px;
      padding-right: 0; }

.detail-contents .article-detail .infotable6{
  width:100%;
  border:none;
  font-size:14px;
  border-collapse:collapse;
  margin-bottom:10px;
}
.detail-contents .article-detail .infotable6 tr{
  border:1px solid #C3C3C3;
}
.detail-contents .article-detail .infotable6 td{
  width:16%;
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}
.detail-contents .article-detail .infotable6 td:last-child{
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}

.detail-contents .article-detail .infotable5{
  width:100%;
  border:none;
  font-size:14px;
  border-collapse:collapse;
  margin-bottom:10px;
}
.detail-contents .article-detail .infotable5 tr{
  border:1px solid #C3C3C3;
}
.detail-contents .article-detail .infotable5 td{
  width:20%;
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}
.detail-contents .article-detail .infotable5 td:last-child{
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}


.detail-contents .article-detail .infotable4{
  width:100%;
  border:none;
  font-size:14px;
  border-collapse:collapse;
  margin-bottom:10px;
}
.detail-contents .article-detail .infotable4 tr{
  border:1px solid #C3C3C3;
}
.detail-contents .article-detail .infotable4 td{
  width:25%;
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}
.detail-contents .article-detail .infotable4 td:last-child{
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}

.detail-contents .article-detail .infotable3{
  width:100%;
  border:none;
  font-size:14px;
  border-collapse:collapse;
  margin-bottom:10px;
}
.detail-contents .article-detail .infotable3 tr{
  border:1px solid #C3C3C3;
}
.detail-contents .article-detail .infotable3 td{
  width:33%;
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}
.detail-contents .article-detail .infotable3 td:last-child{
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}

.detail-contents .article-detail .infotable2{
  width:100%;
  border:none;
  font-size:14px;
  border-collapse:collapse;
  margin-bottom:10px;
}
.detail-contents .article-detail .infotable2 tr{
  border:1px solid #C3C3C3;
}
.detail-contents .article-detail .infotable2 td{
  width:33%;
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}
.detail-contents .article-detail .infotable2 td:last-child{
  border-right:1px solid #C3C3C3;
  padding:5px 3px;
  text-align:center;
}

/*↓モデルコース用に追加========================================*/
#model-course {
  background-image: url(/navi/img/model_course_f_bg.gif);
  background-size: 100% 9px;
  background-repeat: no-repeat;
  background-position: bottom; }

#mc-line {
  padding: 16px 0 32px 0;
  border-left: 1px solid #ee7700;
  border-right: 1px solid #ee7700;
  margin: 0 1px; }

#model-course h4 {
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(/navi/img/model_course_h_bg.gif);
  background-size: cover;
  background-repeat: no-repeat;
  height: 40px;
  text-align: center;
  line-height: 40px;
  padding: .4em;
  color: #fff;
  font-size: 18px;
  font-weight: 700; }

#model-course h5 {
  line-height: 30px;
  background: #f0eddc;
  padding: 18px;
  margin: 14px 16px 0 16px; }

#model-course .mc-number {
  display: inline-block;
  background: #07195b;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 16px;
  text-align: center; }

#model-course .mc-title {
  line-height: 30px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 18px; }

#model-course .mc-left-decoration:before {
  content: "\f0dd\A\f0dd\A\f0dd\A\f0dd";
  white-space: pre;
  font: normal normal normal 25px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 18px 0 40px;
  display: block;
  float: left;
  color: #6e604e; }

#model-course .mc-data {
  display: inline-block;
  width: 65%;
  margin-top: 1em;
  color: #6e604e;
  font-size: 16px;
  font-weight: 700; }

#model-course .mc-data {
  width: 70%; }

#model-course .mc-data p {
  margin: .5em; }

#model-course .mc-car {
  display: inline-block;
  color: #6e604e;
  line-height: 26px; }

#model-course .mc-car:before {
  display: inline-block;
  content: url(/navi/img/car.png);
  margin-right: .7em;
  line-height: 20px; }

#model-course .mc-walk {
  display: inline-block;
  color: #6e604e;
  line-height: 26px; }

#model-course .mc-walk:before {
  display: inline-block;
  content: url(/navi/img/walk.png);
  margin-right: .7em;
  line-height: 20px; }

#model-course .mc-train {
  display: inline-block;
  color: #6e604e;
  line-height: 26px; }

#model-course .mc-train:before {
  display: inline-block;
  content: url(/navi/img/train.png);
  margin-right: .7em;
  line-height: 20px; }

#model-course .mc-bus {
  display: inline-block;
  color: #6e604e;
  line-height: 26px; }

#model-course .mc-bus:before {
  display: inline-block;
  content: url(/navi/img/bus.png);
  margin-right: .7em;
  line-height: 20px; }

#model-course .mc-time {
  display: inline-block;
  background: #6e604e;
  color: #fff;
  line-height: 26px;
  padding: 0 .5em;
  margin-left: .7em;
  font-weight: 700;
  border-radius: 4px; }

#model-course .mc-text {
  margin: 0 16px;
  border: 1px solid #f0eddc;
  padding: 1em;
  font-size: 14px; }

#model-course .mc-text p {
  float: none;
  width: 100%; }

#model-course .mc-text img {
  float: none;
  margin: .5em 0;
  width: 100%; }

#model-course .mc-text p {
  float: left;
  max-width: 70%; }

#model-course .mc-text img {
  float: left;
  max-width: 28%;
  margin: 0 0 0 .5em; }

/*↑モデルコース用に追加========================================*/
.text-contents article {
  border: none; }

.xBox {
  zoom: 1; }

.xBox:before,
.xBox:after {
  content: "";
  display: table; }

.xBox:after {
  clear: both; }

.thumbimg {
  overflow: hidden;
  position: relative; }

.thumbimg .parent {
  position: absolute;
  top: 0;
  left: 0; }

.mainActive:hover img {
  opacity: 0.8; }

.whitebox {
  width: 100%;
  background-color: #ffffff;
  margin-top: 20px; }

.SitemapList {
  display: block;
  padding: 50px 30px; }

.SitemapList li {
  font-size: 15px;
  margin-bottom: 20px; }

.SitemapList li a {
  color: #333; }

.SitemapList li a:hover {
  color: #115fad; }

.SitemapList li a span {
  display: inline-block;
  padding: 0 3px 3px;
  border-bottom: 1px solid #ffffff; }

.SitemapList li a:hover span {
  border-bottom: 1px solid #115fad; }

.SitemapList li a:before {
  color: #333;
  margin: 0 16px;
  content: "\003e"; }

.SitemapList li a:hover:before {
  color: #115fad; }

.WriterSectionLine {
  width: 100%;
  text-align: center;
  color: #333333;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 20px 0;
  font-size: 18px; }

.culator .writer-info .name span {
  display: none; }

.culator .writer-info .name strong {
  font-size: 24px; }

.culator .writer-info .more-article {
  display: none !important; }

.culator .writer-info .thumbnail,
.writer-list .thumbnail {
  width: 250px;
  height: 250px; }

.fb-like {
  height: 20px; }

.xHide {
  overflow: hidden;
  height: 0px; }

/* sub  */
@media screen and (min-width: 769px){
  .listitem-base {

  }

  .listitem {
    word-wrap: break-word;
  }

  .listitem-2col {
    word-wrap: break-word;
  }

  .listitem-base:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
  }

  .listitem-base h4{
    border-bottom: #66CC99 4px solid!important;
    font-size: 1.3em!important;
    margin-top: 1em!important;
  }

  .listitem-base .sub-title{
    text-align: right;
    font-size:12px;
  }

  .listitem-base .sub-title .min{
    font-size:16px;
    color:#FF0000;
  }

  .listitem-base .item-more-btn {
    text-align: center;
    margin-left:8px;
    background-color:#FFCC99;
    border-radius: 3px;
  }
  .listitem-base .item-more-btn a {
    font-size: 1.3rem;
    border: #FFCC99 2px solid;
    border-radius: 3px;
    display: block;
    padding: 15px 0;
    color: #FFFFFF;
    margin: 6px 0; }
  .listitem-base .item-more-btn a:hover {
    background: #FF9900;
    color: #fefefe;
    border-color: #FF9900;
    padding: 15px 0; }

  .listitem {
    vertical-align: top;
    float: left;
    width:30%;
    font-size: 13px;
    min-height: 215px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
  }

  .listitem img{
    padding:2px;
    border: #ccc 1px solid;
    width:100px;
  }

  .listitem-2col {
    vertical-align: top;
    float: left;
    width:46%;
    font-size: 13px;
    min-height: 215px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
  }

  .listitem-2col img{
    padding:2px;
    border: #ccc 1px solid;
    width:100px;
  }
}

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

  .listitem-base h4{
    border-bottom: #66CC99 4px solid!important;
    font-size: 1.3em!important;
    margin-top: 1em!important;
  }

  .listitem-base .sub-title{
    text-align: right;
    margin-right:20px;
    font-size:12px;
  }

  .listitem-base .sub-title .min{
    font-size:16px;
    color:#FF0000;
  }

  .listitem {
    word-wrap: break-word;
  }

  .listitem-2col {
    word-wrap: break-word;
  }


  .listitem img{
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
    height:30%!important;
  }
  .listitem:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
  }
  .listitem .item-body{
    width:100%;
    float: left;
  }
  .listitem .item-body:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
  }

  .listitem-2col img{
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
    width:30%!important;
    height:30%!important;
  }
  .listitem-2col .item-body{
    width:100%;
    float: left;
  }
  .listitem-2col .item-body:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
  }

  .listitem-2col:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
  }

  .listitem-base .item-more-btn {
    text-align: center;
    margin-left:8px;
    background-color:#FFCC99;
    border-radius: 3px;
  }

  .listitem-base .item-more-btn a {
    font-size: 1.3rem;
    border: #FFCC99 2px solid;
    border-radius: 3px;
    display: block;
    padding: 15px 0;
    color: #FFFFFF;
    height:12px;
    margin: 6px 0; }

  .listitem-base .item-more-btn a:hover {
    background: #FF9900;
    color: #fefefe;
    border-color: #FF9900;
    padding: 15px 0; }
}


.list-contents {
  padding-top: 35px; }

.text-contents {
  padding-top: 20px;
  margin-right: 40px; }

#bg_pan {
  background: #333;
  padding-top: 6px; }

#pan {
  display: none; }

#pan {
  width: 100%;
  display: block; }

#pan .list {
  display: inline-block;
  font-size: 11px;
  padding-bottom:7px;
  line-height: 15px;
  word-wrap: break-word; }

#pan > .list + .list:before {
  color: #fff;
  margin: 0 16px;
  content: "\003e"; }

#pan a:link,
#pan a:visited,
#pan > .active {
  color: #fff; }

#pan a:hover {
  color: #999; }

.article-list-title {
  background: #fff;
  border-left: 10px solid #FF79AB;
  padding: 22px 22px 22px 22px;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  word-break: break-all; }

.main-contents h1 {
  width:auto;
}

.category-list {
  font-size: 16px;
  padding: 10px 0 5px 0;
  word-break: break-all; }

.category-list li {
  float: left;
  margin: 13px 32px 0 0;
  font-size: 13px; }

.category-list a.parent {
  color: #115fad;
  text-decoration: none;
  display: inline-block; }

.category-list a.parent ul {
  display: inline-block; }

.category-list a.parent:before {
  content: url("/navi/img/category_list_icon.gif");
  margin: -2px 5px 0 0;
  vertical-align: sub; }

.category-list a.child {
  color: #2e97d8;
  text-decoration: none; }

.category-list a.child:before {
  content: url("/navi/img/category_list_icon_hover.gif");
  margin: -2px 5px 0 0;
  vertical-align: sub; }

.article-list-pager {
  text-align: center;
  margin: 40px 0 0px 0; }

.article-list-pager {
  margin-bottom: 30px; }

.article-list-pager li {
  display: inline-block;
  margin: 0 2px; }

.article-list-pager li a {
  display: inline-block;
  background: #fefefe;
  color: #2e97d8;
  font-size: 10px;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-decoration: none;

  margin-bottom: 5px; }

.article-list-pager .active,
.article-list-pager li a:hover {
  background: #FF79AB;
  color: #ffffff; }

.article-list-pager .active:link,
.article-list-pager .active:visited,
.article-list-pager .active:hover,
.article-list-pager .active:active {
  color: #fff; }

.article-list-pager .disable,
.article-list-pager .disable:hover {
  background: #CCC;
  color: #fff; }

#side-serch-keyword {
  display: block;
  background: #fff;
  padding: 15px 10px;
  margin-bottom: 20px; }

#side-serch-keyword .theme-list {
  margin: 0 10px; }

#serch-title {
  margin-bottom: 10px; }

#side-serch-keyword .theme-list li a {
  /*   padding: 10px; */
  display: block;
  margin: 0px 9px 10px 0;
  color: #666;
  background: #eeeeee;
  border: #ccc 1px solid; }

#side-serch-keyword .theme-list li a:hover {
  background: #FF77AB;
  color: #fefefe;
  text-decoration: none;
  border: 1px solid #FF77AB; }

#serch-title img {
  margin: 0 5px 0 10px;
  vertical-align: middle; }

#serch-title span {
  line-height: 50px;
  font-weight: 700;
  font-size: 15px;
  color: #999; }

/*text.html*/
.text-data {
  padding: 18px;
  font-size: 17px;
  line-height: 1.5em; }

.text-data p {
  margin-bottom: 2em; }

@media only screen and (max-width: 768px) {
  /*------------------------------------------------------------
   * Body
  ------------------------------------------------------------*/
  body {
    font-size: 16px;
    overflow: hidden; }

  /*------------------------------------------------------------
   * Anchor
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
   * Container
  ------------------------------------------------------------*/
  .xCon {
    width: 100%; }

  .xBox {
    zoom: 1; }

  .xBox:before,
  .xBox:after {
    content: "";
    display: table; }

  .xBox:after {
    clear: both; }

  .xCon {
    margin-left: auto;
    margin-right: auto; }

  .xDB {
    display: block !important; }

  .xDI {
    display: inline !important; }

  .xDIB {
    display: inline-block !important; }

  .xBg {
    line-height: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat; }

  .xPB0 {
    padding-bottom: 0 !important; }

  .xPB5 {
    padding-bottom: 0 !important; }

  .xPB10 {
    padding-bottom: 0 !important; }

  .xPB20 {
    padding-bottom: 0 !important; }

  .xPB30 {
    padding-bottom: 0 !important; }

  .xPR0 {
    padding-right: 0 !important; }

  .xPR5 {
    padding-right: 0 !important; }

  .xPR10 {
    padding-right: 0 !important; }

  .xPT0 {
    padding-top: 0 !important; }

  .xPT10 {
    padding-top: 0 !important; }

  .xPT20 {
    padding-top: 0 !important; }

  .xPT25 {
    padding-top: 0 !important; }

  .xPT30 {
    padding-top: 0 !important; }

  .xPT50 {
    padding-top: 0 !important; }

  .xPT370 {
    padding-top: 4% !important; }

  .xPL5 {
    padding-left: 0 !important; }

  .xPL10 {
    padding-left: 0 !important; }

  .xP5p {
    padding: 5% !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xMT0 {
    margin-top: 0 !important; }

  .xMT1 {
    margin-top: 0 !important; }

  .xMT2 {
    margin-top: 0 !important; }

  .xMT3 {
    margin-top: 0 !important; }

  .xMT4 {
    margin-top: 0 !important; }

  .xMT5 {
    margin-top: 0 !important; }

  .xMT10 {
    margin-top: 0 !important; }

  .xMT30 {
    margin-top: 0 !important; }

  .xMR0 {
    margin-right: 0 !important; }

  .xMR1 {
    margin-right: 0 !important; }

  .xMR2 {
    margin-right: 0 !important; }

  .xMR3 {
    margin-right: 0 !important; }

  .xMR4 {
    margin-right: 0 !important; }

  .xMR5 {
    margin-right: 0 !important; }

  .xMR10 {
    margin-right: 0 !important; }

  .xMR20 {
    margin-right: 0 !important; }

  .xMR25 {
    margin-right: 0 !important; }

  .xMR30 {
    margin-right: 0 !important; }

  .xML0 {
    margin-left: 0 !important; }

  .xML1 {
    margin-left: 0 !important; }

  .xML2 {
    margin-left: 0 !important; }

  .xML3 {
    margin-left: 0 !important; }

  .xML4 {
    margin-left: 0 !important; }

  .xML5 {
    margin-left: 0 !important; }

  .xML10 {
    margin-left: 0 !important; }

  .xML20 {
    margin-left: 0 !important; }

  .xML30 {
    margin-left: 0 !important; }

  .xML40 {
    margin-left: 0 !important; }

  .xBR0 {
    border-right: 0 !important; }

  .xWithArrow {
    display: inline-block; }

  .xWithArrow i {
    display: inline-block;
    width: 5px;
    height: 7px;
    background-image: url("/img/arr.blue.10x14.right.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 5px 7px;
    -moz-background-size: 5px 7px;
    background-size: 5px 7px; }

  .xWithArrow i.black {
    background-image: url("/img/arr.black.10x14.right.png"); }

  .xEllipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden; }

  .xFL {
    float: none !important; }

  .xFR {
    float: none !important; }

  .xW50p {
    width: auto !important; }

  .xW100p {
    width: auto !important; }

  .xW240 {
    width: auto !important; }

  .xW770 {
    width: auto !important; }

  .xW800 {
    width: auto !important; }

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

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

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

  .xLH0 {
    line-height: 0 !important; }

  body {
    -webkit-text-size-adjust: 100%; }

  body {
    background-size: 100%; }

  .wrapper {
    width: 100%;
    min-width: 100%; }
    .wrapper.diseble-scroll {
      overflow: hidden;
      position: fixed;
      height: 100%; }

  header {
    position: fixed;
    background: #fefefe;
    height: 60px;
    top: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #CCCCCC; }
    header .menu, header .search {
      display: inline; }
    header .pc-serch, header .pc-btn-bar, header .pc-serch-bar {
      display: none; }
    header .menu, header .search {
      width: 20%;
      text-align: center; }
      header .menu i, header .search i {
        color: #333333;
        font-size: 31px;
        padding-top: 15px;
        padding-bottom: 15px; }
    header .logo {
      width: 60% !important;
      text-align: center; }
      header .logo a {
        margin: 12px 0; }
      header .logo img {
        width: 110px; }

    header .sp-top-button {
      font-size:11px;
      line-height:14px;
      font-weight:bold;
      border: solid 1px #009944;
      height:32px;
      width:38px;
      margin:0px -50px 0px 20px!important;
      padding-top:5px;
      border-radius:5px;
      background-color:#009944;
      color:#ffffff;
    }

  .bg_menu {
    background: #f7f6f0;
    display: none; }

  .js-menu, .js-search {
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    position: fixed;
    left: 0;
    top: 60px; }

  .js-search {
    background-color: #f7f6f0; }

  .js-menu {
    background-color: #f7f6f0;
    border-bottom: #ddd 1px solid; }
    .js-menu a {
      display: block;
      text-decoration: none; }
      .js-menu a i {
        font-size: 25px; }
    .js-menu a:hover {
      text-decoration: none; }
    .js-menu .accordion-toggle {
      font-size: 20px; }
      .js-menu .accordion-toggle img {
        width: 40px; }

  .menu-close-btn a {
    border-bottom: #ddd 1px solid; }

  .pc-center-area {
    display: none; }

  .article-title {
    text-align: center;
    padding: 10px 0 16px 0;
    margin-bottom: 0.3em; }
    .article-title img {
      max-width: 22px; }

  .wideslider {
    margin-top: 60px;
    height: 180px; }
    .wideslider ul li a .label {
      /* 					display:none !important; */
      font-size: 13px; }

  .slider_prev {
    background: none; }
    .slider_prev div {
      background: transparent url(/navi/img/prev_sm.png) no-repeat left center; }

  .slider_next {
    background: none; }
    .slider_next div {
      background: transparent url(/navi/img/next_sm.png) no-repeat left center; }

  .pc-writer {
    display: none !important; }

  .main-contents, .sub-contents {
    padding: 25px 0 0 0; }

  .main-contents article.wide {
    display: table;
    width: 100%;
    box-sizing: border-box; }
  .main-contents .article-title {
    font-size: 16px;
    border-bottom: #ccc 1px dotted;
    position: relative;
    width: 100%; }
  .main-contents .article-img-wrap {
    display: table-cell;
    vertical-align: top;
    width: 80px;
    height: auto; }
  .main-contents .article-img {
    float: none;
    width: 80px;
    height: 75px; }
  .main-contents .article-text {
    float: none;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 10px; }

  .key-label, .bar-label {
    padding: 0;
    font-size: 1rem; }

  .bar-label {
    color: #ffffff;
    background-color: #ffc507;
    padding: 3px;
    font-size: 10px;
    margin: 0 5px 0 0; }

  .new-articles h2 + article {
    padding: 13px 0 13px 0;
    width: 100%; }

  .new-articles {
    padding: 10px 0;
    margin-top: 0; }
    .new-articles article {
      padding: 13px 0 13px 0; }
      .new-articles article h3 a {
        font-size: 13px;
        line-height: 20px;
        max-height: 60px;
        padding: 0; }
    .new-articles .date {
      display: none; }
    .new-articles .access-view {
      padding: 0 5px;
      color: #999;
      border-left: #666 1px solid;
      display: inline !important;
      font-size: 10px; }
    .new-articles .pc-tag-label {
      font-size: 1rem;
      padding: 5px 0; }
    .new-articles .article-info .pv,
    .new-articles .article-tag {
      display: none; }

  .slider_prev,
  .slider_next {
    background-image: none; }

  .slider-title {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 5% !important;
    bottom: 0 !important; }
    .slider-title .description {
      font-size: 15px;
      width: 100% !important;
      height: 45px; }

  .fb-page, .fb-xfbml-parse-ignore {
    display: none !important;
    visibility: hidden; }
    .fb-page blockquote, .fb-xfbml-parse-ignore blockquote {
      display: none;
      visibility: hidden; }

  .side-twitter {
    display: none; }

  .sub-contents {
    max-width: 100%;
    width: 100%; }

  .side-topic {
    text-align: center;
    margin-bottom: 0;
    font-size: 13px; }

  .mothly-list li {
    max-width: none;
    width: 50%;
    margin-bottom: 0; }

  .more {
    display: none; }

  .theme-list {
    /* 		margin-bottom:40px; */ }

  .hover-img {
    display: none; }

  .article-info {
    padding-bottom: 0;
    text-align: right; }
    .article-info li {
      font-size: 10px;
      margin-right: 0; }

  .more-btn {
    padding: 5px 10px; }

  .recommendation {
    padding: 0 0 30px 0; }
    .recommendation .pc-tag-label li {
      display: inline-block !important; }
    .recommendation .pc-tag-label .date {
      display: none !important; }
    .recommendation .pc-tag-label .access-view {
      padding: 0 5px;
      color: #999;
      border-left: #666 1px solid;
      display: inline !important;
      font-size: 10px; }
    .recommendation h2 + article {
      padding: 15px 0; }
    .recommendation .pc-tag-label {
      font-size: 1rem;
      padding: 5px 0; }
    .recommendation .article-info .pv {
      display: none; }
    .recommendation .three-cols article {
      max-width: 100% !important;
      width: 100%;
      padding: 13px 0 14px 0;
      clear: both;
      border-bottom: #ccc 1px dotted; }
    .recommendation .three-cols article.wide {
      display: table; }
    .recommendation .three-cols .three-cols-img-wrap {
      display: table-cell;
      width: 80px;
      vertical-align: top; }
    .recommendation .three-cols .three-cols-img {
      width: 80px;
      height: 75px;
      float: none; }
    .recommendation .three-cols .three-cols-text {
      display: table-cell;
      vertical-align: top;
      box-sizing: border-box;
      padding: 0 10px;
      font-size: 1.3rem !important;
      float: none; }
      .recommendation .three-cols .three-cols-text h3 a {
        font-size: 13px !important;
        line-height: 20px;
        max-height: 60px;
        padding: 0;
        max-width: none; }
      .recommendation .three-cols .three-cols-text .pc-tag-label {
        padding: 0 0 8px 0; }
      .recommendation .three-cols .three-cols-text .three-cols-tag {
        display: none; }
      .recommendation .three-cols .three-cols-text .three-cols-info li {
        text-align: right;
        display: block;
        margin-right: 0;
        font-size: 1rem; }
      .recommendation .three-cols .three-cols-text .three-cols-info .pv {
        display: none; }
    .recommendation .three-cols article + article {
      margin: 0; }
    .recommendation .three-cols .three-cols-info {
      padding: 0 0 5px 0; }

  .article-text h3 a {
    font-size: 13px !important;
    padding: 5px 0;
    font-size: 13px;
    line-height: 20px;
    max-height: 60px;
    padding: 0; }

  .article-tag {
    display: none; }

  .article {
    padding: 13px 0 13px 0; }

  .feature .article-title {
    border-bottom: 0px; }

  .special-articles {
    display: block;
    width: 320px;
    margin: 0 auto; }
    .special-articles .special-article {
      display: block;
      float: left;
      margin-left: 10px !important;
      margin-right: 5px !important;
      margin-bottom: 10px !important;
      width: 145px; }
      .special-articles .special-article a {
        display: block;
        background-color: #fefefe;
        width: 145px;
        height: 165px; }
      .special-articles .special-article img {
        width: 145px;
        height: 95px; }
      .special-articles .special-article:nth-child(even) {
        margin-left: 5px !important;
        margin-right: 10px !important; }
      .special-articles .special-article .c1, .special-articles .special-article .c2 {
        width: 145px;
        height: 95px;
        padding: 0;
        display: block;
        overflow: hidden;
        position: relative; }
      .special-articles .special-article .c2 {
        position: relative;
        color: #333;
        padding: 15px 5px;
        font-size: 1rem;
        line-height: 1.5;
        background-color: #fefefe;
        box-sizing: border-box;
        height: 75px;
        font-weight: 700;
        margin-top: -3px; }
      .special-articles .special-article .text {
        font-size: 10px;
        line-height: 15px;
        width: 135px;
        height: 45px; }
      .special-articles .special-article .bar-label {
        font-size: 10px;
        padding: 5px 15px;
        background-color: #ffc507;
        box-sizing: border-box;
        z-index: 1; }

  .fb_iframe_widget, .fb-xfbml-parse-ignore {
    display: none; }

  .main-contents {
    padding: 0;
    width: 100%; }

  .sub-contents {
    padding: 0;
    background: #fefefe; }

  .daily-ranking a, .monthly-ranking a {
    padding: 20px 0;
    font-size: 1.8rem; }
    .daily-ranking a i, .monthly-ranking a i {
      font-size: 2.8rem; }

  .daily-ranking a:hover, .monthly-ranking a:hover {
    opacity: 1; }

  .monthly-ranking-contents article, .daily-ranking-contents article {
    padding: 9px 0; }
    .monthly-ranking-contents article .total-article-text, .daily-ranking-contents article .total-article-text {
      max-width: none; }
  .monthly-ranking-contents article.wide, .daily-ranking-contents article.wide {
    display: table;
    width: 100%;
    box-sizing: border-box; }
  .monthly-ranking-contents .total-article-img-wrap, .daily-ranking-contents .total-article-img-wrap {
    display: table-cell;
    width: 80px;
    vertical-align: top; }
  .monthly-ranking-contents .total-article-img, .daily-ranking-contents .total-article-img {
    width: 80px;
    height: 65px;
    margin: 12px 0; }
    .monthly-ranking-contents .total-article-img .total-label, .daily-ranking-contents .total-article-img .total-label {
      width: 20px;
      height: 20px;
      font-size: 10px;
      display: inline;
      line-height: 2;
      z-index: 10; }
  .monthly-ranking-contents .total-article-text, .daily-ranking-contents .total-article-text {
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 5px;
    float: none;
    width: auto; }
    .monthly-ranking-contents .total-article-text h3, .daily-ranking-contents .total-article-text h3 {
      width: auto !important;
      max-width: none;
      max-height: 65px; }
      .monthly-ranking-contents .total-article-text h3 a, .daily-ranking-contents .total-article-text h3 a {
        font-size: 13px;
        padding: 12px 0;
        display: block; }
    .monthly-ranking-contents .total-article-text ul, .daily-ranking-contents .total-article-text ul {
      padding: 0; }
      .monthly-ranking-contents .total-article-text ul li:first-child, .daily-ranking-contents .total-article-text ul li:first-child {
        display: inline-block; }
        .monthly-ranking-contents .total-article-text ul li:first-child .bar-label, .daily-ranking-contents .total-article-text ul li:first-child .bar-label {
          display: inline-block; }
      .monthly-ranking-contents .total-article-text ul li:nth-of-type(2), .daily-ranking-contents .total-article-text ul li:nth-of-type(2) {
        display: inline-block;
        padding: 0 5px;
        margin: 0;
        color: #999;
        border-left: #666 1px solid;
        font-size: 1rem; }

  .theme-list {
    padding: 10px 50px 20px !important;
    margin: 0;
    margin-bottom: 0 !important; }
    .theme-list li a {
      margin: 0px 4px 5px 0; }

  footer {
    padding-bottom: 70px; }
    footer .footer-article {
      width: 100%; }
      footer .footer-article .footer-top {
        padding: 20px 20px 30px;
        border-bottom: 1px solid #434343; }
      footer .footer-article .left {
        font-size: 16px;
        float: none;
        width: 100%;
        margin-bottom: 50px; }
      footer .footer-article .right {
        float: none;
        width: 100%; }
      footer .footer-article .footer-bottom {
        text-align: center; }
        footer .footer-article .footer-bottom li {
          font-size: 12px; }
        footer .footer-article .footer-bottom a {
          margin: 10px; }
      footer .footer-article p {
        text-align: center;
        font-size: 10px; }

      .pcdisp {
          display:none!important; }
      .spdisp {
          display:block!important; }

        footer .footer-article ul li a {
          width:auto;
          display: block;
          color: #fefefe;
          text-decoration: none;
          margin: 5px 20px 5px 0; }

  .follow {
    display: block;
    padding: 2em 0;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    color: #666;
    background: #F7F7F8; }
    .follow p {
      font-size: 20px;
      font-weight: 700; }
    .follow img {
      margin-right: 10px;
      width: 20px;
      margin-bottom: -5px;
      display: inline-block; }
    .follow a {
      text-decoration: none;
      display: inline-block;
      text-align: center;
      border: #999 3px solid;
      border-radius: 50%;
      color: #999; }
      .follow a i {
        font-size: 4.5rem;
        width: 65px;
        height: 65px;
        line-height: 65px; }
    .follow a:hover, .follow a:active {
      color: #fefefe;
      background: #2e97d8;
      border-color: #2e97d8; }
    .follow .sns-bar {
      margin: 15px 0 0 0;
      padding: 0; }
      .follow .sns-bar li {
        width: 50%;
        float: left;
        text-align: center;
        display: inline-block;
        box-sizing: border-box; }
      .follow .sns-bar li:first-child {
        text-align: right;
        padding-right: 20px; }
      .follow .sns-bar li:last-child {
        text-align: left;
        padding-left: 20px; }
    .follow .sns-bar:after {
      content: "";
      display: block;
      clear: both; }
    .follow .sns-bar .fa-twitter, .follow .sns-bar .fa-facebook {
      font-size: 50px;
      width: 70px;
      height: 70px;
      line-height: 70px; }

  footer .footer-article {
    font-size: 13px; }

  .js-menu, .js-search {
    width: 100%;
    height: 100%;
    /*   max-height: 530px; */
    z-index: 9999;
    display: none;
    position: fixed;
    left: 0; }

  .js-search {
    background-color: #f7f6f0;
    top: 60px; }

  .js-menu {
    top: 60px;
    background-color: #f7f6f0;
    border-bottom: #ddd 1px solid;
    overflow: scroll;
    margin-bottom: -40px; }
    .js-menu a {
      display: block;
      text-decoration: none; }
      .js-menu a i {
        font-size: 25px; }
    .js-menu a:hover {
      text-decoration: none; }
    .js-menu .accordion-toggle {
      font-size: 20px;
      color: #000; }
      .js-menu .accordion-toggle img {
        width: 40px;
        vertical-align: middle; }

  .menu-close-btn {
    margin-bottom: 20px; }
    .menu-close-btn a {
      border-bottom: #ddd 1px solid; }

  .panel-default > .panel-heading {
    border: 0px;
    border-bottom: 1px solid #ccc;
    border-color: #ffffff !important;
    background: #fff;
    padding: 10px;
    line-height: 1.5; }
    .panel-default > .panel-heading .fa-suitcase {
      margin-left: 6px; }
    .panel-default > .panel-heading .open-out-btn {
      float: right; }

  .menu-close-btn, .search-close-btn {
    display: block;
    padding: 10px 10px 20px;
    text-align: center;
    width: 100%;
    height: auto;
    text-decoration: none;
    font-size: 15px;
    color: #666;
    background: #fefefe;
    box-sizing: border-box; }

  .menu-close-btn:hover, .search-close-btn:hover {
    opacity: 0.8;
    color: #666;
    text-decoration: none; }

  .js-search {
    background: #f7f6f0;
    border-bottom: #ddd 1px solid; }

  .sp-search-bar {
    margin: 0;
    padding: 0;
    background-color: #FEFEFE; }
    .sp-search-bar .serch-bar {
      padding: 22px 10px;
      background-color: #f7f6f0;
      border-bottom: #ddd 1px solid;
      position: inherit;
      max-width: 100%;
      width: 100%;
      display: block;
      top: 0;
      right: 0;
      box-sizing: border-box; }
      .sp-search-bar .serch-bar input {
        width: 77%;
        margin: 0;
        height: 38px;
        background-color: #e6e6e6;
        border: none;
        padding-left: 10px;
        line-height: 1.2;
        font-size: 13px;
        float: left;
        border-radius: 0;
        box-sizing: border-box; }
      .sp-search-bar .serch-bar button {
        padding: 4px 20px;
        float: left;
        display: block;
        width: 58px;
        height: 38px;
        background-color: #878787;
        border: none; }

  .sp-search-tag .sp-search-title {
    padding: 5%;
    background: #fefefe;
    font-weight: 700;
    color: #999;
    display: inline-block;
    font-size: 13px; }
    .sp-search-tag .sp-search-title img {
      max-width: 30px;
      margin-right: .5em;
      margin-bottom: -.5em; }

  .sp-menu-list .table {
    display: table;
    width: 100%; }
    .sp-menu-list .table a {
      display: table-cell;
      width: 50%;
      font-size: 13px;
      vertical-align: top;
      position: relative;
      color: #333;
      text-decoration: none;
      padding: 15px 10px;
      border: #fefefe 1px solid;
      word-break: break-all;
      line-height: 18px;
      background: #f0eddc; }
      .sp-menu-list .table a i {
        position: absolute;
        top: 16px;
        left: 10px;
        font-size: 14px; }
      .sp-menu-list .table a span {
        display: inline-block;
        padding-left: 15px; }
    .sp-menu-list .table a:hover {
      opacity: 0.4; }

  .slicknav_menu {
    display: none; }

  /* #menu is the original menu */
  .js #menu {
    display: none; }

  .js .slicknav_menu {
    display: block; }

  .detail-contents {
    padding-top: 0 !important; }
    .detail-contents .hidden-xs {
      display: none; }
    .detail-contents .visible-xs {
      display: inherit; }
    .detail-contents .article-detail {
      padding: 10px;
      margin-bottom: 20px; }
      .detail-contents .article-detail .article-story {
        padding-top: 0; }
      .detail-contents .article-detail h2 {
        font-size: 24px; }
      .detail-contents .article-detail .date {
        margin-bottom: 10px; }
        .detail-contents .article-detail .date span {
          display: block;
          float: left; }
        .detail-contents .article-detail .date .access-view {
          float: right; }
    .detail-contents .follow-list {
      display: table;
      width: 100%; }
      .detail-contents .follow-list .follow-btn {
        display: table-cell;
        width: 23%;
        margin-right: 2% !important;
        text-align: center;
        white-space: inherit !important;
        vertical-align: middle;
        font-size: 11px !important;
        line-height: 20px; }
        .detail-contents .follow-list .follow-btn:last-child {
          margin-right: 0; }
        .detail-contents .follow-list .follow-btn a {
          padding: 10px 3px !important;
          min-height: 70px; }
        .detail-contents .follow-list .follow-btn .img {
          display: block;
          background-size: 30px 30px;
          margin: 0 auto 5px; }
        .detail-contents .follow-list .follow-btn span {
          display: block; }
        .detail-contents .follow-list .follow-btn .baroon {
          margin-top: 7px; }
      .detail-contents .follow-list .hatebu-btn {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 0.9em;
        text-decoration: none;
        padding: 20px 15px;
        display: block;
        border: 0px;
        text-align: center; }
      .detail-contents .follow-list .line-btn {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #2cba00;
        color: #fefefe;
        font-size: 0.9em;
        text-decoration: none;
        padding: 20px 3px 30px !important;
        display: block;
        border: 0px;
        text-align: center; }
      .detail-contents .follow-list .fb-like {
        display: none; }
    .detail-contents .follow-btn .img.fb {
      background-image: url(/navi/img_sp/btn.fb.png); }
    .detail-contents .follow-btn .img.tw {
      background-image: url(/navi/img_sp/btn.tw.png); }
    .detail-contents .follow-btn .img.hate {
      background-image: url(/navi/img_sp/btn.hate.png); }
    .detail-contents .follow-btn .img.line {
      background-image: url(/navi/img_sp/btn.line.png); }
    .detail-contents .detail-tag li {
      margin-bottom: 5px; }
    .detail-contents .writer-info {
      padding: 7px !important; }
      .detail-contents .writer-info .text {
        width: 69% !important;
        padding-bottom: 20px;
        padding-top: 7px !important;
        position: relative;
        margin-bottom: 5px; }
        .detail-contents .writer-info .text p strong {
          display: inline-block;
          font-size: 13px !important; }
        .detail-contents .writer-info .text .writer-name {
          font-weight: normal;
          font-size: 10px !important; }
        .detail-contents .writer-info .text .writer-name a {
          font-size: 14px;
          margin-top: 5px;
          display: block;
          font-weight: bold; }
      .detail-contents .writer-info .thumbnail {
        width: 60px !important;
        height: 60px !important;
        margin-top: 0;
        margin-bottom: 10px; }
      .detail-contents .writer-info .text-left {
        font-size: 10px !important; }
      .detail-contents .writer-info .writer-name {
        font-size: 16px;
        margin-bottom: 5px !important; }
      .detail-contents .writer-info a.more-article {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 90px;
        height: 20px;
        text-align: center;
        background-color: #55acee;
        border-radius: 3px;
        line-height: 20px;
        color: #ffffff;
        font-size: 10px; }
    .detail-contents .fb-share-box .left-img {
      min-height: 160px !important; }
    .detail-contents .fb-share-box .share {
      min-height: 160px !important;
      padding: 10px 0 !important; }
      .detail-contents .fb-share-box .share .like-box {
        padding: 10px !important; }
        .detail-contents .fb-share-box .share .like-box p {
          font-size: 7px; }
        .detail-contents .fb-share-box .share .like-box .white-text,
        .detail-contents .fb-share-box .share .like-box .gry-text {
          font-size: 10px !important; }
    .detail-contents .thumbnail {
      width: 100%;
      text-align: center;
      margin-bottom: 20px; }
      .detail-contents .thumbnail .thumbnail-area {
        padding: 0px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px; }
        .detail-contents .thumbnail .thumbnail-area + .thumbnail-area {
          padding: 0;
          margin: 0; }
    .detail-contents .thumbnail-bar {
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box; }
    .detail-contents .thumbnail-bar img {
      width: 100%; }

  .text-contents article {
    border: none; }
  .text-contents .list-contents {
    padding-top: 0; }

  #model-course .mc-title {
    font-size: 12px; }
  #model-course h4 {
    font-size: 15px; }
  #model-course h5 {
    padding: 0 10px;
    line-height: 32px; }
  #model-course .mc-number {
    width: 15px;
    height: 15px;
    font-size: 9px;
    padding: 5px;
    display: inline; }
  #model-course .mc-data p {
    margin: .5em;
    font-size: 10px; }

  #mc-line {
    border-left: none;
    border-right: none;
    margin: 0; }

  #model-course .mc-data p {
    padding: 0; }

  #model-course .mc-text p {
    float: none;
    width: 100%;
    max-width: none; }

  #model-course .mc-text img {
    float: none;
    margin: .5em 0;
    width: 100%;
    max-width: none; }

  .list-contents {
    padding-top: 0 !important; }

  .clearboth {
    clear: both; }

  #side-serch-keyword {
    display: none; }

  .thumbimg {
    overflow: hidden;
    position: relative; }

  .thumbimg .parent {
    position: absolute;
    top: 0;
    left: 0; }

  .SitemapList {
    padding: 30px 15px; }

  .detail-contents .culator .writer-info .text p strong {
    font-size: 18px !important; }

  .WriterSectionLine {
    font-size: 16px; }

  .xHide {
    overflow: hidden;
    height: 0px; }

  /* sub  */
  #bg_pan {
    display: none; }

  .sp-top {
    padding-top: 25px; }

  .category-list {
    padding: 5px 20px 25px 20px;
    font-size: 20px;
    border-bottom: #ccc 1px dotted;
    word-break: break-all; }

  .category-list a.parent:before {
    content: url("/navi/img/category_list_icon_sp.gif");
    margin: -6px 5px 0 0;
    display: block;
    float: left; }

  .category-list a.child:before {
    content: url("/navi/img/category_list_icon_sp_hover.gif");
    margin: -6px 5px 0 0;
    display: block;
    float: left; }

  .article-list-pager li {
    display: inline-block;
    margin: 0 2px; }

  .article-list-pager li a {
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    margin-bottom: 10px; }

  .text-data {
    padding: 18px 0;
    font-size: 16px; } }

/*# sourceMappingURL=root.css.map */

/*============================================================
フキダシデザイン
============================================================*/
.arrow_answer{
    position: relative;
    background: #fff7de;
    border: 2px solid #fff7de;
    padding: 2% 2%;
    border-radius: 10px;
    width: 70%;
    font-size:14px;
}

.arrow_question {
    position: relative;
    background: #fff0f0;
    border: 2px solid #fff0f0;
    padding: 2% 2%;
    border-radius: 10px;
    width: 70%;
    font-size:14px;
}

.arrow_answer p {
  font-size:14px!important;
}

.arrow_question p {
  font-size:14px!important;
}


.arrow_question {
    float: right;
}
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_question:after,
.arrow_question:before { right: 100%; }
.arrow_answer:after,
.arrow_answer:before { left: 100%; }

.arrow_answer:after { border-left-color: #fff7de ; }
.arrow_question:after { border-right-color: #fff0f0 ; }


.arrow_answer:before {
    border-color: #fff;
    border-width: 8px 0 8px 27px;
    margin-top: -16px;
}
.arrow_question:before {
    border-color: #fff;
    border-width: 8px 27px 8px 0;
    margin-top: -16px;
}
.arrow_answer:before { border-left-color: #fff7de; }
.arrow_question:before { border-right-color: #fff0f0; }

.question_image {
    float: left;
    width:20%;
}
.answer_image {
    float: right;
    width:20%;
}
.answer_image img,.question_image img {
    width: 100%;
}
.question_Box {
    margin-bottom: 25px;
    overflow: hidden;
}

.question_Box p{ line-height: 1.5;}

.question_box ul {
  list-style: none;
  list-style-position: inside;
}

.question_box_index .basicinfo_title{
  font-size:16px;
  font-weight:bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
.question_box_index {
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:5px;
  margin:7px;
}

.question_box li {
  margin-bottom:10px;
  padding-right: 23px;
  font-size:17px;
  list-style: none!important;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
}

.question_box_index .access_title {
  margin-bottom:5px;
}

.question_box li:before {
  font-family: FontAwesome;
  font-size:17px;
  content: '\f0a4'; /* アイコンのunicode */
}

@media only screen and (max-width: 768px) {
  .arrow_answer:after { display:none; }
  .arrow_question:after { display:none; }


  .arrow_answer:before {
      display:none;
  }
  .arrow_question:before {
      display:none;
  }
  .arrow_answer:before { display:none; }
  .arrow_question:before { display:none; }
  .article-text {
    max-width: 768px;
    width:auto;
  }

  .main-contents {
    max-width: 768px;
    width:100%;
  }
}

/*============================================================
マーカー
============================================================*/
.marker-yellow {
  background: linear-gradient(transparent 40%, #ffff66 40%);
  font-weight:bold;
}

.marker-green {
  background: linear-gradient(transparent 40%, #66FFCC 40%);
  font-weight:bold;
}


.marker-blue {
  background: linear-gradient(transparent 40%, #66ccff 40%);
  font-weight:bold;
}

.marker-red {
  background: linear-gradient(transparent 40%, rgb(255, 170, 170) 40%);
  font-weight:bold;
}

.marker-pink {
  background: linear-gradient(transparent 40%, #ff99ff 40%);
  font-weight:bold;
}

/*============================================================
スタイル指定
============================================================*/
.bold-red-underline {
  border-bottom:1px solid red;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 2px;
  margin-bottom:5px;
}

.gray-slim-underline {
  border-bottom:1px solid #ccc;
  font-size: 18px;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 2px;
}

/*============================================================
ULとLI
============================================================*/

.question_box_index ul {
  padding-left:20px;
}

.question_box_index li {
  font-size:12px;
  margin-bottom:10px;
  list-style: circle;
}

.question_box_index .title {
font-size: 20px !important;
font-weight: bold;
margin-top: 5px;
margin-left: 10px;
}

.index-box {
  background: #f9f9f9;
  border: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 1em;
  width: auto;
  display: table;
  font-size: 95%;
  min-width:90%;
}

.index-title {
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.index-box li {
  margin-top:5px;
  margin-bottom:10px;
}

.index-box a {
  color: #0065BD;
  font-size:1.5rem;
  margin-top:5px;
  margin-bottom:5px;
}

.index-subul {
  padding-left:20px;
  margin-bottom:15px;
}

/*----記事挿入 ----*/
.insertarticle {
  border:solid 1px #cccccc;
  width:80%;
  margin-top:15px;
  margin-bottom:15px;
	min-height:110px;
}

.insertarticle-imagearea {
  width:30%;
  float:left;
  margin:5px;
  margin-right:10px;
  padding-left:4px;
  min-height:100px;
  max-height:100px;
  overflow:hidden;
}

.insertarticle-imagearea a{
  display:block;
  width:100%;
  z-index: 999;
  position: relative;
}

.insertarticle-image {
  margin:auto;
  max-height: 100px;
  width: auto!important;
}

.insertarticle-infomation {
  margin-bottom:4px;
  color:#9aa5ab;
}

.insertarticle-stringarea {
  margin:10px;
  position:relative;
  overflow: hidden;
}

.insertarticle-update {
}

.insertarticle-title {
  margin-bottom:5px;
}

.insertarticle-price {
  font-size: 2rem;
  font-weight: bold;
  color: #ff5656;
}

.insertarticle-title h3 {
  border-bottom:none!important;
  margin-top:0px;
  margin-bottom:2px;
  font-size:16px!important;
  padding:0px!important;
  border-left: none!important;
  background:none!important;
  line-height:18px;
}

.insertarticle-title h3:hover {
  text-decoration:underline;
}

.insertarticle-stringarea:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

@media only screen and (max-width: 768px) {
  .insertarticle {
    width:100%;
		min-height:105px;
  }

  .insertarticle-infomation {
    font-size:0.6rem;
  }

  .insertarticle-stringarea {
    font-size:0.6rem;
    margin-bottom: 15px;
  }

  .insertarticle-imagearea {
    min-height:100%;
  }

  .insertarticle-image {
    margin:auto;
		max-height:85px;
    width: auto!important;
  }
}




/** search-form --*/
.search_form{
  margin-bottom: 35px;
  padding: 10px 15px 0 10px;
}
.search_form .form_area{
  margin-bottom: 8px;
}
.search_form .select-wrap,
.search_form .txt-wrap{
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.search_form .select-wrap select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #cccccc;
  vertical-align: middle;
  font-size: 14px;
  padding: 6px 8px;
  width: 100%;
  background-color: #efefef;
  cursor: pointer;
  background-image: url(../img/sankaku.png);
  background-repeat: no-repeat;
  background-position: right 5% center;
  color: #595959;
}


.search_form .txt-wrap span{
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color: #efefef;
  box-sizing: border-box;
  padding: 6px 8px 6px 12px;
  font-size: 14px;
  vertical-align: middle;
  color: #595959;
}
.search_form .txt-wrap span:first-child{
  border-left: 1px solid #cccccc;
}
.search_form .txt-wrap input{
  font-size: 14px;
  width: 9%;
  border: none;
  background:none;
  color: #595959;
}
.search_form .txt-wrap input.year{
  width: 16%;
}
#datepicker{
  display: none;
}
.search_form .ui-datepicker-trigger{
  vertical-align: middle;
  margin-left: 4px;
  cursor: pointer;
  width:24px;
  height:24px;
  padding-top: 8px;
}
.search_form .ttl-form{
  color: #666666;
  display: inline-block;
  font-size: 14px;
  width: 100%;
  padding: 6px 3px 3px 0px;
}
.search_form .searchBtn input{
  width: 100%;
  font-size: 18px;
  padding: 10px 0;
  font-weight: bold;
  color: #fff;
  border: none;
  background-color: #2e97d8;
  background-image: url(../img/search.png);
  background-position: left 34% center;
  background-repeat: no-repeat;
}
.search_form .searchBtn input:hover{
  background-color: #3eb0f7;
}

/** 日付 **/
.date-select-wrap {
  float:left;
}
.date_select {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color: #efefef;
  box-sizing: border-box;
  padding: 6px 3px 8px 3px;
  font-size: 14px;
  vertical-align: middle;
  color: #595959;
  width:80px;
}

.departure_date:after {
    content: '';
    clear: both;
    display: block;
}

.date-select-title {
  width:17%!important;
  padding-right: 5px;
}


.search_form .error {
  background-color: #fdd!important;
  color: #222!important;
}

.search_form .night-select {
  display:inline-block;
  width:40%;
}

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

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

.gerande_main_area {
  margin-bottom:15px;
  background-color: white;
}

.gerande_main_area h1 {
  border-left: solid 5px #8179ff;
}

.gerande_main_area h2 {
  padding: 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
  font-size: 18px;
  font-weight: bold;
  background-color:#dfeaff;
}

.gerande_main_image {
  width:100%;
}

.gerande_info_table {
  width:100%;
  margin-bottom:15px;
}

.gerande_info_table th {
  width:30%;
  padding:10px;
  font-weight:bold;
}

.gerande_info_table td {
  padding:10px;
  line-height:1.6rem;
}

.gerande_info_table tr {
  border-bottom:1px dotted #b7b7b7;
  word-break: break-all;
}


.gerande_hotel_area {
  margin-bottom:30px;
}

.gerande_hotel_area h2 {
  padding: 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
  font-size: 18px;
  font-weight: bold;
  background-color:#dfeaff;
  margin-bottom:10px;
}

.gerande_hotel_area .more_hotel_area {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #d3dfff;
}

.gerande_hotel_area .more_hotel_area a{
  font-size: 1.3rem;
  border: #768ccc 2px solid;
  display: block;
  padding: 15px 0;
  color: #333;
  font-weight:bold;
  margin: 6px 0;
}

.gerande_hotel_area .more_hotel_area a:hover{
  font-size: 1.3rem;
  border: #305de0 2px solid;
  display: block;
  padding: 15px 0;
  color: #fff;
  font-weight:bold;
  margin: 6px 0;
  background-color:#6d95ff;
}

.hotel_area {
  margin-bottom:10px;
  border-bottom:1px dotted #989898;
  padding-bottom: 10px;
}

.hotel_image_area {
  display:inline-block;
  width:40%;
}

.hotel_image_area a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.hotel_image_area .hotel_image {
  width:100%;
}

.hotel_info_area {
  display:inline-block;
  width:58%;
  vertical-align: top;
  padding-left:8px;
}

.hotel_info_area .hotel_name{
  padding:5px;
}

.hotel_info_area .hotel_name a{
  font-size:1.8rem;
  font-weight:bold;
  color:#003399;
}

.hotel_info_area .hotel_name a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.hotel_description {
  margin-bottom:8px;
  word-wrap: break-word;
}

.hotel_plan_link {
  margin-top:20px;
}

.hotel_plan_link a{
  border:1px solid #768ccc;
  background-color:#d3dfff;
  font-weight:bold;
  padding: 10px;
  margin-right: 5px;
  display:inline-block;
  margin-top: 5px;
}

.hotel_plan_link a:hover{
  color: #fff;
  border:1px solid #768ccc;
  background-color:#d3dfff;
  font-weight:bold;
  padding: 10px;
  margin-right: 5px;
  display:inline-block;
  margin-top: 5px;
  background-color:#6d95ff;
}

.gerande_plan_area h2 {
  padding: 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
  font-size: 18px;
  font-weight: bold;
  background-color:#dfeaff;
  margin-bottom:10px;
}

.gerande_plan_area .more_plan_area {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #d3dfff;
}

.gerande_plan_area .more_plan_area a{
  font-size: 1.3rem;
  border: #768ccc 2px solid;
  display: block;
  padding: 15px 0;
  color: #333;
  font-weight:bold;
  margin: 6px 0;
}

.gerande_plan_area .more_plan_area a:hover{
  font-size: 1.3rem;
  border: #305de0 2px solid;
  display: block;
  padding: 15px 0;
  color: #fff;
  font-weight:bold;
  margin: 6px 0;
  background-color:#6d95ff;
}

.plan_area {
  margin-bottom:10px;
  border-bottom:1px dotted #989898;
  padding-bottom: 10px;
}

.plan_image_area {
  display:inline-block;
  width:40%;
}


.plan_image_area .plan_image {
  width:100%;
}

.plan_info_area {
  display:inline-block;
  width:58%;
  vertical-align: top;
  padding-left:8px;
}

.plan_info_area .plan_name{
  padding:5px;
}

.plan_info_area .plan_name a{
  font-size:2rem;
  font-weight:bold;
  color:#003399;
}

.plan_info_area .plan_name a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.plan_area .plan_image_area a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.plan_info_area .plan_info .tour_code {
  font-size: 12px;
}

.plan_info_area .plan_info .date {
  padding:0px;
  color:#000;
  font-size: 12px;
}

.plan_info_area .plan_info .price_info .price {
  font-size:1.8rem;
  color:red;
  font-weight:bold;
}

.plan_description {
  margin-bottom:8px;
  word-wrap: break-word;
}


.gerande_list_info_area {
  margin-bottom:10px;
  border:1px dotted #b3b3b3;
  padding:3px;
}

.gerande_list_title_area {
  width:100%;
}

.gerande_list_title_area h2{
    padding: 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #7db4e6;
    font-size: 18px;
    font-weight: bold;
    background-color: #dfeaff;
    margin-bottom: 10px;
}

.gerande_list_info_area {
  display:inline-block;
  width:48%;
}

.gerande_list_info_img_area {
  width:40%;
  display:inline-block;
}

.gerande_list_info_img_area .gerande_list_img {
  width:100%;
}

.gerande_list_info_area .gerande_list_info_info_area {
  display:inline-block;
  width:58%;
  vertical-align:top;
}

.gerande_list_info_info_area .gerande_list_info_title .gerande_link {
  font-weight:bold;
}

.from_to_string_area .from_to_string_info {
  font-weight:bold;
  background-color:#fff;
  font-size:1.2rem;
  padding:5px;
  border:1px solid #b7b7b7;
  display:inline-block;
}

.pc-hide {
  display:none;
}

.gerande_lift_area {
  background:#fff;
  margin-bottom:10px;
}

.gerande_lift_area h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding:10px;
}

.gerande_lift_area .tour_box {
  margin:0 5px 0 5px;
}

.gerande_lift_area h2{
    padding: 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #7db4e6;
    font-size: 18px;
    font-weight: bold;
    background-color: #dfeaff;
}

.gerande_lift_area .tour_box h4{
    font-size: 16px;
    font-weight: bold;
    padding: 12px 0;
    margin: 0 13px;
    border-bottom: 2px solid #efefef;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.4;
}

.gerande_lift_area .tour_box {
  border: 2px solid #efefef;
  margin-bottom: 5px;
}

.gerande_lift_area .tour_box .lift_detail {
  padding:10px;
}

.gerande_lift_area .tour_box .lift_detail .lift_img_area{
  display:inline-block;
  width:30%;
}

.gerande_lift_area .tour_box .lift_detail .lift_img_area .lift_img{
  height:135px;
}

.gerande_lift_area .tour_box .lift_detail .lift_info_area {
  display:inline-block;
  width:69%;
  vertical-align:top;

}

.gerande_lift_area .tour_box .lift_detail .lift_info_area p{
  font-size:14px;
  margin-bottom:10px;
  height: 53px;
}

.gerande_lift_area .tour_box .lift_detail .lift_info_area .price {
  width:100%;
  text-align:right;
}

.gerande_lift_area .tour_box .lift_detail .lift_info_area .price dd{
  display:inline-block;
  text-align:right;
}

.gerande_lift_area .tour_box .lift_detail .lift_info_area .price dt{
  display:inline-block;
  text-align:right;
  color: #ff0000;
  font-weight: bold;
  margin-bottom: 2px;
  font-size: 24px;
}

.gerande_lift_area .tour_box .lift_detail .lift_info_area .btn {
  text-align:right;
  width:100%;
}

.btn a,.more-btn-red a,.more-btn-orange a{
	text-decoration: none;
}

.gerande_lift_area .tour_box .lift_detail .lift_info_area .btn a{
    background: #ff239f;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width: 110px;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    display: inline-block;
    letter-spacing: .3em;
}

.gerande_lift_area .tour_box .period {
    background: #efefef;
    padding: 3px 15px;
    text-align: right;
}



@media only screen and (max-width: 768px) {
  .pc-hide {
    display:block;
  }

  .sp-hide {
    display:none;
  }

  .mode_disp_button_area {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #f7f9ff;
  }

  .more_disp_button {
    font-size: 1.3rem;
    border: #768ccc 2px solid;
    display: block;
    padding: 15px 0;
    color: #333;
    font-weight: bold;
    margin: 6px 0;
  }

  .plan_image_area {
    display:block;
    width:100%;
  }

  .plan_info_area {
    display:block;
    width:96%;
  }

  .hotel_image_area {
    display:block;
    width:100%;
  }

  .hotel_info_area {
    display:block;
    width:96%;
  }

  .plan_description {
    margin-bottom:8px;
    word-wrap: break-word;
  }

  .gerande_list_info_area {
    display:inline-block;
    width:46%;
  }

  .gerande_list_info_img_area {
    width: 100%;
  }

  .gerande_list_info_area .gerande_list_info_info_area {
    width:100%;
  }

  .gerande_list_info_info_area .gerande_list_info_title .gerande_link {
    font-size:1.0rem;
  }

  .sub-contents .moth-list {
    margin-bottom: 40px;
    padding: 5px !important;
    position: relative; }
  .sub-contents .moth-list li {
    width: 50%;
    display:inline-table;
    height:35px;
    margin-top:5px;
    margin-bottom:5px;

  }
  .sub-contents .moth-list li a {
      display: block;
      text-align: center;
      font-size:1.0rem;
      line-height:1.0rem;
      height:100%;
      padding:12px 5px 0 5px!important;
    }

  .hotel_plan_link a{
    width: 150px;
  }

 .gerande_lift_area .tour_box .lift_detail .lift_img_area{
  display:block;
  width:100%;
}


.gerande_lift_area .tour_box .lift_detail .lift_info_area {
  display:block;
  width:100%;
  vertical-align:top;

}

.gerande_lift_area .tour_box .lift_detail .lift_img_area {
  margin-bottom:10px;
}

  .gerande_lift_area .tour_box .lift_detail .lift_img_area .lift_img{
    width:100%;
    height:auto;
  }

  .gerande_lift_area .tour_box .period {
    background: #efefef;
    font-size:12px;
    padding: 3px 15px;
    text-align: right;
  }

  .gerande_lift_area .tour_box .lift_detail .lift_info_area .btn a{
    width:100%;
    padding:10px 0 10px 0;
  }

  .gerande_lift_area .tour_box .lift_detail .lift_info_area .price {
    font-size:12px;
  }

}

.affili-area {
	border: solid 2px #d2d2d2;
	border-radius: 10px;
	padding: 10px;
}

.affili-area .vcimg{
	display: block;
}


.affili-area .affili-image-area {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  text-align: center;
}

.affili-area .affili-item-title {
  font-weight:bold;
  font-size: 1.5rem;
  margin-bottom:10px;
}

.affili-area .affili-rakuten-area {
  height:160px;
}

.affili-area .affili-image-area .affili-image {
	max-height: 147px;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}

.affili-area .affili-rakuten-area .affili-item-area {
  width: 66%;
  display:inline-block;
  vertical-align: top;
}

.affili-area .affili-rakuten-area .affili-item-area .affili-item {
  text-align: center;
  border: 1px solid #ccc;
  width: 95%;
  margin-left: 10px;
  padding: 5px;
  margin-bottom: 10px;
}

.affili-area .affili-rakuten-area .affili-item-area .affili-item::after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #276eba;
  position: relative;
  top: -12px;
  display: inline-block;
}

.affili-area .affili-rakuten-area .affili-item-area .affili-item-address {
  font-weight:bold;
  padding: 0 10px 5px 10px;
  font-size: 1.4rem;
  font-weight: bold;
  min-height: 65px;
}

.affili-area .affili-rakuten-area .affili-item-area a{
  color: #000000;
  text-decoration: none;
}

.affili-area .affili-rakuten-area .affili-item-area .affili-item .asp-disp {
  font-size:1.6rem;
  font-weight:bold;
  margin-bottom:10px;
  margin-top: 10px;
}

.affili-area .affili-rakuten-area .affili-item-area .affili-item .affili-price-area {
  font-size:1.6rem;
  line-height: 3rem;
  width:95%;
  font-weight: bold;
  display: inline-block;
  left: 23px;
  position: relative;
}

.affili-area .affili-rakuten-area .affili-item-area .affili-item .affili-price-area-none {
  left: 3px;
}

.affili-area .affili-more-btn-area {
  width:100%;
  text-align:center;
}

.affili-area .affili-more-btn-area .affili-more-btn{
  padding:10px;
}

.affili-area .affili-rakuten-area .affili-price-area .price {
    font-size: 2rem;
    font-weight: bold;
    color: #ff5656;
}

.affili-area .affili-rakuten-area .affili-price-area  .affili-tax {
  font-size: 1.2rem;
  font-weight: normal;
}

.affili-area .affili-more-area {
  border-top:1px solid #ccc;
  margin-top:5px;
  padding:10px;
}

.affili-area .affili-more-area {
  display:none;
}

.affili-area .affili-more-area .affili-item {
  margin-top: 10px;
  border-bottom: 1px dotted #ccc;
  padding: 5px 0 10px 0;
}

.affili-area .affili-more-area a:last-child .affili-item{
  border-bottom: none
}

.affili-area .affili-more-area .asp-disp {
  display:inline-block;
  width:50%;
  vertical-align: middle;
  text-align:left;
  font-weight:bold;
  font-size:15px;
}

.affili-area .affili-more-area .affili-price-area {
  display:inline-block;
  text-align:right;
  width:49%;
  line-height: 20px;
  font-weight: bold;
  vertical-align: middle;
}

.affili-area .affili-more-area .affili-item-area a{
  color: #000000;
  text-decoration: none;
}

.affili-area .affili-more-area .affili-price-area .price {
    font-size: 16px;
    font-weight: bold;
    color: #ff5656;
}

.affili-area .affili-more-area .affili-price-area .affili-tax {
  font-size: 11px;
  font-weight: normal;
}


.sp-only {
  display:none;
}

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

  .affili-area .affili-rakuten-area {
    height:108px;
  }

  .affili-area .affili-rakuten-area .affili-item-area .affili-item {
    width:89%;
    height:79px;
  }

  .affili-area .affili-rakuten-area .affili-item-area .affili-item .asp-disp {
    font-size:14px;
    font-weight:bold;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .affili-area .affili-rakuten-area .affili-item-area .affili-item .affili-price-area {
    font-size:14px;
    width:90%;
    display: inline-block;
    position: relative;
    left: 10px;
  }

  .affili-area .affili-rakuten-area .affili-item-area .affili-item .affili-price-area-none {
    left: 3px;
  }

  .affili-area .affili-rakuten-area .affili-item-area .affili-item::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #276eba;
    position: relative;
    top: -12px;
    left: 4px;
    display: inline-block;
  }

  .affili-area .affili-image-area .affili-image {
    max-height:94px;
  }

  .affili-area .affili-rakuten-area .affili-price-area .price {
      font-size:17px;
      font-weight: bold;
      color: #ff5656;
  }


  .affili-area .affili-more-area .affili-price-area {
    width:45%;
    font-size: 11px;
  }

  .affili-area .affili-more-area .affili-price-area .price {
    font-size:13px;
  }

  .affili-area .affili-more-area .asp-disp {
    font-size:13px;
  }

  .affili-area .affili-rakuten-area .affili-item-area .affili-item-address {
    display:none;
  }

	.sp-only {
	display:block;
}
}


.fix-banner {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 9998;
}

.fix-banner__btn {
  background: #333;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 40px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  width: 40px;
  line-height: 40px;
  -webkit-transition: .3s;
  transition: .3s;
}

.fix-banner .block-sp {
  display: none;
}

.fix-banner.close {
  display: none;
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  .fix-banner .block-pc {
      display: none;
  }

  .fix-banner .block-sp {
    display: block;
  }
}