@charset "UTF-8";
/*---------------------------------------------------

fonts

-----------------------------------------------------*/
/*icon moon*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?y93obb");
  src: url("../fonts/icomoon/icomoon.eot?y93obb#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?y93obb") format("truetype"), url("../fonts/icomoon/icomoon.woff?y93obb") format("woff"), url("../fonts/icomoon/icomoon.svg?y93obb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ranking_title:before, .bx-prev:after,
.bx-next:after {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-comic:before {
  content: "\e90b"; }

.icon-building:before {
  content: "\e90c"; }

.icon-calendar:before {
  content: "\e90d"; }

.icon-arrow-r:before {
  content: '\e900'; }

#side_area .bx-controls-direction .bx-next:after {
  content: '\e900'; }

.icon-arrow-l:before {
  content: '\e901'; }

#side_area .bx-controls-direction .bx-prev:after {
  content: '\e901'; }

.icon-balloon:before {
  content: '\e902'; }

.icon-book:before {
  content: '\e903'; }

.icon-glass:before {
  content: '\e904'; }

.icon-mail:before {
  content: '\e905'; }

.icon-map:before {
  content: '\e906'; }

.icon-rank:before {
  content: '\e907'; }

.ranking_title:before {
  content: '\e907'; }

.icon-tag:before {
  content: '\e908'; }

.icon-facebook:before {
  content: '\e909'; }

.icon-twitter:before {
  content: '\e90a'; }

/*Notosans*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Thin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/notosans/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Thin.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Light.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-DemiLight.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Regular.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Medium.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Bold.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Bold.ttf") format("truetype"); }

/*---------------------------------------------------

base

-----------------------------------------------------*/
body {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Lato", sans-serif;
  font-size: 14px;
  color: #32343c;
  background-color: #f5f2ef;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: auto; }

.clearfix, .container #main .top_article, .container #main .sns .l_sns_inner, #pagenavi, #wrapper .wp-pagenavi {
  *zoom: 1; }

.clearfix:before, .container #main .top_article:before, .container #main .sns .l_sns_inner:before, #pagenavi:before, #wrapper .wp-pagenavi:before,
.clearfix:after,
.container #main .top_article:after,
.container #main .sns .l_sns_inner:after,
#pagenavi:after,
#wrapper .wp-pagenavi:after {
  display: table;
  content: ' '; }

.clearfix:after, .container #main .top_article:after, .container #main .sns .l_sns_inner:after, #pagenavi:after, #wrapper .wp-pagenavi:after {
  clear: both; }

html {
  font-size: 62.5%; }

a {
  text-decoration: none;
  color: #333;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  outline: none; }

a:hover {
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

body {
  padding: 0;
  margin: 0;
  background: #f5f2ef; }

#contents {
  width: 960px;
  margin: 0 auto; }

#contents p, #contents li, #contents dt, #contents dd, #contents h2, #contents h3, #contents h4 {
  line-height: 1.6; }

/*---------------------------------------

contents-style

----------------------------------------*/
.container #main body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all; }

.row_inner {
  overflow: hidden;
  background: #fff !important; }

.row_inner #mailbtn img {
  width: 100%;
  height: auto; }

#wrapper .row_inner #mailbtn img {
  width: auto;
  margin-bottom: 30px; }

#wrapper .row_inner #single .title-box {
  background-size: 100% !important; }

#wrapper .row_inner #single .title-box h2 {
  background-size: 100% !important; }

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

.container #main img {
  vertical-align: bottom; }

.container #main article, .container #main aside, .container #main details, .container #main figcaption, .container #main figure, .container #main footer, .container #main header, .container #main menu, .container #main nav, .container #main section, .container #main div, .container #main address, .container #main iframe, .container #main canvas, .container #main hr, .container #main textarea {
  display: block;
  line-height: 1; }

.container #main a, .container #main label {
  cursor: pointer; }

.container #main blockquote {
  padding: 0;
  margin: 0;
  display: block; }

.container #main address, .container #main em {
  font-style: normal; }

.container #main hr {
  border: 0;
  margin: 0;
  padding: 0; }

.container #main ul, .container #main ol, .container #main li {
  list-style: none; }

.container #main textarea {
  resize: vertical;
  overflow: hidden;
  -webkit-appearance: none;
  border: none; }

.container #main input, .container #main button, .container #main select {
  vertical-align: middle;
  border-radius: 0px;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  -webkit-appearance: none; }

.container #main table {
  border-collapse: collapse; }

.container #main *:before,
.container #main *:after {
  padding: 0;
  margin: 0;
  line-height: 1; }

.container #main .top_article {
  position: relative; }

.container #main .top_article .thum_box {
  width: 340px;
  height: 230px;
  overflow: hidden;
  float: left;
  position: relative; }
  .container #main .top_article .thum_box img {
    width: 340px;
    height: 230px; }

.container #main .top_article .article_info {
  float: left;
  width: 320px;
  height: 230px;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden; }
  .container #main .top_article .article_info .text-wrapper {
    width: 100%;
    overflow: hidden; }

.container #main .top_article .article_info p {
  margin-top: 18px;
  font-size: 12px;
  color: #aca7a1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.container #main .top_article .article_info p span {
  background: url("../images_v2/common/icon_pink_arrow.png") no-repeat left center;
  padding-left: 8px;
  display: inline-block;
  margin-left: 10px; }

.container #main .top_article h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold; }

h2 .new {
  background: #ce3022 !important;
  font-size: 11px !important;
  font-size: 1.1rem !important;
  color: #fff;
  font-weight: bold !important;
  padding: 4px 10px !important;
  margin-left: 6px !important;
  height: 17px; }

.container #main .top_article .release_day {
  background: #ce3022;
  width: 71px;
  height: 79px;
  padding-top: 2px;
  position: absolute;
  left: -85px;
  top: -9px;
  z-index: 999;
  text-align: center;
  color: #fff;
  font-family: "Verdana", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  line-height: 1.6; }

.container #main .top_article .release_day span {
  font-size: 19px;
  font-size: 1.9rem; }

.container #main .seminar_sub_box {
  background: url("../images_v2/common/bg_seminar_box.png") no-repeat left bottom;
  width: 680px;
  height: 84px;
  margin-bottom: 26px; }

.container #main .seminar_sub_box a {
  width: 680px;
  height: 80px;
  display: block; }

.container #main .seminar_sub_box a img {
  -webkit-transition: 0.2s;
  transition: 0.2s; }

.container #main .seminar_sub_box a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

.container #main .article {
  border-bottom: 2px solid #f5f2ef;
  overflow: hidden;
  padding: 25px 30px;
  box-sizing: border-box;
  *zoom: 1; }

.container #main .article .thum_box {
  width: 160px;
  height: 107px;
  float: left;
  overflow: hidden;
  position: relative; }

.container #main .article .thum_box img {
  width: 100%;
  height: auto; }

.container #main .article .article_info {
  float: left;
  width: 440px;
  margin-left: 20px;
  position: relative; }
  .container #main .article .article_info div {
    display: inline-block; }

.container #main .article .article_info p {
  margin-top: 8px;
  color: #aca7a1;
  font-size: 12px; }

.container #main .article .article_info p span {
  background: url("../images_v2/common/icon_pink_arrow.png") no-repeat left center;
  padding-left: 8px;
  display: inline-block;
  margin-left: 10px; }

/*intro部分*/
.intro-category{
  position: relative;
  top: 50%;
  transform: translate(0%,-52%);
}

.container #main .article .article_info .category {
  font-size: 14px;
  font-weight: bold;
  float: left;
  color: #ce3022; }

.container #main .article .article_info .media_days {
  float: right;
  color: #ce3022; }

.container #main .article .article_info .release_day {
  display: inline-block;
  margin-right: 5px;
  margin-top: 18px; }

.container #main .article .article_info .release_day .place {
  display: inline-block;
  height: 18px;
  color: #e37285;
  border: 1px solid #e37285;
  line-height: 18px;
  padding: 0 2px;
  margin-right: 10px;
  margin-right: 10px; }

.container #main .article h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  clear: both;
  padding-top: 10px !important;
  overflow: hidden; }

.container #main .seminar_box {
  margin-bottom: 60px; }

.container #main .seminar_box dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 18px;
  margin-bottom: 3px;
  background: url("../images_v2/common/icon_pink_arrow_l.png") no-repeat left center; }

.container #main .seminar_box dd {
  margin-bottom: 20px;
  margin-left: 20px; }

.container #main .school_news_bord {
  overflow: hidden;
  *zoom: 1;
  padding: 20px 30px 30px 30px; }

.container #main .school_news_bord .thum_box {
  width: 86px;
  height: 58px;
  float: left;
  margin-right: 11px; }

.container #main .school_news_bord .thum_box img {
  width: 100%;
  height: auto; }

.container #main .school_news_bord .thum_box a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

.container #main .school_news_bord .school_news {
  width: 300px;
  margin-right: 20px;
  float: left; }

.container #main .school_news_bord .school_news li {
  clear: both;
  margin-bottom: 30px;
  min-height: 61px;
  overflow: hidden;
  *zoom: 1; }

.container #main .school_news_bord .media_news {
  width: 300px;
  float: right; }

.container #main .school_news_bord .media_news li {
  clear: both;
  margin-bottom: 30px;
  min-height: 61px;
  overflow: hidden;
  *zoom: 1; }

.container #main .school_news_bord .media_news li p {
  width: 223px;
  float: left; }

.container #main .comic .comic_article {
  margin-bottom: 30px;
  width: 180px;
  float: left;
  padding: 0px 20px;
  overflow: hidden;
  border-left: 2px solid #f5f2ef; }
  .container #main .comic .comic_article .thum_box {
    position: relative; }
  .container #main .comic .comic_article .thum_box img {
    width: 180px;
    height: 180px; }
  .container #main .comic .comic_article .category {
    color: #ce3022;
    font-weight: bold;
    margin-bottom: 10px; }

.container #main .comic .comic_first {
  margin-left: 8px !important;
  border-left: 0px; }

.container #main .comic .comic_article　a {
  text-decoration: none !important; }

.container #main .comic .comic_article h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6; }

