/* WEBフォント明朝 使う場合は、htmlに↓記載
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&amp;subset=japanese" rel="stylesheet">
*/

/* ===========================
WEBフォント明朝
============================*/
/*
* {
	font-family: 'Noto Serif JP', sans-serif;
	word-wrap: break-word;
}
*/

/* ===========================
layout初期化
============================*/

*, *:before, *:after {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	margin:0;
	padding:0;
	line-height:1.5em;
}

* font, * span, * strong { display: inline-block; }

.new_icon {
	font-size:80%;
	background-color:#f00;
	padding:0.2em 0.5em 0.1em;
	margin:0 0.5em;
	color:#fff;
	border-radius: 0.5em;
}
.news_naiyou {
	margin:0.3em 0 0.3em 5%;
	font-size:90%;
}

/* ===========================
見出しと内容
============================*/
* .title {
	font-size:120%;
	font-weight:bold;
	margin-bottom:0.7em;
	border-bottom:1px #ccc dotted;
	padding-bottom:0.2em;
}

* .menu_title {
	margin:0em auto 0.6em;
	font-size:110%;
	font-weight:bold;
	padding:0em;
	text-align:center;
}

.kingaku {
	text-align:center;
	font-size:100%;
}

.menu_naiyou {
	text-align:center;
	margin-bottom:0.4em;
	font-size:100%;
}

.com { clear:both; }

/* ===========================
flexbox
============================*/

/*　均等並び　*/
.fb_div {
	width:100%;
	margin:0.7em auto 0.5em;
	text-align:left;
	display: flex;
 align-items: flex-start;
	justify-content: space-between;
  align-items: stretch;
	flex-wrap: wrap;
}

/*　中央寄せ　*/
.fb_div_center {
	width:100%;
	margin:0.7em auto 0.5em;
	text-align:center;
	display: flex;
 align-items: flex-start;
justify-content: center;
  align-items: stretch;
	flex-wrap: wrap;
}

/*　左寄せ（普通？）　*/
.fb_div_left {
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	display: flex;
justify-content: flex-start;
  align-items: stretch;
}



/*　　*/
#news02 { clear:both;
	max-width:1200px;
	background:#e7fcda;
	margin:1em auto;
	padding:0.5em 0 1em;
}	
	
#news_box02 {
	width:90%;
	max-width:1000px;
	padding:0 0 1em 0;
	margin:0 auto;
}	


.news_div {
	height:21em;
	overflow-y: auto;
}

.news_div li { margin:0; padding:0; }

.news_list {
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	display: flex;
justify-content: flex-start;
  align-items: stretch;
}

.news_date {
	margin:0 0.5em 0 0;
	padding: 0;
	font-size:90%;
}
.news_naiyou {
	margin:0;
	padding: 0;
}


.news_list * {
	vertical-align: top;
}

.fb_div * img, .fb_div_center * img, .fb_div_left * img {
	width:100%;
	margin-bottom:8px;
}


.col_12p12 {
	width:100%;
	margin:1em 0em 0.6em;
	padding:2%;
}
	
.col_1p12, .col_2p12, .col_3p12, .col_4p12, .col_5p12, .col_6p12, .col_7p12, .col_8p12, .col_9p12, .col_10p12, .col_11p12, .col_12p12
{ margin-top:0.7em; margin-bottom:0.7em; padding:0.3em; }

.photo_1, .photo_2, .photo_3, .photo_4, .photo_5, .photo_6, .photo_7, .photo_8, .photo_9, .photo_10
{ margin-top:0.3em; margin-bottom:0.3em; padding:0.5em; }

.col_12p12 {
	width:100%;
	margin:1em 0em 0.6em;
	padding:2%;
}
	
.photo_1 img, .photo_2 img, .photo_3 img, .photo_4 img, .photo_5 img, .photo_6 img, .photo_7 img, .photo_8 img, .photo_9 img, .photo_10 img 
{ box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2); }

