/*
Theme Name: Himawari Seika
Version: 0.1
Template: twentyseventeen
*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&display=swap');

html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea {
  font-family: serif;
}
body, h1, h2, h3, p {
	/*color: #212529;*/
  /*color: #263309;*/
}

html, .site-content-contain {
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	background-image: url(./images/back-img.jpg);
	background-attachment: fixed;
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 1.8rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.mw100{
	max-width: 100%;
}
.r-5{
	border-radius: 5px;
}
img {
  border-radius: 5px;
}
.img-zoom {
	cursor: pointer;
	max-width: 125px;
	overflow: visible;
	width: 100%;
}

/* 見出しh2 */
.entry-content h2 {
	border-left: 8px solid #65cd4c;
	padding: 0 0 0 15px ;
	line-height: 1.8;
	font-size: 20px;
	font-size: 1.8rem;
  background-color: #ffffff;
  background: linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
}

/* 見出しh3 */
.entry-content h3 {
	padding: 0 0 0 0px ;
	line-height: 1.5;
	font-size: 18px;
	font-size: 1.125rem;
	/*border-bottom: solid 2px black;*/
  box-shadow:0px -6px 5px -5px #9cfc92 inset,0px 8px 4px -8px #9cfc92;
}

.entry-content a img, .comment-content a img, .widget a img {
	box-shadow: none;
}

/* Hover effects */
/*リンクとリンクホバーの黒い線を消す　親のL1187~*/
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #F00;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.single-featured-image-header {
	background: #f7caeb;
	background: linear-gradient(45deg,  #f7caeb 0%,#f9f6d4 28%,#dbf9ff 63%,#d7fcd6 100%);
  background-image: url(./images/sunflowers-3721718.png);
  background-repeat: repeat;
  background-position: center;
  background-blend-mode: overlay;
  background-size: cover;
}
/*----------------------------------------------------------------
メニューの調整・背景色などの変更？？？
https://north-market.com/design/twenty-seventeen-custom/2-15/
----------------------------------------------------------------*/
.main-navigation a {
	padding: 0.8rem 0.75rem; /* 左が上下の高さ・右が間隔の調節 */
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
	color: #f0f;
	font-size: 1.125rem;
	/*background-color: aliceblue;*/
}

/*----------------------------------------------------------------
　スマホ表示でハンバーガーメニューを上部固定
https://north-market.com/design/twenty-seventeen-custom/2-03/
----------------------------------------------------------------*/
@media screen and (max-width: 48em) {
	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}
	.admin-bar .site-navigation-fixed.navigation-top {
		top: 0;
	}

	.menu-main-container {
		max-height: 90vh;
		overflow: hidden auto;
	}
	/*開閉時の幅を広げる*/
	.main-navigation {
	width: 80%;
	}
}
.menu-toggle {
	margin: 1px 2px;
}

/*----------------------------------------------------------------
　グローバルナビと検索窓を横並びに
https://eigo39.com/wordpress/abso-2017/#CSS-2
----------------------------------------------------------------*/
.parallel{
	display:flex;
}
.searchform{
	margin-top:0;
	display:inline-block;
	display:none;
	position:fixed;
	float:right;
	right:1em;
}
.searchform input[type="text"] {
	height:40px;
	font-size: 12px;
	display: inline-block;
	font-weight: 100;
	/*border:none;*/
	outline:none;
	padding:0px;
	padding-right: 30px;
	width:0px;
	position: absolute;
	top:0;
	right:0;
	background:none;
	z-index: 3;
	transition: width .6s cubic-bezier(0.000,0.795,0.000,1.000);
	cursor:pointer;
}
.searchform input[type="text"]:focus{
	width: 15em;
	color: #000;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1;
	border-bottom: 1px solid #fff
}
::placeholder{
	color:#aaa;
}
.searchform button[type=submit] {
	background: rgba(0, 0, 0, 0);
	border-radius: 3px;
	text-align: center;
	height: 40px;
	width: 5px;
	pointer-events: none
}
/*虫眼鏡アイコン*/
.fa-magnifying-glass{
	position:relative;
	top: 0;
	right: -5px;
	color: #000;
}

