@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Expletus+Sans');
/* font-family: 'Expletus Sans', cursive; */
@import url('https://fonts.googleapis.com/css?family=Yellowtail');
/* font-family: 'Yellowtail', cursive; */
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
/* font-family: 'EB Garamond', serif; */

.wrapper{

	padding-top: 0;

}

/* header-fixed スクロールすると出てくるヘッダー */
.header-fixed{
	
	width: 100%;

	top: 0;

	left: 0;
	
	padding: 5px 10px;

	text-align: center;

	position: fixed; /* ヘッダー固定 */

	z-index: 1;

	background: rgba(0,0,0,0.9);

	color: #fff;

	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	
}

.header-fixed-inner:after{ /* Clear Fix */

    content:" ";

    display:block;

    clear:both;
    
}

.header-fixed-logo{

	width: 20%;

	float: left;

}

.header-fixed-gnav{

	width: 70%;

	float: right;

	text-align: right;

	margin-top: 20px;

}

.header-fixed-gnav-list li{
	
	font-size: 12px;

	font-family: 'Marcellus', serif;

	letter-spacing: 0.05em;

	display: inline-block;

	margin: 3px;

}

.header-fixed-gnav-list a{
	
	color: #fff;

}

.header-fixed-gnav-list li a:hover{

	padding-bottom: 5px;
	
	border-bottom: solid 5px #fff;

	text-decoration: none;

	opacity: 0.8;
	
}

span.japanese{

	display: none;

}

/* headerメディアクエリ 480px以上*/

@media (min-width: 479px) {

	.header-fixed-logo{

		width: 100px;

	}

	.header-fixed-gnav{

		margin-top: 25px;

	}

	.header-fixed-gnav-list li{
	
		font-size: 14px;

		margin: 3px;

		padding-right: 0.6em;

		border-right: solid 1px #ddd;

	}

	.header-fixed-gnav-list li:last-child{

		border-right: none;

	}

}

/* header-fixedメディアクエリ 768px以上*/

@media (min-width: 767px) {

	.header-fixed-gnav-list li{
	
		font-size: 18px;

		letter-spacing: 0.1em;

		margin: 6px;

	}

}

/* header-fixedメディアクエリ 1200px以上*/

@media (min-width: 1199px) {

	.header-fixed-inner{

		width: 1199px;

		margin: auto;

	}

}



/* 通常のヘッダー */
.header{
	
	width: 100%;
	
	padding: 24px 0;

	text-align: center;
	
}

.header-logo{

	width: 120px;

	margin: auto;

}

.header-gnav{

	width: 70%;

	margin: 20px auto;

}

.header-gnav-list li{
	
	font-size: 14px;

	font-family: 'Marcellus', serif;

	letter-spacing: 0.05em;

	display: inline-block;

	margin: 3px;

	padding-right: 0.7em;

	border-right: solid 1px #ddd;

}

.header-gnav-list li:last-child{

	border-right: none;

}

.header-gnav-list a{
	
	color: #000;

}

.header-gnav-list li a:hover{

	padding-bottom: 5px;
	
	border-bottom: solid 5px #000;

	text-decoration: none;

	opacity: 0.8;
	
}

span.japanese{

	display: none;

}

/* headerメディアクエリ 480px以上*/

@media (min-width: 479px) {

	.header-logo{

		width: 160px;

	}

	.header-gnav{

		margin-top: 35px;

	}

	.header-gnav-list li{
	
		font-size: 16px;

		margin: 3px;

	}

}

/* headerメディアクエリ 768px以上*/

@media (min-width: 767px) {

	.header-gnav{

		margin-top: 35px;

	}

	.header-gnav-list li{
	
		font-size: 18px;

		letter-spacing: 0.1em;

		margin: 6px;

	}

}

/* header-fixedメディアクエリ 992px以上*/

@media (min-width: 991px) {

	.header-logo{

		width: 240px;

	}

	.header-gnav-list li{
	
		font-size: 20px;

		margin: 12px;

	}

}	

/* コンテンツフェードイン */

/*.fi{

    animation: fadeIn 2s ease 0s 1 normal;

    -webkit-animation: fadeIn 2s ease 0s 1 normal;

}

@keyframes fadeIn {

    0% {opacity: 0}

    100% {opacity: 1}

}

@-webkit-keyframes fadeIn {

    0% {opacity: 0}

    100% {opacity: 1}

}*/

/* intro */

.intro-bg{
		
	padding: 100px 0;
		
	background: url(images/header_bg.jpg) center center no-repeat;
		
	background-size: cover;
		
}

