@charset "utf-8";
 
/*==============================================
 
    QUANTIC (共通)
    Index
 
==============================================*/



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





/* PC */
@media screen and (min-width: 769px), print {


.inner {
	width: 1000px;
}

.sp_view{
	display: none;
}



/*=======================================
    mainimage
=======================================*/	
#mainimage {
	height: 455px;
	background: url(../img/mainimages_pht.jpg?01) no-repeat center;
	background-size: cover;
	margin-top: 0px;
	text-align: center;
	color: #fff;
}
	#mainimage h2 {
		font-family: 'Cormorant', serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 2px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		background: url(../img/mainimages_border.png) no-repeat center bottom;
		padding-top: 175px;
        color: #fff;
	}

	#mainimage .copy {
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
		font-size: 16px;
		letter-spacing: 3px;
	}
		

/*
.pickup{
		margin-top: -10px;
		text-align: center;
		margin: auto;
		padding-top: 30px;
		background-color: #f5f5f4;
	}
*/


/*=======================================
    POINT
=======================================*/

#point{
	background: #ffffff ;
	overflow: hidden;
	padding: 80px 0;
}
	#point h2 {
		font-family: 'Cormorant', serif;
		font-size: 20px;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 2px;
		text-align: center;
		margin-bottom: 50px;
	}
	#point h2::after{
		content: "";
		display: block;
		width: 32px;
		height: 1px;
		background: #231815;
		margin: 25px auto 0;
	}
	#point .inner{
		margin: 0 auto;
	}
	#point .inner ul{
		margin-bottom: 35px;
	}
	#point .inner ul li{
        width: calc(33.3333333% - 2px);
        float: left;
        margin: 0;
        padding: 0 3%;
        border-right: 1px solid #CCCCCC;
        box-sizing: border-box;
	}
    .wrap_contact {
        width: 100% !important;
        box-sizing: border-box;
    }
	#point .inner ul li:last-child{
		margin-right:0;
		border-right:none;
	}
	#point .inner ul li .count{
		width: 200px;
		height: 200px;
		margin: 0 auto 20px;
	}
	#point .inner ul li .count img{
		width: 100%;
		height: auto;
		border-radius: 50%;
		text-align: center;
	}
	#point .inner ul li .text{
		font-family: 'Cormorant', serif;
	}
	#point .inner ul li .text .midashi{
		text-align: center;
		margin-bottom: 10px;
		font-weight: bold;
	}
	#point .inner ul li .text .acc-trigger{
		display: none;
	}
	#point .inner ul li .text .read{
		display: block !important;
	}




/*=======================================
    TAG SEARCH
=======================================*/

#tag-search{
	background: #f9f9f9;
	overflow: hidden;
	padding: 80px 0;
}
	#tag-search h2 {
		font-family: 'Cormorant', serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 1px;
		text-align: center;
		margin-bottom: 50px;
	}
	#tag-search .inner{
		margin: 0 auto;
	}
		#tag-search #search{
			margin-top: 40px;
			margin-bottom: 60px;
		}
		#tag-search .tags label{
			cursor: pointer;
			font-family:  serif;
			letter-spacing: 2px;
			display: inline-block;
			margin-bottom: 17px;
		}
		#tag-search .tags label .checkbox-input{
			display: none;
		}
		#tag-search .tags label .checkbox-input + span{
			background: #B4B4B5;
			font-size: 13px;
			padding: 10px 20px;
			border-radius: 30px;
			color: #FFFFFF;
		}
		#tag-search .tags label .checkbox-input:checked + span{
			background: #595757;
		}
		#tag-search #submit{
			font-family:  serif;
			width: 285px;
			padding: 10px 0;
			margin: 30px auto 0;
			border-radius: 100px;
			background: #595757;
			color: #FFFFFF;
			display: block;
			border: none;
			font-size: 14px;
			letter-spacing: 1px;
			cursor: pointer;
			transition: opacity .3s;
		}
		#tag-search #submit:hover{
			opacity: .7;
		}
		
		#tag-search .tags .all-select a{
			background: #B4B4B5;
			font-size: 13px;
			padding: 10px 20px;
			border-radius: 30px;
			color: #FFFFFF;
			font-family:  serif;
			cursor: pointer;
		}
		#tag-search .tags .all-select a:active{
			background: #595757;
		}
	
	#tag-search .list{
		width: 100%;
		margin-bottom: 60px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
	}
		#tag-search .list li{
			width: 32.4%;
			margin: 0 1.4% 1.4% 0;
            background-color: #fff;
