* { padding: 0; margin: 0; 
	font-family:'���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
	
}


/*============================================

�^�O�ݒ�

=============================================*/


body {
font-size:14px;
background-color:#000;
line-height: 1.25;/*miyazono*/
}
/*miyazono*/
table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 850px;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
table tr:last-child{
  border: none;
}
table th{
  padding: 2em;
  border-right: 2px solid #fff;
}
table td {
  padding: 2em .5em;
  border-right: 2px solid #eee;
  text-align: center;
  border-bottom:solid 1px #ddd;
  
}
table th {
  font-size: .85em;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
}
table thead tr{
  background-color: #adacac;
  color:#fff;
}
table tbody th {
    border-right: 2px solid #eee;
}
th.non {
    border-right: none;
}
/*miyazono*/


a {
	color:#06F;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	}


img {
	border:0px;
}


.font16{
	font-size:16px;
	}


.bold{
	font-weight:600;
	}	

.red{
	color:#F00;
	}
	
h1{
font-family: 'Noto Serif JP', serif;
}	
	
h2{
	width:630px;
	margin:20px 170px 15px 100px;
	font-size:16px;
	font-weight:600;
	border-bottom:1px solid #CCC;
	/*border-bottom:1px solid #000;*/
	}
	
h3{
	width:630px;
	margin:40px 170px 5px 100px;
	font-size:16px;
	font-weight:600;
	}	

h3:before {
  content: url("https://www.dramaticflowers.live/images/service/gekitekilogo.jpg");
}

p{
font-family: 'Noto Serif JP', serif;
}


/*============================================

div�ݒ�

=============================================*/




#Wrap { 
 margin: 0 auto;
 width:900px;
 height:auto;
margin-top:20px;
background-color:#FFF;
}




#Contents{
	margin:0 auto;
	padding:20px 0px 80px 0px;
	width:900px;
    height:auto;
	margin:10px 0 20px 0;
	background-color:#FFF;
	margin:0 auto;
	margin:auto;
	}


#Contents p{
	padding:10px 170px 10px 100px;
	line-height:1.8em;
	word-spacing:0.7em;
	/*color:#777777;*/
	color:#333;
	}
	
#Contents li.list{
	padding:10px 170px 10px 100px;
	line-height:1.8em;
	word-spacing:0.7em;
	/*color:#777777;*/
	color:#333;
	}

#row{
padding: 0px 45px;

}



#sub_gallery{
margin:50px 51px;
}





#sub_main{
	width:860px;
	height:84px;
    margin:20px 20px 0 20px;
	background-color:#000;
	}


#sub_main p{
	color:#FFF;
	padding:20px 20px;
}

div#row2{
padding:0px 30% !important;

}

@media screen and (max-width: 1000px) {
div#row2{
padding:0px 15% !important;
}
}

#Foot { 
 clear: both;
 color:#FFF;
 background: #000;
 height:100px;
 padding:40px 20px 20px 20px;
 font-size:12px;
}


#Foot a{
	color:#FFF;
	}


/*�T�[�r�X�Љ��*/

/*�T�[�r�X�Љ�@�E�F�f�B���O*/
.survice{
	width:860px;
	height:308px;
	margin:0 20px 0px 20px;
	background:url(../images/survice.jpg) no-repeat;
	}

.btn{
	width:290px;
	height:52px;
	padding:239px 66px 13px 504px;
	}
	
#tel{
	width:641px;
	height:auto;
	margin:15px 20px 30px 20px;
	padding:0 0 0 219px;
	}	

#tel p{
	margin:0 0 10px 0;
	}


/*�T�[�r�X�Љ�@�C�x���g*/
.survice_event{
	width:860px;
	height:308px;
	margin:0 20px 0px 20px;
	background:url(../images/survice_event.jpg) no-repeat;
	}


.gallery_insta {
    /*border: 1px solid #999;*/
    padding-top: 20px;
    padding-left: 40px;
    margin-bottom: 55px;
    width:70%;
    margin:0 auto;
}
.gallery_insta .foobox {
    padding-right: 5px;
    padding-bottom: 36px;
    display: inline-block;
}