/*----------------------------------------------------------------
footer装飾
----------------------------------------------------------------*/
.site-info, .footer-navigation {
	width: 100%;
	text-align: center;
}
.footer-nav-links-menu li{
	display: inline;
	padding: 0px 8px;
}
.footer-nav-links-menu li:hover {
	border-bottom: none;/*solid #000;*/
}
@media screen and (max-width: 48em){
  .site-footer {
    margin-bottom: 0;
    padding-bottom: 10em;
  }
}

/*----------------------------------------------------------------
front_page装飾
----------------------------------------------------------------*/
@media screen and (min-width: 48em) {
	.background-fixed .panel-image {
		height: 25vh/*500px;*/
	}
}

.more-link {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  outline: 0;
  overflow: hidden;
  color: #fff;
  background: #f0f;
  border-radius: 8px;
  box-shadow: 0 0 0 5px #f0f, 0 2px 3px 5px rgba(0,0,0,0.5)!important;
  border: 2px dashed #fff;
  padding: .5em 1em;
  width: 50%;
  margin: 0 auto 1em;
}

.more-link::before {
  content: "";
  display: block;
  margin-top: 0!important;
  
  position: absolute;
  top: 0;
  left: -75%;
  /*キラッと光る形状*/
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);

}

/*hoverした際の移動のアニメーション*/
.more-link:hover::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.more-link::after {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(./images/mitubati.png);
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
a.more-link:hover {
  color:#FF0;
  text-decoration: underline;
}
.panel-image:before {
	background: linear-gradient(to bottom, rgba(0,0,0,0) 80%,rgba(0,0,0,0.1) 100%);
}
/*----------------------------------------------------------------
ページタイトル装飾
----------------------------------------------------------------*/
.entry-header h2.entry-title, .entry-header h1.entry-title {
	font-family: 'Shippori Mincho', serif;
	font-weight: 700;
  text-align: center;
	background-size: 5% 0.5em;
	position: relative;
	background-position: bottom;
	background-repeat: repeat-x;
	padding:0 0.5em;
	/*background-image: radial-gradient(0.2em 0.1em at center center, rgba(68, 234, 83, 1), rgba(68, 234, 83, 0)), radial-gradient(0.4em 0.1em at center center, rgba(68, 234, 83, 1), rgba(68, 234, 83, 0)), radial-gradient(0.7em 0.1em at center center, rgba(68, 234, 83, 1), rgba(68, 234, 83, 0)), radial-gradient(7.1em 0.1em at center center, rgba(68, 234, 83, 1), rgba(68, 234, 83, 0))*/
  box-shadow:0px -6px 5px -5px #9cfc92 inset,0px 8px 4px -8px #9cfc92;
	}
  .entry-header h2.entry-title::before, .entry-header h1.entry-title::before{
	content:"";
	width:50px;
	height:42px;
	display:inline-block;
  background:url(images/entry-title-floral_left.png) no-repeat center center / 100%;
  vertical-align: middle;
}
				
.entry-header h2.entry-title::after, .entry-header h1.entry-title::after{
	content:"";
	width:50px;
	height:42px;
	display:inline-block;
  background:url(images/entry-title-floral_right.png) no-repeat center center / 100%;
  vertical-align: middle;
}
				
/*.entry-header h2.entry-title::after, .entry-header h1.entry-title::after {
	content: url(./images/h1_flower.png);
	position: absolute;
	right: 0;
	top: -3px;
	}*/
/*.entry-header h2.entry-title::after, .entry-header h1.entry-title::after {
	content: "";
	display: inline-block;
	background: url(./images/h1_flower.png);
	background-size: cover;
	width: 154px;
	height: 50px;
	position: absolute;
	right: 0;
	top: -3px;
	z-index:0;
}*/
.entry-header h2.entry-title::before, .entry-header h1.entry-title::before{
	content:"";
	width:50px;
	height:42px;
	display:inline-block;
  background:url(images/entry-title-floral_left.png) no-repeat center center / 100%;
  vertical-align: middle;
}
				
/*----------------------------------------------------------------
商品紹介用SHOW CASE
----------------------------------------------------------------*/
.show_case01 {
	width: 100%;/* 紙の横幅 100%にすると全幅表示に */
	padding: 15px;
	margin: 2em auto;
	background: #FFF;/*#f7f092;/* 紙の色 */
	color: #000;/* 文字色 */
	box-shadow: 4px 4px 4px rgba(0,0,0,0.03);transform:rotate(2deg);
	word-break: break-all;
}
.show_case01 p {
	margin: 0; 
	padding: 0;
	font-size: 0.9em;
}
.show_case01_tape {
	width: 50%;
	height: 35px;
	margin: -30px auto 0;
	background: #989898;
	transform: rotate(-3deg);
	opacity: 0.1;
}
.show_case01_title {
	text-align: center;
	font-size: 1.8em!important;
	margin-top: 10px!important;
	padding: 0;
	margin-bottom: 0;
	background: transparent!important;
}
.row h2 {
	border-left: none;
	background-color: #FFF;
}
.show_case01_subtitle {
	text-align: center;
	font-size: 0.7em!important;
	margin-bottom: 1em!important;
}
.txt_mkr {
	background-size: 100% 0.8em;
	background-position: bottom;
	background-repeat: repeat-x;
	padding:0 0.5em;
	background-image: linear-gradient(to bottom, rgba(253, 205, 160, 0), rgba(253, 205, 160, 0) 63%, rgba(255, 255, 255, 0.6) 64%, rgba(255, 255, 255, 0.6) 67%, rgba(253, 205, 160, 0) 68%), linear-gradient(to bottom, rgba(253, 205, 160, 0), rgba(253, 205, 160, 0) 55%, rgba(255, 255, 255, 0.5) 56%, rgba(255, 255, 255, 0.5) 60%, rgba(253, 205, 160, 0) 61%), linear-gradient(179deg, rgba(253, 205, 160, 0), rgba(253, 205, 160, 0) 50%, rgba(253, 205, 160, 1) 60%, rgba(253, 205, 160, 1) 99%, rgba(253, 205, 160, 0)), linear-gradient(to bottom, rgba(253, 205, 160, 0), rgba(253, 205, 160, 0) 50%, rgba(253, 205, 160, 1) 60%, rgba(253, 205, 160, 1) 99%, rgba(253, 205, 160, 0))
}

/*----------------------------------------------------------------
　SHOW CASE価格装飾CSS
----------------------------------------------------------------*/
.show_case01_price-box {
	margin-top: 8px;
	border-top: 1px solid #DCDDDD;
	padding-top: 8px;
}
.show_case01_price span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 150%;
	line-height: inherit;
	vertical-align: baseline;
}
.show_case01_price-subprice {
	/*text-align: center;
	font-size: 92%;*/
}

