@charset "utf-8";

/***********************************
共通設定
************************************/
body {
  padding-left:0;
  padding-right:0;
  min-width:320px;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}

img {
  max-width:100%;
  height:auto;
}

#niftyLogo {
  display: none;
}
#myhomeLogo{
  width: 199px;
  background: transparent url(/search_contents/images/sprite.png) no-repeat -6px 0;
}
.smpfooterDisp {
  display:none;
}
.topicPath {
  display:block;
  text-align:left;
}
#main {
  background: none;
}
#mainContainer{
  margin-bottom: 20px;
  padding: 20px 0;
  width: 1020px;
  border: none;
}
#globalNaviContainer,#breadCrumbNav{
  width: 1020px;
}
#breadCrumbNav {
  border-bottom: solid 1px #eaeaea;
}
#globalNavi {
  box-shadow: none;
  border-bottom: solid 1px #e0e0e0;  
}
a:hover {
  text-decoration: none;
}
#sp-navi {
  display: none;
}
.info-msg {
  width: 980px;
  margin: 10px auto;
  text-align: left;
  padding: 20px;
  border: #ddd 3px solid; 
}
.info-msg .ttl{
  font-weight: bold;
  margin: 0 0 5px;
}
/***********************************
コンテンツメイン
************************************/
.sub-recent li a:after,
.article-info:after,
.foot-navi ul:after,
.list-default .list:after {
  content:" ";
  display:block;
  clear:both;
}

/*-- .mainColumn --*/
.mainColumn {
  float:left;
  width: 690px;
  color: #333;
}

/*-- article page --*/
.mainColumn .camp-image {
  text-align: center;
  margin: 0 0 10px;
}
.mainColumn .camp-image img {
  vertical-align: top;
}
.mainColumn h1 {
  font-size: 1.78em;
  line-height: 1.2;
  margin: 0 0 10px;
}
.mainColumn .description,
.mainColumn .article-body {
  font-size: 114%;
  margin: 0 0 40px;
}
.mainColumn .sns-button {
  min-height: 30px;
  text-align: center;
}
.mainColumn .sns-button.top {
  min-height: 30px;
  margin: 20px 0;
  text-align: center;
}
.mainColumn .sns-button.bottom {
  margin: 40px 0;
}
.mainColumn .sns-button > div,
.mainColumn .sns-button > iframe{
  display: inline-block;
  vertical-align:top;
  margin: 0 5px 0 0;
}

.mainColumn .article-info{
  margin: 0 0 10px;
}
.mainColumn .article-info time,
.mainColumn .article-info address {
  font-size:92%;
  color:#959595;
}
.mainColumn .article-info time {
  float: left;
}
.mainColumn .article-info address {
  float: right;
}

/*-- article body --*/

#ptype-top .mainColumn h1,
#ptype-list .mainColumn h1,
.mainColumn .article-body h2 {
  font-size: 1.3em;
  margin-bottom: 20px;
  border: solid 1px #e0e0e0;
  border-left: solid 4px #d12b15;
  color: #333;
  line-height: 1.3;
  padding: 13px 5px 10px 10px;
}
#ptype-top .mainColumn h2,
#ptype-list .mainColumn h2,
.mainColumn .article-body h3,
.mainColumn .list-box h3 {
  font-size: 1.3em;
  margin-bottom: 25px;
  border-bottom: solid 4px #e0e0e0;
  color: #333;
  line-height: 1.3;
  padding: 0 0 5px;
}


.mainColumn .article-body > p,
.mainColumn .article-body .image{
  margin-bottom: 35px;
  line-height: 1.8em;
}

.mainColumn .article-body .image{
  text-align:center;
}
.mainColumn .article-body .image .caption-text{
  font-size:82%;
  color:#959595;
  line-height: 1.2;
  padding: 10px;
}
.mainColumn .article-body .image img {
  vertical-align:top;
}

.mainColumn .article-body .link {
  background: #eaeaea;
  padding: 15px;
  border-radius: 4px;
  margin: 0 0 30px;
}
.mainColumn .article-body .link a{
  display: block;
}
.mainColumn .article-body .link li{
  padding: 0 0 0 1em;
  position: relative;
}
.mainColumn .article-body .link li:before{
  content: "・";
  position: absolute;
  left: 0;
}

.mainColumn .button {
  margin: 0 0 20px;
  text-align: center;
}
.mainColumn .button a{
  border: 1px solid #cfcfcf;
  box-shadow: #c4c4c4 0 2px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 10px 50px;
  line-height: 1.2;
  position: relative;
}
.mainColumn .button a:hover{
  opacity: .6;
}
.mainColumn .button a span{
  display: block;
  font-size: 84%;
}

.mainColumn .button a:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 12px;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background: #d32812;
}
.mainColumn .button a:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 17px;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background: #fff;
}
.mainColumn .article-label li {
  margin: 0 5px 0 0;
}
.mainColumn .article-top-banner-container {
  text-align: center;
  /* メモ: justify-content: center; だとなぜかADNW広告が少し左にずれる */
}
.mainColumn .article-bottom-banner-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.mainColumn .article-top-smp-adnw-container {
  /* 広告拡張機能によるCLS防止 */
  height: calc(100vw * 100 / 300);
  /* 拡大されないこともあるため、縦で中央寄せ */
  display: flex;
  align-items: center;
}

/*-- article label --*/
.article-label{
  margin: 0 0 10px;
}
.article-label div,.article-label li ,.article-label ul {
  display: inline;
}
.navi .list.tag li a,
.foot-navi .tag li a,
.subColumn .list.tag li a,
.article-label a {
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  color: #555;
}
.article-label .category a{
  background-color: #286090;
  color: #fff;
  border-color: transparent;
}
.navi .tag li a:focus,.navi .tag li a:hover,
.foot-navi .tag li a:focus,.foot-navi .tag li a:hover ,
.subColumn .list.tag li a:focus, .subColumn .list.tag li a:hover ,
.article-label a:focus, .article-label a:hover {
  opacity: .6;
}



.list-box {
  margin: 50px 0 30px;
}
#ptype-category .list-box,
#ptype-top .list-box {
  margin: 20px 0 30px;
}
.list-box ul {
  margin: 0 0 20px;
}