.container #main .comic .comic_article .comic_info p {
  color: #999; }

.container #main .comic .comic_article .comic_info p span {
  background: url("../images_v2/common/icon_pink_arrow.png") no-repeat left center;
  padding-left: 8px;
  display: inline-block;
  margin-left: 10px; }

.container #main .comic .thum_box {
  width: 180px;
  height: 180px;
  margin-bottom: 10px; }

#main .recommendation {
  padding-top: 15px !important; }
  #main .recommendation .more {
    padding-top: 0px !important; }

.reco_navi{
  font-size: 0px;
  letter-spacing: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0px 10px 10px 10px !important;
  width: 100%;
}

.reco_navi dt,
.reco_navi dd {
  padding: 0px 10px !important;
  box-sizing: border-box;
  font-size: 0px;
  letter-spacing: 0;
  border: 0px;
  width: 50%;
  zoom: 1;
  float: left;
  display: inline-block;
  text-align: center;
}

.reco_navi a{
  padding: 26px 0px 36px;
  text-align: center;
}

.reco_navi a .icons-rec{
  display: block;
  margin: auto !important;
  width: 29px;
  height: 30px;
}

.icons-rec-red{
  background: url("../images_v2/common/icon-reco-red.png") no-repeat !important;
  -webkit-background-size: 29px 30px !important;
  background-size: 29px 30px !important;
}
.icons-rec-black{
  background: url("../images_v2/common/icon-reco-black.png") no-repeat !important;
  -webkit-background-size: 29px 30px !important;
  background-size: 29px 30px !important;
}

.icons-key{
  width: 33px;
  height: 36px;
  top: 14px;
  background: url("../images_v2/common/icons-key.png") no-repeat !important;
}

.icons-key:after{
  top: -1px !important;
  right: -20px !important;
}

.reco_navi a strong{
  font-size: 18px !important;
  font-weight: bold !important;
  position: relative;
  letter-spacing: 0.1em;
  top: 10px;
}
.reco_navi a strong:after{
content: '\e900';
font-family: 'icomoon' !important;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
speak: none;
  position: relative;
  top: 2px;
  left: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
  transition:left .3s;
}

.reco_navi dt a{
  border:2px solid #ce3022;
  color: #ce3022;
}

.reco_navi dt a strong{
  color: #ce3022;
}

.reco_navi dt a:hover{
  background: #dd4e41;
  color: #fff;
}

.reco_navi dd a{
  border:2px solid #32343c;
  color: #32343c;
}

.reco_navi dd a strong{
  color: #32343c;
}

.reco_navi dd a:hover{
  background: #4d505b;
  color: #fff;
}

.reco_navi dt a:hover .icons-rec-red,
.reco_navi dd a:hover .icons-rec-black{
  background: url("../images_v2/common/icon-reco-white.png") no-repeat !important;
  -webkit-background-size: 29px 30px !important;
  background-size: 29px 30px !important;
}

.reco_navi dt a:hover strong,
.reco_navi dd a:hover strong{
  color: #fff;
}

.reco_navi dt a:hover strong:after,
.reco_navi dd a:hover strong:after{
  left: 20px;
}

.reco_navi img {
  width: 100%; }

.reco_navi p{
  font-size: 18px !important;
  font-weight: bold !important;
}

.reco_navi a{
  display: block;
  font-weight: bold;
}

.icons-rec-arrow{
  position: relative;
}

#main .recommendation h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 8px; }

#main .recommendation li {
  padding: 0px 30px 30px !important; }

.recommendation .item,
.recommendation .article {
  overflow: hidden;
  *zoom: 1; }
  .recommendation .item a:hover .item_info,
  .recommendation .article a:hover .item_info {
    background: #dd4e41 !important;
    border: 2px solid #ce3022 !important;
    color: #fff; }
    .recommendation .item a:hover .item_info p,
    .recommendation .article a:hover .item_info p {
      color: #fff !important; }
    .recommendation .item a:hover .item_info:before,
    .recommendation .article a:hover .item_info:before {
      border-color: transparent #ce3022 transparent transparent; }
    .recommendation .item a:hover .item_info:after,
    .recommendation .article a:hover .item_info:after {
      border-color: transparent #dd4e41 transparent transparent; }

.recommendation .item_info {
  float: left;
  width: 420px;
  height: 120px;
  box-sizing: border-box !important;
  padding: 15px 20px !important;
  background: #f5f2ef !important;
  border: 2px solid #f5f2ef !important;
  position: relative;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s; }
  .recommendation .item_info:before, .recommendation .item_info:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #f5f2ef transparent transparent;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s; }
  .recommendation .item_info:before {
    left: -9px;
    top: 50px;
    border-width: 7px 9px 7px 0; }
  .recommendation .item_info:after {
    left: -7px;
    top: 52px;
    border-width: 5.5px 8px 5.5px 0; }

.container #main .recommendation p {
  font-size: 12px;
  color: #aca7a1; }

.container #main .recommendation .thum_box {
  width: 180px;
  height: 120px;
  overflow: hidden;
  float: left;
  text-align: center;
  margin-right: 20px;
  position: relative;
  background: #32343c; }

.container #main .recommendation .thum_box img {
  height: 100%;
  width: auto;
  margin: auto;
  display: inline-block; }

.container #main .sns {
  margin-top: 30px; }
  .container #main .sns .title_sns {
    text-align: center;
    font-weight: bold;
    font-family: "Lato", sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
    background: #e8e0d8;
    padding: 15px 0px; }
  .container #main .sns .l_sns_inner {
    background: #fff;
    padding: 20px 10px;
    box-sizing: border-box;
    width: 100%; }
  .container #main .sns .sns_box {
    height: 80px;
    width: 33%;
    float: left;
    box-sizing: border-box;
    border-right: 2px solid #f5f2ef;
    padding-left: 20px; }
    .container #main .sns .sns_box:last-child {
      border-right: none; }
  .container #main .sns h3 {
    margin-top: 5px;
    font-weight: bold; }
  .container #main .sns h3, .container #main .sns ul {
    padding-left: 75px; }
  .container #main .sns ul {
    margin-top: 10px; }
  .container #main .sns li {
    display: inline-block; }
    .container #main .sns li:first-child a:hover {
      border-color: #3b579d;
      color: #3b579d; }
    .container #main .sns li:last-child a:hover {
      border-color: #32a7e0;
      color: #32a7e0; }
    .container #main .sns li a {
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 15px;
      border: 2px solid #32343c;
      box-sizing: border-box; }
      .container #main .sns li a i {
        position: relative;
        left: 6px;
        top: 3px; }

.sns_torami {
  background: url("../images_v2/common/title_sns_torami.png") no-repeat 10px center !important; }

.sns_kumanaku {
  background: url("../images_v2/common/title_sns_kumanaku.png") no-repeat 10px center !important; }

.sns_mijika {
  background: url("../images_v2/common/title_sns_mijika.png") no-repeat 15px center !important; }

.container #main .sns_other {
  padding-top: 30px !important; }

.container #main .sns_other, .container #main .sns_other2 {
  clear: both;
  padding-top: 20px;
  overflow: hidden;
  *zoom: 1; }

.container #main .sns_other ul li, .container #main .sns_other2 ul li {
  float: left; }

.container #main .sns_other ul li:first-child, .container #main .sns_other2 ul li:first-child {
  margin-right: 20px; }

.container #main .sns_other2 ul li:first-child {
  margin-top: 0 !important; }

.container #main .pink_border_line, .container #main .pink_border_line_torami {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: #fb8a94 4px solid;
  padding-bottom: 3px;
  position: relative;
  padding-left: 38px;
  margin-bottom: 27px;
  line-height: 1.6; }

.container #main .pink_border_line span, .container #main .pink_border_line_torami span {
  width: 38px;
  height: 35px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0; }

.container #main .pink_border_line_torami {
  padding-bottom: 11px;
  padding-left: 93px; }

.container #main .pink_border_line_torami span {
  top: -63px; }

.container #main .pink_left_line {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  border-left: 5px solid #fb8a94;
  padding-left: 15px;
  margin-bottom: 20px; }

#main {
  width: 680px;
  float: left;
  position: relative; }

/*---------------------------------------

side-style

----------------------------------------*/
#side_area {
  float: right;
  width: 260px;
  position: relative; }

#side_area body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all; }

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

#side_area img {
  vertical-align: bottom; }

#side_area article, #side_area aside, #side_area details, #side_area figcaption, #side_area figure, #side_area footer, #side_area header, #side_area menu, #side_area nav, #side_area section, #side_area div, #side_area address, #side_area iframe, #side_area canvas, #side_area hr, #side_area textarea {
  display: block;
  line-height: 1; }

#side_area a, #side_area label {
  cursor: pointer; }

#side_area blockquote {
  padding: 0;
  margin: 0;
  display: block; }

#side_area address, #side_area em {
  font-style: normal; }

#side_area hr {
  border: 0;
  margin: 0;
  padding: 0; }

#side_area ul, #side_area ol, #side_area li {
  list-style: none; }

#side_area textarea {
  resize: vertical;
  overflow: hidden;
  -webkit-appearance: none;
  border: none; }

#side_area input, #side_area button, #side_area select {
  vertical-align: middle;
  border-radius: 0px;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  -webkit-appearance: none; }

#side_area table {
  border-collapse: collapse; }

#side_area *:before,
#side_area *:after {
  padding: 0;
  margin: 0;
  line-height: 1; }

.slider_title {
  text-align: center;
  height: 97px;
  box-sizing: border-box;
  padding: 20px 0px !important; }
  .slider_title h2 {
    font-weight: bold !important;
    font-size: 18px !important;
    letter-spacing: 2px;
    margin-top: 3px !important; }

#side_area #slider_news {
  margin-bottom: 30px !important;
  background: #fff; }

#side_area #side ul li {
  margin-bottom: 10px; }

#side_area .bn_area li a img {
  -webkit-transition: 0.2s;
  transition: 0.2s; }

#side_area .bn_area li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

#side_area .bn_area .pmark {
  background: url("../images_v2/common/banner_privacy.png") no-repeat left top;
  height: 100px;
  padding: 19px 0 0 10px; }