/*----------------------------------------------------------------
　SHOW CASEお問い合せボタン
----------------------------------------------------------------*/
.inquire_btn_outer {
  width: 100%;
}
.inquire_btn {
    /*display : inline-block;*/
    background-image: -webkit-linear-gradient(
      #936A00 0, #BF9427 95%, #936A00 100%
    );
    background-image: linear-gradient(
      #936A00 0, #BF9427 95%, #936A00 100%
    );
    color: #FFFBD5; 
    /*width: 300px;*/
    /*line-height: 66px;*/
    text-align: center;
    font-size: 1rem;
    border-radius: 10px;
    box-shadow: 0 -2px 0 #BF9427;
    /*font-weight: bold;*/
    position: relative;
    overflow: hidden;/*ボタンからはみ出る部分を隠します*/
    line-height: 2.5rem;
    font-family: sans-serif;
    margin: 1rem auto;
    display: block;
    width: 100%;
}
a.inquire_btn {
  color: #FFFBD5;
  text-decoration: none;
}
a.inquire_btn:hover {
  color: #FFFBD5;
  font-weight: bold;
}
.inquire_btn::before {
    content: "";
    background-image: -webkit-linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%, 
      rgba(255,255,255,0.5) 50%, /*透明度を調整して光沢を作ります*/
      rgba(255,255,255,0) 80%
    );
    background-image: linear-gradient(
      130deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,0.5) 50%,
      rgba(255,255,255,0) 80%
    );
    width: 200%;
    height: 200%;
    position: absolute; /*ボタンの左上方向にはみ出させて配置*/
    top: -100%; 
    left: -200%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.inquire_btn:hover::before {
  top: 0%; /*ボタンの右下方向へ移動させます*/
  left: 100%;
}