/* �|�b�v�A�b�v�E�C���h�E�̐ݒ� */
.popup {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70vw;
  height: 55vw;
  overflow-y: scroll;
}
/* �`�F�b�N�{�b�N�X�̏����ݒ� */
#popup-on{
  display: none;
}
#popup-on2{
  display: none;
}
#popup-on3{
  display: none;
}
#popup-on4{
  display: none;
}
#popup-on5{
  display: none;
}
#popup-on6{
  display: none;
}
#popup-on7{
  display: none;
}
#popup-on8{
  display: none;
}
#popup-on9{
  display: none;
}
#popup-on10{
  display: none;
}
#popup-on11{
  display: none;
}
#popup-on12{
  display: none;
}
#popup-on13{
  display: none;
}
#popup-on14{
  display: none;
}

#popup-on15{
  display: none;
}



/* �`�F�b�N���ꂽ��|�b�v�A�b�v�E�C���h�E���J�� */
#popup-on:checked + .popup{
  display: block;
}
#popup-on2:checked + .popup{
  display: block;
}
#popup-on3:checked + .popup{
  display: block;
}
#popup-on4:checked + .popup{
  display: block;
}
#popup-on5:checked + .popup{
  display: block;
}
#popup-on6:checked + .popup{
  display: block;
}
#popup-on7:checked + .popup{
  display: block;
}
#popup-on8:checked + .popup{
  display: block;
}
#popup-on9:checked + .popup{
  display: block;
}
#popup-on10:checked + .popup{
  display: block;
}
#popup-on11:checked + .popup{
  display: block;
}
#popup-on12:checked + .popup{
  display: block;
}
#popup-on13:checked + .popup{
  display: block;
}
#popup-on14:checked + .popup{
  display: block;
}
#popup-on15:checked + .popup{
  display: block;
}



/* �‚���A�C�R���i�E��j */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}



/* �‚���{�^�� */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* �J���{�^�� */
.btn-open{
  background: #fff;
  /*border-radius: 10px;*/
  color: #fff;
  /*padding: 10px;*/
  cursor: pointer;
  /*margin: 10px auto;*/
  /*width: 95%;*/
  /*text-align: center;*/
  float: left;
}

/* �|�b�v�A�b�v�̓��e */
.popup-content{
  margin: 40px auto 40px auto;
  width: 90%;
  color: black;
}

/*============================================

class�ݒ�

=============================================*/



img.layer{
width:80% !important;
}



.logo{
	padding:20px 0px 0 20px;
	}


/*���o�����̉摜*/


.art03{
	margin:20px 0;	
	}


.art04{
	margin:35px 100px 50px 100px;	
	}
	
.art04_2{
	margin:10px 100px 50px 100px;	
	}
		
	

/*�L�����̉摜*/

.art05{
	margin:40px 100px 20px 100px;	
	}
	
/*�L���̃^�C�g���摜*/

.art06{
	margin:20px 0 20px 100px;	
	}	

/*433*700 �̉摜*/
.art07{
	margin:15px 233px 15px 234px;
	}
	
/*width800 �̉摜*/
.art08{
	margin:15px 20px;
	}	
	

.art09{
	margin:40px 0 20px 0;
	}	


/*width700�̉摜*/
.art10{
	margin:15px 100px;
	}	

.art11{
	margin:35px 100px 20px 100px;	
	}

/*width820�̉摜*/
.art12{
	margin:40px 40px 20px 40px;	
	}

	

.red{
	color:#F00;
	}
	
.blue{
	color:#06F;
	}	
	
.gray{
	color:#999;
	}	

.blown{
	color:#600;
	}
	
.pink{
	color:#FF75BA;
	}	

.mark{
	color:#B50000;

	}

.font18{
	font-size:18px;
	padding-bottom:10px;
	}
	


.pinkbox{
	width:600px;
	height:auto;
	margin:20px 0 20px 100px;
	background-color:#FCF;
	padding:10px 0 10px 20px;
	}

.pinkbox ul{
	margin:20px 0;
	}
	

.pinkbox ul li{
	padding:5px 10px 5px 20px;
	list-style-type:none;
	}

.pinkbox dl{
	margin:15px 0;
	}

	
.pinkbox dt{
	padding:15px 0 5px 0;
	color:#600;
	}	
	
.pinkbox dd{
	padding:0px 0 15px 0;

	}	

.speace{
	margin:0 0 60px 0;
	}


/*�{�^���̓���*/

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.6;  
    filter: alpha(opacity=80);  
}   


/*miyazono*/
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
  color: #000;
  font-weight: bold;
  font-size:1.3em
}
.price span {
    font-size: .6em;
}
.red_bk{
  background:#83cc50;
}
.red-txt{
  color:#83cc50;
}

