@import url(/mt-static/support/theme_static/eiger/css/base.css);
@import url(/mt-static/support/theme_static/eiger/css/screen.css);

/* Comment,Trackback */
@import url(/mt-static/support/theme_static/eiger/css/feedback.css);

/***** General *****/

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');

.arvo {
	font-family: 'Arvo', serif;
	letter-spacing: 0.15em;
}

/* Common*/
*:hover,
*:active,
*:focus {
	outline: none !important;
}
* {
	font-size: 16px;
}
html, body {
	color: #555;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
}
ul {
	padding: 0 1.5rem;
}
img {
  max-width: 100%;
}
a {
	word-wrap: break-word;
}
a,
a button {
	color: #333;
	outline: none;
  text-decoration: none;
}
a:hover,
a *:hover {
	transition: 0.3s;
	opacity: 0.8;
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.618em 0 1.5rem;
	font-weight: normal;
	color: #111111;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1390px;
  }
}
.container h2 {
  line-height: 1;
}

.media {
  align-items: center;
}

@media (max-width: 576px) {
  .title a {
    font-size: 3.5vw;
    display: inline-block;
  }
  .latest_label {
    font-size: 3.5vw;
  }
  .text-title {
    font-size: 60% !important;
  }
  time {
    font-size: 3vw;
  }
}



[role="banner"] h1 img,
.logo {
  max-width: 200px;
  height: auto;
  margin: 1rem 0;
}
#posts h2 {
	border-bottom: none;
}
#search input[type="text"] {
	box-shadow: none;
	border-radius: 1.25rem;
	padding: 0 2.427em 0 1rem;
}
#search button {
	padding-right: .75rem;
	opacity: unset;
}
#search button img {
	vertical-align: top;
}
.navbar-light .navbar-toggler {
	border: none;
  padding: 0;
}
[role="contentinfo"] [role="navigation"], 
[role="contentinfo"] .license {
	float: none;
}
[role="contentinfo"] {
	margin: 0;
}
.postframe {
	background: #fff;
	padding: .5rem;
}
.title {
	font-size: 1.125rem;
	line-height: 1.5;
}
.content {
	padding: 0;
	border-top: none;
}
.breadcrumb {
	margin: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0.25rem 1rem;
	background-color: #707070;
	font-size: small;
	color: #fff;
	border-radius: unset;
}
.breadcrumb a {
	color: #fff;
}
.breadcrumb li:after {
    content: '/';
}
.entry, related {
	padding-top: 1.5rem;
}


.entry-date .date1{
	display:inline-block;
	margin-bottom:5px;
}
.entry-date .date1 * {
	font-size:14px;
}

.entry-date .date-label{
	color:#000;
}
.entry-date .date2 time{
	color:#111;
}