.list-box li {
  width: 168px;
  float: left;
  margin: 0 2px 0;
  line-height: 1.2;
}
.list-box li a,
.relate-prevnext a{
  text-decoration: none;
  display: block;
}
.list-box li a:hover,
.relate-prevnext a:hover{
  opacity: .6;
}
.list-box li time,
.relate-prevnext span,
.relate-prevnext time{
  display: block;
  font-size:92%;
  color:#959595;
}

.relate-prevnext li{
  width: 45%;
  float: left;
  background: #eaeaea;
  padding: 15px;
  border-radius: 4px;
  line-height: 1.2;
}
.relate-prevnext li.next{
  float: right;
}

/*-- .list design --*/

.list-default {
  border-top: solid 1px #eaeaea;
  margin: 0 0 30px;
}
.list-default .img{
  float: left;
}
.list-default .img img{
  width: 150px;
}
.list-default .list {
  position: relative;
}
.list-default .list a.boxlink{
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-indent: 120%;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.list-default .list a.boxlink:hover{
  background: #fff;
  opacity: .3;
}



.list-default .list .txt {
  display: block;
  margin: 0 0 0 160px;
}
.list-default .list {
  line-height: 1.3;
  border-bottom: solid 1px #eaeaea;
  padding: 20px 0 10px;
}
.list-default .list .txt > a {
  font-size: 114%;
  margin: 0 0 5px;
  display: block;
}
.list-default .list .txt > p {
  margin: 0 0 10px;
}
.list-default .list .txt .article-label {
  display: inline;
}
.list-default .list .txt time {
  display: inline;
  font-size:92%;
  color:#959595;
}

.page-footer {
  text-align: center;
  padding: 0 0 20px;
}
.page-footer .hit-num{
  margin: 0 0 20px;
}
.page-footer span,
.page-footer a {
  border: 1px solid #cfcfcf;
  box-shadow: #c4c4c4 0 2px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin: 0 10px 0 0;
  text-decoration: none;
  padding: 10px 20px;
  line-height: 1.2;
}
.page-footer span.prev,.page-footer span.next{
  color: #999;
}
.page-footer .selected{
  font-weight: bold;
}
.page-footer a:hover {
  opacity: .6;
}

/*-- .subColumn detail sidenavi --*/
.switch {
  display: none;
}

.subColumn {
  float:right;
  width:300px;
}

.side_fixed {
  position: fixed;
  bottom:0;
  margin-left:720px;
}
.side_absolute {
  position: absolute;
}

.navi .list ul,
.subColumn .list ul {
  margin: 0 0 30px;
}

.navi .list p,
.subColumn .sub-recent p,
.subColumn .list p{
  border-bottom: solid 4px #e0e0e0;
  color: #333;
  line-height: 1.2;
  padding: 0 0 5px 3px;
}
.navi .list li a,
.subColumn .list li a{
  display: block;
  border-bottom: solid 1px #eaeaea;
  padding: 10px 5px;
}

.subColumn .list.tag p {
  margin: 0 0 20px;
}
.subColumn .list.tag li {
  display: inline-block;
  margin: 0 0 10px;
}
.subColumn .sub-recent li img{
  float: left;
  width: 100px;
}
.subColumn .sub-recent li a {
  padding: 10px 0;
  display: block;
  border-bottom: solid 1px #eaeaea;
  text-decoration: none;
  line-height: 1.2;
}
.subColumn .sub-recent li time ,
.subColumn .sub-recent li span {
  margin: 0 0 0 110px;
  display: block;
}
.subColumn .sub-recent li time {
  display: block;
  font-size:92%;
  color:#959595;
}
.subColumn .sub-recent li span {
  text-decoration: underline;
}
.subColumn .sub-recent li a:hover span {
  text-decoration: none;
}
.subColumn .sub-recent li a:hover {
  opacity: .6;
}
/*-- ライトナビ広告/バナー --*/
.subColumn .right-navi-top-banner-container {
  display: flex;
  justify-content: center;
}
.subColumn .right-navi-top-banner-container #rightNaviTopBanner,
.subColumn .right-navi-top-banner-container #div-gpt-ad-1670203182071-0
{
  margin-bottom: 15px;
}
.subColumn .right-navi-bottom-banner-container {
  display: flex;
  justify-content: center;
}

/*-- .navi top,list sidenavi --*/

.navi {
  float: left;
  width: 200px;
  margin: 0 30px 0 0 ;
}
.navi .tag p{
  margin: 0 0 20px;
}
.navi .tag li {
  display: inline-block;
  margin: 0 0 10px;
}


/*-- .foot-navi --*/

.foot-navi {
  width: 1020px;
  margin: 0 auto;
  border-top: solid 1px #eaeaea;
  padding: 10px 0;
}
.foot-navi p{
  border-bottom: solid 4px #e0e0e0;
  color: #333;
  line-height: 1.2;
  padding: 0 0 5px 3px;
  margin: 0 0 15px;
}
.foot-navi ul {
  margin: 0 0 20px;
}
.foot-navi .category li{
  width: 18%;
  float: left;
  margin: 0 1% 5px;
}
.foot-navi .category li a{
  display: inline-block;
  border: solid 1px #e0e0e0;
  width: 160px;
  height: 3em;
  padding: 1em 15px 0;
  border-radius: 4px;
}
.foot-navi .tag {
  padding: 0 1%;
}
.foot-navi .tag li {
  display: inline-block;
  margin: 0 4px 10px 0 ;
}

/*口コミ*/
.commentArea {
  border:1px solid #ccc;
  border-radius:4px;
  margin-bottom:40px;
  padding:15px;
}
.comment {
  border-bottom:1px dotted #ccc;
  margin-bottom:15px;
}
.comment .head {
  background:#f6f6f6;
  padding:0 10px;
  border-radius:4px;
  min-height:105px;
  margin-bottom:15px;
}
.comment .head span.icon {
  background-image: url("/column/images/kuchikomi.png");
  background-repeat: no-repeat;
  width:85px;
  height:85px;
  display:block;
  float:left;
  margin-top:10px;
  margin-right:10px;
}
.comment .head span.icon.good.women {
  background-position: 0 0;
}
.comment .head span.icon.good.men {
  background-position: 0 -85px;
}
.comment .head span.icon.nomal.women {
  background-position: -85px 0;
}
.comment .head span.icon.nomal.men {
  background-position: -85px -85px;
}
.comment .head span.icon.bad.women {
  background-position: -170px 0;
}
.comment .head span.icon.bad.men {
  background-position: -170px -85px;
}
.comment .reviews {
  padding-top:15px;
}
.comment .reviews p {
  display:inline-block;
  font-weight:bold;
  padding-right:6px;
}
.comment .reviews p.data:first-child {
  display: block;
}
.comment .reviews p.data {
  font-weight: normal;
}
.comment:last-child {
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}
.comment .score {
  color: #d12b15;
  line-height:1.95;
  font-weight: bold;
  vertical-align: middle;
}
.comment .detail {
  padding-bottom:15px;
}
.comment .detail .q {
  margin-bottom:10px;
  font-weight:bold;
  color:#286090;
}
.comment .detail .q span {
  padding-right:6px;
}
.starsS {
  float: left;
  display: inline-block;
  margin: 2px 8px 0 0;
  background-image: url("/column/images/kuchikomi.png");
  background-repeat: no-repeat;
}
.starsS {
  width: 112px;
  height: 22px;
}
.starsS.star0 {background-position: 0 -364px;}
.starsS.star0h {background-position: 0 -386px;}
.starsS.star1 {background-position: 0 -408px;}
.starsS.star1h {background-position: 0 -430px;}
.starsS.star2 {background-position: 0 -452px;}
.starsS.star2h {background-position: 0 -474px;}
.starsS.star3 {background-position: 0 -496px;}
.starsS.star3h {background-position: 0 -518px;}
.starsS.star4 {background-position: 0 -540px;}
.starsS.star4h {background-position: 0 -562px;}
.starsS.star5 {background-position: 0 -584px;}


/*相場計算*/
.culc {
  margin-bottom: 50px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
}
.culc .sp {
  display: none !important;
}
.culc .pc {
  display: block !important;
}
.culc p.title {
  text-align: center;
  color: #286090;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.culc .gl {
  display: table;
  margin-bottom: 10px;
  width: 100%;
}

.culc .gl-cell {
  padding: 0 6px;
}
.culc .gl-cell.volume,
.culc .gl-cell.schedule,
.culc .gl-cell.distance {
  display: table-cell;
  width: 33.3%;
  position: relative;
}

.culc .gl-cell.volume:before,
.culc .gl-cell.schedule:before,
.culc .gl-cell.distance:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 41px;
  right: 18px;
  width: 10px;
  height: 10px;
  background: #fff;
  z-index: 1;
}
.culc .gl-cell.volume:after,
.culc .gl-cell.schedule:after,
.culc .gl-cell.distance::after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 45px;
  right: 18px;
  width: 10px;
  height: 10px;
  background: #286090;
}