/*----------------------------------------------------------------
　スマホのメニューの文字背景を透明に
----------------------------------------------------------------*/
.menu-toggle:hover,
.menu-toggle:focus {
background: transparent !important;
outline: none;
					}
					
/*----------------------------------------------------------------
WordPress Twenty Seventeen テーマのページ幅を変更
https://xakuro.com/blog/wordpress/886/
----------------------------------------------------------------*/
@media screen and (min-width: 48em) {
	/* ページの幅 */
	.navigation-top .wrap,
	.wrap {
		max-width: 1300px; /* デフォルトは 1000px */
	}
	/*追記*/
	.single-post:not(.has-sidebar) #primary,
	.page.page-one-column:not(.twentyseventeen-front-page) #primary,
	.archive.page-one-column:not(.has-sidebar) .page-header,
	.archive.page-one-column:not(.has-sidebar) #primary {
	max-width: 100%;
	}
}
/*トップページはmax1200px*/
@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 1200px;
	}
}

/*----------------------------------------------------------------
新着情報
----------------------------------------------------------------*/
.sticky_note {
    background-color: #ffffff;
    background: linear-gradient(to right, rgba(255,255,255,1) 30%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=1 );
    position: relative;
}

.sticky_note::before {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 15px;
    left: 20px;
    width: 90%;
    height: 90%;
    max-width: 300px;
    max-height: 300px;
    -webkit-transform: skew(-3deg, -3deg);
    transform: skew(-3deg, -3deg);
    -webkit-box-shadow: rgb(0 0 0 / 30%) -15px 15px 10px;
    box-shadow: rgb(0 0 0 / 30%) -15px 15px 10px;
}

.news_headline div.sticky_note {
    /*padding: 15px;
    border-left: 10px solid #F0F;
    border-spit: none;*/
}
.news_headline h2.entry-title, .top_access h2.entry-title  {
    padding: 15px;
    border-left: 10px solid #F0F;
    border-spit: none;
    background-image: url(./images/floral-2069810_640-2.png);
    background-repeat: no-repeat;
    background-size: auto;
}


.news_top-page {
	padding-left: 0;
	margin-bottom: 2.5rem;
}
.news-item {
	list-style: none;
	border-bottom: 1px dotted #000;
}
.news-item .news-item__inner {
	max-width: 529px;
	width: 100%;
	margin: 1rem auto;
	display: block;
	justify-content: space-between;
	align-items: center;
	border-bottom: none !important;
	padding-bottom: 0;
}
.news-item .news-item__media {
	max-width: 100%;
	text-align: center;
}
.news-item .news-item__body {
	/*max-width: 413px;*/
	width: 100%;
	margin-left: 0;
}
.news-item .news_item__date {
	margin-top: 0.5rem;
}
.news_item__date span a {
  text-decoration: none;
}
h2.news-item__title span {
	display: inline;
}
@media only screen and (min-width: 48em){/*769px*/
  .news-item .news-item__inner {
	  max-width: 634px;
	  /*width: 100%;
	  margin: 0 auto;*/
	  display: flex;
	  /*justify-content: space-between;
	  align-items: center;
	  border-bottom: none !important;
	  padding-bottom: 0;*/
  }
  .news-item .news-item__media {
	  max-width: 150px;
  }
  .news-item .news-item__body {
	  /*max-width: 413px;*/
	  width: 100%;
	  margin-left: 2rem;
  }
}

/*@media only screen and (min-width: 1200px){*/
	h2.news-item__title {
		font-size: 1.25rem;
		line-height: 1.25rem;
		/*margin-top: 0;*/
		padding: 0;
		border: none;
    border-bottom: #45eb53 2px solid;
		background-color: inherit;
    background: url(./images/h1_flower.png);
    background-size: 25% 100%;/*40% 150%;*/
    background-repeat: no-repeat;
    background-position: right;
  }
  h2.news-item__title a{
    text-decoration: none;
  }
/*}*/