.col_12p12 { width:100%; }	/* 12分の12 */
.col_11p12 { width:90.5%; }	/* 12分の11 */
.col_10p12 { width:82%; }		/* 12分の10 */
.col_9p12 { width:73.8%; }	/* 12分の9 */
.col_8p12 { width:65.6%; }	/* 12分の8 */
.col_7p12 { width:57.4%; }	/* 12分の7 */
.col_6p12 { width:49.2%; }	/* 12分の6 半分 */
.col_5p12 { width:41.0%; }	/* 12分の5 */
.col_4p12 { width:32.8%; }	/* 12分の4 3分割 */
.col_3p12 { width:24.6%; }	/* 12分の3 4分割 */
.col_2p12 { width:16.4%; }	/* 12分の2 6分割 */
.col_1p12 { width:8.2%; }		/* 12分の1 12分割 */

.photo_1 { width:100%; }	/* 1枚 */
.photo_2 { width:49.7%; }	/* 2枚 */
.photo_3 { width:33.2%; }	/* 3枚 */
.photo_4 { width:24.8%; }	/* 4枚 */
.photo_5 { width:19.8%; }	/* 5枚 */
.photo_6 { width:15.8%; }	/* 6枚 */
.photo_7 { width:13.8%; }	/* 7枚 */
.photo_8 { width:12.3%; }	/* 8枚 */
.photo_9 { width:11%; }		/* 9枚 */
.photo_10 { width:9.7%; }	/* 10枚 */

.bk_white {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
	padding:15px;
}

/* ===========================
リスト
============================*/
/* リストタグ用 */
* .ol_lst, * .ul_lst { margin:0.5em 2em 0.5em 1.7em; }
* .ol_lst li, * .ul_lst li { margin-bottom:0.3em; line-height:1.3em; }
* .ol_lst li, * .ul_lst li .ol_lst li { list-style-type:decimal; }
* .ul_lst li, * .ol_lst li .ul_lst li { list-style-type:disc; }

/* リストタグを使わないとき用 */
* .txt_list { margin-left:1em; text-indent:-1em; margin-bottom:0.4em; line-height:1.4em; }
* .txt_list * { text-indent:0; }

* .list_naiyou { margin-left:1em; }

/* ===========================
ボタン
============================*/
	
/* a タグ入れるブロックの設定  */
.btn_div { margin-top:1em; margin-bottom:1em; }

/* a タグ入れるブロック内の a タグの設定  */
.fb_div a, .btn_div a, .fb_div a:link, .btn_div a:link, .fb_div a:visited, .btn_div a:visited,
.fb_div_center a, .fb_div_center a, .fb_div_center a:link, .fb_div_center a:link, .fb_div_center a:visited, .fb_div_center a:visited,
.fb_div_left a, .fb_div_left a, .fb_div_left a:link, .fb_div_left a:link, .fb_div_left a:visited, .fb_div_left a:visited {
	text-decoration:none;
	text-align:center;
}

/* ボタン形状 */
.btn_ll, .btn_l, .btn_m, .btn_s, .btn_ss {
	margin:0;
    border-radius: 10px;
}

/* ボタン大きさ */
.btn_ll { padding:1em; font-size:140%; border-radius: 12px; font-weight: bold; }
.btn_l { padding:1em; font-size:130%; border-radius: 10px; font-weight: bold; }
.btn_m { padding:0.7em; font-size:120%; border-radius: 7px; font-weight:normal; }
.btn_s { padding:0.3em 0.5em; font-size:105%; border-radius: 5x; font-weight:normal; }
.btn_ss { padding:0.2em 0.5em; font-size:100%; border-radius: 3x; font-weight:normal; }

/* ボタンスタイル */
.btn_blk { display:block; }
.btn_inblk { display:inline-block; margin-left:0.2em; margin-right:0.2em; }