article .entry-content{
	border-bottom: none;
}
.index {
	background: #F5F4EF;
	margin-bottom: 5rem;
	padding: 2rem;
}
.index-title {
	border-bottom: 1px solid #BBB;
	padding: 0 0 0.5rem;
}
.adviser {
	background: #EFEFEF;
	margin-bottom: 5rem;
	padding: 2rem;
}
.border-title {
	border-bottom: 1px solid #bbb;
	padding: 0 0 .5rem;
}
.border-left-title {
	border-left: 1px solid #bbb;
	padding: 0 0 0 .5rem;
}
.text-title {
	font-size: 80%;
  margin-bottom: 0.25rem;
}
table th {
	background: #F5F4EF;
	text-align: center;
}
[role="contentinfo"] [role="navigation"] a {
  color: #666;
}
.slope_title {
	background: linear-gradient(140deg, #fff 0%, #fff 65%, transparent 65%, transparent 100%);
  padding: 0.5rem 0;
}
.slope_title_inner {
	max-width: 1390px;
	margin: 0 auto !important;
}
.latest_label {
  position: relative;
  background: #fff;
  margin: .5rem 0 0;
  padding: 0;
  display: block;
}
[role="banner"] [role="navigation"] {
  margin-top: 0;
}
.dot {
  border: none;
  border-width: 1px 0 0 0;
  border-top: dotted;
  border-color: #bbb;
 }
.topheader {
	background: #fff;
  position: fixed;
  width: 100%;
  margin: 0;
  padding: 0 1rem;
  z-index: 1000;
  box-shadow: 0 0 0.25rem 0 rgb(0 0 0 / 25%);
}
.main {
  padding-top: 69px;
}
.spfooter {
	background: #fff;
  width: 100%;
  box-shadow: 0 0 0.25rem 0 rgb(0 0 0 / 25%);
}

/* Article Details */
.post {
	max-width: 960px;
}
.post a,
.post a:hover {
  color: #457E9C;
}
.post h1 {
  font-size: 1.5rem;
}
.post h2 {
  font-size: 1.3rem;
}
.post h3 {
  font-size: 1.2rem;
}
.post h2 {
	border-bottom: 2px solid #111;
  padding: 0 0 0.75rem;
}
.post h3 {
	border-bottom: 1px solid #bbb;
  padding: 0 0 0.75rem;
}
.post h4 {
	border-left: 2px solid #bbb;
  padding: 0 0 0 0.75rem;
}
.post ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
.post ol li {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
}
.post ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #333;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.post .column {
  margin: 4rem 0 1.5rem;
  padding: 2.5rem 1rem 0;
  border: 1px solid #707070;
}
.post .column-title {
  background: white;
  font-size: large;
  margin: -3.5rem auto 1rem;
  padding: 0 1rem;
  text-align: center;
  width: fit-content;
  color: #111;
}
.post .column-bulb {
  margin: 8rem 0 1.5rem;
  padding: 2.5rem 2.5rem 0;
  border: 1px solid #707070;
}
.post .column-bulb-title {
  background: white;
  font-size: large;
  margin: -3.5rem auto 1rem;
  padding: 0 1rem;
  text-align: center;
  color: #111;
}
.post .column-bulb-title::before {
  background: url(/images/common/bulb.png) no-repeat;
  content: "";
  width: 27px;
  height: 64px;
  display: block;
  background-size: contain;
  margin: -8rem auto .5rem;
}
.post blockquote {
  margin: 0;
  border-left: none;
	padding: 0;
	border-radius: 0;
}
.post blockquote p {
  background: #efefef;
  padding: 3rem;
  margin: -2rem 0;
}
.post blockquote::before {
	background: url(/images/common/openquote.png) no-repeat;
  content: "";
  width: 39px;
  height: 33px;
  display: inline-block;
  margin: 0 1.5rem;
}
.post blockquote::after {
	background: url(/images/common/closequote.png) no-repeat bottom right;
  content: "";
  width: auto;
  height: 33px;
  display: block;
  margin: 0.75rem 1.5rem;
}

/* New badge */
.mediabox {
	position: relative;
}
.new {
  width: 45px;
  position: absolute;
  top: -10px;
  right: 0;
	z-index: 10;
}
.overview {
	border-top: 2px dashed #eee;
	border-bottom: 2px dashed #eee;
}
.gaiyou {
	width: 100%;
}
[role="banner"] [role="navigation"] ul {
	display: block;
}
[role="navigation"] ul li {
	display: block;
	margin: .5rem 0;
}
.footermenu li a {
	background: url(/images/common/icon_outlink.png) no-repeat;
	margin: 0 .5rem;
	padding: 0 1.5rem;
}

/* Zoom */
.zoombox {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
  height:110px;
}
.zoomcard {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: .5s all;
}
.zoomcard img {
  transition: .5s all;
}
.zoomcard:hover img {
  transform: scale(1.1,1.1);
  transition: .5s all;
}

[role="contentinfo"]{
	border-top: none;
}

/* Button */
.round-button,
.post button {
  position: relative;
  display: inline-block;
  border-radius: 3rem;
  padding: 0.75rem 3rem;
  background: #fff;
  border: 1px solid #bbb;
  text-align: center;
  text-decoration: none;
}
.round-button:hover,
.post button:hover {
  color: #fff;
  background: #707070;
  transition : 0.3s;
}
.next-button {
  position: relative;
  display: inline-block;
  border-radius: 2rem;
  padding: 0.5rem 2.5rem 0.5rem 2rem;
  background: #fff;
  border: 1px solid #bbb;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.next-button-s {
  position: relative;
  display: inline-block;
  border-radius: 2rem;
  padding: 0.5rem 2.5rem 0.5rem 2rem;
  background: #fff;
  border: 1px solid #bbb;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.next-button:before {
  content: "";
  width: 20px;
  height: 1px;
  background: #bbb;
  position: absolute;
  top: 50%;
  right: 15px;
  transition: all 0.3s ease;
}
.next-button-s:before {
  content: "";
  width: 16px;
  height: 1px;
  background: #bbb;
  position: absolute;
  top: 50%;
  right: 15px;
  transition: all 0.3s ease;
}
.next-button:hover:before,
.next-button-s:hover:before {
  right: 12px;
}
.next-button:after,
.next-button-s:after {
  content: "";
  width: 7px;
  height: 7px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #bbb #bbb transparent transparent;
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: 15px;
  transition: all 0.3s ease;
  transform: rotate(45deg);
}
.next-button:hover:after,
.next-button-s:hover:after {
  right: 12px;
}