.culc .gl-cell label {
  display: block;
  text-align:center;
  margin-bottom: 5px;
  color: #888;
}
.culc .gl-cell select {
  width: 100%;
  font-size: 16px;
  padding: 8px;
  margin-right: 10px;
  border: none;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 100px auto;
  position: relative;
  z-index: 1;
  background: transparent;
  height:45px;
}

.culc .gl-cell select::-ms-expand {
  display: none;
}
.culc .gl-cell.submit-cell:before {
  content: "▼";
  display: block;
  width: 100%;
  text-align: center;
  clear: both;
  color: #286090;
  font-size: 30px;
  line-height: 1;
  padding: 2px 0 2px;
  transform: scale( 1.5 , 1);
}
.culc .gl-cell.submit-cell {
  margin: 0 0 10px;
}
.culc .gl-cell.submit-cell:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.culc .gl-cell.submit-cell .min_n_max {
  float: left;
  width: 60%;
  display: table;
}
.culc .gl-cell.submit-cell .min_n_max div {
  display: table-cell;
  padding-top: 6px;
}
.culc .gl-cell.submit-cell .avr {
  float: right;
  width: 40%;
}
.culc .gl-cell em.label {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px 12px 5px;
  font-size: 14px;
  margin-right: 3px;
  background: #EAEAEA;
  border: none;
  font-weight: bold;
  font-style: initial;
}
.culc .gl-cell strong {
  color: #286090;
  font-size: 18px;
}
.culc .gl-cell .avr {
  text-align: center;
}
.culc .gl-cell .avr em.label {
  background: #DD171F;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 8px 2px;
  font-size: 16px;
  margin-right: 3px;
  border: none;
  font-style: initial;
}
.culc .gl-cell .avr strong {
  color: #DD171F;
  font-size: 26px;
  vertical-align: middle;
}
.culc a {
  font-size: 20px;
  border: 2px solid #286090;
  display: block;
  border-radius: 5px;
  margin: 15px 0 5px;
  line-height:1.4;
  padding:12px 0 12px 170px;
  background: url("/search_contents/images/culc_sprite.png") no-repeat 30px 16px;
  background-size: 110px;
}
.culc a:hover {
  background: #EAF7FF url("/search_contents/images/culc_sprite.png") no-repeat 30px 16px;
  background-size: 110px;
  padding:12px 0 12px 170px;
}
.culc a span {
  display: block;
  font-size: 16px;
}



/*toアプリ*/
.toapri {
  border:3px solid #eee;
  border-radius:5px;
  padding:15px 15px 5px;
  text-align:center;
}
.toapri p.tit {
  padding-bottom:13px;
  display:inline-block;
}
.toapri p.tit span {
  font-weight:bold;
}
.toapri div.table {
  display:table;
  width:100%;
  border-top:1px dotted #ccc;
  padding-top:10px;
}
.toapri div.table > div {
  display:table-cell;
  padding:8px;
  text-align:center;
}
.toapri div.table > div.l p {
  font-weight:bold;
  color:#D65A17;
  background:url(../images/apriicon.png) left 0px no-repeat;
  background-size:40px;
  height:40px;
  padding-left:48px;
  line-height:40px;
  display:inline-block;
  margin-bottom:5px;
}
.toapri div.table > div.r p {
  font-weight:bold;
  color:#2585DE;
  background:url(../images/apriicon2.png) left 0px no-repeat;
  background-size:40px;
  height:40px;
  padding-left:48px;
  line-height:40px;
  display:inline-block;
  margin-bottom:5px;
}
.toapri div.table > div li {
  display:table-cell;
  padding:5px;
}
.toapri div.table > div li img {
  width:100%;
}
.toapri div.table > div li a {
  text-decoration:none;
  color:#333;
  display:block;
  
}
.toapri div.table > div li span {
  display:block;
  line-height:1.2;
  font-size:0.8em;
}
.snsflw {
  background:#EAEAEA;
  padding:15px 20px;
  border-radius:4px;
  margin:25px auto;
  border:1px solid #ccc;
  font-size:1.2em;
}
.snsflw ul {
  display:table;
  width:100%;
}
.snsflw li {
  display:table-cell;
  text-align:right;
  vertical-align:middle;
}
.snsflw li:last-child {
  padding-top:6px;
}
.snsflw li:first-child {
  text-align:left;
}
.toappstore {
  margin-bottom:40px;
}

