h1{
width: 100%;
line-height: 1.3;
background: #004C35;
text-align: center;
color: #fff;
padding: 0.25em 1em !important;
clear: both;
font-size: 70%;
margin-bottom: 0 !important;
}

header{
width: 100%;
height: auto;
max-height: 100px;
margin: 0 auto !important;
border: none;
background: linear-gradient(0deg, rgb(255, 255, 255) 60%, rgb(232, 245, 231));
}

header img.logo{
max-width: 100% !important;
width: auto;
max-height: 95px;
height: auto;
float: inherit;
box-shadow: none;
border: none !important;
}
header .logo_box{
display: flex;
justify-content: center;
align-items: center;
}

header .item-box{
max-width: 1300px;
width: 90%;
margin: 0em auto;
background: transparent;
}
header .item{
width: 100%;
height: auto;
border-radius: 10px;
padding:0;
margin: 0;
background: transparent;
font-size:min(.95vw,16px);
}
header .item:last-child{padding:1.75% 0 0 !important;}

.head_menu{
width: 100%;
clear: both;
padding:0;
}
.head_menu li a:link{
width: 33.3333333333333333%;
height: 100px;
padding:1em 0 0;
float: left;
background: linear-gradient(0deg, rgb(255, 255, 255) 60%, rgb(232, 245, 231));
text-align: center;
display: grid;
place-items: center center;
justify-content: center;
font-weight: bold;
}

.head_menu li span{
font-size: 80%;
display: block;
margin-top: -4em;
font-weight: normal;
color: #666;
}




.head_menu li a:hover{
text-decoration: none;
background: linear-gradient(0deg, rgb(232, 245, 231) 60%, rgb(255, 255, 255));
color: #3c7841 !important;
}