/* Background */
.bg-footer {
	background: #F5F4EF;
}
.bg-money {
	background: #DBE8EF;
}
.bg-area {
	background: #F3E4E4;
}
.bg-living {
	background: #F2E787;
}

/* Color */
.text-light-custom,
.text-light-custom a {
	color: #BBBBBB 
}
.text-gray {
	color: #666666;
}
.text-money {
	color: #457E9C;
}
.text-money-light {
	color: #BCD6E5;
}
.text-area {
	color: #AE3838;
}
.text-living {
	color: #857B20;
}

/* blowing */
.balloon {
	margin-bottom: 2em;
	position: relative;
}
.balloon:before,.balloon:after {
	clear: both;
	content: "";
	display: block;
}
.balloon figure {
  width: 180px;
  height: 180px;
}
.balloon-image-left {
	float: inherit;
  margin: 0 auto;
}
.balloon-image-right {
	float: inherit;
  margin: 0 auto;
}
.balloon figure img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 0;
}
.balloon-text-right,.balloon-text-left {
	position: relative;
	margin: 1rem 0 0;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: .25rem;
	display: inline-block;
	width: 100%;
}
.balloon-text-right {
	float: left;
}
.balloon-text-left {
	float: right;
}
.balloon p {
	margin: 0 0 20px;
}
.balloon p:last-child {
	margin-bottom: 0;
}
/* triangle*/
.balloon-text-right:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-bottom: 10px solid #aaa;
	top: -20px;
  left: 48%;
}
.balloon-text-right:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
	top: -19px;
  left: 48%;
}
.balloon-text-left:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-bottom: 10px solid #aaa;
  top: -20px;
  right: 48%;
}
.balloon-text-left:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
  top: -19px;
  right: 48%;
}

/* prize */
.prize {
	border: 3px solid #d2b071;
	margin: 2vw 0;
	padding: 2vw 3vw;
	position: relative;
}
.prize::before {
	content: "";
	background: url(/images/common/ribon.svg) no-repeat;
	width: 71px;
	height: 43px;
	position: absolute;
	top: -10px;
	left: -25px;
	transform: rotate(-25deg);
	z-index: 1;
}
.prize::after {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: solid 1px #d2b071;
	z-index: -1;
}
.prize img {
	width: 100%;
}
.prize-title * {
	font-size: 20px;
}
.prizee span {
	font-size: inherit;
}
@media (max-width: 990px) {
	.prize {
    	padding: 8vw;
	}
}


/* Pagenation */
#pager {
  text-align: center;
}
#pager .current_page,
#pager .link_page,
#pager .link_before,
#pager .link_next {
	position: relative;
    display: inline-block;
    border: 1px solid #bbb;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    padding: 0.5rem 0 0;
	font-size: 12px;
}
#pager .current_page {
	background: #939393;
	color: #fff;
}
#pager a:hover {
  color: #555;
}


