body{
     font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

a{
	color:#3399CC;
}

.small{
	font-size: 70%;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf {
    *zoom: 1;
}

.red{
	color: red;
}

.header_area{
	width: 100%;
	border-top: 3px solid #000;
	border-bottom: 1px solid #CCC;
	height: 64px;
	position: fixed;
    z-index: 1001;
    background: #FFF;
}

.logo{
	float: left;
	width: 50%;
}

.logo img{
	max-width: 150px;
	width: 100%;
	height: auto;
	padding: 12px 0 5px 12px;
}

.header_right{
	float: right;
	width: 50%;
}

.header_reserve{
	width: 61px;
	height: 61px;
	background: #c3ac2f;
	float: right;
	position: relative;
    right: 56px;
}

.header_reserve a {
    font-size: 10px;
    color: #FFF;
    text-align: center;
    display: inline-block;
}

.header_reserve a i.fa.fa-envelope {
    display: inline-block;
    font-size: 30px;
    margin: 6px auto 2px;
}

.drawer-hamburger {
    background: #000 !important;
    padding: 13px 0.75rem 15px !important;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    background-color: #FFF !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: #000 !important;
}

.drawer-nav{
	background: #000;
}

.drawer-menu li{
	border-bottom: 1px solid #333;
}

.drawer-brand{
	color: #fff;
	text-align: center;
	font-size: 16px;
}

.drawer-menu-item{
	font-size: 13px;
	color: #fff;
}

.drawer-menu-item:hover{
	color: #fff;
	text-decoration: none;
}

.drawer-dropdown{
	position: relative;
}

.drawer-dropdown span i{
	display: inline-block;
	position: absolute;
	right: 10px;
	font-size: 24px;
	font-weight: bold;
	z-index: 101;
}

.drawer-dropdown-menu li a{
	padding: 10px 15px;
	background: #333;
	display: block;
	color: #FFF;
	font-size: 12px;
	border-bottom: 1px solid #666;
}

span.menu_txt {
    color: #fff;
    font-size: 12px;
    position: relative;
    top: 10px;
    left: -2px;
}

.contents{
	position: relative;
	top: 64px;
}

/*main_v*/
.main_v{
	background: #CCC;
}

.glide__slide img{
	width: 100%;
	height: auto;
}

/*carousel*/
#owl-carousel {
	margin-bottom: 24px;
	margin-top: 6px;
}

#owl-carousel .item{
  margin: 6px;
  position: relative;
}

#owl-carousel .item img{
  display: block;
  width: 100%;
  height: auto;
}

#owl-carousel .item p{
  display: block;
  width: 100%;
  padding:6px 0;
  background: rgba(256,256,256,0.8);
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 0;
}

#owl-carousel .item a{
	display: block;
	color: #333;
}


/*top_plan*/
.top_plan_area{
	margin-bottom: 48px;
}
.top_plan_area h2{
	margin-bottom: 48px;
	text-align: center;
}
.top_plan_area h2 img{
	max-width: 320px;
	height: auto;
}

.top_plan_box{
	padding: 0 5px;
}

.top_plan_box a{
	float: left;
	width:100%;
	margin-bottom: 24px;
}

.top_plan_box a img{
	width: 100%;
	height: auto;
}

.top_plan_detail img{
	width: 100%;
	height: auto;
	max-width: 320px;
    margin: 0 auto;
    display: block;
}

.top_plan_detail h2{
	margin-bottom: 48px;
	text-align: center;
}

/*link*/
.link_catalog a{
	display: block;
	max-width: 414px;
	width: 100%;
	height: auto;
	margin: 48px auto;
	padding: 0 15px;
	text-align: center;
}

.link_catalog a img{
	max-width: 100%;
	height: auto;
}

.link_item a{
	padding: 12px 0;
	border-radius: 5px;
	background: #000;
	color: #fff;
	text-align: center;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin:0 15px 48px;
}

.link_item a i{
	font-size: 17px;
}

/*footer*/
.footer_area ul{
	width: 100%;
	margin: 12px auto 0;
	border-top:1px solid #CCC;
}

.footer_area ul li{
	list-style: none;
	border-bottom:1px solid #CCC;
}

.footer_area ul li a{
	display: block;
	padding: 15px;
	font-size: 13px;
	color: #333;
}

.footer_area ul li a:hover{
	color: #333;
}

.copy{
	background: #000;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
}

.address{
	background: #EAEAEA;
	padding-bottom: 15px;
}

.address p{
	font-size: 14px;
	font-weight: bold;
	padding: 15px 15px 5px;
}