.pageAnc {
  border:1px solid #ddd;
  border-radius:5px;
  padding:12px 15px 10px;
  margin-bottom:30px;
}
.pageAnc p.time {
  text-align:center;
  font-size:12px;
}
.pageAnc li {
  margin-bottom:6px;
  padding-right:10px;
  margin-left:18px;
}
.pageAnc a {
  position:relative;
}
.pageAnc a span{
}

.pageAnc a:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 20%;
  left:0;
  width: 10px;
  height: 10px;
  background: #d32812;
  margin-left:-18px;
}
.pageAnc a:after {
  margin-left:-18px;
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 20%;
  left:0;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background: #fff;
}


.proCome {
  background: #eaeaea;
  padding: 15px;
  border-radius: 4px;
  margin: -10px 0 30px;
  font-size:15px;
}
.proCome .tit {
  font-weight:bold;
  margin-bottom:6px;
  border-bottom:1px solid #ccc;
  padding-bottom:3px;
  margin-bottom:12px;
}
.proProfile {
  border-radius:4px;
  border:1px solid #ddd;
  margin-bottom:40px;
  padding: 15px;
}
.proProfile img {
  width:120px;
  height:120px;
  border:1px solid #ddd;
  float:left;
  margin-right:15px;
}
.proProfile p.t {
  font-size:14px;
}
.proProfile p.name {
  font-weight:bold;
}
.proProfile p.r {
  font-size:14px;
  margin-top:7px;
}
.proProfile p.r strong {
  font-size:12px;
  background:#ddd;
  display:inline-block;
  border-radius:15px;
  padding:2px 16px;
  margin-bottom:6px;
}

/*座談*/
.wrap_talk .sec {
  margin-bottom:20px;
}
.wrap_talk .sec:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.wrap_talk .sec span.face {
  width:94px;
  height:94px;
  display:block;
  float:left;
  border:1px solid #ddd;
  border-radius:50px;
}
.wrap_talk .sec span.men1 {
  background:url(../images/voice_chara.png) -3px -200px;
  background-size:563px;
}
.wrap_talk .sec span.men2 {
  background:url(../images/voice_chara.png) -104px -200px;
  background-size:563px;
}
.wrap_talk .sec span.men3 {
  background:url(../images/voice_chara.png) -205px -200px;
  background-size:563px;
}
.wrap_talk .sec span.men4 {
  background:url(../images/voice_chara.png) -305px -200px;
  background-size:563px;
}
.wrap_talk .sec span.men5 {
  background:url(../images/voice_chara.png) -403px -200px;
  background-size:563px;
}
.wrap_talk .sec span.men6 {
  background:url(../images/voice_chara.png) -3px -300px;
  background-size:563px;
}
.wrap_talk .sec span.men7 {
  background:url(../images/voice_chara.png) -105px -300px;
  background-size:563px;
}
.wrap_talk .sec span.men8 {
  background:url(../images/voice_chara.png) -205px -300px;
  background-size:563px;
}
.wrap_talk .sec span.men9 {
  background:url(../images/voice_chara.png) -305px -300px;
  background-size:563px;
}
.wrap_talk .sec span.men10 {
  background:url(../images/voice_chara.png) -403px -300px;
  background-size:563px;
}



.wrap_talk .sec span.wmen1 {
  background:url(../images/voice_chara.png) -3px 0px;
  background-size:563px;
}
.wrap_talk .sec span.wmen2 {
  background:url(../images/voice_chara.png) -104px 0px;
  background-size:563px;
}
.wrap_talk .sec span.wmen3 {
  background:url(../images/voice_chara.png) -204px 0px;
  background-size:563px;
}
.wrap_talk .sec span.wmen4 {
  background:url(../images/voice_chara.png) -303px 0px;
  background-size:563px;
}
.wrap_talk .sec span.wmen5 {
  background:url(../images/voice_chara.png) -403px 0px;
  background-size:563px;
}
.wrap_talk .sec span.wmen6 {
  background:url(../images/voice_chara.png) -4px -100px;
  background-size:563px;
}
.wrap_talk .sec span.wmen7 {
  background:url(../images/voice_chara.png) -103px -100px;
  background-size:563px;
}
.wrap_talk .sec span.wmen8 {
  background:url(../images/voice_chara.png) -205px -100px;
  background-size:563px;
}
.wrap_talk .sec span.wmen9 {
  background:url(../images/voice_chara.png) -304px -100px;
  background-size:563px;
}
.wrap_talk .sec span.wmen10 {
  background:url(../images/voice_chara.png) -403px -100px;
  background-size:563px;
}

.wrap_talk .sec div.txt {
  display:block;
  float:right;
  width:100%;
  margin-left:-100px;
  padding-left:100px;
  box-sizing: border-box;
}
.wrap_talk .sec div.txt p {
  border:1px solid #ddd;
  border-radius:10px;
  padding:13px 10px 13px 17px;
  margin-left:20px;
  position:relative;
}
.wrap_talk .sec div.txt p span.name {
  color:#999;
  display:block;
  text-align:right;
}
.wrap_talk .sec div.txt p span.arw {
  display:block;
  background:url(../images/voice_chara.png) -860px 0px;
  width:20px;
  height:30px;
  position:absolute;
  top:32px;
  left:-20px;
}
/*
.wrap_talk .sec:nth-child(even) span.face {
  float:right;
}
.wrap_talk .sec:nth-child(even) p {
  float:left;
  width:100%;
  margin-left:0px;
  padding-left:0px;
  margin-right:-100px;
  padding-right:100px;
}*/


