@charset "utf-8";
html, body, .event_flower div, .event_flower span, .event_flower object, .event_flower iframe, .event_flower h1, .event_flower h2, .event_flower h3, .event_flower h4, .event_flower h5, .event_flower h6, .event_flower p,
.event_flower blockquote, .event_flower pre, .event_flower abbr, .event_flower address, .event_flower cite, .event_flower code, .event_flower del, .event_flower dfn, .event_flower em, .event_flower img, .event_flower ins, .event_flower kbd, .event_flower q, .event_flower samp, .event_flower small, .event_flower strong,
.event_flower sub, .event_flower sup, .event_flower var, .event_flower b, .event_flower i, .event_flower dl, .event_flower dt, .event_flower dd, .event_flower ol, .event_flower ul, .event_flower li,
.event_flower fieldset, .event_flower form, .event_flower label, .event_flower legend, .event_flower table, .event_flower caption, .event_flower tbody, .event_flower tfoot, .event_flower thead, .event_flower tr,
.event_flower th, .event_flower td, .event_flower article, .event_flower aside, .event_flower canvas, .event_flower details, .event_flower figcaption, .event_flower figure, .event_flower footer, .event_flower header,
.event_flower hgroup, .event_flower menu, .event_flower nav, .event_flower section, .event_flower summary, .event_flower time, .event_flower mark, .event_flower audio, .event_flower video {
	font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'serif';
	color:#707070;
	margin: auto;
}
img{
	width: 100%;
  max-width:100%;
}
.event_flower a{
  text-decoration: none;
  color:#A41C1C;
  transition: 0.3s;
}
.event_flower a:hover{
  opacity: 0.60;
  transition: 0.3s;
}
.event_flower p{
  line-height: 2em;
  font-size:15px;
	margin: 1em auto;
}
@media screen and (max-width: 767px){
  .event_flower p{
    font-size: 14px;
  }
}
.event_flower ul{
  padding:0;
	margin: 1em auto;
}
.event_flower ul li{
  list-style: none;
}