.address address{
	padding-left: 15px;
	font-size: 13px;
	font-style:normal;
	color: #666;
	line-height: 1.6em;
}

.address address a{
	font-size: 16px;
	color: #666;
	display: inline-block;
	margin-bottom: 10px;
}

/*company*/
.company_area {
	padding: 48px 15px 0;
}

.company_area .vision{
	margin-bottom: 48px;
	text-align: center;
}

.company_area .vision img{
	max-width: 414px;
	height: auto;
	width: 100%;
}

.concept{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
}

.concept_txt{
	margin-bottom: 48px;
}

.concept_txt p{
	font-size: 15px;
	padding:5px 0;
	margin-bottom: 12px;
}

.comapny_img{
	max-width: 414px;
	width: 100%;
	height: auto;
	text-align: center;
	margin:0 auto 48px;
	display:block;
}

.company_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
}

.company_info{
	width: 100%;
}

.company_info tr td{
	padding: 5px;
	font-size: 13px;
}

/*faq*/
.faq_area {
	padding: 24px 15px 0;
}

.faq_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
}

.question_list{
	border-bottom: 1px solid #CCC;
	margin: 24px auto 48px;
}

.question_list a{
	padding: 5px;
	color:#3399CC;
	display: block;
	word-wrap:break-word;
	overflow-wrap : break-word;
	width:100%;
}

.text_q{
	color: #FF3366;
	border-bottom: 1px dotted #CCC;
	margin-top : -70px;
  	padding-top : 70px;
}

.q_l{
	font-size: 20px;
	font-weight: bold;
}

.text_ans{
	font-size: 14px;
	margin-bottom: 48px;
	padding: 5px 0;
	line-height: 1.8em;
}

.a_l{
	font-size: 20px;
	font-weight: bold;
	color: #666;
}

/*voice*/
.voice_area {
	padding: 24px 15px 0;
}

.voice_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
}

.vioice_box{
	margin-bottom: 24px;
}

.voice_area figure{
	float: left;
	max-width: 150px;
	display: block;
	width: 40%;
}

.voice_area figure img{
	width: 100%;
	height: auto;
}

.voice_txt_area{
	float: right;
	width: 58%;
}

.voice_caption{
	color: #FF3366;
	font-size: 16px;
	padding-top: 24px;
}

.couple{
	font-size: 13px;
	margin-bottom: 24px;
}

.voice_txt{
	clear: both;
	font-size: 13px;
	padding-bottom: 12px;
	margin-bottom: 48px;
	border-bottom: 1px solid #CCC;
}

.voice_txt p{
	margin-bottom: 12px;
	line-height: 2em;
}


/*shop*/
.shop_area {
	padding: 24px 15px 0;
}

.shop_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
}

.shop_area .shop_img{
	max-width: 100%;
	width: 100%;
	height: auto;
}

.shop_area h3{
	margin-top: 24px;
	margin-bottom: 12px;
	font-size: 14px;
}

.shop_box{
	margin: 0 auto 48px;
	font-size: 13px;
	line-height: 2em;
}

.shop_box .fax{
	color: #333 !important;
}

/*privacy*/
.privacy_area{
	padding: 24px 15px 0;
}

.privacy_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
}

.privacy_caption{
	font-size: 15px;
}

.privacy_list{
	margin-bottom: 48px;
	margin-top: 48px;
}

.privacy_list h3{
	font-weight: bold;
    line-height: 2em;
    color: #416E82;
    border-bottom: 1px #CCCCCC dotted;
}

.privacy_list p{
	font-size: 13px;
    line-height: 2em;
    margin-bottom: 24px;
}

.privacy_list .text80_u30{
	font-size: 14px;
}

/*flow*/
.flow_area{
	padding: 24px 15px 0;
}

.flow_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
}

.flow_caption{
	font-size: 15px;
}

.flow_list{
	margin-bottom: 48px;
	margin-top: 48px;
}

.flow_list h3{
	font-weight: bold;
    line-height: 2em;
    color: #416E82;
    border-bottom: 1px #CCCCCC dotted;
}

.flow_list p{
	font-size: 13px;
    line-height: 2em;
    margin-bottom: 24px;
}

/*order*/
.order_area {
	padding: 24px 15px 0;
}

.order_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
	font-size: 110%;
}

.order_caption{
	margin-bottom: 48px;
}

.plan_box{
	padding: 0 5px;
}

.plan_box a{
	float: left;
	width:100%;
	margin-bottom: 24px;
}

.plan_box a img{
	width: 100%;
	height: auto;
	max-width: 414px;
}