/***** Responsive (Media Query) *****/
@media (min-width: 480px) {
	/* Common */
  .main {
    padding-top: 110px;
  }
	.zoombox {
 		height: 223px;
	}
    .new {
		width: 60px;
		top: -20px;
		right: -5px;    
	}
  .small-new .new {
    width: 45px;
  }
	.gaiyou {
		width: 50%;
	}
	.text-title {
		font-size: 100%;
    margin-bottom: 0;
	}
	[role="banner"],
	#mainimage,
	.content,
	[role="contentinfo"]{
    max-width: 100%;
	}

	[role="banner"] {
    padding: 0 1.5rem;
	}

	[role="banner"] h1 {
    margin: 0;
	}

	[role="banner"] h1 img, .logo {
    max-width: 340px;
    margin: 1.5rem 0;
	}

	.content [role="main"] {
    max-width: 1280px;
		width: -webkit-fill-available;
		margin: 0 auto;
	}

	.content [role="main"], .content .related {
    float: unset;
	}
	[role="navigation"] ul li {
    padding-right: 0;
	}
	.latest_label {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
	  padding: 0.25rem 0.5rem;
	} 
  .slope_title {
  	background: linear-gradient(140deg, #fff 0%, #fff 35%, transparent 35%, transparent 100%);
    padding: 0.5rem 0 1rem;
  }  

	/* blowing */
	.balloon-image-left {
    float: left;
	  margin-right: 20px;
	}
	.balloon-image-right {
   	float: right;
   	margin-left: 20px;
	}
	.balloon-text-right,.balloon-text-left {
		max-width: -webkit-calc(100% - 200px);
		max-width: calc(100% - 200px);
	}
  /* サイト共通レイアウト設定 */
  .balloon-text-right:before {
    border-bottom: none;
    border: 10px solid transparent;
  	border-right: 10px solid #aaa;
  	top: 15px;
  	left: -20px;
  }
  .balloon-text-right:after {
    border-bottom: none;
    border: 10px solid transparent;
  	border-right: 10px solid #fff;
  	top: 15px;
  	left: -19px;
  }
  .balloon-text-left:before {
    border-bottom: none;
    border: 10px solid transparent;
  	border-left: 10px solid #aaa;
  	top: 15px;
  	right: -20px;
  }
  .balloon-text-left:after {
    border-bottom: none;
    border: 10px solid transparent;
  	border-left: 10px solid #fff;
  	top: 15px;
  	right: -19px;
  }

	/* Header */
	.mainmenu-border {
 		border-left: 1px solid #EBEBEB;
 		border-right: 1px solid #EBEBEB;
	}
	header .nav-item {
		border-top: 5px solid transparent;
	}
	header .active-money {
		border-top: 5px solid #DBE8EF;
	}
	header .active-area {
		border-top: 5px solid #F3E4E4;
	}
	header .active-living {
		border-top: 5px solid #F2E787;
	}

	/* Footer */
	.footermenu li a {
 		border-right: 1px solid #bbb;		
	}
	.footermenu li:last-child a {
 		border-right: none;		
	}

  /* Article Details */
  .post .column {
    padding: 2.5rem 2.5rem 0;
  }
  .post .column-title {
    font-size: 20px;
  }
  .post .column-bulb {
    margin: 4rem 0;
  }
  .post .column-bulb-title {
    padding: 0 1rem;
    display: flex;
    width: fit-content;
    font-size: 20px;
  }
  .post .column-bulb-title::before {
    width: 24px;
    height: auto;
    display: flex;
    background-size: contain;
    margin: 0 1rem 0 0;
  }
  .post h1 {
    font-size: 32px;
  }
  .post h2 {
    font-size: 32px;
  }
  .post h3 {
    font-size: 24px;
  }

	#pager .current_page,
	#pager .link_page,
	#pager .link_before,
	#pager .link_next {
    	width: 50px;
   		height: 50px;
    	border-radius: 50%;
    	text-align: center;
    	padding: 0.75rem 0 0;
		font-size: 14px;
	}
}



/* : common
----------------------------------------------- */

/*
mt-site-search-form__query
*/

#search-pc-area .search-ver2 .mt-site-search-form{
	position:relative;
}

#search-pc-area .search-ver2 input[type="search"] {

    width: 16.18em;
    height: 2.427em;
    padding: 0 2.427em 0 0.5em;
    border: 1px solid #c0c6c9;
    line-height: 1.3;


	box-shadow: none;
	border-radius: 1.25rem;
	padding: 0 2.427em 0 1rem;
	border-style:solid;
	border-width:1px;

		
}

#search-pc-area .search-ver2 .mt-site-search-form .mt-site-search-form__button{
padding-right: .75rem;
  opacity: unset;
position: absolute;
  top: 0;
  right: 0;
  display: table-cell;
  width: 2.427em;
  height: 2.427em;
  padding: 0;
  border: 0;
  background: transparent;
  text-indent:-9000px;
  
  
	background:url(/images/common/icon_search.png) center no-repeat;
	background-size:20px 20px;
	border:0;

}

/* sp */

