@charset "utf-8";


/* blog
-------------------------------*/
.sp-only {
	display: none;
}
.detail-content .model_name{
	display: block;
}
#mainImg {
	margin-bottom: 50px;
}
.blogTitle {
	font-size: 40px;
	font-size: 4.0rem;
	text-align: center;
	font-family:'futura', 'Century Gothic', sans-serif;
	margin-bottom:20px;
}.detail-content
.list-wrap{
	margin-bottom:120px;
}
.blog-tabs{
	text-align:center;
	font-size:0;
	margin-bottom:50px;
}
.blog-tabs li{
	display:inline-block;
	margin:0 15px;
	font-size: 18px;
	font-size: 1.8rem;
	padding-bottom:3px;
	font-family:'futura', 'Century Gothic', sans-serif;
}
.blog-tabs li.current{
	border-bottom:2px solid #000;
}
.blog-list{
	font-size:0;
	margin-bottom:30px;
}
.blog-list li{
	width:22.5%;
	margin-right:3.333%;
	display:inline-block;
	vertical-align:top;
	font-size: 14px;
	font-size: 1.4rem;
	text-align:center;
	margin-bottom:45px;
}
.blog-list li:nth-child(4n){
	margin-right:0;
}
.blog-list li dt{
	margin-bottom:20px;
}
.blog-list li dd .blog-title{
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom:10px;
	line-height:1.8;
}
.blog-list li dd .blog-info{
	color:#7d7d7d
}
.blog-list li dd .blog-info .day{
	padding: 0 10px 0 0;
}
.blog-list li dd .blog-info .category{
	padding:0 0 0 10px;
	border-left:1px solid #7d7d7d
}

@media only screen and (max-width: 767px){
	.pc-only {
		display: none;
	}
	.mainContents{
		padding: calc(0 *(100vw /750)) 0 0;
	}
	.blogTitle {
		font-size: 2.2rem;
		margin-bottom:10px;
	}
	.list-wrap{
		margin-bottom:40px;
	}
	.blog-tabs{
		text-align:center;
		font-size:0;
		margin:15px 0;
		max-width: 100%;
		width: 100%;
	}
	.blog-tabs li{
		margin:7px 0;
		font-size: 12px;
		font-size: 1.2rem;
		width: 25%;
	}
	.blog-list{
		font-size:0;
		margin-bottom:0px;
	}
	.blog-list li,
	.blog-list li:nth-child(4n){
		width:47%;
		margin-right:6%;
		font-size: 12px;
		font-size: 1.2rem;
		text-align:center;
		margin-bottom:30px;
	}
	.blog-list li:nth-child(2n){
		margin-right:0;
	}
	.blog-list li dt{
		margin-bottom:10px;
	}
	.blog-list li dd .blog-title{
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom:10px;
		line-height:1.5;
	}
	.blog-list li dd .blog-info .day{
		padding: 0 10px 0 0;
	}
	.blog-list li dd .blog-info .category{
		padding:0 0 0 10px;
		border-left:1px solid #7d7d7d
	}

}

/* blog-detail
-------------------------------*/

.detail-wrap{
	max-width:800px;
	margin:0 auto;
	font-size: 16px;
	font-size: 1.6rem;
}
.detail-wrap .detail-head{
	margin-bottom:30px;
	text-align:center;
	padding-top:20px;
}
.detail-wrap .detail-head .ttl{
	font-size: 2.4rem;
	margin-bottom:20px;
}
.detail-wrap .detail-head .detail-info{
	color:#7d7d7d
}
.detail-wrap .detail-head .detail-info .day{
	padding: 0 1rem 0 0;
}
.detail-wrap .detail-head .detail-info .category{
	padding:0 0 0 1rem;
	border-left:1px solid #7d7d7d
}
.detail-wrap .detail-head .detail-info .category a{
	text-decoration:underline;
	color:#7d7d7d;
	font-size: 1.4rem;
}
.detail-wrap .share-wrap{
	text-align:center;
	font-family:'futura', 'Century Gothic', sans-serif;
}
.detail-wrap .share-wrap .ttl{
	font-size: 3rem;
	margin-bottom:20px;
}
.detail-wrap .share-wrap li{
	display:inline-block;
	font-size: 2rem;
	margin:0 35px 80px;
	padding-left:48px;
}

