@charset "utf-8";


/*画像拡大のfancybox3のツール位置をcolorboxのcloseボタンのために移動*/
.fancybox-toolbar {right: unset !important;}


/* ======= ぼたん品種 紹介の詳細ページ  ========*/
.botan-flower-single-contents{position: relative;width: 100%;padding:3% 7% 5% 7%;margin: auto;box-sizing: border-box;}

.flower-single-box{max-width:840px;margin:0 auto;}

.flower-single-box .title-box{text-align:center;}
.flower-single-box .title-box .title-cap{font-size:136%;line-height:1;letter-spacing: 0.7em;margin-bottom: 0.6em;}
.flower-single-box .title-box .title{font-size:500%;line-height:1;font-family: TsukuCOldMinPr6-M, serif;margin-bottom: 10px;letter-spacing: -0.05em;}
.flower-single-box .title-box .roma{font-size:210%;line-height:1;color:#bbb;letter-spacing:0.2em;}

ul.flower-single-img-ul{text-align:center;margin-top:50px;}
ul.flower-single-img-ul li{display:inline-block;background-color: rgba(0,0,0,0.8) !important;overflow: hidden;width:28%;height: 0;padding-bottom:28%;position: relative;background:url(../img/botanf_default.jpg) no-repeat center center;background-size: cover !important;margin: 0 2%;}
ul.flower-single-img-ul li a{background-size: cover !important;width:100%;height:0;padding-top:100%;display: block;}
ul.flower-single-img-ul li a:hover{opacity:0.6;transform: scale(1.05);}

.rose-copyright{text-align: right;font-size: 10px;color: #444;width: 85%;margin: 30px auto 0 auto;}

.flower-single-toku{max-width:800px;margin:5px auto 0 auto;line-height: 1.7;letter-spacing: 0.05em;color:#333;}

.flower-single-cont{text-align:center;margin-top:15px;font-size: 80%;}
.flower-single-cont table{width: 85%;margin: 0 auto;}
.flower-single-cont table th{background-color:#eeeeef;text-align: center;width: 17% !important;font-size: 124%;font-family: TsukuCOldMinPr6-M, serif;/*! padding: 11px 13px 9px 13px; */}
.flower-single-cont table td{width: 33%;padding: 10px 2% 12px 2%;font-size: 134%;}
.flower-single-cont table td.width3{width:83%;}

.flower-single-com1{line-height:1.4;margin:10px auto 30px auto;font-size:94%;width: 85%;text-align: left;}

.botan-flower-single-close{text-align: center;margin-top: 40px;font-size:93%;}
.botan-flower-single-close a{background-color: #666;padding: 3px 15px;color: #fff;}
.botan-flower-single-close a:hover{text-decoration:none;opacity:0.6;}

/*この花を通販サイトで見る*/
.naka-kuwashii.flower-single a{color: #fff;font-size: 93%;background-color: #317483;}
.naka-kuwashii.flower-single a:hover{color: #555 !important;background-color: #fff;}



/* ======= バラ百選 紹介の詳細ページ  ========*/
/*バラ百選の項目説明*/
ul.rose-koumoku-ul{text-align:center;margin-top: 50px;}
ul.rose-koumoku-ul li{display:inline-block;width:250px;border-top:1px solid #3f210f;border-bottom:1px solid #3f210f;margin: 0 1.2%;}
ul.rose-koumoku-ul li.current-cat{opacity:0.6;}

ul.rose-koumoku-ul li a{background:url(../../img/arrow_down_brown9-9.png) no-repeat left center;line-height: 1;display: table;padding:7px 0 9px 19px;margin: 0 auto;font-size: 109%;font-family: TsukuCOldMinPr6-M, serif;}
ul.rose-koumoku-ul li.current-cat a{background:url(../../img/arrow_up_brown9-9.png) no-repeat left center;}

.rose-koumoku-box{display:none;max-width: 900px;margin: 12px auto 0 auto;}

.rose-koumoku-copy{text-align:center;font-size:11px;opacity: 0.8;margin-bottom: 8px;}
.type-com{line-height: 1.8;}

.rose-koumoku-sub .item{margin-top: 20px;}
.rose-koumoku-sub .item .title{text-align: center;font-weight: bold;font-size: 108%;background-color: #ebe8eb;display: table;margin: 0 auto 5px auto;padding: 0 30px;line-height: 1.6;}
.rose-koumoku-sub .item .com{line-height: 1.8;}

.keitou-midashi{text-align:center;line-height:1.3;font-family: TsukuCOldMinPr6-B, serif;font-size:136%;margin-top: 10px;}
.keitou-com{max-width: 900px;margin: 15px auto 0 auto;}

ul.keitou-ul{text-align:center;}
ul.keitou-ul li{display:inline-block;vertical-align:top;width:29%;margin:25px 2% 0 1%;}
ul.keitou-ul li .title{font-weight:bold;font-size:108%;}
ul.keitou-ul li .rose-img{margin:10px auto 7px auto;max-width: 230px;}
ul.keitou-ul li .rose-img img{width:100%;height:auto;}
ul.keitou-ul li .com{font-size:90%;line-height:1.4;text-align: left;}




/*============　［Landscape］由志園の景観照明  石の灯り商品の詳細ページ  ========*/
.stone-single-box{max-width:700px;margin:30px auto 0 auto;}
	
dl.stone-img-dl{text-align:center;margin:35px auto 0 auto;}
dl.stone-img-dl dt{display: inline-block;margin-right:10px;width:380px;padding-bottom: 470px;background-color: rgba(0,0,0,0.8) !important;overflow: hidden;height: 0;}
dl.stone-img-dl a{background-size: cover !important;width:100%;height:0;padding-top:470px;display: block;}
dl.stone-img-dl a:hover{opacity:0.6;transform: scale(1.05);}

dl.stone-img-dl dd{display: inline-block;vertical-align:top;}
dl.stone-img-dl dd p{display:block;margin:0 0 6.5px 0;width:80px;padding-bottom:100px;background-color: rgba(0,0,0,0.8) !important;overflow: hidden;height: 0;}
dl.stone-img-dl dd p a{padding-top:100px;}

.stone-single-cont{margin-top:20px;font-size:88%;border-top:3px solid #666;border-bottom:3px solid #666;}
.stone-single-cont table{width:100%;margin: 0;}
.stone-single-cont table th{padding:10px 0 10px 0;border: none;background-color: #efefee;font-weight: normal;border-top: 1px solid #ccc;text-align: center;width: 145px;}
.stone-single-cont table td{padding:10px 10px 10px 15px;border: none;border-top: 1px solid #ccc;font-size: 105%;}

.stone-single-cont table tr:first-child th,
.stone-single-cont table tr:first-child td{border-top:none;}

.stone-toku{margin:10px 0 0 0;line-height: 1.4;letter-spacing: 0.05em;font-size:80%;}


#cboxClose {background: url(../colorbox/images/close_black.png) center top /50px no-repeat;}
		
		
/*	
.stone-single-box .title-box{}
.stone-single-box .title-box .title{font-size:200%;line-height:1;font-family: TsukuCOldMinPr6-M, serif;margin-bottom: 10px;letter-spacing:0;}
.stone-single-box .title-box .title-cap{font-size:100%;line-height:1;letter-spacing: 0;margin-top: 15px;}

dl.stone-img-dl{text-align:center;margin:35px auto 0 auto;}
dl.stone-img-dl dt{display: inline-block;margin-right:10px;width: 420px;padding-bottom: 420px;background-color: rgba(0,0,0,0.8) !important;overflow: hidden;height: 0;}
dl.stone-img-dl a{background-size: cover !important;width:100%;height:0;padding-top:100%;display: block;}
dl.stone-img-dl a:hover{opacity:0.6;transform: scale(1.05);}

dl.stone-img-dl dd{display: inline-block;vertical-align:top;}
dl.stone-img-dl dd p{display:block;margin:0 0 6.5px 0;width:100px;padding-bottom:100px;background-color: rgba(0,0,0,0.8) !important;overflow: hidden;height: 0;}

.stone-single-cont{margin-top:20px;font-size:90%;border-top: 1px solid #666;padding-top: 24px;}
.stone-single-cont table{width:auto;margin: 0;font-size:100%;}
.stone-single-cont table th{padding:3px 0 3px 10px;border: none;background-color: transparent;font-weight: normal;}
.stone-single-cont table td{padding:3px 10px 3px 5px;border: none;}
				
.stone-toku{margin:15px auto 0 auto;line-height: 1.7;letter-spacing: 0.05em;}
*/
.naka-kuwashii.stone-single{margin-top: 40px;}
.naka-kuwashii.stone-single a{font-size: 90%;color: #000;}






@media screen and (max-width: 840px) {
	/* ======= ぼたん品種 紹介の詳細ページ  ========*/
	.flower-single-box .title-box .title-cap{font-size: 2.6vw;}
	.flower-single-box .title-box .title {font-size: 9.5vw;}
	.flower-single-box .title-box .roma {font-size: 4vw;}
	.flower-single-toku {font-size: 100%;}
}


@media screen and (max-width: 720px) {
	/*バラ百選の項目説明*/
	ul.rose-koumoku-ul li {width: 180px;}
}




@media screen and (max-width: 580px) {
	/* ======= ぼたん品種 紹介の詳細ページ  ========*/
	.botan-flower-single-contents {padding:40px 7% 5% 7%;}
	ul.flower-single-img-ul {margin-top: 35px;}
	.flower-single-cont table {width: 100%;}
	.flower-single-com1 {width: 100%;}
	.flower-single-cont table {font-size: 90%;}
	.flower-single-cont table th{white-space:normal;}

	/*バラ百選の項目説明*/
	.keitou-midashi span{display:block;}
	ul.keitou-ul li {width: 44%;margin: 25px 3% 0 2%;}
	ul.keitou-ul li .title {font-size: 100%;}
	
	/*============　［Landscape］由志園の景観照明  石の灯り商品の詳細ページ  ========*/
	dl.stone-img-dl a {padding-top: 137%;}
	dl.stone-img-dl dt {padding-bottom: 98%;width: 73%;}
	dl.stone-img-dl dd p a {padding-top: 137%;}
	dl.stone-img-dl dd p {width: 70px;padding-bottom: 137%;}
	.stone-single-cont table th {width: 100px;font-size: 100%;}
	.stone-single-cont table td {font-size: 95%;}
}



@media screen and (max-width: 480px) {
	/* ======= ぼたん品種 紹介の詳細ページ  ========*/
	.botan-flower-single-contents {padding: 40px 5% 5% 5%;}
	.flower-single-box .title-box .title-cap {font-size: 3.3vw;}
	.flower-single-box .title-box .title {font-size: 10.5vw;}
	.flower-single-box .title-box .roma {font-size: 4.5vw;}
	ul.flower-single-img-ul li {display: block;width: 70%;padding-bottom: 70%;margin: 0 auto 20px auto;}
	ul.flower-single-img-ul li:last-child{margin: 0 auto;}
	.flower-single-toku {font-size: 93%;line-height: 1.6;}
	.flower-single-cont table th {display: block;width: 100% !important;text-align: left;border: none;border-top: 1px solid #bbb;padding: 4px 13px 6px 13px;}
	.flower-single-cont table td {display: block;width: 100%;padding: 5px 2% 17px 3%;border: none;}
	.flower-single-cont table td.width3 {width:100%;}

	/*バラ百選の項目説明*/
	ul.rose-koumoku-ul li {width: 150px;font-size: 93%;}
	.rose-koumoku-box {font-size: 90%;}
	.rose-copyright {width: 100%;}
}




@media screen and (max-width: 450px) {
	/*============　［Landscape］由志園の景観照明  石の灯り商品の詳細ページ  ========*/
	dl.stone-img-dl dt {padding-bottom: 93%;width: 70%;margin-right: 3px;}
	dl.stone-img-dl dd p {width: 57px;padding-bottom: 133%;}
}



@media screen and (max-width: 400px) {
	/*============　［Landscape］由志園の景観照明  石の灯り商品の詳細ページ  ========*/
 dl.stone-img-dl dd p {width: 50px;}
	.stone-single-cont table {font-size: 85%;}
	.stone-single-cont table th {width: 68px;}
}