/***********************************
20180911 追記　始
************************************/


blockquote {
  position: relative;
  padding: 30px 15px 8px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #efefef;
  color: #555;
}
blockquote:before{
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 3px;
  vertical-align: middle;
  content: "“";
  font-family: sans-serif;
  color: #cfcfcf;
  font-size: 90px;
  line-height: 1;
}
blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
  
}
table {
  width: auto;
  border-spacing: 0;
  font-size:14px;
}
table th {
  color: #000;
  padding: 8px 15px;
  background: #eee;
  font-weight: bold;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  line-height: 120%;
  text-align: center;
}
table th:first-child {
  border-left:1px solid #aaa;
  border-radius: 5px 0 0 0;
}
table th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #aaa;
}
table tr td {
  padding: 8px 15px;
  text-align: center;
}
table tr td:first-child {
  border-left: 1px solid #aaa;
}
table tr td:last-child {
  border-right: 1px solid #aaa;
}
table tr {
  background: #fff;
}
table tr:nth-child(2n+1) {
  background: #f5f5f5;
}
table tr:last-child td {
  border-bottom:1px solid #aaa;
}
table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.balloon2-left:before{
  content: ";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after{
  content: ";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

/* 目次 */

ul.cp_list {
  position: relative;
  padding: 0 0.5em;
  margin-top: 2em;
  list-style-type: none;
  border: solid 2px #286090;
}
ul.cp_list::after {
  position: absolute;
  content: "INDEX";
  padding: 2px 7px;
  letter-spacing: 0.05em;
  font-size: .9em;
  background: #286090;
  color: #fff;
  bottom: 100%;
  left: -2px;
  border-radius: 4px 4px 0px 0px;
}
ul.cp_list li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: 1px dashed #286090;
}
ul.cp_list li::before {
  position: absolute;
  content: "▶";
  color: #286090;
  font-weight: bold;
  left : 0.5em;
}
ul.cp_list li:last-of-type {
  border-bottom: none;
}
/***********************************
20180911 追記　終
************************************/



/***********************************
レスポンシブ設定
************************************/


@media (min-width: 768px){
  #breadCrumbNav li:not(:last-of-type)::after {
    content: ">";
    margin-left: .6em; /* liとliの間に謎の隙間ができているため、marginで調整 */
    color: #777;
  }
}