#side_area .bx-wrapper {
  background: #fff;
  padding: 0px 20px 25px 20px; }

#side_area .slider_box {
  margin-bottom: 30px; }

#side_area .slider_box .thum_box {
  overflow: hidden;
  width: 100%;
  height: 133px;
  box-sizing: border-box;
  padding: 0px 10px;
  margin-bottom: 10px;
  position: relative; }

#side_area .slider_box .thum_box img {
  width: 120%;
  height: auto;
  margin-left: -10%; }

#side_area .slider_box .thum_box a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

.slider_content {
  padding: 0px 10px !important;
  text-align: center; }
  .slider_content p {
    text-align: left;
    padding-top: 10px !important;
    font-weight: bold !important; }
    .slider_content p a {
      text-decoration: none !important; }

#side_area .slider_box .release_day {
  font-weight: bold;
  margin-bottom: 8px;
  padding-top: 3px;
  letter-spacing: 2px;
  color: #ce3022; }
  #side_area .slider_box .release_day time {
    padding-right: 5px; }

#side_area .slider_box .release_day .date {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem; }

.slider_member {
  color: #ce3022;
  background: #f5f2ef !important;
  display: inline-block;
  font-weight: bold !important;
  font-size: 14px;
  padding: 7px 10px !important;
  line-height: 100% !important; }

#side_area .slider_box .place {
  height: 12px;
  line-height: 100%;
  padding: 5px 10px 10px 10px;
  margin-right: 10px;
  position: absolute;
  bottom: 0px;
  background: #ce3022;
  color: #fff;
  font-weight: bold; }

#side_area .slider_box .more, #side_area .slider_box .container #main .more2, .container #main #side_area .slider_box .more2, #side_area .slider_box .container #main .more_h, .container #main #side_area .slider_box .more_h {
  text-align: right;
  margin-top: 10px; }

#side_area .slider_box .more a, #side_area .slider_box .container #main .more2 a, .container #main #side_area .slider_box .more2 a, #side_area .slider_box .container #main .more_h a, .container #main #side_area .slider_box .more_h a {
  background: url("../images_v2/common/icon_pink_arrow.png") no-repeat left center;
  padding-left: 8px; }

.more-reco{
  padding: 10px 20px 0px 20px !important;
}

.ranking_title {
  position: relative;
  text-align: center;
  letter-spacing: 2px;
  font-weight: bold !important;
  font-size: 18px !important;
  padding: 40px 0px 10px 0px !important;
  border-bottom: 2px solid #f5f2ef !important; }
  .ranking_title:before {
    font-size: 30px;
    position: absolute;
    left: 115px;
    top: 10px; }

#side_area .search_box {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 20px;
  width: 100%;
  position: relative; }

#side_area .ranking {
  background: #fff;
  margin-top: 25px;
  margin-bottom: 30px; }

#side_area .ranking .rank_article {
  position: relative;
  display: table;
  width: 260px;
  border-bottom: 2px solid #f5f2ef;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 0px !important; }
  #side_area .ranking .rank_article:last-child {
    border-bottom: none !important; }

#side_area .ranking .rank_article .thum_box {
  width: 87px;
  height: 60px;
  z-index: 2;
  padding-bottom: 0px !important;
  position: relative;
  overflow: hidden;
  float: left;
  vertical-align: top;
  margin-right: 10px; }

#side_area .ranking .rank_article .thum_box img {
  height: 100%;
  width: auto;
  vert-align: bottom !important; }

#side_area .ranking .rank_article .thum_box a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

#side_area .ranking .rank_article a {
  text-decoration: none; }

#side_area .ranking .rank_article .thum_box .result {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0d0d0f;
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  font-weight: bold;
  z-index: 3;
  color: #fff; }

.rank_info {
  vertical-align: top;
  box-sizing: border-box;
  padding-right: 15px !important; }
  .rank_info p {
    line-height: 17px !important;
    font-size: 14px;
    font-weight: bold !important;
    position: relative;
    display: block; }

#side_area .input_general {
  border: 1px solid #bbb;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  height: 40px; }

#side_area .input_size_01 {
  width: 100%; }

#side_area .search_button {
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fb8a94 url("../images_v2/common/icon_search.png") no-repeat 9px center; }

#side_area .bx-controls-direction {
  position: absolute;
  width: 260px !important;
  top: 97px; }

#side_area .bx-controls-direction a {
  position: absolute;
  display: block;
  width: 30px;
  height: 133px;
  background: #4d505b; }
  #side_area .bx-controls-direction a:hover {
    background: #0d0d0f; }

.bx-prev {
  left: -20px; }

.bx-next {
  right: 20px; }

.bx-prev:after,
.bx-next:after {
  position: absolute;
  color: #fff;
  z-index: 10;
  -webkit-transition: right 0.3s, left 0.3s;
  transition: right 0.3s, left 0.3s;
  top: 45%; }

#side_area .bx-controls-direction .bx-prev:after {
  left: 8px; }

#side_area .bx-controls-direction .bx-prev:hover:after {
  left: 0px; }

#side_area .bx-controls-direction .bx-next:after {
  right: 8px; }

#side_area .bx-controls-direction .bx-next:hover:after {
  right: 0px; }

body > iframe,
body > p {
  display: none; }

/*
 * 旧common.css
 */
#wrapper div, #wrapper dl, #wrapper dt, #wrapper dd, #wrapper ul, #wrapper ol, #wrapper li, #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper table, #wrapper td, #wrapper th, #wrapper pre, #wrapper code, #wrapper form, #wrapper fieldset, #wrapper legend, #wrapper input, #wrapper textarea, #wrapper p, #wrapper blockquote, #wrapper th, #wrapper td {
  margin: 0px;
  padding: 0px; }

#wrapper a img, #wrapper img {
  border: none;
  vertical-align: bottom; }

#wrapper a {
  outline: none; }

#wrapper fieldset {
  border: none; }

#wrapper a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7; }

#wrapper .txt-left {
  text-align: left; }

#wrapper .txt-right {
  text-align: right; }

#wrapper .txt-center {
  text-align: center; }

#wrapper .none {
  display: none; }

#wrapper .big {
  font-size: 16px; }

#wrapper .disnon {
  display: none; }

#wrapper table {
  border-collapse: collapse; }

#wrapper a:link {
  color: #333333;
  text-decoration: none; }

#wrapper a:hover {
  color: #ce3022;
  text-decoration: none; }

#wrapper a:visited {
  color: #333333;
  text-decoration: none; }

#wrapper a:hover, #wrapper a:active {
  color: #ce3022;
  text-decoration: none; }

#wrapper #sidebar {
  width: 260px;
  float: right; }

#wrapper #sidebar ul {
  list-style: none; }

#wrapper #sidebar ul li {
  list-style: none;
  margin: 0 0 10px 0; }

#wrapper #sidebar #favlist {
  border: #bbbbbb 1px solid;
  padding: 4px;
  background: #f7f2df;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 10px; }

#wrapper #sidebar #favlist ul {
  background: #fff url(../images/sidebar/pin_fav.png) no-repeat center 4px;
  position: relative;
  padding-top: 18px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: #f7f2df 1px solid;
  margin-top: 5px; }

#wrapper #sidebar #favlist ul:after {
  content: "";
  display: block;
  width: 17px;
  height: 16px;
  background: url(../images/sidebar/paper_fav.png) no-repeat;
  position: absolute;
  bottom: -1px;
  right: -1px; }

#wrapper #sidebar #favlist ul li {
  padding-left: 9px;
  padding-right: 9px;
  margin-bottom: 0;
  position: relative; }

#wrapper #sidebar #favlist ul li:before {
  content: "";
  display: block;
  width: 20px;
  height: 21px;
  background: url(../images/sidebar/num2_fav.png) no-repeat;
  position: absolute;
  top: 8px;
  z-index: 1;
  left: 13px; }

#wrapper #sidebar #favlist ul li.first:before {
  background: url(../images/sidebar/num1_fav.png) no-repeat; }

#wrapper #sidebar #favlist ul li.last:before {
  background: url(../images/sidebar/num3_fav.png) no-repeat; }

#wrapper #sidebar #favlist ul li a {
  background: url(../images/sidebar/line_fav.png) repeat-x bottom;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px; }

#wrapper #sidebar #favlist ul li.last a {
  background: none; }

#wrapper #sidebar #favlist ul li img {
  float: left;
  width: 70px;
  height: 70px;
  display: block;
  margin-right: 10px;
  position: relative;
  z-index: 0; }

#wrapper #sidebar #favlist ul li p {
  float: left;
  width: 150px;
  font-size: 12px;
  text-decoration: underline;
  line-height: 1.7em; }

#wrapper #sidebar #favlist ul li p:hover {
  text-decoration: none; }

#wrapper #sideform {
  background: url(../images/sideform_bg.png) left bottom no-repeat #f4f4f4;
  padding: 0 0 40px 0; }

#wrapper #sideform-content {
  font-size: 12px;
  line-height: 160%;
  padding: 0 20px; }

#wrapper #sideform-content p {
  margin: 5px 0 0 0; }

#wrapper #header {
  width: 960px;
  overflow: hidden;
  margin: 0 auto; }

#wrapper #header-left {
  float: left;
  width: 450px; }

#wrapper #header-right {
  float: right;
  text-align: right;
  margin: 10px 0 0 0;
  width: 510px; }

#wrapper #header h1 {
  font-size: 11px;
  color: #666666;
  font-weight: normal; }

#wrapper #header-right p {
  margin-top: 20px; }

#wrapper #navi {
  width: 960px;
  overflow: hidden;
  margin: -40px auto 0 auto; }

#wrapper #navi ul {
  list-style: none;
  overflow: hidden; }

#wrapper #navi ul li {
  float: left;
  width: 120px;
  position: relative;
  z-index: 9; }

#wrapper #navi ul li a {
  z-index: 3;
  position: relative; }

#wrapper #navi ul li a img {
  margin: 38px 0 0 0; }

#wrapper #navi ul li span {
  position: absolute;
  top: 52px;
  left: 43px;
  z-index: 1; }