/*			float: left;*/
		}
		#tag-search .list li:nth-of-type(3n){
			margin-right: 0;
		}
		#tag-search .list li img{
			width: 100%;
			height: auto;
		}
		#tag-search .list li .text{
			background: #FFFFFF;
			padding: 30px 25px;
			font-family: serif;
		}
		#tag-search .list li .text .title{
			margin-bottom: 10px;
			font-size: 15px;
            text-decoration: underline;
            font-weight: bold;
		}
		#tag-search .list li .text .excerpt{
			font-size: 11.5px;
            margin-bottom: 10px;
            line-height: 1.7;
		}
		#tag-search .list li .text .tag{
			font-size: 12px;
		}
		#tag-search .list li .text .tag span{
			display: inline-block;
			padding-right: 6px;
		}
    #tag-search .post .photo {
        height: 210px;
        background-color: #b4b4b5;
        overflow: hidden;
    }
    #tag-search .post .photo img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
	#tag-search .next a{
			font-family:  serif;
			width: 285px;
			padding: 15px 0;
			margin: 0 auto ;
			background: #595757;
			color: #FFFFFF;
			text-align: center;
			display: block;
			border: none;
			font-size: 14px;
			letter-spacing: 1px;	
	}
		#tag-search .next a span{
			display: inline-block;
			font-size: 10px;
			margin-right: 10px;
		}
		#infscr-loading{
			text-align: center;
			height: 0;
			clear: both;
		}
			#infscr-loading img{
				width: 32px;
				height: 32px;
			}
			#infscr-loading .load-end span{
				display: inline-block;
				line-height: 1;
				margin: 0 auto;
				padding: 5px 20px;
				border-radius: 100px;
				background: #595757;
				color: #FFFFFF;
				font-size: 14px;
				letter-spacing: 1px;
				
			}
}




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


.pc_view{
	display: none;
}
.sp_view{
	display: block;
}

/*=======================================
    mainimage
=======================================*/	
#mainimage {
	height: 455px;
	background: url(../img/mainimages_pht_sp.jpg?01) no-repeat center;
	background-size: cover;
	margin-top: 0px;
	text-align: center;
	color: #fff;
}
	#mainimage h2 {
		width: calc(100% - 40px);
		font-family: 'Cormorant', serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 2px;
		padding-bottom: 20px;
		margin: 0 auto 20px auto;
		background: url(../img/mainimages_border.png) no-repeat center bottom;
		padding-top: 140px;
        color: #fff;
	}
	
	#mainimage .copy {
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 16px;
		letter-spacing: 2px;
	}




/*=======================================
    POINT
=======================================*/

#point{
	background: #ffffff;
	overflow: hidden;
	padding: 80px 0 20px;
}
	#point h2 {
		font-family: 'Cormorant', serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 2px;
		text-align: center;
		margin-bottom: 25px;
	}
	#point h2::after{
		content: "";
		display: block;
		width: 32px;
		height: 1px;
		background: #231815;
		margin: 25px auto 0;
	}
	#point .inner{
		padding: 0 20px;
		
	}
	#point .inner ul{
		margin-bottom: 35px;
	}
	#point .inner ul li{
		width: 100%;
		margin: 0 0 60px;		
	}

	#point .inner ul li .count{
		width: 200px;
		height: 200px;
		margin: 0 auto 20px;
	}
	#point .inner ul li .count img{
		width: 100%;
		height: auto;
		border-radius: 50%;
		text-align: center;
	}
	#point .inner ul li .text{
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
		#point .inner ul li .text .midashi{
			text-align: center;
			margin-bottom: 10px;
			font-weight: bold;
		}
		#point .inner ul li .text .read{
			display: none;
			padding-bottom: 15px;
		}
		#point .inner ul li .text .acc-trigger{
			width: 100%;
			padding: 15px 0;
			text-align: center;
			font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			color: #FFFFFF;
			background: #595757;
			font-size: 13px;
		}
			#point .inner ul li .text .acc-trigger .off{
				display: none;
			}
			#point .inner ul li .text .acc-trigger.open .on{
				display: none;
			}
			#point .inner ul li .text .acc-trigger.open .off{
				display: inline-block;
			}
			#point .inner ul li .text .acc-trigger .deco{
				display: inline-block;
				font-size: 10px;
				margin-right: 10px;
			}
			#point .inner ul li .text .acc-trigger.open .deco{
				transform: rotate(-180deg);
			}

		