@media (max-width: 767px){
  
  /***********************************
  レスポンシブ共通設定
  ************************************/
  
  #myhomeLogo{
    background-position: 0px 0;
    background-size:530px auto;
    height: 27px;
    width: 131px;
  }
  #siteLogos li a {
    height:25px;
  }
  #tagline {
    display:none;
  }
  #headerContainer{
    width:auto !important;
    position:static !important;
    padding: 1px 10px 13px 10px;
  }
  #globalNavi {
    display:none !important;
  }
  
  
  #main {
    background:#eeebda;
  }
  
  #mainContainer {
    width:auto;
    padding: 20px 10px 0;
  }
  .contentBox {
    display:none !important;
  }
  #bottomCaution {
    display:none;
  }
  #footerNavi {
    display:none;
  }
  
  #breadCrumbNav {
    white-space:nowrap;
    word-break:keep-all;
    width: auto;
    margin: 0;
    padding: 0;
  }
  #breadCrumbNav li {
    white-space:nowrap;
    word-break:keep-all;
  }
  
  .smpfooterDisp {
  }
  #anchrNifty {
    display: none;
  }
  footer {
    width: auto;
  }
  footer > div > p {
    display: none;
  }
  footer address {
    float: none!important;
    text-align: center!important;
    width: auto!important;
    font-size: 10px;
  }
  
  .info-msg {
    width: auto;
    font-size: 10px;
    margin: 10px;
    padding: 10px;
    background: #fff;
  }
  
  /***********************************
  コンテンツメイン
  ************************************/
  
  .mainColumn {
    float: none;
    width: auto;
    padding: 0;
  }
  
  /*-- article page --*/
  .mainColumn h1 {
    font-size: 120%;
  }
  .mainColumn .description,
  .mainColumn .article-body {

  }
  .mainColumn .sns-button {
  }
  .mainColumn .sns-button.top {
    min-height: 55px; /* CLS防止（スマホ幅では2行に折り返されることがあるため） */
  }
  .mainColumn .sns-button.bottom {
  }
  .mainColumn .sns-button > div,
  .mainColumn .sns-button > iframe{
  }
  
  .mainColumn .article-info{
  }
  .mainColumn .article-info time,
  .mainColumn .article-info address {
  }
  .mainColumn .article-info time {
  }
  .mainColumn .article-info address {
  }
  
  /*-- article body --*/
  
  #ptype-top .mainColumn h1,
  #ptype-list .mainColumn h1,
  .mainColumn .article-body h2 {
    font-size: 120%;
    padding: 8px 5px 6px 8px;
  }
  #ptype-top .mainColumn h2,
  #ptype-list .mainColumn h2,
  .mainColumn .article-body h3,
  .mainColumn .list-box h3 {
    margin-bottom: 15px;
    padding: 0 0 2px;
  }
  
  .mainColumn .description,
  .mainColumn .article-body {
    font-size: 110%;
    margin: 0 0 20px;
    line-height: 1.4;
  }
  .mainColumn .article-body > p, 
  .mainColumn .article-body .image{
    line-height: 1.4;
  }
  .mainColumn .article-body .image{
  }
  .mainColumn .article-body .image .caption-text{
  }
  .mainColumn .article-body .image img {
  }
  
  .mainColumn .article-body .link {
    margin: 0 0 10px;
  }
  .mainColumn .article-body .link a{
  }
  .mainColumn .article-body .link li{
  }
  .mainColumn .article-body .link li:before{
  }
  
  .mainColumn .button {
  }
  .mainColumn .button a{
    padding: 10px 30px;
    font-size: 90%;
    display: block;
  }
  .mainColumn .button a:hover{
  }
  .mainColumn .button a span{
  }
  
  /*-- article label --*/
  .article-label{
  }
  .article-label div,.article-label li ,.article-label ul {
  }
  .navi .list.tag li a,
  .foot-navi .tag li a,
  .subColumn .list.tag li a,
  .article-label a {
    font-size: 10px;
  }
  .article-label .tag a,.article-label .category a{
    margin: 0 5px 5px 0;
  }
  .navi .tag li a:focus,.navi .tag li a:hover,
  .foot-navi .tag li a:focus,.foot-navi .tag li a:hover ,
  .subColumn .list.tag li a:focus, .subColumn .list.tag li a:hover ,
  .article-label a:focus, .article-label a:hover {
  }
  
  
  
  .list-box {
    margin: 20px 0 20px;
  }
  #ptype-category .list-box,
  #ptype-top .list-box {
  }
  .list-box ul {
    margin: 0;
  }
  .list-box li:nth-child(odd){
    clear: both;
  }
  .list-box li {
    width: 48%;
    margin: 0 1% 10px;
  }
  .list-box li a,
  .relate-prevnext a:first-child {
    border-top: solid 1px #e0e0e0;
  }
  .relate-prevnext li a{
  }
  .relate-prevnext a{
    background: #fff;
    padding: 0;
    margin: 0 -10px !important;
  }
  .relate-prevnext a{
    padding: 10px 35px 10px 14px;
    border-bottom: solid 1px #e0e0e0;
  }
  .list-box li a:hover,
  .relate-prevnext a:hover{
  }
  .list-box li time,
  .relate-prevnext li span,
  .relate-prevnext li time{
  }
  .relate-prevnext li {
    float: none;
    width: auto;
    background: 0;
    padding: 0;
    border-radius: 0;
  }
  .relate-prevnext li.next{
    float: none;
  }
  
  /*-- .list design --*/
  
  .list-default {
    margin: 0 -10px 30px;
  }
  .list-default .img{
  }
  .list-default .img img{
    width: 100px;
  }
  .list-default .list {
    padding: 20px 5px 10px;
  }
  .list-default .list .txt {
    margin: 0 0 0 110px;
    
  }
  .list-default .list {
  }
  .list-default .list .txt > a {
    font-size: 100%;
  }
  .list-default .list .txt > p {
    display: none;
  }
  .list-default .list .txt .article-label {
  }
  .list-default .list .txt time {
  }
  
  .page-footer {
  }
  .page-footer .hit-num{
  }
  .page-footer span,
  .page-footer a {
  }
  .page-footer a.page {
    display: none;
  }
  .page-footer span.prev,.page-footer span.next{
  }
  .page-footer .selected{
  }
  .page-footer a:hover {
  }
  
  /*-- .subColumn detail sidenavi --*/
  
  .subColumn {float: none;width: auto;}
  .switch  {
    display: block;
  }
  .switch {
    position: absolute;
    top: 6px;
    right: 10px;
    width: 45px;
    height: 40px;
    padding-top: 19px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    background-color: #ffffff;
    transition: all .4s;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
    font-size: 100%;
    z-index: 1001;
  }
  .switch .txt {
    font-size: 40%;
  }
  .switch > i {
    display: inline-block;
    position: absolute;
    left: 12px;
    width: 20px;
    height: 2px;
    background-color: #333333;
    transition: all .4s;
  }
  .switch > i:nth-of-type(1) { top: 6px; }
  .switch > i:nth-of-type(2) { top: 12px; }
  .switch > i:nth-of-type(3) { bottom: 18px; }
  .switch.active {
    border-color: #d12b15;
    background-color: #d12b15;
    color: #ffffff;
  }
  .switch.active > i {
    left: 12px;
    width: 20px;
    background-color: #ffffff;
  }
  .switch.active > i:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-315deg);
    transform: translateY(6px) rotate(-315deg);
  }
  .switch.active > i:nth-of-type(2) {
    opacity: 0;
  }
  .switch.active > i:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(315deg);
    transform: translateY(-6px) rotate(315deg);
  }
  .navi {
    display: none;
  }
  .subColumnMain {
    display: none;
  }
  #sp-navi {
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 48px 0 0;
    background: #fff;
    width: 100%;
  }
  
  .navi .list ul,
  .subColumn {
    margin: 20px 0;
    position: static;
  }
  .subColumn .list ul {
  }
  
  .navi .list p,
  .subColumn .sub-recent p,
  .subColumn .list p{
  }
  .navi .list li a,
  .subColumn .list li a{
  }
  
  .subColumn .list.tag p {
  }
  .subColumn .list.tag li {
  }
  .subColumn .sub-recent li img{
  }
  .subColumn .sub-recent li a {
  }
  .subColumn .sub-recent li time ,
  .subColumn .sub-recent li span {
  }
  .subColumn .sub-recent li time {
  }
  .subColumn .sub-recent li span {
  }
  .subColumn .sub-recent li a:hover span {
  }
  .subColumn .sub-recent li a:hover {
  }
  .subColumn .right-navi-bottom-banner-container {
    margin-top: 10px;
  }
  
  /*-- .navi top,list sidenavi --*/
  
  .navi {width: auto;float: none;margin: 0;}
  .navi .tag p{
  }
  .navi .tag li {
  }
  
  
  /*-- .foot-navi --*/
  
  .foot-navi {width: auto;}
  .foot-navi p{
    margin: 0;
    padding-left: 10px;
  }
  .foot-navi .tag p{
    margin: 0 0 15px;
  }
  .foot-navi ul {
  }
  .foot-navi .tag {
    padding: 0;
  }
  .foot-navi .category li,
  .foot-navi .tag li {
    width: auto;
    float: none;
    margin: 0;
    display: block;
  }
  .foot-navi .category li a,
  .foot-navi .tag li a{
    margin: 0;
    width: auto;
    display: block;
    border: 0;
    border-bottom: solid 1px #e0e0e0;
    height: auto;
    padding: 15px;
    border-radius: 0;
    color: #006faf;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    margin: 0;
  }
  .foot-navi .tag {
  }
  
  /*-- .sp list icon --*/
  .foot-navi li a,
  .relate-prevnext a {
    position: relative;
  }
  .foot-navi li a:before,
  .relate-prevnext a:before {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    background: #d32812;
  }
  .foot-navi li a:after,
  .relate-prevnext a:after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 17px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    background: #fff;
  }
  .relate-prevnext a:before {
    right: 17px;
  }
  .relate-prevnext a:after {
    right: 22px;
  }
  
  .topicPath {
    position: relative;
    z-index: 100;
    margin:10px 0 0;
  }
  .topicPath .toTop {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    z-index: 2;
  }
  .topicPath .toTop > a {
    display: block;
    padding: 0 5px 0 9px;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 28px;
    white-space: nowrap;
  }
  .topicPath .toTop > a:before,
  .topicPath .toTop > a:after {
    content: "";
    display: block;
    margin: 0 -9px 0 auto;
    width: 7px;
    height: 15px;
    border-right: 1px solid #c4c4c4;
    background-color: #ffffff;
  }
  .topicPath .toTop > a:before {
    margin-bottom: -14px;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
  }
  .topicPath .toTop > a:after {
    position: relative;
    margin-top: -14px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
  }
  .flickSimple {
    overflow: hidden;
    height: 30px;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    background-color: #f4f4f4;
    z-index: 1;
  }
  .flickSimple > #breadCrumbNav {
    display: table;
    overflow: hidden;
  }
  .flickSimple > #breadCrumbNav > li {
    display: table-cell;
  }
  .flickSimple > #breadCrumbNav > li span {
    white-space: nowrap;
  }
  .flickSimple > #breadCrumbNav > li > a {
    display: block;
    padding: 0 5px 0 15px;
    font-size: 12px;
    line-height: 28px;
    white-space: nowrap;
  }
  .flickSimple > #breadCrumbNav > li:first-child {
    display: none !important;
  }
  .flickSimple > ul > li > *:before,
  .flickSimple > ul > li > *:after {
    content: "";
    display: block;
    margin: 0 -9px 0 auto;
    width: 7px;
    height: 15px;
    border-right: 1px solid #c4c4c4;
  }
  .flickSimple > ul > li > *:before {
    margin-bottom: -14px;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
  }
  .flickSimple > ul > li > *:after {
    position: relative;
    margin-top: -14px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
  }
  .flickSimple > ul > li > span {
    display: block;
    padding: 0 5px 0 15px;
    font-size: 12px;
    font-weight: bold;
    max-width:100px;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  .flickSimple > ul > li:last-child > *:before,
  .flickSimple > ul > li:last-child > *:after {
    display: none;
  }
  .flickSimple > ul > li:last-child > span {
    padding-right: 9px;
  }
  
  
  
  /*相場計算*/
  .culc {
    margin-bottom: 40px;
    padding: 12px;
  }
  
  .culc .sp {
    display: block !important;
  }
  .culc .pc {
    display: none !important;
  }
  .culc p.title {
    font-size: 16px;
    padding-bottom: 8px;
    margin-bottom: 15px;
  }
  .culc .gl {
    display: block;
  }
  
  .culc .gl-cell {
  }
  .culc .gl-cell.volume {
    display: block;
    width: auto;
    margin-bottom: 15px;
  }
  .culc .gl-cell.schedule {
    display: block;
    width: auto;
    margin-bottom: 15px;
  }
  .culc .gl-cell.distance {
    display: block;
    width: auto;
  }
  
  .culc .gl-cell select {
    margin-right: 0;
    height: 45px;
  }
  .culc .gl-cell.volume:before,
  .culc .gl-cell.schedule:before,
  .culc .gl-cell.distance:before {
    top: 39px;
  }
  .culc .gl-cell.volume:after,
  .culc .gl-cell.schedule:after,
  .culc .gl-cell.distance::after {
    top: 43px;
  }
  
  .culc .gl-cell.submit-cell .min_n_max {
    float: none;
    width: 100%;
    display: block;
  }
  .culc .gl-cell.submit-cell .min_n_max div {
    display: block;
    padding-top: 6px;
    margin-bottom: 12px;
  }
  .culc .gl-cell.submit-cell .avr {
    float: none;
    width: 100%;
    text-align: left;
    margin-top: 18px;
  }
  .culc a,
  .culc a:hover {
    font-size: 18px !important;
    text-align: center !important;
    padding:50px 8px 12px !important;
    background: url("/search_contents/images/culc_sprite.png") no-repeat center 10px !important;
    background-size: 110px !important;
  }
  .culc a span {
    display: block;
    font-size: 14px;
  }
  
  
  
  
  /*口コミ*/
  .commentArea {
    padding:12px;
    padding-bottom:0;
  }
  
  .comment .head {
    padding:0 6px;
    min-height:80px;
  }
  .comment .head span.icon {
    background-image: url("/column/images/kuchikomi.png");
    background-size:290px;
    background-repeat: no-repeat;
    width:60px;
    height:60px;
    margin-right:6px;
  }
  .comment .reviews {
    padding:13px 0 10px;
  }
  .comment .reviews div p {
    font-size:12px;
    display: block;
  }
  .comment .reviews div {
    margin: 0 0 0 66px;
  }
  .comment .head span.icon.good.men {
    background-position: 0 -60px;
  }
  .comment .head span.icon.nomal.women {
    background-position: -60px 0;
  }
  .comment .head span.icon.nomal.men {
    background-position: -60px -60px;
  }
  .comment .head span.icon.bad.women {
    background-position: -120px 0;
  }
  .comment .head span.icon.bad.men {
    background-position: -120px -60px;
  }
  
  
  
  
  /*toアプリ*/
  .toapri {
    padding:12px 12px 5px;
  }
  .toapri p.tit {
    line-height:1.3;
    padding-bottom:10px;
    padding-top:1px;
  }
  .toapri p.tit span {
    display:block;
  }
  .toapri div.table {
    display:block;
    padding-top:15px;
  }
  .toapri div.table > div {
    display:block;
    padding:0px;
    margin-bottom:10px;
  }
  .snsflw {
    font-size:1em;
    text-align:center;
    padding-bottom:0;
  }
  .snsflw ul {
    display:block;
  }
  
  .snsflw li {
    margin-bottom:10px;
    display:block;
    text-align:center !important;
  }
  
  
  .pageAnc a:before {
    top:10%;
  }
  .pageAnc a:after {
    top:10%;
  }
  
  .proProfile img {
    width:75px;
    height:75px;
    border:1px solid #ddd;
    float:left;
    margin-right:15px;
    margin-bottom:10px;
  }
  .proProfile p.t {
    margin-top:5px;
    margin-bottom:5px;
  }
  .proProfile p.name {
    
  }
  .proProfile p.r {
    clear:both;
    font-size:12px;
  }
  
  
  
  
  /*座談*/
  .wrap_talk .sec {
    margin-bottom:15px;
  }
  .wrap_talk .sec span.face {
    width:47px;
    height:47px;
    display:block;
    float:left;
    border:1px solid #ddd;
    border-radius:29px;
  }
  .wrap_talk .sec span.men1 {
    background:url(../images/voice_chara.png) -2px -100px;
    background-size:282px;
  }
  .wrap_talk .sec span.men2 {
    background:url(../images/voice_chara.png) -52px -100px;
    background-size:282px;
  }
  .wrap_talk .sec span.men3 {
    background:url(../images/voice_chara.png) -103px -100px;
    background-size:282px;
  }
  .wrap_talk .sec span.men4 {
    background:url(../images/voice_chara.png) -153px -100px;
    background-size:282px;
  }
  .wrap_talk .sec span.men5 {
    background:url(../images/voice_chara.png) -202px -100px;
    background-size:282px;
  }
  .wrap_talk .sec span.men6 {
    background:url(../images/voice_chara.png) -3px -150px;
    background-size:282px;
  }
  .wrap_talk .sec span.men7 {
    background:url(../images/voice_chara.png) -52px -150px;
    background-size:282px;
  }
  .wrap_talk .sec span.men8 {
    background:url(../images/voice_chara.png) -103px -150px;
    background-size:282px;
  }
  .wrap_talk .sec span.men9 {
    background:url(../images/voice_chara.png) -153px -150px;
    background-size:282px;
  }
  .wrap_talk .sec span.men10 {
    background:url(../images/voice_chara.png) -202px -150px;
    background-size:282px;
  }
  
  
  
  .wrap_talk .sec span.wmen1 {
    background:url(../images/voice_chara.png) -3px 0px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen2 {
    background:url(../images/voice_chara.png) -52px 0px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen3 {
    background:url(../images/voice_chara.png) -103px 0px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen4 {
    background:url(../images/voice_chara.png) -152px 0px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen5 {
    background:url(../images/voice_chara.png) -202px 0px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen6 {
    background:url(../images/voice_chara.png) -4px -50px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen7 {
    background:url(../images/voice_chara.png) -52px -50px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen8 {
    background:url(../images/voice_chara.png) -102px -50px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen9 {
    background:url(../images/voice_chara.png) -152px -50px;
    background-size:282px;
  }
  .wrap_talk .sec span.wmen10 {
    background:url(../images/voice_chara.png) -202px -50px;
    background-size:282px;
  }
  
  .wrap_talk .sec div.txt {
    margin-left:-50px;
    padding-left:50px;
  }
  .wrap_talk .sec div.txt p {
    padding:13px 10px 8px 13px;
    margin-left:15px;
    font-size:14px;
    line-height:1.5;
  }
  .wrap_talk .sec div.txt p span.name {
  }
  .wrap_talk .sec div.txt p span.arw {
    display:block;
    background:url(../images/voice_chara.png) -780px 0px;
    background-size:400px;
    width:15px;
    height:14px;
    position:absolute;
    top:18px;
    left:-15px;
  }
  
  
  
  
  
  
}

/***********************************
  離脱防止モーダル
************************************/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}

.modal .button.is-close {
  background-color: #f2f2f2;
  border: 3px solid #fff;
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  box-shadow: none;
}

.modal .button.is-close svg {
  flex: none;
  width: 20px;
  height: 20px;
  color: #868686;
  fill: #868686;
}

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.modal-overlay.is-bg-dark {
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}

.modal-wrapper.is-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-container {
  position: relative;
}

.modal-item-box.is-padding-lg {
  padding: 20px;
}

.modal-card {
  border-radius: 16px;
  overflow: hidden;
}

.modal-card.is-max-width-400px {
  max-width: 400px;
}

[data-micromodal-content] .is-fade {
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}

[data-micromodal-content][aria-hidden="true"] {
  visibility: hidden;
}

[data-micromodal-content][aria-hidden="true"] .is-fade {
  opacity: 0;
}

[data-micromodal-content][aria-hidden="false"] .is-fade {
  opacity: 1;
}

[data-micromodal-content][aria-hidden="false"] button[data-micromodal-close]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

[data-modal-content] {
  transition: 0.32s;
}

[data-modal-content] .is-fade {
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}

[data-modal-content]:not(.is-active) {
  visibility: hidden;
}

[data-modal-content]:not(.is-active) .is-fade {
  opacity: 0;
}

[data-modal-content].is-active .is-fade {
  opacity: 1;
}

.menu-button-badge.is-no-number-red {
  background-color: #f64c4c;
  transform: translate(32%, -15%) scale(0.5);
}

.block-induction-to-app-cta-box {
  background-color: #66ccff;
}

.block-induction-to-app-cta-box-banner-wrap {
  text-align: center;
}

.block-induction-to-app-cta-box-banner-img {
  max-width: 100%;
  height: auto;
}

.block-block-induction-to-app-cta-box-content {
  padding: 20px;
}

.block-block-induction-to-app-cta-box-content>*+* {
  margin-top: 16px;
}

.block-block-induction-to-app-cta-box-table {
  background-color: #59b2df;
  border-radius: 8px;
}

.block-block-induction-to-app-cta-box-table>*+* {
  border-top: 1px solid #66ccff;
}

.block-block-induction-to-app-cta-box-table-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 12px;
  padding: 12px;
}

.block-block-induction-to-app-cta-box-icon-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.block-block-induction-to-app-cta-box-icon-img {
  flex: none;
}

.block-block-induction-to-app-cta-box-icon-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}

.block-block-induction-to-app-cta-box-button,
a.block-block-induction-to-app-cta-box-button {
  display: flex;
  width: fit-content;
  margin: 0;
  padding: 8px 14px;
  background-color: #2da52d;
  border: none;
  border-radius: 9999em;
  box-shadow: 0 3px 0 #237e23;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.block-block-induction-to-app-cta-box-note {
  color: #093a83;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.375;
}

@media screen and (max-height: 700px) {
  .block-induction-to-app-cta-box-banner-wrap+.block-block-induction-to-app-cta-box-content {
    margin-top: -20px;
  }

  .block-block-induction-to-app-cta-box-content>*+* {
    margin-top: 8px;
  }

  .block-block-induction-to-app-cta-box-table-row {
    padding: 8px;
  }
}