#wrapper #footer-navi {
  clear: both;
  width: 960px;
  overflow: hidden;
  margin: 20px auto; }

#wrapper #footer-navi-left {
  float: left;
  width: 500px; }

#wrapper #footer-navi-left ul {
  width: 500px;
  list-style: none; }

#wrapper #footer-navi-left li {
  float: left;
  margin: 0 5px 0 0; }

#wrapper #footer-navi-right {
  float: right;
  width: 120px;
  margin: 5px 0 0 0; }

#wrapper #footer {
  background: #ffeded; }

#wrapper #footer-box {
  width: 960px;
  margin: 0 auto;
  padding: 15px 0 0 0; }

#wrapper #footer-box ul {
  list-style: none;
  overflow: hidden;
  margin: 0 0 15px 0px; }

#wrapper #footer-box ul li {
  display: block;
  float: left;
  font-size: 11px;
  margin: 0 0 0 4px;
  padding: 0 0 0 4px;
  border-left: 1px solid #333333;
  line-height: 100%; }

#wrapper #footer-box ul li.first {
  margin: 0;
  padding: 0;
  border: 0; }

#wrapper #footer-box ul li a {
  color: #333333; }

#wrapper #footer-box ul li a:hover {
  color: #ce3022; }

#wrapper #footer-info {
  background: #ffffff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 15px 20px; }

#wrapper #footer-info table {
  border-collapse: collapse;
  color: #5d5d5d;
  font-size: 12px;
  line-height: 140%;
  width: 920px; }

#wrapper #footer-info table td {
  padding: 0;
  vertical-align: middle; }

#wrapper #copyright {
  color: #c39191;
  font-size: 11px;
  text-align: center;
  padding: 10px 0; }

#wrapper #header-right a:hover img,
#wrapper #navi img,
#wrapper #topimg-navi img,
#wrapper #sidebar img,
#wrapper #topimg img,
#wrapper #mailbtn img,
#wrapper #topbbs img,
#wrapper #topdonyu img,
#wrapper #topreco img,
#wrapper .btn_fuan a:hover img,
#wrapper .btn_check a:hover img,
#wrapper .btn_opinion a:hover img,
#wrapper a.goods_entry:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0; }

#wrapper #lightboxArea {
  list-style: none; }

#wrapper #lightboxArea li {
  float: left;
  width: 80px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px #999 solid; }

#wrapper h1#year_blog_title {
  margin-bottom: 15px; }

#wrapper .blog_content_list {
  clear: both;
  margin-bottom: 15px; }

#wrapper .blog_content_list .title-box,
#wrapper .blog_content .title-box,
#wrapper .blog_title-img {
  background: url(../images/title_detail_bottom.png) left bottom no-repeat #fbe6e0;
  padding: 0 0 18px 0;
  margin: 0 0 15px 0; }

#wrapper .blog_content_list .title-box h2,
#wrapper .blog_content .title-box h2,
#wrapper .blog_title-img h2 {
  background: url(../images/title_detail_top.png) left top no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #5f3a30;
  padding: 21px 25px 0 25px; }

#wrapper .blog_content_list .blog_date,
#wrapper .blog_content .blog_date {
  text-align: right;
  padding: 0 8px 3px 8px; }

#wrapper .blog_content .blog_photo {
  padding: 3px 5px 8px 5px; }

#wrapper .blog_content .blog_content {
  padding: 0 8px 8px 8px; }

#wrapper .blog_content_list .blog_photo {
  padding: 3px 5px 8px 5px;
  margin-left: 10px;
  float: left;
  width: 160px; }

#wrapper .blog_content .blog_content {
  padding: 0 8px 8px 8px;
  float: left; }

#wrapper #related {
  background: #fffbe3;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px 15px;
  margin-bottom: 40px;
  margin-top: 40px; }

#wrapper #related h3 {
  float: left; }

#wrapper #related a {
  float: right; }

#wrapper #related ul {
  clear: both;
  border-top: dotted 1px #b2af9e;
  margin-top: 10px; }

#wrapper #related li {
  float: left;
  width: 305px;
  border-bottom: dotted 1px #b2af9e;
  list-style: none;
  padding: 10px 10px; }

#wrapper #related li a {
  float: none; }

#wrapper #related li img {
  width: 70px;
  display: block;
  float: left;
  margin-right: 15px; }

#wrapper #related p {
  width: 220px;
  float: left;
  font-size: 12px;
  line-height: 1.8em; }

#wrapper #related p span {
  display: block;
  text-decoration: underline; }

#wrapper #related li a:hover p span {
  text-decoration: none; }

#wrapper #related li.even {
  width: 305px;
  border-left: dotted 1px #b2af9e;
  margin-left: -1px; }

#wrapper #winner_sidebar {
  width: 260px;
  float: right; }

#wrapper #winner_sidebar ul {
  list-style: none;
  padding: 8px 10px; }

#wrapper #winner_sidebar ul li {
  list-style: none;
  margin: 0 0 10px 0; }

#wrapper #winner_sidebar ul li a {
  font-size: 14px; }

#wrapper #winner_sidebar .title {
  padding: 5px 5px 5px 8px;
  background-color: #ffeded;
  font-weight: bold;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

#wrapper .prevnext {
  padding: 15px 5px 5px 8px;
  text-align: center; }

#wrapper .snsbutton {
  padding: 0px 5px	10px	5px;
  text-align: right;
  overflow: inherit;
  z-index: 100;
  vertical-align: bottom; }

#wrapper .snsbutton iframe.twitter-share-button,
#wrapper .hatena-bookmark-button-frame {
  vertical-align: bottom !important; }

#wrapper .chara {
  width: 100%; }

#wrapper .chara td {
  width: 33%;
  text-align: center;
  vertical-align: top; }

#wrapper .chara_box {
  padding-bottom: 20px; }

#wrapper .chara td p {
  margin-bottom: 10px; }

#wrapper .chara2 {
  width: 100%;
  margin-top: 50px; }

#wrapper .chara2 td {
  width: 25%;
  text-align: center;
  vertical-align: top;
  padding-bottom: 30px; }

#wrapper .chara2 td p {
  margin-bottom: 10px; }

#wrapper .clearfix:before, #wrapper .container #main .top_article:before, .container #main #wrapper .top_article:before, #wrapper .container #main .sns .l_sns_inner:before, .container #main .sns #wrapper .l_sns_inner:before, #wrapper #pagenavi:before, #wrapper .wp-pagenavi:before, #wrapper .clearfix:after, #wrapper .container #main .top_article:after, .container #main #wrapper .top_article:after, #wrapper .container #main .sns .l_sns_inner:after, .container #main .sns #wrapper .l_sns_inner:after, #wrapper #pagenavi:after, #wrapper .wp-pagenavi:after {
  content: "";
  display: block; }

#wrapper .clearfix:after, #wrapper .container #main .top_article:after, .container #main #wrapper .top_article:after, #wrapper .container #main .sns .l_sns_inner:after, .container #main .sns #wrapper .l_sns_inner:after, #wrapper #pagenavi:after, #wrapper .wp-pagenavi:after {
  clear: both; }

#wrapper .clearfix, #wrapper .container #main .top_article, .container #main #wrapper .top_article, #wrapper .container #main .sns .l_sns_inner, .container #main .sns #wrapper .l_sns_inner, #wrapper #pagenavi, #wrapper .wp-pagenavi {
  zoom: 1; }

#wrapper .soudan_erea {
  margin-bottom: 15px; }

#wrapper .soudan_erea h4 {
  margin: 0px 3px 8px 3px; }

#wrapper .soudan_erea h4 span {
  font-size: 18px;
  padding: 0 4px; }

#wrapper .soudan_list {
  background-color: #ECECEC;
  margin: 10px; }

#wrapper .soudan_list ul {
  padding: 10px 5px 0px 26px; }

#wrapper .soudan_list li {
  margin: 3px 5px 5px 0px; }

#wrapper .information_seminar {
  width: 652px;
  margin-top: 25px;
  padding: 30px 11px 27px 15px;
  border: 2px solid #eeeeee;
  overflow-y: scroll;
  overflow-x: hidden; }

#wrapper .information_seminar section.seminar_box {
  height: 141px; }

#wrapper .information_seminar p.seminar_top {
  text-align: center;
  font-weight: bold; }

#wrapper .information_seminar p.seminar_middle {
  text-align: right; }

#wrapper p.agree {
  margin: 27px 0 28px;
  text-align: center;
  font-size: 1.4rem; }

#wrapper .agree #input_chk_button {
  vertical-align: middle;
  margin-right: 5px; }

#wrapper .seminar_right iframe {
  display: block !important; }

#wrapper #title-img {
  margin: 0 0 20px 0; }

#wrapper #title-txt {
  margin: 0 0 20px 0;
  background: url("../images_v2/common/icon_h_contents.png") no-repeat left 3px;
  padding: 10px 0 10px 44px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 3px #f1b923 solid; }

#wrapper #cat_txt {
  margin: 0 0 20px 0; }

#wrapper #entry-tag-list {
  margin-bottom: 20px;
  border: 1px #ddd solid;
  background: #fff; }

#wrapper #entry-tag-list div {
  background: #ffeded;
  font-size: 20px;
  color: #f17284;
  padding: 15px 20px; }

#wrapper #entry-tag-list ol {
  padding: 15px 20px; }

#wrapper #entry-tag-list ol li {
  float: left;
  list-style-type: none;
  margin-right: 7px; }

#wrapper #entry-tag-list ol li a {
  display: block;
  border: 1px #ddd solid;
  background: url("../images_v2/common/icon_pink_arrow2.png") no-repeat 12px 14px;
  padding: 7px 10px 7px 24px;
  text-decoration: none; }

#wrapper #topimg {
  background: url(../images/topmain_bg.jpg) top center no-repeat; }

#wrapper #topimg-box {
  width: 960px;
  height: 300px;
  /*height:270px;*/
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  padding: 5px 0px; }

#wrapper #topimg-img {
  width: 300px;
  margin: 45px 0 0 0 !important;
  float: right; }