#search-sp-area{
	text-align:center;
	padding-bottom:15px;
}
#search-sp-area .search-ver2{
	display:inline-block;
	position:relative;
}

#search-sp-area .search-ver2 input[type="search"] {

    height: 2.427em;
    border: 1px solid #c0c6c9;
    line-height: 1.3;


	box-shadow: none;
	border-radius: 1.25rem;
	border-style:solid;
	border-width:1px;
	
	  width: 200px;
	  padding: 0 2.427em 0 1rem;

		
}

#search-sp-area .search-ver2 .mt-site-search-form .mt-site-search-form__button{
padding-right: .75rem;
  opacity: unset;
position: absolute;
  top: 0;
  right: 0;
  display: table-cell;
  width: 2.427em;
  height: 2.427em;
  padding: 0;
  border: 0;
  background: transparent;
  text-indent:-9000px;
  
  
	background:url(/images/common/icon_search.png) center no-repeat;
	background-size:20px 20px;
	border:0;

}



/* : top
----------------------------------------------- */

/*
===== top-slider =====
*/

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


.top-slider{
	background:url(/images/home/slider-bg.jpg) center no-repeat;
	background-size:cover;
	padding-top:40px;
	padding-bottom:70px;
	position:relative;
	overflow-x:hidden;
}

.swiper-wrapper{
	margin:0;
	padding:0;
	list-style:none;
}

.top-slider .swiper-slide{
	width:595px;
	margin:0;
	padding:0;
	height:auto;
}

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

.top-slider{
	height:auto;
	padding-bottom:80px;
	background-image: url(/images/home/slider-bg-sp.jpg);
}


.top-slider .swiper-slide{
	width:60vw;
}


}


/* item */


.top-slider .item{
	width:100%;
	background:#fff;
	text-align:center;
	box-shadow: 5px 5px 15px rgba(100,100,100,0.2);
	text-align:center;
	height:100%;

}
.top-slider .item a{
	display:block;
	text-align:left;
}


.top-slider .item-img{
  position: relative;
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
  width:100%;

}
.top-slider .item-img img{
  transition: .5s all;
  object-fit: cover;
  display:block;
  width:100%;
  height:395px;
}
.top-slider .item a:hover .item-img img {
  transform: scale(1.1,1.1);
  transition: .5s all;
}

.top-slider .item-img .cat{
	position:absolute;
	left:0;
	bottom:0;
	background:#fff;
	padding:2px 10px;
}
.top-slider .item-text{
	padding:15px 15px;
}

.top-slider .item-title{
	font-size:24px;
	margin-bottom:5px;
}

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

.top-slider .item-img{
}
.top-slider .item-img img{
	height:50vw;
}

.top-slider .item-title{
	font-size:16px;
}


}


/* pagination */


.swiper-controller .swiper-pagination{
	left:50%;
	bottom:15px;
	transform: translate(-50%, -0%);
	
	position:absolute;
	white-space:nowrap;

}
.swiper-controller .swiper-pagination-bullet{
	width:18px;
	height:18px;
	margin:0 10px;
	opacity:1;
	background:#fff;
}
.swiper-controller .swiper-pagination-bullet-active{
	background:#94908f;
}


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

.swiper-controller .swiper-pagination-bullet{
	width:14px;
	height:14px;
}

}

/*
===== fixed-money =====
*/



.fixed-money{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:15;
}


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

.fixed-money{
	bottom:75px;
	max-width:172px;
	width:30%;
	right:10px;
}
.fixed-money img{
	width:auto;
}




}



/*
===== rensai-swiper =====
*/

.rensai-swiper-container{
	position:relative;
}


.rensai-swiper{
	position:relative;
	overflow-x:hidden;
}

.rensai-swiper .swiper-wrapper{
}

.rensai-swiper .swiper-slide{
}

.swiper-button-prev:after,
.swiper-button-next:after{
	color:#94908f;
}

@media print, screen and (min-width: 1540px) {

.swiper-button-prev{
	left:-50px;
}
.swiper-button-next{
	right:-50px;
}


}

.rensai-swiper-container .swiper-button-disabled{
	display:none;
}


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


.rensai-swiper-container .swiper-controller{
	display:none;
}

.rensai-swiper-container .swiper-wrapper {
      display: flex;
      flex-wrap: wrap;
}

.rensai-swiper-container .swiper-slide{
	margin-bottom:30px;
}


}