/*----------------------------------------------------------------
トップページアクセスマップ
----------------------------------------------------------------*/
.top_access {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.top-access_box{
  margin-top: 1rem;
}
.gmap_top {
    height: 50vh;
    width: 100%;
}
.gmap_top iframe {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 48em) {
  .top_access {
    margin-bottom: 0;
  }
  .top-access_box{
    display: flex;
  }
  .gmap_top {
    height: 25vh;
    width: 50%;
  }
}
/*----------------------------------------------------------------
新着アイコン設定
----------------------------------------------------------------*/
.entry-icon-new {
	color: #fff;
	padding: 5px;
	font-size: 0.8em;
	background-color: #f00;
	border-radius: 3px;
	margin-left: 5px;
}

/*---------------------------------------------------------------- 
お問い合わせコンタクトフォーム 
----------------------------------------------------------------*/
table.contactform{}
table.contactform th,
table.contactform td{ padding:10px 5px; }
table.contactform th{ width:190px;}

/* table */
table.rwd-480{}
table.rwd-640{}

@media only screen and (max-width:641px){
	table.rwd-640 th{ display:block; padding:10px 0 0 0; border-bottom:none; font-weight:bold; }
	table.rwd-640 td{ display:block; padding:0 0 10px 10px; border-top:none; }
}
@media only screen and (max-width:481px){
	table.rwd-480 th{ display:block; padding:10px 0 0 0; border-bottom:none; font-weight:bold; }
	table.rwd-480 td{ display:block; padding:0 0 10px 10px; border-top:none; }
}

.req{
	float:right;
	color:#FFF;
	font-size:10px;
	padding:0px 5px;
	border-radius:6px;
	font-weight:normal;
	background-color: #F0F;
	}
@media only screen and (max-width:641px){
	.req{ float:none; }
}

/*---------------------------------------------------------------- 
スクロールでコンテンツをふわっと表示 
----------------------------------------------------------------*/
article{
	opacity : 0;
	transition: opacity 4s;
}
 
article.view{
	opacity: 1;
  border: none!important;
}

/*---------------------------------------------------------------- 
ページのTOPへ戻るボタン 
----------------------------------------------------------------*/
.pagetop { 
	cursor: pointer;/*カーソルをリンクを示すポインター(指の形)にする*/
	position: fixed;/*ｳｨﾝﾄﾞｳを基準に固定する*/
	bottom: 20px;/*ｳｨﾝﾄﾞｳのフチからの距離 */
	right: 20px;/*ｳｨﾝﾄﾞｳのフチからの距離 */
	/*background-color: #073507;/*#192826;/*背景色*/
	border-radius: 50%;/*円形にする */
	width: 100px;/*幅 */
	height: 167px;/*高さ*/
	/*font-size: 20px;/*▲の大きさ*/
	line-height: 50px;/*▲を中央に配置するために指定*/
	text-align: center;/*▲を中央に配置 */
	z-index: 1000;
}
a.pagetop {
	color:#fff;
}
.pagetop:hover {
	opacity: 0.5;/*透明度の指定*/
}

/*----------------------------------------------------------------
アクセスページ
----------------------------------------------------------------*/
  .access p{
    margin-bottom: 1.5em;
    padding-bottom: 3rem;
}

@media screen and (min-width: 601px) {
  .access p{
    margin-bottom: 1.5em;
    max-width: 700px;
  }
}

.iframe{
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}

.gmap {
    height: 50vh;
    width:100%;
}
.gmap iframe {
    width: 100%;
    height: 100%;
}

/*----------------------------------------------------------------
今月の誕生花・今日の誕生花
----------------------------------------------------------------*/
.current-box {
  color: rgb(113, 65, 65);
  max-width: 525px;
  width: 100%;
  background-image: url(./images/kiwihug-zGZYQQVmXw0-unsplash1050.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 2px 0px 1px rgba(10,10,10,0.02);
}
.current-box::before {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  background-image: url(./images/flower-deco.png);
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto;
}
.carrent-box_inner {
  padding: 1rem;
}
h1.current-title {
  font-size: 1.0rem;
}
h1.current-title span {
  font-weight: 400;
}
.row h2.current-flower {
  background-color: transparent;
  padding-top: 0;
  color: rgb(113, 65, 65);
}
.current-description::after {
  content: "«花キューピットウェブサイトより引用»";
  font-size: 0.5rem
}
.current-flex {
  display: flex;
  justify-content: space-around;
}