#wrapper #topimg-img .panel {
  background: none !important;
  text-align: left; }

#wrapper #topimg-img2 {
  width: 280px;
  margin: 60px 20px 25px 10px !important;
  float: left; }

#wrapper #topimg-img2 .panel {
  background: none !important;
  cursor: pointer;
  text-align: left; }

#wrapper #topimg-img2 .panel a {
  text-decoration: none; }

#wrapper #topimg-img2 .panel_title {
  /*color:#FFF;*/
  color: #fda0a9;
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 24px;
  padding-top: 10px;
  padding-left: 5px; }

#wrapper #topimg-img2 .panel_text {
  color: #FFF;
  display: block;
  text-align: left;
  font-size: 14px;
  padding: 10px 20px; }

#wrapper #topimg-img2 .panel_date {
  color: #FFF;
  display: block;
  text-align: left;
  font-size: 16px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: absolute;
  bottom: 0;
  right: 0; }

#wrapper #topforms {
  background: #fff;
  padding: 30px 30px 0px 30px !important;
  box-sizing: border-box !important; }

#wrapper #topforms a {
  display: inline-block;
  background: #fff;
  width: 308px; }

#wrapper #topforms img {
  padding-bottom: 7px;
  width: 100%;
  height: auto; }

#wrapper #topforms img.left {
  padding-right: 5px; }

#wrapper #torami_colums {
  background: url(../images/top_colums.jpg) left top no-repeat;
  width: 680px;
  height: 480px; }

#wrapper #torami_colums .colams_all_button {
  float: right;
  padding: 20px 15px 0px 0px; }

#wrapper #torami_colums .subcategory {
  padding-top: 65px;
  padding-left: 80px;
  margin-bottom: 40px; }

#wrapper #torami_colums .subcategory ul {
  list-style: none; }

#wrapper #torami_colums .subcategory li {
  float: left;
  margin-right: 10px;
  padding: 3px 10px 3px 23px;
  border-radius: 5px;
  background: url(../images/arrow_ball3.gif) 5px 5px no-repeat;
  background-color: #99c73f; }

#wrapper #torami_colums .subcategory a {
  color: #FFF;
  text-decoration: none; }

#wrapper #torami_colums .subcategory a:hover {
  text-decoration: underline; }

#wrapper #torami_colum_list {
  clear: both; }

#wrapper #torami_colum_list table {
  width: 650px;
  margin: 0px 15px; }

#wrapper #torami_colum_list tr {
  font-weight: bold;
  border-top: 1px dotted #999999; }

#wrapper #torami_colum_list td {
  font-weight: bold;
  font-size: 18px;
  vertical-align: top;
  padding: 8px 5px; }

#wrapper #torami_colum_list .date {
  font-size: 12px; }

#wrapper #torami_colum_list td a:hover {
  color: #77b500; }

#wrapper #topbbs {
  background: url(../images/topbbs_bg.jpg) left top no-repeat;
  width: 600px;
  height: 800px;
  overflow: hidden;
  margin: 0 0 20px 0;
  padding: 60px 40px 0 40px; }

#wrapper #topevent .title-box,
#wrapper #topnews .title-box,
#wrapper #topmedia .title-box,
#wrapper #topcolumn .title-box {
  overflow: hidden;
  margin: 15px 0 20px 0;
  width: 600px; }

#wrapper #topnews .title-box {
  margin: 30px 0 15px 0; }

#wrapper #topmedia .title-box {
  margin: 48px 0 15px 0; }

#wrapper #topcolumn .title-box {
  margin: 20px 0 15px 0; }

#wrapper #topevent .title-box .btn,
#wrapper #topnews .title-box .btn,
#wrapper #topmedia .title-box .btn,
#wrapper #topcolumn .title-box .btn {
  float: right; }

#wrapper #topevent dl,
#wrapper #topnews dl,
#wrapper #topmedia dl,
#wrapper #topcolumn dl {
  overflow: hidden;
  width: 600px; }

#wrapper #topevent dl dt,
#wrapper #topnews dl dt,
#wrapper #topmedia dl dt,
#wrapper #topcolumn dl dt {
  width: 120px;
  float: left;
  font-weight: bold;
  border-top: 1px dotted #999999;
  clear: both;
  font-size: 12px;
  padding: 8px 0; }

#wrapper #topevent dl dd a,
#wrapper #topnews dl dd a,
#wrapper #topmedia dl dd a,
#wrapper #topcolumn dl dd a {
  color: #333333; }

#wrapper #topevent,
#wrapper #topnews,
#wrapper #topmedia {
  height: 200px; }

#wrapper #topcolumn {
  height: 240px; }

#wrapper #topevent .title-box .title {
  font-size: 18px;
  font-weight: bold;
  color: #f05b69;
  float: left;
  margin: 5px 0 0 40px;
  text-indent: -9999px; }

#wrapper #topnews .title-box .title {
  font-size: 18px;
  font-weight: bold;
  color: #fca600;
  float: left;
  margin: 5px 0 0 40px;
  text-indent: -9999px; }

#wrapper #topmedia .title-box .title {
  font-size: 18px;
  font-weight: bold;
  color: #0d82d4;
  float: left;
  margin: 5px 0 0 40px;
  text-indent: -9999px; }

#wrapper #topcolumn .title-box .title {
  font-size: 18px;
  font-weight: bold;
  color: #0d82d4;
  float: left;
  margin: 5px 0 0 40px;
  text-indent: -9999px; }

#wrapper #topevent dl dd {
  width: 465px;
  float: right;
  border-top: 1px dotted #999999;
  font-size: 13px;
  padding: 8px 0 8px 15px;
  background: url(../images/i_circle01.png) left 11px no-repeat; }

#wrapper #topnews dl dd {
  width: 465px;
  float: right;
  border-top: 1px dotted #999999;
  font-size: 13px;
  padding: 8px 0 8px 15px;
  background: url(../images/i_circle02.png) left 11px no-repeat; }

#wrapper #topmedia dl dd {
  width: 465px;
  float: right;
  border-top: 1px dotted #999999;
  font-size: 13px;
  padding: 8px 0 8px 15px;
  background: url(../images/i_circle03.png) left 11px no-repeat; }

#wrapper #topcolumn dl dd {
  width: 465px;
  float: right;
  border-top: 1px dotted #999999;
  font-size: 13px;
  padding: 8px 0 8px 15px;
  background: url(../images/i_circle04.png) left 11px no-repeat; }

#wrapper #topevent dl dd a:hover {
  color: #f05b69; }

#wrapper #topnews dl dd a:hover {
  color: #fca600; }

#wrapper #topmedia dl dd a:hover {
  color: #0d82d4; }

#wrapper #topcolumn dl dd a:hover {
  color: #77b500; }

#wrapper .topdonyu,
#wrapper .topdonyu2,
#wrapper .topdonyu3 {
  padding: 20px 20px 0 210px;
  min-height: 160px;
  margin: 0 0 20px 0; }

#wrapper .topdonyu .title,
#wrapper .topdonyu2 .title,
#wrapper .topdonyu3 .title {
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 0 0 15px 0;
  font-weight: bold;
  background: url(../images/top_donyu_line.png) left bottom no-repeat; }

#wrapper .topdonyu .btn,
#wrapper .topdonyu2 .btn,
#wrapper .topdonyu3 .btn {
  margin: 5px 0 0 0; }

#wrapper .topdonyu {
  background: url(../images/top_donyu_bg.png) left top no-repeat; }

#wrapper .topdonyu2 {
  background: url(../images/top_donyu_bg2.png) left top no-repeat; }

#wrapper .topdonyu3 {
  background: url(../images/top_donyu_bg03.png) left top no-repeat; }

#wrapper #topreco {
  background: url(../images/top_reco_bg.jpg) left top repeat-y;
  margin: 0 0 20px 0; }

#wrapper #topreco-head {
  background: url(../images/top_reco_head.jpg) left top no-repeat; }

#wrapper #topreco-foot {
  background: url(../images/top_reco_foot.jpg) left bottom no-repeat;
  padding: 20px 20px 20px 20px; }

#wrapper #topreco .recobox {
  width: 620px;
  overflow: hidden;
  margin: 0 0 0 10px; }

#wrapper #topreco .recobox .photo {
  width: 180px;
  float: left; }

#wrapper #topreco .recobox .photo p img {
  border: 5px solid #ffffff;
  margin: 8px 0 0 5px; }

#wrapper #topreco .recobox .photo span {
  position: absolute; }

#wrapper #topreco .recobox .photo span img {
  border: none; }

#wrapper #topreco .recobox .content {
  float: right;
  width: 380px;
  height: 110px;
  background: url(../images/top_reco_fukidashi.png) left top no-repeat;
  padding: 10px 20px 10px 40px;
  overflow: hidden;
  margin: 8px 0 10px 0; }

#wrapper #topreco .recobox .content .title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0 50px 0 0;
  background: url(../images/icon_sale.png) right 2px no-repeat;
  display: inline-block; }

#wrapper #topreco .recobox .content .btn {
  margin: 5px 0 0 0; }

#wrapper #entry-list01 {
  margin: 0 0 40px 0; }

#wrapper #entry-list01 .title-img {
  margin: 0 0 20px 0; }

#wrapper #entry-list01 ul {
  width: 100%;
  overflow: hidden;
  list-style: none; }

#wrapper #entry-list01 li {
  width: 290px;
  height: 240px;
  padding: 20px;
  float: left;
  overflow: hidden;
  background: url(../images/list_course01_bg.png) top left no-repeat; }

#wrapper #entry-list01 li.right {
  float: right; }

#wrapper #entry-list01 li .title {
  background: url(../images/list_course01_icon.png) left top no-repeat;
  padding: 5px 0 15px 40px;
  margin: 0 0 5px 0;
  font-size: 17px;
  line-height: 130%;
  font-weight: bold; }

#wrapper #entry-list01 li .photo {
  float: left;
  padding: 4px;
  margin: 0 0 0 3px;
  border: #b7c4c8 1px solid;
  width: 120px;
  background: #ffffff;
  overflow: hidden; }

#wrapper #entry-list01 li .photo img {
  width: 120px; }