.wrapper.event_flower{
	font-size:15px;
	letter-spacing: 0.1em;
	border-right:solid 30px #B09978;
	border-left:solid 30px #B09978;
  padding-bottom: 45px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
@media screen and (max-width: 767px){
  .wrapper.event_flower {
		border-right:solid 10px #B09978;
		border-left:solid 10px #B09978;
		letter-spacing: 0.03em;
  }
}
.event_flower .container{
  max-width:1080px;
  margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.event_flower .contents{
  margin-top:45px;
}

/* header */
.event_flower .header{
	position: relative;
	overflow: hidden;
  background-image: url('../img/header_img.jpg');
  background-size:cover;
  margin-bottom:45px;
  background-position: center;
  text-align: center;
	width: 100%;
	height: auto;
}

@media screen and (min-width: 1100px){
  .event_flower .header{
    background-image: url('../img/header_img.jpg');
    background-position: left center;
    background-size: 90% auto;
    background-repeat: no-repeat;
    margin-bottom:3%;
    text-align: right;
  }
	.event_flower .header:after {
		content: "";
		display: block;
		clear: both;
	}
}

.event_flower .header h1 {
  color:#fff;
	font-size: 2em;
  text-align:center;
  background-color: rgba(0,0,0,0.7);
  padding: 40px;
  margin: 80px 0px;
  line-height: 1.5em;
  letter-spacing: 0.2em;
  font-weight: normal;
}
.event_flower .header h1 span{
	color:#fff;
  border-bottom:solid 1px #fff;
}
@media screen and (min-width: 1101px){
	.event_flower .header h1 {
		float: right;
		font-size: 2.5em;
	}
	.event_flower .header h1 span {
		font-size: 0.8em;
	}
}
@media screen and (max-width: 767px){
  .event_flower .header h1{
		display: inline-block;
		padding: 40px 10px;
    letter-spacing: 0.05em;
    font-size: 20px;
  }
	.event_flower .header h1 span {
		font-size: 0.8em;
	}
}
@media screen and (max-width: 375px){
  .event_flower .header h1{
    padding: 20px;
    font-size: 14px;
  }
}
.event_flower .header h1.sub_title {
	position: absolute;
	bottom: 0;
	left: 0;
  background-color: transparent;
  margin:0px;
  padding:0px;
  display: block;
  text-align: left;
  text-indent: 0.5em;
  line-height: 0.7em;
	/* font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN','Meiryo','メイリオ','MS PGothic', 'sans-serif'; */
}
@media screen and (max-width: 1100px){
  .event_flower .header h1.sub_title {
		right: 0;
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 375px){
	.event_flower .header h1.sub_title { font-size: 18px; }
}

.event_flower h2 {
  background: -moz-linear-gradient(transparent 30%, #F7F6F2 0%);
  background: -webkit-linear-gradient(transparent 30%, #F7F6F2 0%);
  background: linear-gradient(transparent 30%, #F7F6F2 0%);
	color:#707070;
  /* font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'serif'; */
  font-weight:normal;
  max-width:1080px;
  margin:25px auto;
  padding: 0px 9px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px){
  .event_flower h2{
    font-size: 16px;
    width:100%;
  }
}
.event_flower h3{
  text-align: center;
  font-size: 24px;
  font-weight:normal;
  color:#A41C1C;
  /* font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'serif'; */
	margin: 1em auto;
}
@media screen and (max-width: 767px){
  .event_flower h3{
    font-size: 16px;
  }
}
.event_flower h4{
  font-size: 24px;
  font-weight: normal;
  margin:0px;
}
@media screen and (max-width: 767px){
  .event_flower h4{
    margin:0px;
    font-size: 20px;
  }
}
.event_flower h5{
  font-size: 18px;
  font-weight: normal;
	margin: 1.67em auto;
}
@media screen and (max-width: 767px){
  .event_flower h5{
    font-size:14px;
  }
}
.event_flower h6{
  color:#A41C1C;
  font-size:15px;
  font-weight: normal;
	margin: 1em auto;
}
@media screen and (max-width: 767px){
  .event_flower h6{
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
  }
}

/*イベント・式典祝花おまとめサービス「Event Flower Service　」とは*/
.event_flower .about section{
  border: 1px solid #B09978;
  padding:20px;
  margin:0 auto;
  box-sizing: border-box;
  background-color: #fff;
	text-align:left;
}
.event_flower .about {
	max-width: 1080px;
	padding: 0 10px;
}
@media only screen and (max-width: 767px) {
	.event_flower .about {
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	.event_flower .about section{
    width: 100%;
    position: relative;
    z-index: 1;
	}
  .event_flower .about section:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    background: #fff;
    z-index: -1;
    top: 0;
    left: -10px;
    right: -10px;
    bottom: 0;
  }
}
/*お問い合わせ*/
.event_flower .contact{
  border:solid 1px #707070;
  padding:20px;
  text-align: center;
}
.event_flower .contact p{
  color:#9C9C9C;
  margin: 5px;
}
.event_flower .contact h4 a{
  color:#707070;
}
.event_flower a.btn{
  color:#fff;
  background-color: #A41C1C;
  margin: 20px 0;
  padding: 20px;
  display: inline-block;
}

@media screen and (max-width: 767px){
  .event_flower .contact{
    padding:10px;
  }
  .event_flower a.btn{
    display: block;
  }
}
.event_flower .partition {
  margin-top:45px;
}

/*イベント・式典におけるお客様のお困り事とは*/
.event_flower ul.circle li{
  position: relative;
  width:24%;
  display: inline-block;
}
.event_flower ul.circle li .bg{
  width:240px;
  height:240px;
  border-radius: 50%;
  background-color: #B09978;
  position: relative;
  margin:auto;
}
@media screen and (max-width: 1520px){
  .event_flower ul.circle li{
    width:24%;
  }
  .event_flower ul.circle li .bg{
    width:175px;
    height:175px;
  }
  .event_flower ul.circle li p{
    font-size:13px;
    line-height: 1.5em;
    top: 45%;
  }
}
@media screen and (max-width: 1110px){
  .event_flower ul.circle li{
    width:48%;
    margin-bottom:20px;
  }
  .event_flower ul.circle li .bg{
    width:175px;
    height:175px;
  }
  .event_flower ul.circle li p{
    font-size:13px;
    line-height: 1.5em;
    top: 45%;
  }
}
@media screen and (max-width: 375px){
  .event_flower ul.circle li{
    width:100%;
    margin-bottom:20px;
  }
  .event_flower ul.circle li .bg{
    width:260px;
    height:260px;
  }
  .event_flower ul.circle li p{
    font-size:15px;
    line-height: 2em;
    top: 45%;
  }
}
.event_flower ul.circle li p{
  color:#fff;
  position: absolute;
  left: 0;
  top: 50%;
  padding:20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
  letter-spacing: 0em;
  margin:auto;
}


/*イベント・式典祝花おまとめサービス「okurimono EventFlowerService」ができること*/

.event_flower ul.possible li{
  display: inline-block;
  vertical-align: top;
  width:45%;
  padding: 2%;
}

@media screen and (max-width: 767px){
  .event_flower ul.possible li {
    width: 100%;
    padding: 2% 0px;
  }
}

/*okurimono EventFlowerServiceなら全て無料！*/
.event_flower .action h4{
	display: inline-block;
  border-bottom:solid 1px #707070;
	line-height: 1em;
	padding: 0px 15px;
	margin-bottom:2%;
}
.event_flower .action h3{
  font-size:60px;
	margin:0;
}
.event_flower .action img{
  width:100px;
}
.event_flower .action{
  margin:45px auto;
  text-align: center;
}
.event_flower .action li{
  display: inline-block;
}
.event_flower .action ul{
  font-size:0;
}
@media screen and (max-width: 767px){
  .event_flower .action h3{
    margin:0;
		font-size: 40px;
  }
	.event_flower .action img{
	  width:70px;;
	}
	.event_flower .action h4{
		font-size: 17px;
	}
}
@media screen and (max-width: 360px){
	.event_flower .action h3{
    margin:0;
		font-size: 32px;
  }
	.event_flower .action h4{
		font-size: 14px;
	}
  }

/*実施事例*/
.event_flower .example .item{
  margin-bottom:45px;
}
.event_flower .text_box{
  background-color: rgba(255,255,255,0.8);
  width:55%;
  margin-left: auto;
  margin-right: 1%;
}
@media screen and (max-width: 767px){
  .event_flower .text_box {
    width: 98%;
    margin-top: 25%;
  }
}
.event_flower .example .item::after{
  content: "";
  clear: both;
  display: table;
}
.event_flower .bg_01{
  background-image: url('../img/example_01.jpg');
  background-size:cover;
  background-position: left;
}
.event_flower .bg_02{
  background-image: url('../img/example_02.jpg');
  background-size:cover;
  background-position: center;
}
.event_flower .bg_03{
  background-image: url('../img/example_03.jpg');
    background-size:cover;
    background-position: center;
}
.event_flower .example h3{
  color:#fff;
  font-size: 20px;
  padding:10px;
  text-align: left;
  background-color:#B09978;
  margin:0;
}
.event_flower .example p{
padding:30px;
box-sizing:border-box;
min-height:210px;
}
@media screen and (max-width: 767px){
  .event_flower .example h3{
    font-size:16px;
  }
  .event_flower .example p{
    padding:10px;
    min-height:140px;
  }
}

/*イベント専用注文ページイメージ*/
.event_page{
  margin-top:25px;
}
@media screen and (min-width: 768px){
  .event_page p{
    margin-top: 0;
		margin-bottom: 1em;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px){
	.event_page img{
	  width:226px;
	  float:left;
	  padding-right:45px;
	}
}
@media screen and (max-width: 767px){
  .event_page img{
    width: 50%;
    display: block;
    margin: 0 auto;
  }
}

/*イベント当日までの流れ*/
.event_flower .step img{
  margin-bottom:2%;
}

header.visible_pc { overflow: hidden; }

.visible_pc { display: none; }
.visible_sp { display: none; }
@media only screen and (min-width: 768px) {
  .visible_pc { display: block; }
}
@media only screen and (max-width: 767px) {
  .visible_sp { display: block; }
}