.btn-circle-3d {
  display: inline-block;
  text-decoration: none;
  background: #8cd460;
  color: #FFF;
  width: 240px;
  height: 240px;
  line-height: 240px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #003300;
  transition: .4s;
}

.btn-circle-3d:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  border-bottom: none;
}

.btn-square-shadow {
  display: inline-block;
  padding: 1.2em 3.0em;
  text-decoration: none;
  background: #3a671b;/*�{�^���F*/
  color: #FFF;
  border-bottom: solid 4px #182f08;
  border-radius: 3px;
  font-size:18px;
}
.btn-square-shadow:active {
  /*�{�^�����������Ƃ�*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*���ɓ���*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*�e��������*/
  border-bottom: none;
}



@media screen and (max-width: 600px) {
  .wrap2{
     overflow-x: scroll;
  }
}
/*miyazono*/
/*miyazono*/
div.flowbody {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
div.flowbody ul {
    padding: 0;
}
div.flowbody li {
    list-style-type: none;
}
div.flowbody dd {
    margin-left: 0;
}

.flow > li {
    position: relative;
}
.flow > li:not(:last-child) {
    margin-bottom: 40px;
}
.flow > li:not(:first-child)::before {
    content: "";
    height: 60px;
    display: block;
    border-left: 4px dotted #e5e5e5;
    position: absolute;
    top: -40px;
    left: -webkit-calc(10% + 30px - 2px);
    left: calc(10% + 30px - 2px);
    /*z-index: 10;*/
}
.flow > li dl {
    width: 90%;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid rgb(41,101,18);
    border-radius: 10px;
    position: relative;
    margin:0 auto
}
.flow > li:not(:last-child) dl::before,
.flow > li:not(:last-child) dl::after {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.flow > li:not(:last-child) dl::before {
    border-width: 22px;
    border-top-color: rgb(41,101,18);
}
.flow > li:not(:last-child) dl::after {
    border-width: 20px;
    border-top-color: #fff;
}
.flow > li dl dt {
    font-size: 20px;
    font-weight: 600;
    color: rgb(73,186,31,100);
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin-right: 2vw;
    text-align: center;
}
.flow > li dl dt .icon {
    font-size: 12px;
    color: #fff;
    background: rgb(107,144,219);
    background: -moz-linear-gradient(left, rgba(73,186,31,100) 0%, rgba(151,235,119,100) 100%);
    background: -webkit-linear-gradient(left, rgba(73,186,31,100) 0%,rgba(151,235,119,100) 100%);
    background: linear-gradient(to right, rgba(73,186,31,100) 0%,rgba(151,235,119,100) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
    padding: 5px 10px;
    margin-bottom: 10px;
    display: block;
    border-radius: 20px;
    position: relative;
    /*z-index: 100;*/
}



/*miyazono*/

/*============================================

�L���ꗗ�@�ݒ�

=============================================*/

.articleindex{
	margin-bottom:100px;
	}



.articleindex dd {
	padding:5px 3px 10px 5px;
	/*width:700px;
	height:20px;
	background-color:#FFF0F0;*/
	margin:0 100px;
	font-size:13px;
	color:#999;
	border-bottom:#999 1px dotted;
	}
	
.articleindex dt{
	font-size:16px;
	margin:15px 100px 0px 100px;
	}	
	
	
.articleindex a{
	color:#333;
	text-decoration:none;
	padding:2px;
	}
	
.articleindex a:hover{
	text-decoration:underline;
	background-color:#FFCAE4;
	}	
	



#banner{
	width:522px;
	height:74px;
	clear:both;
	margin:0 100px 50px 278px;
	background-color:#FFF;
	}

.blog{
	float:left;
	width:271px;
}

.column{
	float:right;
	width:251px;
	margin:0;
}

#banner img{
	width:251px;
	height:74px;
	}


#title_spiderman{
	margin-bottom:100px;
width:860px;
height:128px;
margin:20px auto;
	}
	
	
	
	
#party_syousai dl{
	margin:20px 100px;
	}	
	
#party_syousai dl dt{
	padding:5px 0;
	}	
	
#party_syousai dl dd{
	padding:0 0 5px 0;
	}	
	
	
/*���p�X�y�[�X����Ȃ��Ƃ���*/	
	