.plan_detail img{
	width: 100%;
	height: auto;
	max-width: 360px;
    margin: 0 auto 24px;
    display: block;
}

.plan_detail h2{
	margin-bottom: 24px;
	text-align: left;
}

.plan_detail p{
	font-size: 13px;
	margin-bottom: 24px;
	line-height: 2em;
}

.plan_detail p .red{
	font-size: 11px;
	margin-bottom: 24px;
	display: block;
}

.title_spe{
	max-width: 137px !important;
	height: auto;
	margin: 0 !important;
	text-align: left;
}

.plan_detail h3{
	padding: 5px 0;
	font-weight: bold;
	color: #ff730c;
}

.plan_detail table{
	width: 100%;
	margin-bottom: 48px;
	border-bottom: 1px solid #CCC;
}

.plan_detail table tr{
	border-bottom: 1px dotted #CCC;
	font-size: 14px;
}

.plan_detail table td{
	padding: 5px;
}

.plan_detail .right{
	text-align: right;
}

/*item*/
.item_area {
	padding: 24px 15px 0;
}

.item_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
	font-size: 110%;
}

.item_caption{
	margin-bottom: 48px;
}

.item_box a{
	width: 50%;
	float: left;
	margin-bottom: 24px;
}

.item_box a img{
	width: 100%;
	height: auto;
}

.item_list p{
	margin: 48px 0 24px;
	font-size: 13px;
}

.item_list a{
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #CCC;
}

.item_list a figure{
	width: 40%;
	float: left;
}

.item_list a img{
	width: 100%;
	max-width: 200px;
	height: auto;
}

.item_list a .item_title{
	width: 58%;
	float: right;
	font-size: 14px;
	color: #333;
	padding-top: 12px;
}

.item_title p{
	margin: 5%;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4em;
}

.item_list dl {
	padding:5% 5% 5% 10%;
	text-align: left;
}

.item_list dl dt{
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.4em;
}

.item_list dl dd{
	color: red;
	font-size: 115%;
	font-weight: bold;
}

.item_list dl dd span{
	font-size: 10px;
	font-weight: bold;
}

.subcate{
	clear: both;
	margin: 24px 0;
	border-left: 1px solid #CCC;
}

.subcate li{
	width: 25%;
	float: left;
	list-style: none;
	
}

.subcate a{
	display: block;
	width: 100%;
	background: #FFF;
	color: #333;
	text-align: center;
	padding: 8px 0;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
}

.subcate a.active{
	display: block;
	width: 100%;
	background: #000;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.direction_box h3{
	font-size: 20px;
	margin-bottom: 12px;
}

.direction_box p{
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 24px;
}

.dir_title{
	font-size: 20px !important;
	margin-bottom: 0 !important;
	font-weight: bold;
	margin-top: 12px;
}

.title_sub span{
	font-size: 11px !important;
	color: #333 !important;
}

.direction_box .title_sub{
	color: #990066;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 12px;
}

.direction_box img{
	max-width: 100%;
	height: auto;
}

.board_box{
	padding-bottom: 12px;
	border-bottom:1px solid #CCC;
}

.board_box figure{
	float: left;
	width: 30%;
}

.board_box figure img{
	width: 100%;
	height: auto;
}

.board_txt{
	float: right;
	width: 65%;
}

.board_txt .title_sub{
	line-height: 1.6em;
}

.item_box p{
	margin: 48px 0 24px;
}


.bouquet_img{
	max-width: 360px;
	height: auto;
	width: 100%;
	margin: 12px auto 24px;
}

/*contact_area*/
.contact_area {
	padding: 24px 15px 0;
}

.contact_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
	font-size: 110%;
}

.contact_area table{
	width: 100%;
	font-size: 13px;
}

.contact_area table tr{
	margin-bottom: 24px;
}

.contact_area table tr td{
	padding: 12px;
}

.contact_area table tr td:nth-child(-n+1) {
    width: 20%;
}

.contact_area table .text70{
	font-size: 10px;
}


.contact_area img{
	max-width: 100%;
	height: auto;
}

.contact_area iframe{
	width: 100%;
}

form#mail_form input#mail_submit_button {
    width: 100% !important;
}

/*movie*/

.movie_area{
	padding: 24px 15px 0;
}

.movie_area h2{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin-bottom: 12px;
	font-size: 110%;
}

.movie_area img{
	max-width: 100%;
	height: auto;
}
.movie_txt{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin: 24px 0;
}

.movie_area h3{
	border-left: 4px solid #000;
	text-indent: 4px;
	margin: 48px 0 24px;
	font-size: 110%;
}