@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,600,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700&display=swap&subset=japanese');

article #pan-list{
	margin-bottom: 0px;
}


/*=======================================================
ヘッダー・フッター部bootstrap打ち消し
=======================================================*/
header #header-inner h1 {
	font-size: 12px;
	margin-bottom: initial;
    font-weight: normal;
    line-height: 1.6;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
header #header-logo {
    margin-bottom: initial;
}
#en {
	text-decoration: underline;
    font-family: initial;
}
article #heading h1 {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: initial;
}
article #pan-list .pan-list-wrapper{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-weight: initial;
}
article #pan-list .pan-list-wrapper a{ 
	font-family: sans-serif;
    font-weight: initial;
}
footer .footer-wrap-bottom-inner .footer-bottom-block.base p {
	margin-bottom: 0;
}

/*=======================================================
コンテナ幅指定
=======================================================*/
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	max-width: 850px; 
}
/*=======================================================
TOP画像
=======================================================*/
.top_image {
	background-color: #ccc;
	font-size: initial;
}

.top_image .img  {
	width: 100%;
	padding-top: 28%;
	background-image: url(/html/img/funoclock/funoclock_01.jpg);
	background-size: cover;
	background-position: center 28%;
	background-repeat: no-repeat;
	text-indent: -9999%;
}
.top_image .img2  {
	width: 100%;
	background-image: url(/html/img/funoclock/funoclock_02.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999%;
	aspect-ratio: 19 / 9;
	margin-top: 3rem;
}

.top_image h1{
	font-size: initial;
}

/*=======================================================
タイトルセクション
=======================================================*/
.title_sec{
	box-sizing: border-box;
	margin-top: 50px;
}
.title_sec p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	aspect-ratio: 1 / 1;
    border: dotted 6px #1eea61;
}
.title_sec .d_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 50px 0 50px 0;
}
.title_sec .d_wrap li{
	width: 120px;
	text-align: center;
}
.title_sec img{
	width: 90%;
}
.title_sec .image img{
	width: 100%;
}
@media screen and (max-width: 768px){
	.title_sec p {
		font-size: 1rem;
	}
}
@media screen and (max-width: 575px){
	.title_sec p {
		font-size: 0.7rem;
		padding: 0!important;
	}
}
/*=======================================================
マーカー,注釈
=======================================================*/
.line {
	background: linear-gradient(transparent 70%, #dbdf34 0%);
}
.c_block{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.8rem;
	font-weight: 400;
}
/*=======================================================
概要
=======================================================*/
section.gaiyou{
	box-sizing: border-box;
	margin-top: 50px;
}
section.gaiyou dl{

}
section.gaiyou dt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
}
section.gaiyou dt>span{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
}
section.gaiyou dd{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 2.4;
	text-align: center;
}
section.gaiyou .box{
	width: 100%;
	box-sizing: border-box;
	/*border: 1px solid #dbdf34;*/
}
section.gaiyou .col_1 {
	margin-bottom: 0;
	padding: 0 20px ;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
}
section.gaiyou .col_2 {
	width: 65%;
	margin-bottom: 0;
	padding: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	text-align: left;
}
section.gaiyou .col_3 {
	width: 35%;
	padding: 20px;
}

section.gaiyou .box img{
	/*width: 90%;*/
}
section.gaiyou .box dl {
	border: 1px solid #79ce7f;
    border-radius: 50px;
    border-left-color: transparent;
    border-right-color: transparent;
    padding: 2rem 25px;
}
/*↓カラム間のガター幅が60px、カラムの左右の余白が30pxになる*/
section.gaiyou .o-3column .col-sm-4 { padding: 0 30px;}
/*カラムの左右の余白を15pxに戻す*/
section.gaiyou .o-3-column {margin: 0 -30px;}
@media screen and (max-width: 768px){
	section.gaiyou dt{
		font-size: 1.4rem;
	}
	section.gaiyou dd{
		font-size: 1rem;
		text-align: justify;
	}
	section.gaiyou dt>span{
		font-size: 1rem;
	}
	section.gaiyou .col_2 {
		font-size: 1rem;
	}	
}
@media screen and (max-width: 575px){
	section.gaiyou .col_2 {
		width: 100%;
	}	
	section.gaiyou .col_3 {
		width: 100%;
	}
}


/*=======================================================
特徴
=======================================================*/
section.tokuchou{
	box-sizing: border-box;
	margin-top: 5rem;
}
section.tokuchou dt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
}
section.tokuchou dd{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 2.4;
	text-align: left;
}
section.tokuchou dd .col_1{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	text-align: left;
}
section.tokuchou .bg{
	background-color: #fffff4;
	padding: 10px 0;
}