/* ボタン色 */
.btn_blue, .btn_blue:link, .btn_blue:visited { background-color:#0E2374; color:#fff; }
.btn_blue:hover { background-color:#0936C4; color:#fff; }

.btn_lightblue, .btn_lightblue:link, .btn_lightblue:visited { background-color:#00797F; color:#fff; }
.btn_lightblue:hover { background-color:#38B5B0; color:#001E21; }

.btn_green, .btn_green:link, .btn_green:visited { background-color:#1B421A; color:#fff; }
.btn_green:hover { background-color:#4C9443; color:#fff; }

.btn_lightgreen, .btn_lightgreen:link, .btn_lightgreen:visited { background-color:#20721E; color:#fff; }
.btn_lightgreen:hover { background-color:#5FC053; color:#001200; }

.btn_red, .btn_red:link, .btn_red:visited { background-color:#730606; color:#fff; }
.btn_red:hover { background-color:#B41818; color:#fff; }

.btn_lightred, .btn_lightred:link, .btn_lightred:visited { background-color:#AA1919; color:#fff; }
.btn_lightred:hover { background-color:#FF7F7F; color:#1B0000; }

.btn_pink, .btn_pink:link, .btn_pink:visited { background-color:#D34560; color:#FFFFFF; }
.btn_pink:hover { background-color:#E590A0; color:#1E0008; }

.btn_orange, .btn_orange:link, .btn_orange:visited { background-color:#D84900; color:#ffff; }
.btn_orange:hover { background-color:#FF6A27; color:#fff; }

.btn_yellow, .btn_yellow:link, .btn_yellow:visited { background-color:#D1A900; color:#ffff; }
.btn_yellow:hover { background-color:#E5C749; color:#2B2000; }

.btn_purple, .btn_purple:link, .btn_purple:visited { background-color:#351864; color:#ffff; }
.btn_purple:hover { background-color:#6D4AC1; color:#fff; }

.btn_gold, .btn_gold:link, .btn_gold:visited { background-color:#7F6F29; color:#fff; }
.btn_gold:hover { background-color:#D0CD7D; color:#413104; }

.btn_brown, .btn_brown:link, .btn_brown:visited { background-color:#372216; color:#fff; }
.btn_brown:hover { background-color:#563621; color:#fff; }

.btn_gray, .btn_gray:link, .btn_gray:visited { background-color:#323232; color:#fff; }
.btn_gray:hover { background-color:#ABABAB; color:#000; }

.btn_white, .btn_white:link, .btn_white:visited { background-color:#eeeeee; color:#373737; }
.btn_white:hover { background-color:#CD585A; color:#fff; }


/* ===========================
YOU TUBE
============================*/
.youtube {
	position:relative;
	width: 100%;
	max-width: 960px;	/* 最大幅を設定するとき指定 */
	margin:0px auto;
}

/* 最大幅を設定するとき指定 */
.youtube::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

/* 幅いっぱい・最大幅設定時　共通 */
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width:100% !important;
	height:100% !important;
}


/* ===========================
企画ページ
============================*/
.catch {
	font-family: 'Noto Serif JP', sans-serif;
	font-size:140%;
	text-align:center;
	line-height:160%;
	border-top-style: dotted;
	border-top-width: 2px;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	padding:0.5em 1em;
	font-weight:bold;
}



/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/* タブレットサイズ？*/

@media all and (min-width:641px) and (max-width:919px){
/*-----------------------------------------------*/

	.col_1p12, .col_2p12, .col_3p12, .col_4p12, .col_5p12, .col_6p12, .col_7p12, .col_8p12, .col_9p12, .col_10p12, .col_11p12, .col_12p12
	{ margin-top:0.6em; margin-bottom:0.6em; padding:0.2em; }
		
	.photo_4 { width:49.8%; }
	.photo_5, .photo_6 { width:33.2%; }
	.photo_7, .photo_8 { width:24.6%; }
	.photo_9, .photo_10 { width:16.4%; }

	
/*-----------------------------------------------*/
}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/* スマホサイズ？*/

@media all and (max-width:640px){
/*-----------------------------------------------*/

	.col_1p12, .col_2p12, .col_3p12, .col_4p12, .col_5p12, .col_6p12, .col_7p12, .col_8p12, .col_9p12, .col_10p12, .col_11p12, .col_12p12
	{ margin-top:0.5em; margin-bottom:0.5em; padding:0.1em; width:100%; }

	.photo_2, .photo_3, .photo_4 { width:100%; }
	.photo_5, .photo_6, .photo_7 { width:49.8%; }
	.photo_8, .photo_9, .photo_10 { width:33.2%; }

/*-----------------------------------------------*/
}

/*float*/
.f_left{float:left;}
.f_right{float:right;}
.flex_aitem_top{align-items:flex-start;}
.flex_aitem_center{align-items:center;}
.flex_aitem_bottom{align-items:baseline;}
.flex_bottom20 li,.flex_bottom20 dt,.flex_bottom20 dd{margin-bottom:20px;}
.flex_bottom30 li,.flex_bottom30 dt,.flex_bottom30 dd{margin-bottom:30px;}
.flex_bottom40 li,.flex_bottom40 dt,.flex_bottom40 dd{margin-bottom:40px;}
.flex_bottom50 li,.flex_bottom50 dt,.flex_bottom50 dd{margin-bottom:50px;}
.flex_wrap{flex-wrap:wrap;flex-grow:1;}
.flex_jc_sb{justify-content:space-between;}
.flex_jc_sa{justify-content:space-around;}
.flex_jc_center{justify-content:center;}
.flex_jc_start{justify-content:flex-start;}
	.flex{display:flex;}
@media screen and (min-width:1000px){
	.flex2{display:flex;}.flex2 li{width:46%;}
	.flex2_dl{display:flex;}.flex2_dl dt,.flex2_dl dd{width:48.5%;}
	.flex2_narrow{display:flex;}.flex2_narrow li{width:50%;}
	.flex2_64{display:flex;}.flex2_64 dt{width:58%;}.flex2_64 dd{width:38%;}
	.flex2_73{display:flex;}.flex2_73 dt{width:70%;}.flex2_73 dd{width:28%;}
	.flex2_82{display:flex;}.flex2_82 dt{width:80%;}.flex2_82 dd{width:18%;}
	.flex3{display:flex;}.flex3 li,.flex3 dd{width:32%;}
	.flex3_dl{display:flex;}.flex3_dl dt,.flex3_dl dd{width:32%;}
	.flex4{display:flex;}.flex4 li{width:23%;}
	.flex5{display:flex;}.flex5 li{width:18%;}
}
@media screen and (max-width:999px){
	.flex_sp{display:flex;}
	.flex2_sp{display:flex;}.flex2_sp li,.flex2_sp dt,.flex2_sp dd{width:48.5%;}
	.flex3_sp{display:flex;}.flex3_sp li,.flex3_sp dt,.flex3_sp dd{width:32%;}
	.flex100_sp{display:flex;}.flex100_sp li,.flex100_sp dt,.flex100_sp dd{width:100%;}
}

/*display*/
.dis_block{display:block;}
.dis_inblock{display:inline-block;}
.dis_none{display:none;}
@media screen and (min-width:1150px){
	.dis_none_wide{display:none;}
}
@media screen and (max-width:1149px){
	.dis_none_sp{display:none;}
	.dis_block_sp{display:block;}
}

/* 切り花 販売 関連 */
.kiribana_hanbai_div { border-width: thick; border-style: solid; padding:1.5em; margin-bottom:5em; }
.kiribana_hanbai_ttl { font-size:160%; font-weight:bold; padding:0.5em 1em 0.3em; line-height:180%; margin-bottom:1em; text-align:center; }
.kiribana_hanbai_catch { font-size:140%; font-weight:bold; }
.kiribana_hanbai_ttl, .kiribana_hanbai_catch { letter-spacing: 2px; }
.kiribana_exp { border-width:thin; border-style: solid; padding:1em; font-weight:bold; font-size:130%; text-shadow: 0px 1px 4px #fff, 0px -1px 4px #fff, 1px 0px 4px #fff, -1px 0px 4px #fff; }
.kiribana_hanbai_div img { border-width: thin; border-style: solid; }
.kiribana_hanbai_div .uchiwake { margin:1em 0 0; border-width: thin; border-top-style: dotted; padding-top:1em; font-size:80%; }


/* お盆　切り花 */
.kiribana_hanbai_div.obon { background-image: linear-gradient(360deg, #ffffff, #9082e9); }
.kiribana_hanbai_div.obon, .kiribana_hanbai_div.obon .kiribana_exp, .kiribana_hanbai_div.obon img, .kiribana_hanbai_div.obon .uchiwake { border-color:#639; }
.kiribana_hanbai_div.obon .kiribana_exp { border-color:#639; background: rgba(255,255,255,0.4); }
.kiribana_hanbai_div.obon .kiribana_hanbai_ttl, .kiribana_hanbai_div.obon .kiribana_hanbai_catch { color:#fff; text-shadow: 0px 1px 4px #000, 0px -1px 4px #000, 1px 0px 4px #000, -1px 0px 4px #000; }
.kiribana_hanbai_div.obon .kiribana_hanbai_ttl { background:#639; }

/* 春の彼岸　切り花 */
.kiribana_hanbai_div.haru_higan { background-image: linear-gradient(360deg, #ffffff, #fab0c5); }
.kiribana_hanbai_div.haru_higan, .kiribana_hanbai_div.haru_higan .kiribana_exp, .kiribana_hanbai_div.haru_higan img, .kiribana_hanbai_div.haru_higan .uchiwake { border-color:#d75c7f; }
;
.kiribana_hanbai_div.haru_higan .kiribana_exp { border-color:#d75c7f; background: rgba(255,255,255,0.4); }
.kiribana_hanbai_div.haru_higan .kiribana_hanbai_ttl, .kiribana_hanbai_div.haru_higan .kiribana_hanbai_catch { color:#000; text-shadow: 0px 1px 4px #fff, 0px -1px 4px #fff, 1px 0px 4px #fff, -1px 0px 4px #fff; }
.kiribana_hanbai_div.haru_higan .kiribana_hanbai_ttl { background:#d75c7f; }


/* 秋の彼岸　切り花 */
.kiribana_hanbai_div.aki_higan { background-image: linear-gradient(360deg, #ffffff, #de7e47); }
.kiribana_hanbai_div.aki_higan, .kiribana_hanbai_div.aki_higan .kiribana_exp, .kiribana_hanbai_divaki_higan img, .kiribana_hanbai_divaki_higan .uchiwake { border-color:#563726; }
.kiribana_hanbai_div.aki_higan .kiribana_exp { border-color:#563726; background: rgba(255,255,255,0.4); }
.kiribana_hanbai_div.aki_higan .kiribana_hanbai_ttl, .kiribana_hanbai_div.aki_higan .kiribana_hanbai_catch { color:#fff; text-shadow: 0px 1px 4px #000, 0px -1px 4px #000, 1px 0px 4px #000, -1px 0px 4px #000; }
.kiribana_hanbai_div.aki_higan .kiribana_hanbai_ttl { background:#563726; }

/* 正月　切り花 */
.kiribana_hanbai_div.shougatsu { background-image: linear-gradient(360deg, #ffffff, #f3e6b1); }
.kiribana_hanbai_div.shougatsu, .kiribana_hanbai_div.shougatsu .kiribana_exp, .kiribana_hanbai_div.shougatsu img, .kiribana_hanbai_div.shougatsu .uchiwake { border-color:#e1af19; }
.kiribana_hanbai_div.shougatsu .kiribana_exp { border-color:#e1af19; background: rgba(255,255,255,0.4); }
.kiribana_hanbai_div.shougatsu .kiribana_hanbai_ttl, .kiribana_hanbai_div.shougatsu .kiribana_hanbai_catch { color:#000; text-shadow: 0px 1px 4px #fff, 0px -1px 4px #fff, 1px 0px 4px #fff, -1px 0px 4px #fff; }
.kiribana_hanbai_div.shougatsu .kiribana_hanbai_ttl { background:#e1af19; }