@charset "utf-8";
/*標準装備*/
html{
	width:100%;
}
body{
}
p,ul,li,dl,dt,dd,img{
	margin:0px;
	padding:0px;
}
a {
    overflow: hidden;
    outline: none;
}
a:link,a:hover,a:visited{
	text-decoration:none;
	}
li{
	list-style-type:none;
}
img{
	vertical-align: bottom;
	border-style:none;
	box-shadow: #000 0 0 0;
}
input[type="text"]:focus {
  outline: 0;
}
x:-moz-any-link, x:default {
	box-shadow: #000 0 0 0;
}
table,th,td{
border-collapse: collapse;
border: 0 ;
}
.clear:after{
	content: '.';
    display: block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}
/*標準装備ここまで*/

#form_wrapper > p.title,
.fax_wrap > p.title{
	color:#996476;
    font-size: 180%;
	text-align:center;
	margin-bottom:20px;
}
#form_wrapper > p.text{
	margin-bottom:30px;
}
input.contact_03, .ok_btn, .back_btn {
    display: block;
    width: 94%;
    max-width: 750px;
    font-size: 1em;
    padding: 1em 0;
    margin: 60px auto;
    background-color: #414141;
    color: #ffffff;
    font: inherit;
}
.fax_wrap {
	width:94%;
	max-width:750px;
    padding: 40px;
    margin: 60px auto 60px;
    background-color: rgba(255,255,255,0.8);
}
.fax_btn a {
    display: block;
    background: #ffffff;
    border: 1px solid #996476;
    border-radius: 5px;
    color: #996476;
    font-size: 1.3em;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 1.5em 0;
    letter-spacing: 0.5px;
    line-height: 100%;
    position: relative;
    text-align: center;
}
.fax_btn a::after{
    content: '　';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
    width: 0.1em;
    height: 0.1em;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #996476;
	transition:all ease 200ms;
}

/*フォーム*/
#contact_form1,
#contact_form2{
	width:100%;
	overflow-x:hidden;
}
.hissu {
    color: #ff0000;
    font-size: 87.5%;
    margin-left: 0.5em;
}
.contact_01 {
	background-color:#e8efe4;
    font-size: 1em;
}
.contact_01-1,
.contact_01-2{
    padding: 12px 10px;
}
.contact_01-1{
	width:100%;
}
.contact_01-2{
	width:100%;
	background-color:#ffffff;
}
input.form_text,
input[type="tel"],
select{
    padding: 10px;
    border: 1px solid #cccccc;
    box-shadow: none;
    border-radius: 5px;
    font-size: 1em;
}
input.form_text{
	width:94%;
}
input[name*="zip"] {
    width: 40%;
    margin-bottom: 15px;
}
#pay3 + label + input[name="pay_text"] {
    display: none;
}
#pay3:checked + label + input[name="pay_text"] {
    display: inline-block;
}
input[name="pay_text"] {
    margin-left: 0.5em;
}

.flower_wrap {
    border-bottom: 1px solid #000000;
    padding: 12px 0;
}
.flower_wrap:first-child {
	padding-top:0;
}
.flower_wrap:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.floweroffering {
    text-align: left;
    margin-left: calc(10px + 3%);
}
.floweroffering input.form_text {
    width: 5em;
}
.floweroffering .group_title {
    width: 4em;
    display: inline-block;
}
.floweroffering .group_title:first-child {
    display: block;
    font-size: 120%;
}
.floweroffering span[id*="num"]{
	display:none;
}
.floweroffering input[type="checkbox"] + .group_text span[id*="num"]{
	display:none;
}
.floweroffering input[type="checkbox"]:checked + .group_text span[id*="num"]{
    display: inline-block;
}
textarea {
    width: 94%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px;
    height: 10em;
    font-size: 1em;
}
/*input[name="mailtitle"] {
    display: none;
}
label[for*="mailtitle"] {
    padding-right: 1em;
}
label[for*="mailtitle"]::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    box-shadow: 0 0 0 1px #828282;
    border-radius: 0.5em;
    margin-right: 0.2em;
    vertical-align: bottom;
    margin-bottom: 0.45em;
}
input#mailtitle1:checked ~ .mailtitle2,
input#mailtitle2:checked ~ .mailtitle1{
	display:none;
}
/*input#mailtitle1:checked ~ .mailtitle1 label[for="mailtitle1"]::before,
input#mailtitle2:checked ~ .mailtitle2 label[for="mailtitle2"]::before {
    background-color: #828282;
    border: 3px solid #ffffff;
    box-sizing: border-box;
}*/
#form_head,
.btn_wrap.center {
    text-align: center;
}
.back_btn{
	color:#000000;
	background:#cccccc;
}
@media screen and (max-width:750px) {
}
@media (min-width:751px){
.fax_btn a{
	width:610px;
    padding: 0.9em 0;
}
.fax_btn a:hover::after{
	left:30px;
}
/*フォーム*/
input.contact_03,
.ok_btn,
.back_btn{
    font-size: 1.2em;
    padding: 25px 0;
}
input.contact_03{
    width: 360px;
}
.ok_btn, .back_btn {
    width: 45%;
    display: inline-block;
    margin: 3em 2%;
}
input[name*="zip"] {
    width: 5em;
}
input.form_text, input[type="tel"], select,textarea {
    font-size: 100%;
}
#contact_form1,
#contact_form2{
	width:750px;
    margin: 0 auto;
    border-top: 1px solid #000000;
}
.contact_01 {
	border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
	font-size:100%;
}
.contact_01-1,
.contact_01-2{
	float:left;
    text-align: left;
}
.contact_01-1{
    width: 205px;
}
.contact_01-2{
    width: calc(100% - 205px);
	background-color:#ffffff;
}
.floweroffering{
	margin-left:0;
    padding: 0px 0 5px;
}
.floweroffering .group_title:first-child {
	display:inline-block;
    font-size:100%;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .mainphoto_txt_01:not(:target) {
 padding-right: 1.1em; /* IE10（\9を消せばIE11にも適用） */
 }
 }