/*=======================================================
施工写真
=======================================================*/
section.gallery{
	box-sizing: border-box;
	margin-top: 50px;
}
section.gallery dt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}
section.gallery dd{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}
section.gallery li{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}
section.gallery .bg{
	background-color: #fffff4;
	padding: 10px 0;
}
section.gallery h5 button{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;

}
section.gallery h6{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.0rem;
	font-weight: 400;
	line-height: 2.5;
	padding-left: 10px;
	background: #eee;
}
section.gallery p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: .8rem;
	font-weight: 400;
}
/*=======================================================
施工手順
=======================================================*/
section.sekou{
	box-sizing: border-box;
	margin-top: 50px;
	background-color: #F4F4F4;
	padding: 30px 30px 0;
}
section.sekou dt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
}
section.sekou dd{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}
section.sekou ul{
	margin-bottom: 0;
}
section.sekou li{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.9rem;
	font-weight: 500;
	padding-bottom: 10px;
}
section.sekou .bg{
	background-color: #fffff4;
	padding: 20px 20px 10px;
}
section.sekou p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.8rem;
	padding-top: 5px;
}
section.sekou .ex_text{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
}
/*=======================================================
商品紹介
=======================================================*/
section.syouhin{
	box-sizing: border-box;
	margin-top: 50px;
}
section.syouhin dt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
}
section.syouhin dd{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

section.syouhin ul{

}
section.syouhin li.name{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	padding: .75rem 1.25rem;
}
section.syouhin li.price{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	padding: 0 1.25rem;
}
section.syouhin li.price span{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.0rem;
	font-weight: 500;
    vertical-align: middle;
}
section.syouhin li.size{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: .8rem;
	font-weight: 500;
	text-align: center;
	padding: 0 1.25rem;
}
section.syouhin li.cap{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.7rem;
	font-weight: 400;
	text-align: center;
	padding: .75rem 1.25rem;
}
section.syouhin .tag {
	min-width: 40px;
	color: #fff;
	height: 18px;
	padding: 2px 10px;
	font-size: 0.8rem;
	background: #cc2419;
	vertical-align: middle;
    margin-right: 5px;
}

/*商品情報*/

section.syouhin .item_lineup_wrap {
	width: 100%;
}
section.syouhin .item_lineup_wrap ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
section.syouhin .item_lineup_wrap ul li {
	width: 190px;
	background-color: #fff;
	position: relative;
	border: 1px solid #ccc;
	padding-right: 0;
    padding-left: 0;
}
section.syouhin .item_lineup_wrap ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
section.syouhin .item_lineup_wrap ul li a .image {
	display: block;
}
section.syouhin .item_lineup_wrap img {
	width: 100%;
	}
section.syouhin .item_lineup_wrap ul li a .title {
	color: #3f3f3f;
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	padding: 10px;
}
section.syouhin .item_lineup_wrap ul li a .title .productDetailSubtitle {
	display: block;
	font-size: 0.6rem;
	margin: 5px 0 5px ;
}
section.syouhin .item_lineup_wrap ul li a .title .productDetailStockNumber {
	background: #bbb;
	color: #fff;
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 0.8rem;
	padding: 5px;
}
section.syouhin .item_lineup_wrap ul li a .title .price {
	color: #3f3f3f;
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	text-align: center;
	padding-top: 5px;
}
section.syouhin .item_lineup_wrap ul li a .title .tax {
	color: #3f3f3f;
	display: block;
	font-size: 0.7rem;
	text-align: center;
}
section.syouhin .item_lineup_wrap ul li a .title .icon {
	width: 40px;
	position: absolute;
	top: 7px;
	left: 7px;
}
section.syouhin .item_lineup_wrap ul li a .title .icon .tag {
	min-width: 40px;
	text-align: center;
	color: #fff;
	float: left;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 10px;
	font-size: 10px;
}
section.syouhin .item_lineup_wrap ul li a .title .icon .tag.new {
	background: #cc2419;
	margin-bottom: 5px;
}
section.syouhin .item_lineup_wrap ul li a .title .icon .tag.in_mark {
	background: #017455;
}
/*=======================================================
注意書き
=======================================================*/
section.caution{
	clear: both;
	background-color: #fffff4;
	padding: .75rem;
}
section.caution dl{
	margin-bottom: 0;
}
section.caution dt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: .9rem;
	font-weight: 500;
}
section.caution dd{
	display: list-item;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: .85rem;
	list-style-type: disc;
	margin-left: 1rem;
}
section.caution .u_line{
	border-bottom: dotted 2px #ccc;
	margin-bottom: .75rem;
}

/*=======================================================
サンプル
=======================================================*/
section.sample dt{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
}
section.sample dd{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}




.logo{
	width: 250px;
	margin: 0 auto;
}
.logo img{
	width: 100%;
	display: block;
}