.intro{
	
	margin-bottom: 24px;
	
}

.intro-headline{
	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	
	font-size: 24px;

	letter-spacing: 0.1em;

	margin-bottom: 24px;
	
	font-weight: bold;
	
	text-align: center;

	
}

.intro-summary{
	
	line-height: 3;
	
	text-align: center;
	
	margin-bottom: 24px;
	
}

.intro img{
	
	width: 80%;
	
	margin: auto;
	
}

/* introメディアクエリ 768px以上*/

@media (min-width: 767px) {

	.intro-bg{
		
		padding: 150px 0;
		
	}

	.intro-headline{

		font-size: 32px;
	
		letter-spacing: 0.3em;

		margin-bottom: 42px;
	
	}

}

/* content-about */

.content-about{

	background: url(../1801shinshun/images/coment_bg.jpg) fixed;

	line-height: 2;

}

.content-about-inner{

	width: 80%;

}

.coment{
	
	border-left: solid 5px #000;
	
	padding-left: 1em; 
	
}


/* 商品 */

.bow-type{
	
	width: 100%;
	
	margin: 96px auto;
	
}

.bow-type h1{
	
	font-size: 32px;
	
	margin-bottom: 24px;
	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	
}

.bow{
	
	font-size: 14px;
	
	margin-bottom: 48px;
	
	padding-bottom: 24px;
	
	border-bottom: solid 1px #ddd;
	
}

.spec{
	
	line-height: 1.5;
	
}

.english{
	
	color: #aaa;
	
	border-bottom: solid 1px #000;
	
	padding-bottom: 14px;
	
}

/* インフォメーション */

.content-info{
	
	background: #fff;
	
}

.fair_title{

	margin-bottom: 24px;

}

.fair-ireko{

	margin: 48px auto;

}

.content-list{
	
	background: #000;
	
}

.container-list{
	
	max-width: 100%;
	
}

.col-list{
	
	padding: 0;
	
}

/*.list-bnr-col-4{
	
	width: 33.3%;
	
	margin: 0;
	
}*/


/*
.virtical-align{

	position: relative;

}

.virtical-align-bottom{

	position: absolute;

	bottom: 0;
	
}
*/

a:hover{
	
	opacity: 0.8;
	
}

a img{
	
	transition-property: opacity;
	
	transition-duration: 0.6s;

}

a img:hover{
	
	opacity: 0.6;
	
}

@media (min-width: 479px) {
	
	
	.title{

		width: 80%;

		margin: auto;

	}
	
}


@media (min-width: 767px) {

	.title{

		width: 780px;

		margin: auto;

	}

	.news-list li .news-date{

		width: 20%;
	
	}

	.news-list li .news-headline{

		width: 80%;

	}
	
	.content-about-inner{

		font-size: 18px;

		width: 50%;
	
	}
	
	.content-benefit-inner{

		font-size: 18px;

		width: 50%;
	
	}

}

/* 店舗 */

table.shop-info{
	
	width: 100%;
	
	margin: auto;
	
	border: solid 1px #000;
	
	border-radius: 5px;
	
	font-size: 10px;
	
}

table.shop-info tr th.gray{
	
	background-color: #bbb;
	
	text-align: center;
	
	width: 8em;
	
	font-weight: bold;
	
	border: solid 1px #000;
	
}

table.shop-info tr td{
	
	/*width: 9em;*/
	
	padding: 10px 5px;
	
	border: dotted 1px #999;
	
} 


table.shop-info td.construction{
	
	width: 45%;
	
}

table.shop-info tr td.gray{
	
	background-color: #bbb;
	
	border: solid 1px #000;
	
}

table.shop-info tr:hover{
	
	background-color: #eee;
	
}  

@media (min-width: 767px) {

	.block-repair-menu{
	
		width: 90%;

	}
	
	table.repair{
		
		font-size: 12px;

	}
	
	table.shop-info{
		
		font-size: 12px;

	}

}

@media (min-width: 991px) {

	.block-repair-menu{
	
		width: 50%;

	}

}

/* オンラインショップ */
.online-shop {
	width: 100%;
	border: solid 1px #444;
	border-radius: 3px;
	transition: 0.3s;
}
.online-shop p {
	padding: 8px 0;
	text-align: center;
}
.online-shop a {
	text-decoration: none;
	color: #444;
}
.online-shop:hover {
	background-color: #ccbb55;
	border-color: #ccbb55;
}
.online-shop a:hover {
	color: #fff;
}


/* スクロールのアニメーション用CSS */
.effect{

	transition: .5s;　/*F.I.の時間*/

}