.name{
	align:right;
	padding-left:450px;
	
	}
	
.name2{
	padding-left:100px;
	margin-top:20px;
	}	



div.figure2{
	 text-align: center;
	 margin:40px 0 100px 0;
	}
	

/*============================================

�T�C�g�}�b�v

=============================================*/

	
#box700{
	width:700px;
	margin:20px auto;
	paddiing:0 0 100px 0;
	height:auto;
	}
	
.box350_left{
	width:340px;
	float:left;
	margin:0 10px 0 0 ;
	}
	
.box350_right{
	width:340px;
	float:right;
	margin:0 0 0 10px;
	}	
	
#box700 dl{
	margin:0 0 40px 0;
}	
	
#box700 dt{
	padding:8px 0 8px 10px;
	background-color:#333;
	color:#FFF;
	text-shadow:2px solid #000;
	margin:0 0 10px 0;
	}	
	
#box700 dd{
	padding:8px 0 8px 10px;
	border-bottom:1px dotted #CCC;
	font-size:12px;
}
	
	
	
/*============================================

�^�c�ҏ��

=============================================*/
	
	
#company_information{
	width:700px;
	margin:20px auto;
	}

	
#company_information table{
	border:1px solid #C1C1C1;
    border-collapse: collapse;
    border-spacing: 0;
	}	
	
#company_information td{
	padding:10px;
	border:1px solid #C1C1C1;
    border-collapse: collapse;
    border-spacing: 0;
	}	
	

/*============================================

�I���W�i���E�G�f�B���O�@

=============================================*/

#Head .headinfo{
	margin:0px 100px 0 0px;
	}
	
#Head p{
	font-size:12px;
	padding:10px 160px 0 0;
	text-align:right;	
}	
	

.contents700{
	width:700px;
	margin:0 100px;
	}	


/*============================================

�I���W�i���E�G�f�B���O�@�̌��k

=============================================*/

#taikendan{
	width:610px;
	margin:15px 170px 15px 100px;
	padding:6px;
	background-color:#FFC;
	vertical-align:middle;
	}
	
#taikendan p{
	padding:5px;
	}	



/*============================================

�E�G�f�B���O�@�⍇���t�H�[��

=============================================*/

.Form{
	width:700px;
	height:auto;
	margin:0 100px 100px 100px;
	padding:0;
}
	
.inquiry {
	border-collapse: collapse;
	margin: 20px auto;
	padding:50px 0 100px 0;
	width:630px;
	background-color:#FFF;
}

.inquiry th {
	width:180px;
	border-bottom: #FFF 2px solid;
	padding:10px;
	font-size: 12px;
	color:#000;
    text-align:right;
	font-weight:400;
	margin:5px 0;
	background-color:#EBCE83;
	color:#000;
}

.inquiry td {
	border-bottom: #E3E3E3 1px solid;
	padding:15px 10px;
	color:#000;
	margin:5px 0 5px 5px;
	width:410px;
	font-size: 12px;
}	


textarea {
width: 400px;
height: 10em;
}

	
	;
#formEnd {
    margin: 30px 10px 30px 10px;	
}

.f_box {
	height: 1.8em;
	padding:5px;
	margin:5px 0 0 0;
	border:2px solid #ccc;
}



/*============================================

�T�[�r�X�ꗗ

=============================================*/	


#information{
	margin:50px 68px 0 68px;	
	width:762px;
	color:#FFF;
	clear:both;
	height:auto;
	font-size:15px;
	}

.info_pict{
	width:320px;
	height:208px;
	padding:0 0 60px 0;
	margin:0;
	vertical-align:top;
	}

	
.info_text{
	width:422px;
	padding:0 0 90px 20px;
	height:158px;
	vertical-align:top;
	}
	
#information dt{
	float:left;
	width:320px;
	height:218px;
	margin:20px 0 30px 0;
	}	
	
#information p{
	vertical-align:top;
	padding:0 0 20px 0;
	
	}	
	
#information a{
	/*color:#06F;*/
	text-decoration:underline;
	}	
	
#information a:hover{
	text-decoration:none;
	}	


/*============================================

404�y�[�W

=============================================*/	
	
#errorlink{
	margin:30px 100px 30px 160px;
	}
	
#errorlink li{
	padding:3px 0;
	list-style-type:none;
	}


.pict404{
	width:600px;
	margin:0 0 0 140px;
	}