/*=======================================
    TAG SEARCH
=======================================*/
	
	
	#tag-search .tags .all-select a{
			background: #B4B4B5;
			font-size: 13px;
			padding: 8px 12px;
			border-radius: 30px;
			color: #FFFFFF;
			font-family:  serif;
			cursor: pointer;
            display: inline-block !important;
		}
		#tag-search .tags .all-select a:active{
			background: #595757;
		}

#tag-search{
	background: #f5f5f4 ;
	overflow: hidden;
	padding: 80px 0;
}
	#tag-search h2 {
		font-family: 'Cormorant', serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 1px;
		text-align: center;
		margin-bottom: 25px;
	}
	#tag-search .inner{
		padding: 0 20px;
		margin: 0 auto;
	}
		#tag-search #search{
			margin-bottom: 60px;
		}
		#tag-search .tags label{
			cursor: pointer;
			font-family:  serif;
			letter-spacing: 1px;
			display: inline-block;
			margin-bottom: 13px;
		}
		#tag-search .tags label .checkbox-input{
			display: none;
		}
		#tag-search .tags label .checkbox-input + span{
			background: #B4B4B5;
			font-size: 13px;
			padding: 8px 12px;
			border-radius: 30px;
			color: #FFFFFF;
		}
		#tag-search .tags label .checkbox-input:checked + span{
			background: #595757;
		}
		#tag-search #submit{
			font-family:  serif;
			width: 100%;
			padding: 10px 0;
			margin: 30px auto 0;
			border-radius: 100px;
			background: #595757;
			color: #FFFFFF;
			display: block;
			border: none;
			font-size: 14px;
			letter-spacing: 1px;
		}
	
	#tag-search .list{
		width: 100%;
		margin-bottom: 60px;
	}
		#tag-search .list li{
			width: 100%;
			margin: 0 0 15px ;
		}
		#tag-search .list li:nth-of-type(3n){
			margin-right: 0;
		}
		#tag-search .list li img{
			width: 100%;
			height: auto;
		}
		#tag-search .list li .text{
			background: #FFFFFF;
			padding: 30px 25px;
			font-family: serif;
		}
		#tag-search .list li .text .title{
			margin-bottom: 10px;
			font-size: 15px;
            text-decoration: underline;
            font-weight: bold;
		}
		#tag-search .list li .text .excerpt{
			font-size: 12px;
			margin-bottom: 10px;
			line-height: 1.5;
		}
		#tag-search .list li .text .tag{
			font-size: 12px;
		}
		#tag-search .list li .text .tag span{
			padding-right: 6px;
		}
		
	#tag-search .next a{
			font-family:  serif;
			width: 285px;
			padding: 15px 0;
			margin: 0 auto ;
			background: #595757;
			color: #FFFFFF;
			text-align: center;
			display: block;
			border: none;
			font-size: 14px;
			letter-spacing: 1px;	
	}
		#tag-search .next a span{
			display: inline-block;
			font-size: 10px;
			margin-right: 10px;
		}
		#infscr-loading{
			text-align: center;
			height: 0;
			clear: both;
		}
			#infscr-loading img{
				width: 32px;
				height: 32px;
			}
			#infscr-loading .load-end span{
				display: inline-block;
				line-height: 1;
				margin: 0 auto;
				padding: 5px 20px;
				border-radius: 100px;
				background: #595757;
				color: #FFFFFF;
				font-size: 14px;
				letter-spacing: 1px;
				
			}		



}