#wrapper #entry-list01 li .content {
  float: right;
  width: 132px;
  line-height: 150%; }

#wrapper #entry-list02,
#wrapper #entry2-list02 {
  width: 100%;
  overflow: hidden;
  position: relative; }

#wrapper #entry-list02 .title-img,
#wrapper #entry2-list02 .title-img {
  margin: 0 0 20px 0; }

#wrapper #entry-list02 ul,
#wrapper #entry2-list02 ul {
  width: 100%;
  overflow: hidden;
  list-style: none; }

#wrapper #entry-list02 li {
  width: 620px;
  height: 150px;
  padding: 20px 30px 30px 30px;
  float: left;
  overflow: hidden;
  background: url(../images/list_course02_bg.png) top left no-repeat; }

#wrapper #entry2-list02 li {
  width: 900px;
  height: 150px;
  padding: 20px 30px 30px 30px;
  float: left;
  overflow: hidden;
  background: url(../images/list2_course02_bg.png) top left no-repeat; }

#wrapper #entry-list02 li .title,
#wrapper #entry2-list02 li .title {
  background: url(../images/list_course02_icon.png) left top no-repeat;
  padding: 10px 0 15px 45px;
  font-size: 17px;
  line-height: 130%;
  font-weight: bold; }

#wrapper #entry-list02 li .title-saled,
#wrapper #entry2-list02 li .title-saled {
  background: url(../images/list_course02_icon.png) left top no-repeat;
  padding: 10px 0 15px 45px;
  font-size: 17px;
  line-height: 130%;
  font-weight: bold; }

#wrapper #entry-list02 .reco-list li .title a,
#wrapper #entry2-list02 .reco-list li .title a {
  background: url(../images/icon_sale.png) right no-repeat;
  padding: 0 50px 0 0; }

#wrapper #entry-list02 .reco-list li .title-saled a,
#wrapper #entry2-list02 .reco-list li .title-saled a {
  background: url(../images/icon_saled.png) right no-repeat;
  padding: 0 70px 0 0; }

#wrapper #entry-list02 li .photo,
#wrapper #entry2-list02 li .photo {
  float: left;
  width: 160px;
  max-height: 120px;
  margin: 10px 0 0 0;
  overflow: hidden;
  text-align: center;
  background: #ffffff; }

#wrapper #entry-list02 li .photo a,
#wrapper #entry2-list02 li .photo a {
  width: 160px; }

#wrapper #entry-list02 li .content {
  float: right;
  width: 444px;
  line-height: 150%; }

#wrapper #entry2-list02 li .content {
  float: right;
  width: 724px;
  line-height: 150%; }

#wrapper #entry-list01 li .title a,
#wrapper #entry-list02 li .title a,
#wrapper #entry2-list02 li .title a {
  color: #333333;
  text-decoration: underline; }

#wrapper #entry-list01 li .title a:hover,
#wrapper #entry-list02 li .title a:hover,
#wrapper #entry2-list02 li .title a:hover {
  color: #999999; }

#wrapper #entry-list01 li .btn,
#wrapper #entry-list02 li .btn,
#wrapper #entry2-list02 li .btn {
  margin: 10px 0 0 0; }

#wrapper #related-list {
  margin: 0 0 40px 0;
  padding: 0px 30px;
  box-sizing: border-box;
  background: #fff !important; }

#wrapper #related-list .title-img {
  margin: 0 0 20px 0; }
  #wrapper #related-list .title-img img {
    width: 100% !important;
    height: auto; }

#wrapper #related-list ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
  box-sizing: border-box; }

#wrapper #related-list li {
  width: 25%;
  height: auto;
  float: left;
  padding: 0px 10px;
  box-sizing: border-box; }

#wrapper #related-list li.first {
  margin: 0; }

#wrapper #related-list li .photo {
  border: #666666 1px solid;
  padding: 1px;
  text-align: center;
  box-sizing: border-box; }

#wrapper #related-list li .photo a {
  width: 100%;
  height: 100%;
  display: block; }
  #wrapper #related-list li .photo a img {
    width: 100%;
    height: 100%; }

#wrapper #related-list li .title {
  font-size: 16px;
  line-height: 130%;
  font-weight: bold; }

#wrapper #related-list li .title a {
  color: #333333;
  text-decoration: underline; }

#wrapper #related-list li .title a:hover {
  color: #999999; }

#wrapper .resident-list li {
  margin-bottom: 30px;
  overflow: hidden; }

#wrapper .resident-list .title-saled {
  background: url(../images/line_h3.png) left bottom no-repeat;
  padding: 0 0 15px 0;
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: 16px; }

#wrapper .resident-list .title-saled a {
  text-decoration: none; }

#wrapper .resident-list .photo {
  width: 406px;
  float: left; }

#wrapper .resident-list .content {
  padding-top: 20px; }

#wrapper #single {
  padding: 20px 20px 0 20px;
  margin: 0 0 40px 0; }

#wrapper #single .title-box {
  background: url(../images/title_detail_bottom.png) left bottom no-repeat #fbe6e0;
  padding: 0 0 18px 0;
  margin: 0 0 30px 0; }

#wrapper #single .title-box h2 {
  background: url(../images/title_detail_top.png) left top no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #5f3a30;
  padding: 23px 25px 0 25px; }

#wrapper #main2 #single .title-box {
  background: url(../images/title_detail_bottom2.png) left bottom no-repeat #fbe6e0;
  padding: 0 0 18px 0;
  margin: 0 0 30px 0; }

#wrapper #main2 #single .title-box h2 {
  background: url(../images/title_detail_top2.png) left top no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #5f3a30;
  padding: 23px 25px 0 25px; }

#wrapper #single .content {
  line-height: 1.7em; }

#wrapper #single .exper-title-box {
  padding: 0 0 18px 0;
  margin: 0 0 15px 0; }
  #wrapper #single .exper-title-box img {
    width: 100% !important;
    height: auto; }

#wrapper #single .exper-content {
  line-height: 1.7em; }

#wrapper #single .exper-content h3 {
  background: url(../images/line_h3.png) left bottom no-repeat;
  padding: 0 0 15px 0;
  margin: 0 0 5px 0;
  clear: both; }

#wrapper #single a.pdflink {
  color: #000;
  padding: 5px 10px 5px 32px;
  margin: 3px 10px;
  float: right;
  text-decoration: none; }

#wrapper #single .attachment-full {
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%;
  height: auto; }

#wrapper #single .content img {
  width: auto;
  max-width: 100%;
  height: auto; }

.single-intro #wrapper #single .content img {
  width: auto;
  max-width: 100%;
  height: auto; }

#wrapper #entry-exper-list01 ul {
  list-style: none; }
  #wrapper #entry-exper-list01 ul li a {
    padding: 0px 30px;
    box-sizing: border-box;
    display: block; }
    #wrapper #entry-exper-list01 ul li a img {
      width: 100% !important;
      height: auto !important; }

#wrapper #single .content.detail h3 {
  font-size: 24px;
  font-weight: normal;
  border-top: solid 3px #000000;
  border-bottom: solid 1px #000000;
  padding: 14px 0 14px 10px;
  margin: 0 0 26px 0; }

#wrapper #single .content.detail h4 {
  font-size: 20px;
  font-weight: normal;
  background-color: #fafafa;
  border-radius: 6px;
  padding: 14px 10px 14px 17px;
  margin: 0 0 20px 0; }

#wrapper #single .content.detail h4 p {
  border-left: solid 8px #fb8a94;
  padding-left: 10px;
  content: ""; }

#wrapper #single .content.detail h5 {
  font-size: 18px;
  font-weight: normal;
  border-bottom: dashed 1px #000000;
  padding: 30px 0 10px 0;
  margin: 0 0 20px 0;
  padding-left: 28px;
  text-indent: -28px; }

#wrapper #single .content.detail h5:before {
  border-left: solid 18px #fb8a94;
  margin-right: 10px;
  content: ""; }

#wrapper #single .content.detail h6 {
  font-size: 16px;
  font-weight: normal;
  border-left: solid 4px #000000;
  border-bottom: solid 1px #000000;
  padding: 2px 0 6px 12px;
  margin: 30px 0 20px 0; }

#wrapper #single .content.detail dl {
  border: solid 1px #d2d2d2;
  padding: 22px;
  border-radius: 6px;
  box-shadow: 0 3px 0 0 #e8e8e8; }

#wrapper #single .content.detail dl dt {
  font-weight: bold; }

#wrapper #single .content.detail dl ul li {
  list-style-type: none; }
  #wrapper #single .content.detail dl ul li:before {
    color: #fb8a94;
    margin-right: 10px;
    content: "●"; }

#wrapper #single .content a {
  color: #a00e15;
  text-decoration: underline; }
#wrapper #single .content a[target="_blank"]{
  position: relative;
}
#wrapper #single .content a[target="_blank"]:after{
  content: '';
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 0px 0px 4px 5px;
  background: url("../images_v2/common/icon_link.png") no-repeat;
  display: inline-block;
}
#wrapper #single .content a:hover {
    text-decoration: none; }

#wrapper #single .post_link_area {
  margin: 30px -30px;
  background: #f6f6f6;
  padding: 20px 0;
  position: relative; }
  #wrapper #single .post_link_area a {
    color: #32343c;
    text-decoration: none; }
    #wrapper #single .post_link_area a:hover {
      color: #a00e15; }

#wrapper #single .content .post_link_area:after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 50%;
  width: 1px;
  height: 76px;
  background: #ddd; }

#wrapper #single .content .post_link_area .previous {
  float: left;
  width: 300px;
  padding-left: 15px; }

#wrapper #single .content .post_link_area .previous div {
  padding-left: 20px;
  background: url("../images_v2/common/icon_link_prev.gif") no-repeat left center; }

#wrapper #single .content .post_link_area .next {
  float: right;
  width: 300px;
  padding-right: 15px; }

#wrapper #single .content .post_link_area .next div {
  padding-right: 20px;
  background: url("../images_v2/common/icon_link_next.gif") no-repeat right center; }

#wrapper #single .content .post_link_area img {
  width: 70px;
  float: left;
  margin-right: 20px; }