.detail-content{
	margin: 2rem 0 8rem 0;
}

.detail-content p{
	line-height:1.8;
	overflow:hidden;
	white-space: nowrap;
	display: inline-block;
}
.detail-content a{
	color:#e95a7f;
	text-decoration:underline;
	display: inline-block;
	margin-left: 0.4rem;
}
.detail-content img{
	margin-bottom:30px;
}

.secondimg {
	margin-top: 2rem;
}

.detail-content img.left-img{
	float:left;
	max-width:48%;
}
.detail-content img.right-img{
	float:right;
	max-width:48%;
}
.detail-pager{
	text-align:center;
	position:relative;
	font-size: 2rem;
	font-family:'futura', 'Century Gothic', sans-serif;
	margin-bottom: 10rem;
	display: flex;
	justify-content: center;
}
.detail-pager .prev {
	margin-right: 22rem;
}
.detail-pager .next {
	margin-left: 22rem;
}
.back-number{
	padding-top:7.5rem;
	border-top:1px solid #bfbfbf;
}
.back-number .ttl{
	font-size: 3rem;
	margin-bottom:2rem;
	text-align:center;
	font-family:'futura', 'Century Gothic', sans-serif;
}
.kaigyo {
	margin-left: 8rem;	
}

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

	.detail-wrap{
    font-size: calc(23 *(100vw /750));
	}
	.detail-wrap .detail-head{
    margin-bottom: calc(40 *(100vw /750));
    padding-top: calc(65 *(100vw /750));
	}
	.detail-wrap .detail-head .ttl{
    font-size: calc(34 *(100vw /750));
    margin-bottom: calc(0 *(100vw /750));
	}
	.detail-wrap .share-wrap .ttl{
		font-size: 2.2rem;
		margin-bottom:1.5rem;
	}
	.detail-wrap .share-wrap li{
		font-size: 1.6rem;
		margin:0 1.5rem 5rem;
		padding-left:4rem;
	}
	.detail-wrap .share-wrap li.tw{
		background-size:2.5rem auto;
	}
	.detail-wrap .share-wrap li.fb{
		background-size:2.5rem auto;
	}
	.blog_img {
    width: calc(630 *(100vw /750));
    margin: 0 auto;
	}

	.secondimg {
		margin-top: calc(30 *(100vw /750));
	}

	.detail-content{
    width: calc(630 *(100vw /750));
    margin: calc(20 *(100vw /750)) 0 0 calc(0 *(100vw /750));
	}

	.detail-pager{
    display: flex;
    justify-content: space-between;
    margin-right: calc(90 *(100vw /750));
		font-size: calc(28*(100vw /750));
    margin: calc(100 *(100vw /750)) auto calc(127 *(100vw /750)) 0;
	}
	.detail-pager .prev{
    background-size: calc(0 *(100vw /750)) auto;
    padding-left: calc(15 *(100vw /750));
		margin-right: calc(50 *(100vw /750));
	}
	.detail-pager .next{
    background-size: calc(0 *(100vw /750)) auto;
    padding-right: calc(15 *(100vw /750));
		margin-left: calc(50 *(100vw /750));
	}
}



/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                      テキスト長文用 CSS
//////////////////////////////////////////////////////////////////////////////////////////////
*/

	.detail-content .txtBox {
		display: flex;
	}

	.detail-content .txtBox__story {
		white-space: nowrap;
	}

	.txtBox__txt {
		margin-left: 0.5rem;
		text-align: justify;
	}

@media only screen and (max-width: 767px){
	.detail-content .txtBox {
		display: flex;
		width: calc(640 *(100vw /750));
	}
	
	.txtBox__txt {
		text-align: justify;
		margin-left: calc(5 *(100vw /750));
	}
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                        cont_inner
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.cont_inner {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto;
  position: relative;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {
	.cont_inner,
	.detail-wrap {
		max-width: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 904px) {
  html,
	body {
    font-size: calc(10 *(100vw / 1400));
  }
}
@media only screen and (min-width: 768px) {
	.detail-wrap{
		width: 60rem;
	}
	.blog_img {
    width: 60%;
    margin: 0 auto;
	}
	.detail-pager .top{
		white-space: nowrap;
	}
}