.head_menu li{border-left: 1px solid #fff !important;}
.head_menu li{border-right: 1px solid #fff !important;}
.menu_for_sp{display: none;}

/* ------------- パンくず ------------- */

#breadcrumb{
padding: 0 0 0.1em;
border-top: 1px solid #ccc;
box-shadow: 0px 10px 10px 0px #eee ;
}

.breadcrumb{
max-width: 1000px;
width: 90%;
margin: 1em auto;
padding: 0;
overflow: hidden;
font-size: 12px;
text-align:left;
}

.breadcrumb li{
display: inline;/*横に並ぶように*/
list-style: none;
font-weight: bold;/*太字*/
}

.breadcrumb li:after{/* >を表示*/
content: '>';
padding: 0 0.2em;
color: #828282;
}
.breadcrumb li:last-child:after{content: '';}

.breadcrumb li a:link{
text-decoration: none;
color: #fff;
font-weight:normal !important;
}
.breadcrumb li a:hover{text-decoration: underline;}


.main{
width: 100%;
height: 100%;
position: relative;
}

.main.lesson{background-image: url("../img/bg_green_l.png"), url("../img/bg_green_r.png");}
.main.memorialgolf{background-image: url("../img/bg_blue_l.png"), url("../img/bg_blue_r.png");}
.main.volunteer{background-image: url("../img/bg_red_l.png"), url("../img/bg_red_r.png");}

.main.lesson,
.main.memorialgolf,
.main.volunteer{
background-repeat: no-repeat, no-repeat;
background-size: contain, contain;
background-position: left center, right center;
background-color: #fff;
padding: 0 ;
margin-top:-1em;
}

.main img.main_pic{
width: 100%;
height: auto;
}

.main_text{
width: auto;
height:auto;
font-weight: bold;
text-align: center;
color: #fff;
position: absolute;
z-index: 2;
top: 58%;
left: 4%;
font-size: 1vw;
line-height: 1.8;
text-shadow:0 0 5px rgba(0,0,0,1);
}

.main_golf a:link,
.main_lesson a:link,
.main_voulnteer a:link,
.main_golf a:visited,
.main_lesson a:visited,
.main_voulnteer a:visited{
width: 24%;
height:auto;
font-weight: bold;
text-align: center;
color: #fff !important;
position: absolute;
z-index: 2;
font-size: 1.7vw;
text-shadow:0 0 5px rgba(0,0,0,1);
}
.main_golf a:hover,
.main_lesson a:hover,
.main_voulnteer a:hover{
text-decoration: none;
}

.main_golf img,
.main_lesson img,
.main_voulnteer img{width: 100%;}

.main_golf a:link{
top: 1.8%;
left: 58.5%;
}
.main_lesson a:link{
top: 46.5%;
left: 46.5%;
}
.main_voulnteer a:link{
top: 46.5%;
right: 4.5%;
}


section{
width: 100%;
height: auto;
padding: 2em 0;
}

section.daihyo{
position: relative;
z-index: 0;
}
section.daihyo:before{
content: '';
background:url(../img/daihyo_back.jpg) center center no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: blur(4px);
z-index: -1;
}
section.daihyo .item-box{background: transparent;}
section.daihyo .first-child{background-color:rgba(255,255,255, .9);}
section.lesson_bg{background:url(../img/lesson_bg.jpg) left top repeat;}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up{
width: 100%;
height: auto;
transition: 0.8s ease-in-out;
transform: translateY(30px);
opacity: 0;
margin: 0 auto;
}
.scroll_up.on{
transform: translateY(0);
opacity: 1.0;
}

.item-box,
.item-box_60,
.item-box.product_connection{
max-width: 1000px;
width: 90%;
height: auto;
margin: 1em auto;
padding: 0%;
background: #fff;
display: flex;
flex-direction: row;
justify-content: space-between;
border-radius: 10px;
}
.item-box_60{width: 60%;}
.item{
width: 100%;
height: auto;
border: 2px solid #bbb;
border-radius: 10px;
padding:2%;
box-shadow:0 0 10px rgba(0,0,0,.2);
}

.column2 .item:first-child,
.column3 .item:first-child,
.item-box .item .column2 .item:first-child{margin:0 1em 0 0;}
.column2 .item:last-child,
.column3 .item:last-child,
.item-box .item .column2 .item:last-child{margin:0 0 0 1em;}

.item-box .item .item-box,
.item-box_60 .item .item-box{
width: 100%;
margin: 0;
padding: 0;
}

.item-box .item .item,
.item-box_60 .item .item{
padding: 0 !important;
border: none;
box-shadow:none;
}

.item-box.bdr_none .item{padding: 0;}

.item.pp{
padding: 4%;
margin-bottom: 4em;
}

.item img{
display: block;
width: 40%;
float: left;
margin-right: 2%;
border-radius: 5px;
border: 2px solid #fff;
box-shadow:0 0 5px rgba(0,0,0,.2);
}

.item .right_box{
float: right;
width: 58%;
padding: 0 2em 0 0;
text-align: center;
}

.item.order img{
display: block;
width:40%;
height: auto;
float: left;
margin-right: 2%;
border-radius: 5px;
border: 2px solid #fff;
box-shadow:0 0 5px rgba(0,0,0,.2);
}

.item.order .right_box{
float: right;
width: 58%;
padding: 0;
text-align: center;
}

.item .left_box{
float: left;
width: 58%;
padding: 0 2em 0 0;
text-align: center;
}

.item img.portrait{
display: block;
width: 20%;
float: left;
margin-right: 2%;
border-radius: 5px;
padding: 2px;
box-shadow:0 0 5px rgba(0,0,0,.2);
}

.item .right_portrait{
float: right;
width: 78%;
padding: 0 2em;
text-align: center;
}
.item_muku{background:#fcf7dd url(../img/memorialGolfclub_muku.png) 2% top no-repeat;}
.item_black{background:#c2cbc8 url(../img/memorialGolfclub_black.png) 2% top no-repeat;}
.item_urushi{background:#5c4b4b url(../img/memorialGolfclub_urushi.png) 2% top no-repeat;}
.item_putter{background:#899e7d url(../img/memorialGolfclub_putter.png) 2% top no-repeat;}

.item_muku,
.item_black,
.item_urushi,
.item_putter{
padding: 1%;
background-size: contain;
border: none !important;
height: fit-content;
overflow: hidden;
text-shadow:#fff 0 1px 0;
}
.item_urushi,
.bg_urushi,
.bg_urushi a:link,
.bg_urushi a:visited,
.item_putter,
.bg_putter,
.bg_putter a:link,
.bg_putter a:visited{
color: #fff !important;
text-shadow:#000 0 1px 0;
}

.bg_muku{
background:#fcf7dd;
text-shadow:#fff 0 1px 0;
}
.bg_black{
background:#c2cbc8;
text-shadow:#fff 0 1px 0;
}
.bg_urushi{
background:#5c4b4b;
}
.bg_putter{
background:#899e7d;
}


.item_text{
width: 65%;
float: right;
margin:5% 1em 1em 1em;
font-size: 120%;
font-weight: bold;
text-align: center;
}
.item_text .desc{
width: 100%;
clear: both;
margin:1em 0;
padding-left: 7%;
font-size: 85%;
font-weight: normal;
text-align: justify !important;
}

.bdr_green .item{border-color: #5aa760 !important;}
.bdr_blue .item,
.bdr_blue{border-color: #7085ea !important;}
.bdr_red .item,
.bdr_red{border-color: #f05c6d !important;}
.bdr_grey .item{border-color: #c2c2c2 !important; border-radius: 0 !important;}
.bdr_none .item{border: none !important; border-radius: 0 !important; box-shadow: none;}
.bdr_none{border: none !important; border-radius: 0 !important; box-shadow: none;}
.bdr_none_bg_white{border: none !important;background: #fff;}
.bg_transparent{background: transparent;}


.item-box .item .item-box.bdr_blue{
padding: 2%;
border:1px solid;
border-color: #7085ea !important;
}

img.product{
padding: 3% !important;
}
.item img.product_connection{
    padding: 3% !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none;
}

.item_details{
    width: 100%;
    height: auto;
    padding: 1em;
    margin: 2em 0;
    background: #fcf7dd;
    border-radius: 10px;
    text-align: left;
}

.order .item_details{margin:0 0 2em;}


.item_details ul{
    width: 100%;
    height: auto;
    margin: 0.5em 0 2em;
}
.item_details ul:last-child{
    margin: 0.5em 0 0;
}
.item_details ul li::before{
    font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.75em;
color: #c2c2c2;
content:"\f0da";
display: inline-block;
}

.title{
width: 80%;
padding-bottom: 0.5em;
font-size: 150%;
font-weight: bold;
text-align: center;
margin: 1em auto 2em;
}

.item .title{
border-bottom: 2px solid;
margin: 0 auto 1em;
}

.item .title span{
display: block;
font-size: 70%;
color: #666;
}

.title_lackline{
position: relative;
display: inline-block;
width: 100%;
padding-bottom: 0.5em;
font-size: 150%;
font-weight: bold;
text-align: center;
margin: 1em auto 2em;
color: #381709 !important;
}

.title_lackline:before{
content: '';
position: absolute;
left: 50%;
bottom: -5px;/*線の上下位置*/
display: inline-block;
width: 30%;
max-width:250px ;
height: 5px;/*線の太さ*/
-webkit-transform: translateX(-50%);
transform: translateX(-50%);/*位置調整*/
background-color: black;/*線の色*/
border-radius: 2px;/*線の丸み*/
}

.title_lackline.red:before{background-color: #f05c6d;}
.title_lackline.green:before{background-color: #5aa760;}
.title_lackline.blue:before{background-color: #7085ea;}

.item .catch{
width: 100%;
font-size: 135%;
font-weight: bold;
text-align: center;
margin: 0 auto 0.75em;
}

.btn:link,
.btn:visited{
width: fit-content;
line-height: 40px;
color: #fff !important;
display: block;
padding: 0 3em;
margin: 2em auto 0;
border-radius: 20px;
font-weight: bold;
text-shadow:none !important;
}
.btn:hover{
text-decoration: none;
opacity: 0.7;
filter: alpha(opacity=70);
}


/*----------------------------
footer
----------------------------*/

footer section{
max-width: 1300px;
width: 90%;
margin: 0 auto !important;
border: none;
}

footer{
width: 100%;
background: #397e46;
padding: 0em 1em;
color: #fff;
clear: both;
overflow: hidden;
text-shadow:#000 0 1px 0;
}
footer a:link,
footer a:visited{color: #fff !important;}

footer .item-box,
footer .item,
footer .item img{
background: transparent;
border: none;
box-shadow: none;
border-radius: 0;
}

img.links{
max-width: 135px;
width: 100%;
display: block;
float: inherit;
margin: 0 auto 0.5em;
clear: both;
border-radius: 7px !important;
background: #fff !important;
}

.ft_l,
.ft_c,
.ft_r{
width: 30%;
float: left;
padding: 1em 1em 3em 0;
}

.ft_l{
}
.ft_c{
width: 25%;
}
.ft_r{
width: 45%;
text-align: center;
font-size: 95%;
}

.ft_r p{
width: 100%;
clear: both;
font-size: 85%;
}

.ft_l img{max-width: 100%;}

.ft_menu{
width: 100%;
clear: both;
padding:1em 2%;
}

.ft_menu li{
width: 100%;
clear: both;
position: relative;
margin-bottom: 0.2rem;
padding: 1rem 0;
border-bottom: 1px solid #519d5f;
}

.ft_menu li:before{
position: absolute;
bottom:0px;
left: 0rem;
right: 0rem;
border-bottom: 1px solid #22473c;
content: '';
}

.ft_menu li a{
padding-left: 1em;
display: block;
}

.menu a:before,
.ft_menu li a:before{
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.75em;
color: #fff;
content:"\f0da";
display: inline-block;
}

.ft_copy{
width: 100%;
background: #004C35;
text-align: center;
padding: 0.5em 1em;
color: #fff;
line-height:1.3;
clear: both;
}

.pagetop{
height: 38px;
width: 38px;
position: fixed;
right: 3%;
bottom: 3%;
background: #fff;
border: solid 2px #004C35;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}

.pagetop__arrow{
height: 10px;
width: 10px;
border-top: 3px solid #004C35;
border-right: 3px solid #004C35;
transform: translateY(20%) rotate(-45deg);
}

#mailformpro #mfp_price,#mfp_price span{display: inline-block;}
table.order {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
  width: 90%;
  margin: 1em auto 2em;
}
table.order th, table.order td {
  border: 1px solid #ddd;
  background-color: #fefcf1;
  padding:0.75em 1em !important;
  vertical-align: middle !important;
}
table.order th {
  background-color: #fcf7dd;
  font-weight: bold;
  text-align: left;
  width:fit-content;
  min-width: 4em;
  padding:0 1em;
}
table.order th span{
  width:auto;
  margin: 0 1em;
  padding: 0.25em 0.5em;
  border-radius: 7px;
  font-size: 70%;
  font-weight: normal;
  display: inline-block;
  background-color: #f05c6d;
  color: #fff;
}
.textbox_half{
	width: 48.5% !important;
	margin: 0 1% 0 0;
}
.textbox{
	width: 99% !important;
}
.option_select label{
	box-shadow:0 0 10px rgba(0,0,0,.2);
	background: #fff;
    position: inherit !important;
    padding: 0.5em 1em !important;
    border-radius: 10px;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea{padding: 0.5em 1em !important;}

.mfp_buttons{
    width: 100%;
    text-align: center;
}
[type="submit"]{
    font-size: 150% !important;
    display: block;
    clear: both;
    margin: 0 auto 1em;
    color: #333;
}
#mfp_price span::after{
  content: "（税込）";
  font-size: 90%;
  color: #666;
}