#wrapper #single .content .post_link_area p {
  font-size: 12px;
  float: right;
  width: 190px; }

#wrapper #comic
#wrapper #comic table {
  border-collapse: collapse;
  margin: 15px auto;
  width: 608px; }

#wrapper #comic table td {
  text-align: center;
  vertical-align: middle; }

#wrapper #comic .pagenumber {
  text-align: center; }

#wrapper #comic td.backpage,
#wrapper #comic td.nextpage {
  width: 80px;
  text-align: center; }

#wrapper .aligncenter,
#wrapper div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

#wrapper .alignleft {
  float: left; }

#wrapper .alignright {
  float: right; }

#wrapper .wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  /* optional rounded corners for browsers that support it */
  border-radius: 3px; }

#wrapper .wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none; }

#wrapper .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0; }

#wrapper .sika {
  position: absolute;
  display: block;
  width: 12px;
  height: 20px;
  top: 50px;
  left: 50px; }

#wrapper #cat_topimg {
  margin-bottom: 40px; }

#wrapper .clearfix:after, #wrapper .container #main .top_article:after, .container #main #wrapper .top_article:after, #wrapper .container #main .sns .l_sns_inner:after, .container #main .sns #wrapper .l_sns_inner:after, #wrapper #pagenavi:after, #wrapper .wp-pagenavi:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden; }

#wrapper .clearfix, #wrapper .container #main .top_article, .container #main #wrapper .top_article, #wrapper .container #main .sns .l_sns_inner, .container #main .sns #wrapper .l_sns_inner, #wrapper #pagenavi, #wrapper .wp-pagenavi {
  min-height: 1px; }

#wrapper * html .clearfix, #wrapper * html .container #main .top_article, .container #main #wrapper * html .top_article, #wrapper * html .container #main .sns .l_sns_inner, .container #main .sns #wrapper * html .l_sns_inner, #wrapper * html #pagenavi, #wrapper * html .wp-pagenavi {
  height: 1px;
  /*\*/
  /*/
height: auto;
overflow: hidden;
/**/ }

#wrapper #dictmenu {
  background-color: #fff0f0;
  /* border:1px solid #666666; */
  text-align: center;
  margin-bottom: 20px; }

#wrapper #dictmenu ul {
  display: inline-block;
  list-style: none; }

#wrapper #dictmenu ul li {
  float: left;
  padding: 5px;
  font-size: 1.4rem;
  line-height: 100%;
  border: 1px solid #ffffff; }

#wrapper #dictmenu ul li.dict_now {
  background-color: #eeeeee; }

#wrapper #dicttable {
  border: 2px solid #888888;
  clear: both;
  border-collapse: collapse; }

#wrapper #dicttable tr {
  border-bottom: 1px dotted #888888; }

#wrapper #dicttable tr th {
  background-color: #fff0f0;
  border-right: 1px dotted #666666;
  color: #666666;
  font-weight: bold;
  vertical-align: middle;
  width: 100px;
  padding: 10px; }

#wrapper #dicttable tr td {
  color: #666666;
  padding: 10px; }

#wrapper #dicttable tr td p {
  font-size: 1.3rem;
  line-height: 1.5em; }

#wrapper #qa_liststyle {
  list-style: none;
  margin: 20px 0 0 0; }

#wrapper #qa_liststyle li {
  background: url(../images/icon_hatena.gif) no-repeat 15px 7px;
  padding: 13px 0 13px 56px;
  border-bottom: dotted #b6b6b6 1px; }

#wrapper #qa_liststyle ul li a {
  font-weight: bold; }

#wrapper ul.hNavi {
  overflow: hidden;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none; }

#wrapper .company {
  line-height: 1.7em; }

#wrapper .company ul.hNavi li {
  float: left;
  background: url(../images/arrow_ball2.gif) no-repeat left 2px;
  padding-left: 18px;
  margin-right: 10px; }

#wrapper .company h3 {
  background: url(../images/icon_square.gif) no-repeat left top;
  font-size: 16px;
  padding-left: 18px;
  margin: 30px 0 20px 0;
  padding-bottom: 10px;
  padding-top: 4px;
  border-bottom: 1px solid #d0cfcf; }

#wrapper .president {
  text-align: right; }

#wrapper .president p {
  margin: 0;
  padding: 0; }

#wrapper .company table.info {
  width: 100%; }

#wrapper .company table.info th {
  background: #f3f3f3;
  text-align: left;
  font-weight: bold;
  border-top: 1px solid #D5D5D5;
  padding: 6px 6px 6px 18px; }

#wrapper .company table.info td {
  border-top: 1px solid #D5D5D5;
  padding: 6px 6px 6px 10px; }

#wrapper .company table.info td p.map {
  background: url(../images/arrow_ball2.gif) no-repeat left 1px;
  padding-left: 16px; }

#wrapper .borderB {
  border-bottom: 1px solid #D5D5D5; }

#wrapper p.mt0 {
  margin: 0 0; }

#wrapper p.mb {
  margin: 0 0 10px 0; }

#wrapper .company h4 {
  margin: 0; }

#wrapper span.bold {
  font-weight: bold; }

#wrapper p.pagetop {
  text-align: right; }

#wrapper .company ol {
  list-style-type: decimal; }

#wrapper .company ol li {
  list-style-position: outside;
  margin: 5px 5px 5px 25px; }

#wrapper .company {
  width: 92% !important;
  padding: 3% !important; }

#wrapper .company h2 img {
  width: 100%; }

#wrapper .company .cboxModal img {
  width: 100%; }

#wrapper .company .chara img {
  width: 100%;
  height: auto; }

#wrapper .company .chara_box img {
  width: auto; }

#wrapper .company .chara2 img {
  width: 100%;
  height: auto; }

#wrapper .company .chara2 a img {
  width: auto; }

#wrapper .privacy {
  line-height: 1.7em; }

#wrapper .privacy h3 {
  background: url(../images/icon_square.gif) no-repeat left top;
  font-size: 16px;
  padding-left: 18px;
  margin: 30px 0 20px 0;
  padding-bottom: 10px;
  padding-top: 4px;
  border-bottom: 1px solid #d0cfcf; }

#wrapper .privacy ol,
#wrapper .privacy ul {
  margin: 0;
  padding-left: 1em; }

#wrapper .privacy ol li {
  list-style-type: decimal; }

#wrapper div.privacy ul li {
  list-style-type: circle; }

#wrapper .aRight {
  text-align: right; }

#wrapper .boldCenter {
  font-weight: bold;
  text-align: center; }

#wrapper p.privacy_pdf {
  text-decoration: underline; }

#wrapper .privacy p {
  margin-bottom: 10px; }

#wrapper .privacy .indent {
  padding-left: 10px; }

#wrapper .privacy .aLeft {
  width: 250px;
  float: left; }

#wrapper .privacy div {
  margin-bottom: 10px; }

#wrapper .privacy table {
  width: 100%;
  border: 1px solid;
  margin-bottom: 20px; }

#wrapper .privacy tr,
#wrapper .privacy th,
#wrapper .privacy td {
  border: 1px solid; }

#wrapper .privacy table ul li {
  margin-left: 10px;
  list-style-type: disc; }

#wrapper .privacy th,
#wrapper .privacy td {
  padding: 5px; }

#wrapper .opinion h3 {
  background: url(../images/icon_square.gif) no-repeat left top;
  font-size: 16px;
  padding-left: 18px;
  margin: 30px 0 20px 0;
  padding-bottom: 10px;
  padding-top: 4px;
  border-bottom: 1px solid #d0cfcf; }

#wrapper .flt {
  float: left; }

#wrapper .frt {
  float: right; }

#wrapper .btn_check {
  overflow: hidden;
  margin: 30px 0 0; }

#wrapper #cat_liststyle {
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px; }

#wrapper #cat_liststyle dt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em; }

#wrapper #cat_liststyle dd {
  font-size: 14px;
  padding-left: 11em;
  line-height: 1.5em;
  margin-top: -1.5em;
  background: url(../images/arrow_ball.gif) no-repeat 9.5em 3px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dotted #b6b6b6 1px; }

#pagenavi {
  margin-top: 30px !important; }

#wrapper .wp-pagenavi {
  text-align: center;
  font-size: 70%;
  margin: 30px 0 10px 0; }

#wrapper .wp-pagenavi span {
  text-decoration: none;
  padding: 3px 5px;
  margin: 2px 4px;
  color: #000; }

#wrapper .wp-pagenavi a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  padding: 5px 8px;
  background: #ce3022;
  -webkit-transition: background-color 0.2s linear;
  text-decoration: none;
  margin: 0 3px; }

#wrapper .wp-pagenavi a:hover {
  background: #ce3022; }

#wrapper .wp-pagenavi span.current {
  font-weight: bold;
  font-size: 120%;
  color: #f64b5b;
  border: none;
  background: none; }

#wrapper #bread {
  font-size: 12px;
  margin-bottom: 10px; }

#wrapper #bread > span {
  line-height: 1.6; }

#wrapper #bread ul {
  list-style: none; }

#wrapper #bread ul li {
  float: left; }

#wrapper .fright {
  float: right !important; }

#wrapper #bread ul li.bread_arrow {
  padding-left: 5px;
  padding-right: 5px; }

#wrapper div#single .thumbs li {
  height: 54px !important;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 80px;
  overflow: hidden;
  border: 1px solid #8C8C8C;
  list-style: none; }

#wrapper div#single #slides1 li {
  width: 680px;
  text-align: center;
  padding-bottom: 20px;
  list-style: none; }

#wrapper div#single #slides1 {
  padding-bottom: 20px;
  padding-top: 10px; }

#wrapper div#single div.caption {
  display: none; }

#wrapper #mailbtn {
  padding: 20px 0;
  background: #fff;
  text-align: center; }
  #wrapper #mailbtn a {
    display: block;
    background: #fff;
    box-sizing: border-box;
    padding: 0px 30px; }

#wrapper .btn_fuan {
  margin: 30px 0 0 0;
  text-align: center; }

#wrapper div#single div.content {
  font-size: 1.2em; }

#wrapper div#single div.content ul {
  padding: 5px 10px;
  line-height: 24px; }

#wrapper div#single div.content h2 {
  font-size: 1.5em;
  padding: 10px 0 10px 0; }

#wrapper #seminar_Box {
  overflow: hidden; }

#wrapper #single .content #seminar_Box h3 {
  background: url(../images/icon_seminar.gif) no-repeat left 4px;
  border-bottom: dotted 1px #bbb;
  margin: 0 8px 4px 0;
  padding: 0 0 4px 10px;
  font-size: 98%; }

#wrapper #single .content #seminar_Box .mt20 {
  margin-top: 20px; }

#wrapper #single .content .seminar_left, #wrapper #single .content .seminar_right {
  width: 620px; }
  #wrapper #single .content .seminar_left iframe, #wrapper #single .content .seminar_right iframe {
    width: 620px; }

#wrapper #single .content #seminar_Box th {
  vertical-align: top;
  width: 4em; }

#wrapper #single .content #seminar_Box dt {
  font-weight: bold; }

#wrapper td.present_border {
  border-bottom: 1px solid #bbb;
  padding: 15px; }
  #wrapper td.present_border img {
    width: 130px !important; }

#wrapper table.presentTable {
  width: 640px; }

#wrapper table.presentTable td img {
  width: 120px !important;
  height: auto; }

#wrapper p.p_caution {
  margin-top: 6px;
  font-size: 84%; }

#wrapper dl.mapInfo dd {
  margin-bottom: 13px; }

#wrapper ul.goods_list {
  margin: 0;
  padding: 0;
  overflow: hidden; }

#wrapper ul.goods_list li {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 6px;
  width: 208px;
  list-style: none;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center; }

#wrapper ul.goods_list li:first-child {
  margin-left: 0px; }

#wrapper p.goods_text {
  font-size: 12px;
  color: #333;
  margin: 0.2em 0; }

#wrapper .goods_data {
  padding-bottom: 30px; }

#wrapper .clear {
  clear: left; }

#wrapper .ml00 {
  margin-left: 0px !important; }

#wrapper .campaign h3 {
  margin: 0 0 8px; }

#wrapper .campaign h2 {
  margin: 0 0 20px; }

#wrapper #torami_campaign {
  width: auto;
  margin: 0 0 40px 0;
  padding: 30px;
  width: 100%;
  overflow: hidden; }

#wrapper #torami_campaign .campaign_ban {
  margin: 0 0 10px 0;
  position: relative; }

#wrapper #torami_campaign .campaign_ban img {
  width: 100%;
  height: auto; }

#wrapper #torami_campaign .campaign_ban .btn {
  position: absolute;
  right: 25px;
  top: 140px;
  display: block;
  width: 230px;
  height: 60px; }

#wrapper #torami_campaign .torami_column {
  width: 512px;
  float: left; }

#wrapper #torami_campaign .torami_column p img {
  width: 100%;
  height: auto; }

#wrapper #torami_campaign .torami_column_inner {
  background: url(../images/box_column_bg.png) center bottom no-repeat;
  padding: 5px 30px 30px; }

#wrapper #torami_campaign .torami_column .update {
  font-size: 93%;
  color: #9a9a9a;
  line-height: 120%;
  margin: 0 0 7px 0; }

#wrapper #torami_campaign .torami_column .title {
  font-size: 124%;
  font-weight: bold;
  margin: 0 0 15px 0;
  color: #333;
  line-height: 130%; }

#wrapper #torami_campaign .torami_column .title a:hover {
  color: #f0a900;
  text-decoration: underline; }

#wrapper #torami_campaign .btn_list {
  width: 380px;
  float: right; }

#wrapper #torami_campaign .btn_list ul {
  padding: 12px 0 0 0;
  list-style: none; }

#wrapper #torami_campaign .btn_list li {
  margin: 0 0 9px 0;
  display: block; }

#wrapper #torami_campaign .more, #wrapper #torami_campaign .container #main .more2, .container #main #wrapper #torami_campaign .more2, #wrapper #torami_campaign .container #main .more_h, .container #main #wrapper #torami_campaign .more_h {
  margin: 5px 0 0 0; }

#wrapper #torami_campaign .photo {
  width: 140px;
  float: left;
  margin: 0 15px 0 0; }

#wrapper #sidebar-social a:hover {
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

#wrapper #sidebar-ban a.c_hover:hover {
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

#wrapper #torami_campaign .campaign_ban .movie {
  position: absolute;
  top: 13px;
  right: 20px; }

#wrapper #torami_campaign .seminar_board {
  width: 560px;
  float: left; }

#wrapper #torami_campaign .btn_seminar {
  width: 560px;
  float: left;
  margin-top: 9px; }

#wrapper #semi_event {
  background: url(../images/bg_seminar_board.png) no-repeat left top;
  min-height: 221px;
  position: relative; }

#wrapper #semi_event .title-box {
  overflow: hidden;
  margin: 15px 0 20px 0;
  width: 500px; }

#wrapper #semi_event .title-box .btn {
  position: absolute;
  top: 30px;
  right: 30px; }

#wrapper #semi_event dl {
  overflow: hidden;
  width: 500px;
  margin-left: 30px;
  margin-top: 45px; }

#wrapper #semi_event dl dt {
  width: 120px;
  float: left;
  font-weight: bold;
  border-top: 1px dotted #999999;
  clear: both;
  font-size: 12px;
  padding: 8px 0; }

#wrapper #semi_event dl dd {
  width: 365px;
  float: right;
  border-top: 1px dotted #999999;
  font-size: 13px;
  padding: 8px 0 8px 15px;
  background: url(../images/i_circle01.png) left 7px no-repeat; }

#wrapper #semi_event dl dd a {
  color: #333333; }

#wrapper #semi_event .title-box .title {
  font-size: 18px;
  font-weight: bold;
  color: #f05b69;
  float: left;
  margin: 5px 0 0 40px;
  text-indent: -9999px; }

#wrapper .common-archive-list-style {
  width: 512px;
  padding: 10px 0 0 0; }

#wrapper .common-archive-list-style li {
  width: 492px;
  border-bottom: 1px dotted #999999;
  font-size: 13px;
  padding: 8px 0 8px 20px;
  background: url(../images/i_circle02.png) left 7px no-repeat;
  list-style: none; }

#wrapper #inquiry_form {
  width: 680px; }

#wrapper .button {
  text-align: center;
  position: relative;
  margin: 0 5px; }

#wrapper .button a {
  background: #eee;
  width: 100%;
  display: block;
  text-decoration: none;
  height: 58px;
  line-height: 58px;
  border-radius: 5px; }

#wrapper .button a span {
  font-weight: bold;
  display: inline-block;
  padding-right: 20px;
  background: url("../images_v2/common/icon_pink_arrow_l.png") no-repeat right center; }

#wrapper .button a:hover {
  background: #f4f4f4; }

/* 404
---------------------------------------------------- */
.notfound-main {
  width: 100%;
  margin: 20px auto !important;
  border: 1px solid #f0c7c7;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  *zoom: 1;
  padding: 20px !important; }

.notfound-main > p {
  font-size: 1.8rem;
  margin-bottom: 20px !important;
  color: #fb8a94;
  font-weight: bold; }

.notfound-main ul {
  list-style-type: none;
  font-size: 1.4rem; }

.notfound-main ul li {
  line-height: 1.8; }

/* n時限目
---------------------------------------------------- */
.block-navigation-intro {
  text-align: center; }

.block-navigation-intro .button {
  width: 320px;
  display: inline-block;
  margin-bottom: 10px !important; }

/**
 StoreInformation style
*/
#StoreInformation h2 {
  font-weight: bold;
  border-bottom: 3px #FB8A94 solid;
  margin-bottom: 30px; }

#StoreInformation .InformationItem {
  margin-bottom: 20px; }

#StoreInformation .InformationImage {
  float: left;
  width: 250px; }

#StoreInformation .InformationDetails {
  float: right;
  width: 410px; }

#StoreInformation .InformationDetails table {
  width: 100%; }

#StoreInformation .InformationDetails table th,
#StoreInformation .InformationDetails table td {
  padding: 5px;
  font-weight: normal; }

#StoreInformation .InformationDetails table td {
  border: 1px solid #f5ede7; }

#StoreInformation .InformationDetails table th {
  background: #f5ede7;
  border: 1px solid #fff; }

#StoreInformation iframe {
  margin-bottom: 30px; }

/**
 MovieContents style
*/
#MovieContents h3 {
  font-size: 18px;
  margin-bottom: 8px; }

#MovieContents li {
  margin-left: 2.5em;
  margin-bottom: 5px; }

#contents #main #MovieInformation {
  margin-top: 30px;
  margin-bottom: 50px;
  width: 654px; }

#contents #main #MovieInformation .MovieInformationImage {
  float: left; }

#contents #main #MovieInformation .MovieInformationDetails {
  float: right; }

/**
 new detail style
*/
.small-title {
  font-size: 16px !important; }

.blue-title {
  color: #5162a2; }

.red-text {
  color: #b8354b; }

.lecturer-box {
  background: #f6f6f6;
  box-sizing: border-box;
  padding: 30px !important;
  overflow: hidden;
  margin-top: 20px !important; }

.lecturer-box-image {
  float: left; }

.lecturer-box-content {
  padding-left: 230px !important; }
  .lecturer-box-content p {
    font-size: 16px; }

.lecturer-box-content-title {
  font-size: 20px !important;
  font-weight: bold; }

.table-scroll {
  width: 620px; }

.table-style {
  width: 620px;
  border: #ddd 1px solid;
  border-bottom: none;
  border-right: none;
  margin-top: 20px !important; }
  .table-style th {
    background: #f6f6f6; }
  .table-style th, .table-style td {
    padding: 10px !important;
    border-bottom: #ddd 1px solid;
    border-right: #ddd 1px solid; }

.dl-style {
  border: #ddd 1px solid;
  padding: 0px 20px 20px !important;
  margin-top: 20px  !important; }
  .dl-style dt {
    background: #fff;
    padding: 0 10px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    top: -14px; }