@charset "utf-8";


.wf-sawarabimincho { font-family: "Sawarabi Mincho", serif; }

html,body{
    width: 100%;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
format('woff');
}

 



body{
	font-family:'Open Sans', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:95%;
    background: #000;
    color: #fff;

	
	
	
}

a {
	color:#fff;
	outline: none;
	text-decoration: none;
	
}

a:hover{
	color: #ccc;
	text-decoration: none;
    opacity:0.8;
	filter: alpha(opacity=80);
    
    
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}


input, select, textarea {
    padding: 5px 10px;
	border: 1px solid #ccc;
	margin: 2px;

}


input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
	width: auto;
}
label{
	display: inline-block;
}


.width100{
	width:100%;
}

.wrap{
	
}


.block{
	display: block;
}

.onlysp{
	display: none;
}
.none{
	display:none;
}






/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}



 Alternate Gothic No2 D Regular{
 font-family: alternate-gothic-no-2-d, sans-serif;
font-weight: 400;
font-style: normal;
}


.wrap{
  
}


#a01,
#a02,
#a03,
#a04,
#a05,
#a06,
#reserve,
#flow,
#mw_wp_form_mw-wp-form-27{
   display: block;
   margin-top:-150px;
   padding-top:150px;
}

 
 
 
 
  Bebas Neue Pro Italic{
  font-family: bebas-neue-pro, sans-serif;
font-weight: 400;
font-style: italic;
  }


Bebas Neue Pro Regular{
font-family: bebas-neue-pro, sans-serif;
font-weight: 400;
font-style: normal;
}


Bebas Neue Pro Bold{
font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
}


Bebas Neue Pro Bold Italic{
font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: italic;
}


 
 
 
 
 
 
 

Futura PT Heavy{
font-family: futura-pt, sans-serif;
font-weight: 700;
font-style: normal;
}
Futura PT Book{
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
}
Futura PT Demi{
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
}
Futura PT Bold{
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal;
}
Futura PT Cond Book{
font-family: futura-pt-condensed, sans-serif;
font-weight: 400;
font-style: normal;
}
Futura PT Cond Bold{
font-family: futura-pt-condensed, sans-serif;
font-weight: 700;
font-style: normal;
}
 Futura PT Cond Medium{
font-family: futura-pt-condensed, sans-serif;
font-weight: 500;
font-style: normal;
}
 Balboa Bold{
 font-family: balboa, sans-serif;
font-weight: 600;
font-style: normal;
 }


 
.mainbody{
	max-width:1200px;
	margin: 0 auto;
}
/*ヘッダー
------------------------------------------------*/
.headerwrap{
    overflow: hidden;
    width: 100%;
    height: 150px;
    position:fixed;
    top: 0;
    z-index: 10000;
}
.headbg{
    background: #000;
    display: block;
    position: fixed;
    z-index: 20;
    width: 100%;
    height: 150px;
    top: 0;
}
h1{
    text-align: center;
    color: #fff;
    font-size: 80%;
    font-weight: 400;
}
.headertop{
    position: relative;
    padding: 10px 0 20px;
}
.headertop img{
   max-height: 22px;
   position: absolute;
   right: 0;
   top: 5px;
}

.header{
     position: relative;
}
.logo{
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%)
}
.logo img{
    max-height: 92px; 
}
.logosp{
    display: none;
}
.menubtn{
    display: none;
}

.gnavi ul{
    display: flex;
    text-align: center;
    justify-content: space-between;
}
.gnavi li{
    flex-basis: 15%;
}
.gnavi li:nth-child(3){
    padding: 0 100px 0 0;
}
.gnavi li:nth-child(4){
    margin: 0 0 0 -0px;
}

.gnavi a{
    color: #fff;
}
.gnavi strong{
    display: block;
font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 120%;
letter-spacing: .1em;
}
.gnavi span{
    font-size: 80%;
}




/*全体レイアウト
------------------------------------------------*/


/**スマホのメニュー***/
body .sidr{
    background: #000;
color:#fff;

}
.sidr a{

}


#sidr-menu{

}
.spclose {
    text-align: right;
    padding: 20px 0;
   
}
.spclose img{
    max-height: 20px;
    padding: 5px;
}
.spnavi{
    padding: 0 0 30px 0;
}

.spnavi h3{
font-size: 90%;
padding: 0 0 5px;
margin: 0 0 5px;
border-bottom: 2px solid #000;
text-align: center;
}
.spnavi h4 {
    font-weight: 800;
    text-align: center;
    padding: 0 0 40px;
}

.spnavi li a{
    padding: 20px 10px;
    display: block;
    border-bottom: 1px solid #999;
    text-align: center;
}
.spnavi li:first-child{
    border-top: 1px solid #999;
}

.spnavi li strong{
      font-family: cormorant-garamond, serif;
font-weight: 500;
font-style: normal;
font-size: 110%;
display: block;
vertical-align: middle;
margin: 0 10px 0 0;

}
.spnavi li span{
    font-size: 80%;
}


.spnavi li a[target="_blank"] span{
    background: url("../img/icon_blank.png") no-repeat center right;
    background-size: 10px;
    padding-right: 20px;
}





/*トップページ
------------------------------------------------*/
.mainvisual{
    z-index: 50;
    position: relative;
}
.mainvisual img{
    width: 100%;
}
.home .swiper-container{
    z-index: 50;
}
.toppreopnewrap{
    padding: 80px 0;
}


/**「ゴルッショ」とは*/
.topconceptwrap{
    background: url("../img/top/bg_topconcept.png") top center;
    padding: 70px 0 ;
     overflow: hidden;
}
.topconcepttitle{
    text-align: center;
    margin: 0 0 80px;
    border-bottom: 1px solid #aaa;
    padding: 0 0 50px;
    position: relative;
}
.topconcepttitle:after{
    content: "";
    height: 2px;
    width: 180px;
    display: inline-block;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 50%;
transform: translate(-50%);
}
.topconcepttitle h2{
/*font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 400%;*/
}
.topconcepttitle h2 img{
    max-height: 47px;
    margin: 0 0 15px;
}


.topconceptbox dl{
    position: relative;
}
.topconceptbox dt h2{
    padding:40px 50px;
    background: url("../img/top/title_produce.png") no-repeat top left;
    background-size: contain;
    font-size: 120%;
    margin: 0 0 80px;
}
.topconceptbox dt h3{
    font-size: 190%;
    margin: 0 0 30px;
}
.topconceptbox dt p{
    padding: 0 0 20px;
    font-size: 110%;
}


.topconceptbox dd{
    position: absolute;
    right: 0;
    top: 0;
}
.topconceptbox dd img{
    max-height: 443px;
}



/**about**/
.topaboutbox{
    text-align: center;
    padding: 100px 0;
    margin: 0 0 60px;
}
.topaboutbox .title02{
    margin: 0 0 30px;
}
.title02{
 text-align: center;
}
.title02 h2{
    color: #000;
    font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 450%;
letter-spacing: .1em;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.title02 h2:after {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background: #00d000;
    margin: 0px auto 20px auto;
}
.title02 h3{
    font-size: 150%;
    padding: 0 0 30px;
}
.title02 h3 small{
    font-size: 80%;
}
.title02 h3 strong{
    
}

.topaboutbox ul{
    display: flex;
    max-width: 1100px;
    justify-content: space-between;
    margin: 0 auto;
}
.topaboutbox ul img{
    max-height: 270px;
}

/**point**/
.toproomwarp{
    border: 1px solid #fff;
    padding: 100px 0 70px;
    margin: 0 0 100px;
}





.title01{
    margin: 0 0 20px;
    letter-spacing: .1em;
    color: #000;
    font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 480%;
  text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
              -1px 1px 0 #fff, 1px -1px 0 #fff,
              0px 1px 0 #fff,  0-1px 0 #fff,
              -1px 0 0 #fff, 1px 0 0 #fff;
}
.pointbox01 {
    margin: 0 0 20px;
}
.pointbox01 h3{
    background: #fff;
    color: #000;
    padding:10px 30px;
    font-size: 120%;
    display: inline-block;
    font-weight: 400;
}
.pointbox01 h4{
    border: 1px solid #fff;
    background: #000;
    padding:10px 30px;
    font-size: 150%;
    display: inline-block;
    letter-spacing: .1em;
     font-weight: 400;
}
.pointbox01 h4 small{
    font-size: 70%;
}
.pointtxt{
    font-size: 120%;
    padding: 0 0 20px;
    line-height: 160%;
}
.toprivatebox{
    max-width: 1000px;
    margin: 0 auto 80px; 
    padding: 0 0 80px;
    border-bottom: 1px solid #fff;
}
.toprivatebox dl{
   position: relative;
}
.toprivatebox dt{
   position: absolute;
   z-index: 10;
   bottom: 0;
}
.toprivatebox dd{
    max-width: 70%;
    margin: 0 0 0 auto;
}
.toprivatebox dd ul{
   display: flex;
}
.toprivatebox dd li{
   padding: 10px;
   position: relative;
}
.toprivatebox dd figcaption{
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: -5px;
    background: #fff;
    color: #000;
    font-weight: 800;
    padding:5px 10px;
    transform:rotate(-5deg);
}

/**EXPERT ROOM**/
.topexpertroombox{
    max-width: 1000px;
    margin: 0 auto 50px; 
}
.topexpertroombox dl{
   margin: 0 0 0 10%;
   position: relative;
}
.topexpertroombox dt{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: -10px;
    
}
.topexpertroombox ul{
    display: flex;
    justify-content: space-between;
    padding: 80px 0 20px;
}
.topexpertroombox dd li{
   max-width: 48%;
}
.pointphoto{
 position: relative;
}

.pointphoto figcaption{
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #fff;
    color: #000;
    font-weight: 800;
    padding:5px 10px;
}
/*anytime**/
.topanytimebox{
    max-width: 1000px;
    margin: 0 auto 200px; 
}
.topanytimebox dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.topanytimebox dt{
    flex-basis: 40%;
    text-align: right;
}
.topanytimebox dt p{
    text-align: left;
    display: inline-block;
}
.topanytimebox dd{
    flex-basis: 50%;
    position: relative;
}
.topanytimebox p img{
    position: absolute;
    right: -240px;
    top:-100px;
    max-height: 595px;
}
/*SUBSCRIPTION**/
.topsubscriptionbox{
    max-width: 1000px;
    margin: 0 auto 100px; 
}
.topsubscriptionbox dl{
    margin: 0 15% 0 0 ;
   position: relative;
}
.topsubscriptionbox dt{
    position: absolute;
    top: 20px;
}
.topsubscriptionbox dd{
    max-width: 65%;
    margin: 0 0 0 auto;
}
.pbtn01{
    color: #00d000;
    font-size: 120%;
    font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
display: inline-block;
position: relative;
}
.pbtn01::before {
    content: '';
    position: absolute;
    bottom: 12px;
    right: -30px;
    width: 20px;
    height: 1px;
    background: #00d000;
}
.pbtn01::after {
    content: '';
    position: absolute;
    bottom: 14px;
    right: -30px;
    width: 5px;
    height: 1px;
    background: #00d000;
    transform: rotate(35deg);
}
/*LESSON MOVIES & ADVICE***/
.topmoviebox{
       max-width: 1000px;
    margin: 0 auto 50px;  
}
.topmoviebox dl{
    margin: 0 0 0 15% ;
   position: relative;
   display: flex;
   justify-content: space-between;
   flex-direction: row-reverse;
}
.topmoviebox dt{
    flex-basis: 42%;
    text-align: right;
}
.topmoviebox dt p{
    display: inline-block;
    text-align: left;
}
.topmoviebox dd{
    flex-basis: 55%;
}
.topmoviebox h2{
    text-align: right;
}

/*GOLF MONSTER**/
.topmonsterbox{
    padding: 0 0 100px;
    border-bottom: 1px solid #fff;
    margin: 0 0 50px;
    text-align: center;
}
.topmonsterbox h2{
font-size: 180%;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
padding: 0 0 20px;
}
.morebtn01{
    border: 1px solid #fff;
    display: block;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px 0;
    color: #fff;
    font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 150%;
}
.morebtn01:hover{
    color: #fff;
}

/**easygo*/
.topeasygowrap {
  position: relative;
  z-index: 0;
  margin: 0 0 180px;
}
.topeasygowrap::after{
  content: '';
  position: absolute;
  left:0;
  top:350px;

 
  /*四角形を傾けます*/
  transform: skewY(-10deg);
  transform-origin: bottom left;
 
  z-index: -1;
  width:100%;
  height:80%;

  background:#fff;
}
.topeasygobox{
    position: relative;
}
.topeasygobox h2{
color: #000;
font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1000%;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
line-height: 90%;

position: absolute;
top: 0;
left: 0;
}
.topeasygobox dl{
    display: flex;
    justify-content: space-between;
}

.topeasygobox .pointtxt{
    color: #000;
}
.topeasygo01{
    max-width: 620px;
    margin: 0 auto 40px;
    align-items: flex-end;
}
.topeasygo01 dt{
   flex-basis: 60%;
}
.topeasygo01 dd{
   flex-basis: 40%;
}
.topeasygo02{
    max-width: 1000px;
    margin: 0 auto 40px;
    flex-direction: row-reverse;    
    align-items: center;
}
.topeasygo02 dt{
   flex-basis: 61%;
}
.topeasygo02 dd{
   flex-basis: 34%;
}
/*machine**/
.topmachine01box{
       max-width: 950px;
    margin: 0 auto 100px;  
}
.topmachine01box dl{
    margin: 0 0 0 0 ;
   position: relative;
  
}
.topmachine01box dt{
    flex-basis: 42%;
    text-align: right;
    position: absolute;
    right: 0;
    z-index: 10;
}
.topmachine01box dt p{
    display: inline-block;
    text-align: left;
}
.topmachine01box dd{
    max-width: 68%;
}

.topmachine02box{
       max-width: 950px;
    margin: 0 auto 100px;  
}
.topmachine02box dl{
    margin: 0 0 0 0 ;
   position: relative;
  
}
.topmachine02box dt{
    flex-basis: 42%;
    position: absolute;
    z-index: 10;
}
.topmachine02box dd{
    max-width: 68%;
    margin: 0 0 0 auto;
}

.topmachine03box{
       max-width: 950px;
    margin: 0 auto 80px;
    border-bottom: 1px solid #fff;
    padding: 0 0 80px;
}
.topmachine03box dl{
    margin: 0 0 0 0 ;
   position: relative;
  
}
.topmachine03box dt{
    flex-basis: 42%;
    text-align: right;
    position: absolute;
    right: 0;
    top: 20%;
    z-index: 10;
}
.topmachine03box dt p{
    display: inline-block;
    text-align: left;
}
.topmachine03box dd{
    max-width: 68%;
}

/**SECURITY*/
.topsecuritybox{
       max-width: 950px;
    margin: 100px auto 150px;  
}
.topsecuritybox dl{
    margin: 0 0 0 0 ;
   position: relative;
  
}
.topsecuritybox dt{
    flex-basis: 42%;
    position: absolute;
    top: 0%;
    z-index: 10;
}
.topsecuritybox dd{
    max-width: 63%;
    margin: 0 0 0 auto;
}
.topsecuritybox dd ul{
    display: flex;
    justify-content: space-between;
}
.topsecuritybox dd li{
    flex-basis: 48%;
}
.topsecuritybox dd li:nth-child(1){
   margin: 120px 0 0 0;
}


/*PROFFESIONAL CORCH***/
.topcorchwrap h2{
    text-align: center;
}

.topcorchbox {
    display: flex;
    justify-content: center;
    margin: 0 0 80px;
}
.topcorchbox dl{
    flex-basis: 33%;
    margin: 0 1%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topcorchbox dl:nth-child(1){
    flex-direction: row-reverse;
}
.topcorchbox dt{
   flex-basis: 55%;
   
}
.topcorchbox dd{
   flex-basis: 45%;
   font-size: 180%;
   color: #7d7d7d;
   font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
}
.topcorchbox dl:nth-child(2) dd{
    text-align: right;
}

/**LINEオンライン相談**/
.toplinesodanbox{
    text-align: center;
    padding: 0 0 100px;
}
.toplinesodanbox h2{
    padding: 0 0 30px;
    font-size: 150%;
    font-weight: 400;
}
.toplinesodanbox h2 small{
    font-size: 60%;
}
.toplinesodanbox p{
    font-size: 130%;
    margin: 0 0 50px;
}



/**price**/
.toppricewrap{
    background: #e4e4e4;
    color: #000;
    padding: 70px 0;
}
.title03{
    text-align: center;
    padding: 0 0 40px;
}
.title03 h2 {
    margin: 0 0 0px;
    font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
    font-size: 300%;
}
.toppricetitle01 h3{
    background: #000;
    color: #00d000;
    text-align: center;
    font-size: 180%;
    padding: 5px ;
    font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
vertical-align: middle;
margin: 0 0 50px;
}
.toppricetitle01 h3 big{
    font-size: 180%;
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
    vertical-align: middle;
}
.toppricebox{
    background: #fff;
    color: #000;
    padding: 50px;
    margin: 0 0 50px;
}
.toppricebox h3{
    text-align: center;
    border: 1px solid #000;
    font-size: 140%;
    padding: 10px;
    margin: 0 0 10px;
}
.toppricebox table{
    width: 100%;
    border-collapse:collapse; 
    margin: 0 0 10px;
}
.toppricebox td,
.toppricebox th{
    padding: 20px;
    border: 1px solid #ccc;
}
.toppricebox tr:nth-child(odd) td{
    background: #e4e4e4;
}
.toppricebox tr:nth-child(1) td{
    background: #000;
    color: #fff;
    font-size: 130%;
}
.toppricebox tr:nth-child(1) .th02 {
    background: #4d4d4d;
}
.toppricebox th{
    background: #000;
    text-align: left;
    color: #fff;
    font-weight: 400;
}
.toppricebox .th01 {
    border-top: none;
    border-left: none;
    background: #fff;
}

.toppricebox h4{
    font-size: 120%;
    padding: 0 0 10px;
}
.toppricebox h4 strong{
    font-size: 150%;
}
.pricelink a{
    display: block;
    background: #000;
    border-radius: 99px;
    padding: 10px ;
    max-width: 200px;
}
.pricelink02 a{
    display: block;
    border: 2px solid #000;
    border-radius: 99px;
    padding: 10px ;
    max-width: 200px;
    color: #000;
}

.topvistorbox dl{
    background: #4d4d4d;
    padding: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.topvistorbox dt{
    font-size: 130%;
    padding: 10px 0px;
    border-right: 1px solid #fff;
    font-weight: 800;
    flex-basis: 20%;
    text-align: center;
}
.topvistorbox dd{
    padding: 10px 20px;
    flex-basis: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topvistorbox dd a{
    background: #fff;
    padding: 10px 10px;
    border-radius: 99px;
    color: #000;
    font-weight: 800;
    display: inline-block;
}


.btn01{
    background: #000;
    padding: 15px 30px;
    display: inline-block;
    font-weight: 800;
    font-size: 120%;
}
.btn01:hover{
    color: #fff;
}

.houjinmemo dt{
    border-bottom: 1px solid #ccc;
    font-weight: 800;
    padding: 0 0 5px;
    margin: 0 0 10px;
}
.houjinmemo dd{
    padding: 0 0 20px;
}



/*フッター
------------------------------------------------*/
.footbnrboxwrap{
    background: #fff;
    padding: 40px 0;
}
.footbnrbox {
    max-width: 1000px;
    margin: 0 auto;
     display: flex;
     justify-content: space-between;
    
}
.footbnrbox dl{
   flex-basis: 48%;
   text-align: center;
}
.footbnrbox a{
    display: block;
    padding: 20px 0;
    border: 2px solid #000;
    color: #000;
}
.footbnrbox dt{
      font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: .1em;
    font-size: 240%;
}
.footbnrbox dd{
    color: #000;
    font-weight: 800;
}



.footcommentwrap{
    padding: 30px 0;
    background: #f0f0f0;
    color: #666;
    font-size: 80%;
}
.footcommentwrap p{
    max-width: 990px;
    margin: 0 auto;
}
.footerwrap{
    padding: 50px 0;
    background: #333333;
}
.footerwrap .mainbody{
position: relative;
}
.footer{
    max-width: 990px;
    display: flex;
    justify-content: space-between;
    
    border-bottom: 1px solid #979797;
    padding: 0 0 20px;
    margin: 0 auto 30px;
}
.footnavi{
    flex-basis: 37%;
}
.footmenu{
    flex-basis: 50%;
}

.footnavi dl{
    display: flex;
    align-items: center;
    padding: 0 0 20px;
}
.footnavi dt{
    flex-basis: 50%;
}
.footnavi dd{
    flex-basis: 50%;
    text-align: center;
}
.footnavi ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.footnavi li{
    border: 2px solid #fff;
    flex-basis: 48%;
}
.footnavi img{
   max-height: 90px;
}

.footnavi li a{
    display: block;
    padding: 10px 0;
    color: #fff;
}
.footnavi li strong{
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
padding: 0 10px 0 0;
font-size: 110%;
}
.footnavi li:nth-child(2) a{
    background: #fff;
    color: #333;
}
.footmenu {
    display: flex;
    justify-content: space-between;
}
.footmenu ul{
   flex-basis: 45%;
   
}
.footmenu li{
   margin: 0 0 10px;
    font-weight: 800;
}
.footmenu li:before{
    content: "－";
    font-weight: 800;
    color: #fff;
}

.footaddress ul{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 990px;
    margin: 0 auto;
}

.footaddress li{
    padding: 0 10px;
}
.footaddress img{
    max-height: 22px;
}


.gotop {
    position: absolute;
    right:0px;
    top: -80px;
    max-height: 50px;
}
.copyright{
    background: #fff;
    text-align: center;
    color: #000;
    padding: 10px 0;
}

.sidefixedbtn{
    position: fixed;
    right: 10px;
    top: 100px;
    z-index: 20000;
}
.footfixedbtn{
    display: none;
}



/*コンテンツ
------------------------------------------------*/
/**タイトル**/
.pagetitlewrap{
    color: #fff;
    margin: 150px 0 0 0;
}
.about .pagetitlewrap{
background: url("../img/about/pagetitle.png") no-repeat center center;
    background-size: cover;
}
.machine .pagetitlewrap{
background: url("../img/machine/pagetitle.png") no-repeat center center;
    background-size: cover;
}
.coaching .pagetitlewrap{
background: url("../img/coaching/pagetitle.png") no-repeat center center;
    background-size: cover;
}

.access .pagetitlewrap{
background: url("../img/access/pagetitle.png") no-repeat center center;
    background-size: cover;
}
.price .pagetitlewrap{
background: url("../img/price/pagetitle.png") no-repeat center center;
    background-size: cover;
}

.rules .pagetitlewrap{
background: url("../img/rules/pagetitle.png") no-repeat center center;
    background-size: cover;
}
.contact .pagetitlewrap{
background: url("../img/contact/pagetitle.png") no-repeat center center;
    background-size: cover;
}
.pagetitle{
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;  
}
.machine .pagetitle{
    height: 360px;
}

.pagetitle h2{
font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 400%;
line-height: 90%;
position: relative;
margin: 0 0 10px;
}
/*.pagetitle h2:after{
    content: "";
    width: 100px;
    height: 1px;
    background: #00ff00;
    position: absolute;
     transform:rotate(-15deg);
     bottom: 15px;
     right: -40px;
}*/
.pagetitle p{
font-size: 100%;
}




/**about**/
.aboutcorchwrap{
    padding: 80px 0 0;
}
.aboutcorchwrap h2{
   text-align: center;
   font-size: 120%;
   margin: 0 0 50px;
   font-weight: 400;
    
}



.aboutwrap{
    margin: 100px auto;
    max-width: 1100px;
}
.aboutwrap .title02 h3{
    font-weight: 400;
}
.anytimebox dl{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background:url("../img/about/anytime01.png") no-repeat center bottom;
    background-size:auto 370px;
    margin: 0 auto 100px;
    max-width: 950px;
}
.anytimebox dt{
    flex-basis: 36%;
}
.anytimebox dd{
    flex-basis: 28%;
}
.anytimecase01 h3{
    border-bottom: 1px solid #00d000;
    padding:0 0 5px;
    margin: 0 0 10px;
    font-size: 100%;
    font-weight: 400;
}
.anytimecase01 ul{
    display: flex;
    justify-content: space-between;
}
.anytimecase01 li:nth-child(1){
   flex-basis: 70%;
}
.anytimecase01 li:nth-child(2){
   flex-basis: 30%;
}
.anytimecase01 p{
    font-size: 130%;

    padding: 0 0 10px;
}

.skillupbox{
    display: flex;
    margin: 0 0 100px;
    justify-content: center;
    flex-wrap: wrap;
}
.skillupbox dl{
    flex-basis: 31%;
    margin: 0 1% 30px;
}
.skillupbox h3{
    padding: 10px 0;
    font-weight: 400;
}
.producebox{
    border: 1px solid #fff;
    max-width: 1000px;
    margin: 0 auto 80px;
}
.producebox h2{
    text-align: center;
    margin: 0 0 20px;
}
.producebox h2 img{
    margin-top: -76px;
}
.producebox h3{
    text-align: center;
    margin: 0 0 30px;
}
.producecase{
    display: flex;
    justify-content: center;
}
.producecase dl{
    flex-basis: 35%;
    margin: 0 3% 40px 3%;
}
.producecase h4{
    padding: 10px 0;
    font-size: 120%;
}
.coachinginfobox ul{
    display: flex;
    justify-content: center;
    margin: 0 0 30px;
    
}
.coachinginfobox li{
    flex-basis: 40%;
    text-align: center;
}
.coachinginfobox li img{
    max-height: 205px;
}
.coachinginfobox dl{
    background: url("../img/about/bg_coachingpoint.png") no-repeat;
    background-size: 100% 100%;
    max-width: 850px;
    margin: 0 auto 30px;
    padding: 20px 100px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 800;
}
.coachinginfobox dt{
    border-bottom: 1px solid #fff;
    margin: 0 0 10px;
    font-size: 130%;
}
.coachinginfobox dd{
    font-size: 150%;
}
.coachinginfotxt{
    text-align: center;
    padding: 0 0 30px;
}
.coachinginfotxt p{
    text-align: left;
    display: inline-block;
}
.servicewrap{
    background: #fff;
    padding: 50px 0;
    color: #000;
}

.servicebox{
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
}
.servicebox dl{
    flex-basis: 48%;
    justify-content: space-between;
    align-items: center;
     background: #e4e4e4;
    display: flex;
    padding: 30px;
    box-sizing: border-box;
}
.servicebox dt{
    flex-basis: 60%;
}
.servicebox dd{
    flex-basis: 37%;
}
.servicebox dd strong{
    font-weight: 800;
    font-size: 150%;
    display: block;
    padding: 10px 0;
}
.servicebox img{
    max-height: 240px;
}
.securitywrap{
    padding: 50px 0;
}
.securitywrap .title02 h3,
.securitywrap .title02 h3 strong{
    font-weight: 400;
}
.securitybox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
}
.securityimg{
    flex-basis: 50%;
}
.securitycase{
    flex-basis: 45%;
}
.securitycase dl{
   display: flex;
   align-items: center;
}
.securitycase dt{
  color: #000;
  margin: 0 10px 0 0;
font-family: balboa, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 400%;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
.securitycase dd h3{
    font-size: 140%;
    padding: 0 0 5px;
    font-family: 'Noto Sans JP', sans-serif;
}

.pricebtmwrap{
    background: #e4e4e4;
    padding: 50px 0;
    color: #000;
}
.pricebtmwrap .title02 h2{
    text-shadow: none;
}

.pricebtmbox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto 30px;
}
.pricebtmbox dl{
    flex-basis: 49%;
    background: #fff;
    text-align: center;
    margin: 0 0 20px;
    padding: 40px;
    box-sizing: border-box;

}
.pricebtmbox dt{
    padding: 5px 0;
    background: #000;
    margin: 0 0 10px;
    color: #fff;
    font-size: 110%;
}
.pricebtmwrap .morebtn01{
    background: #000;
    color: #fff;
}


/**machine***/
.machinewrap{
    max-width: 1000px;
    margin: 50px auto;
}
.joygolfbox{
    max-width: 850px;
    margin: 0 auto 70px; 
}
.joygolfbox dl{
   position: relative;
}
.joygolfbox dt{
    position: absolute;
}
.joygolfbox dd{
    max-width: 56%;
    margin: 0 0 0 auto;
}

.characteristicticmenu{
    text-align: center;
}

.characteristicticmenu ul{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    padding: 0 0 50px;
    max-width: 900px;
    margin: 0 auto;
}
.characteristicticmenu li{
    flex-basis: 15%;
}

.characteristicticbox{
    max-width: 900px;
    margin: 0 auto 30px;
}
.characteristicticbox dl{
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px;
    flex-wrap: wrap;
}
.characteristicticbox dl:nth-child(even){
    flex-direction: row-reverse;
}
.characteristicticbox a{
    width: 100%;
}
.characteristicticbox dt{
    flex-basis: 40%;
}
.characteristicticbox dd{
    flex-basis: 55%;
}
.characteristicticbox h3{
    font-size: 120%;
    border: 1px solid #00d000;
    color: #00d000;
    display: inline-block;
    padding: 5px 20px;
    margin: 0 0 10px;  
}
.characteristicticbox h4{
    border-bottom: 1px solid #fff;
    font-size: 150%;
    padding: 0 0 5px;
    margin: 0 0 20px;
}
.machinepoint{
    display: flex;
    max-width: 900px;
    padding: 0 0 30px;
    justify-content: space-between;
    text-align: center;
    border-bottom: 1px solid #fff;
    margin: 0 auto 20px;
}
.machinepoint dl{
    flex-basis: 22%;
}
.machinepoint img{
    max-height: 145px;
    margin: 0 0 10px;
}
.machinepoint h3{
    font-size: 90%;
    color: #00d000;
}
.machinepoint h4{
    font-size: 140%;
}
.machinepointtext{
    text-align: center;
    padding: 0 0 50px;
    max-width: 900px;
    margin: 0 auto 20px;
}
.machinepointtext p{
    text-align: left;
    display: inline-block;
}


/**coaching**/
.coachingwrap{
    padding: 0 0 30px;
}
.coachinginfoimg h2{
    font-size: 170%;
    font-weight: 800;
    font-family: 'Noto Sans JP', sans-serif;
    padding: 0 0 30px;
}
.coachingwrap{
    max-width: 1000px;
    margin: 0 auto;
}
.coacherbox{
    padding: 80px 0 30px;
}
.coacherbox dl{
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto 50px;
}
.coacherbox dt{
    flex-basis: 30%;
}
.coacherbox dd{
    flex-basis: 65%;
}
.coacherbox h3{
    font-size: 190%;
    font-weight: 400;

    padding: 20px 0;
    border-bottom: 1px solid #fff;
    margin: 0 0 20px;
}
.coacherbox p{
    
    font-size: 110%;
    line-height: 170%;
}
.spcoachingtitle h3{
    text-align: center;
    font-size: 120%;
    padding: 20px 0 50px;
    font-weight: 400;
}
.spcoachingbox{
    max-width: 900px;
    margin: 0 auto 80px;
}
.spcoachingbox dl{
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px;
}
.spcoachingbox dl:nth-child(even){
    flex-direction: row-reverse;
}
.spcoachingbox dt{
    flex-basis: 60%;
}
.spcoachingbox dd{
    flex-basis: 35%;
}
.spcoachingbox h3{
    border-bottom: 1px solid #fff;
    padding: 0 0 5px;
    margin: 0 0 10px;
}
.spcoachingbox p{
    padding: 0 0 20px;
    font-size: 110%;
}
.spcoachingbox .title01{
    letter-spacing: 0;
}
.voicewrap {
    max-width: 900px;
    margin: 0 auto 50px;
}
.voicewrap h2{
    border-bottom: 2px solid #fff;
    padding: 0px 0 0px;
    margin: 0 0 30px;
}

.voicewrap h2 strong {
    vertical-align: middle;
    padding: 0 30px 0 0;
    color: #000;
    font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
    font-size: 300%;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
.voicebox{
    display: flex;
    justify-content: space-around;
}
.voicebox dl{
    flex-basis: 45%;
    margin: 0 0 20px;
}
.voicebox dt{
    padding: 0 20px 10px 20px;
 }
.voicename{
     padding: 0 20px 10px 20px;
     border-bottom: 2px solid #fff;
     display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0 0 10px; 
}
.voicename ul{
     display: flex;
}
.voicename li{
     padding: 5px 10px;
     border: 1px solid #fff;
     font-weight: 800;
}
.voicename li:nth-child(2){
    background: #fff;
    color: #000;
}



.adovicebox01{
    max-width: 900px;
    margin: 0 auto 100px; 
}
.adovicebox01 dl{
   position: relative;
}
.adovicebox01 dt{
    position: absolute;
    top: 70px;
    z-index: 1;
}
.adovicebox01 dd{
    max-width: 67%;
    margin: 0 0 0 auto;
}
.adovicebox01 dd ul{
    display: flex;
    justify-content: space-between;
}
.adovicebox01 dd li{
    max-width: 49%;
}
.adovicebox01 dd li:nth-child(2){
    padding: 100px 0 0 0;
}
.adovicebox01 dd figure{
    position: relative;
}
.adovicebox01 dd figcaption{
   position: absolute;
   border-bottom:1px solid #00d000;
   font-weight: 800;
}
.adovicebox01 dd li:nth-child(1) figcaption{
    top: 0;
    right: -120px;
    padding: 0 0 0 30px;
}
.adovicebox01 dd li:nth-child(2) figcaption{
    bottom: 0;
    left: -70px;
    padding: 0 30px 0 0;
}
.adovicebox02 {
    max-width: 900px;
    margin: 0 auto 60px;
}
.adovicebox02 dl{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.adovicebox02 dt{
    flex-basis: 50%;
}
.adovicebox02 dd{
    flex-basis: 45%;
}
.voicecap{
    border: 1px solid #fff;
    padding: 20px;
    font-size: 85%;
}

/**price/flow**/
.pricewrap{
    padding: 50px 0;
}
.flowboxwrap01{
    border: 1px solid #fff;
    padding:50px ;
    margin: 0 0 50px;
}
.flowtitle dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px;
}
.flowtitle dt{
    flex-basis: 66%;
    border-bottom: 1px solid #fff;
}
.flowtitle dd{
    flex-basis: 25%;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
.flowtitle dt strong {
    vertical-align: middle;
    padding: 0 30px 0 0;
    color: #000;
    font-family: balboa, sans-serif;
font-weight: 600;
font-style: normal;
    font-size: 400%;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

.flowtitle dt span {
    font-size: 150%;
    font-weight: 800;
    letter-spacing: .1em;
}
.flowtitle dd strong{
font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
    font-size: 200%;
    vertical-align: middle;
    display: inline-block;
    line-height: 100%;
    padding: 0 10px 0 0;
}


.flowboxw01{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flowboxw01 dl{
    flex-basis: 32%;
    margin: 0 0 40px;
    box-sizing: border-box;
}
.flowboxw01:after{
    display: block;
    content: "";
    height: 0;
   flex-basis: 32%;
}

.flowboxw01 dt{
    padding: 0 0 20px;
}
.flowboxw01 dd h3{
    font-size: 110%;
    margin: 0 0 10px;
}
.flowhoujin{
    border: 1px solid #fff;
    padding: 20px;
}
.flowhoujin h3{
    color: #fff;
}
.apptitle{
    border: 1px solid #fff;
    text-align: center;
    font-size: 120%;
    padding: 5px;
    margin: 0 0 30px;
}
.appbox{
    display: flex;
    max-width: 900px;
    margin: 0 auto 30px;

}
.appbox dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.appbox dt{
    flex-basis: 20%;
}
.appbox h3{
    padding: 0 0 10px;
}
.appbox dd{
    flex-basis: 70%;
}
.appbox dd img{
    max-height: 40px;
}
.appbox h4{
    flex-basis: 100%;
    padding: 10px;
    font-size: 80%;
}
.line01{
   border-top: 1px solid #fff;
}

.flowtable01 table{
    width: 100%;
    border-collapse: collapse;
}
.flowtable01 td,
.flowtable01 th{
    padding: 20px;
    border: 1px solid #ccc;
}
.flowtable01 th{
    font-size: 130%;
    background: #fff;
    color: #000;
}
.flowtable01 tr:nth-child(even) th{
    background: #e6e6e6;
}
.checkinbox dl{
    display: flex;
    align-items: center;
}
.checkinbox dt{
    flex-basis: 30%;
    padding: 0 20px 0 0;
}
.checkinbox dd{
    flex-basis: 40%;
}
.checkinbox dt strong{
    font-size: 120%;
    padding: 0 0 5px;
    display: block;
}
.flowadvicetcap{
    border-top: 1px solid #fff;
    padding: 10px 0;
}








/**access**/
.accesswrap{
    max-width: 900px;
    margin: 50px auto;
}
.accessinfo dl{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-end;
    margin: 0 0 50px;
}
.accessinfo dt{
    flex-basis: 70%;
}
.accessinfo dd{
     flex-basis:27%;
}
.accessinfo ul{
 display: flex;
    justify-content: space-between;
}
.accessinfo li{
    flex-basis: 48%;
}
.accessinfo table{
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 30px;
}
.accessinfo td{
    padding: 10px;
    font-size: 120%;
}
.accessinfo tr:nth-child(1){
    border-bottom: 1px solid #fff;
}
.mapbox{
    padding: 0 0 30px;
}
.accessbox dl{
    display: flex;
    justify-content: space-between;
}
.accessbox dt{
    flex-basis: 50%;
}
.accessbox dd{
   flex-basis: 45%;
}
.accessbox h3{
    font-size: 150%;
    border-bottom: 1px solid #fff;
    padding: 0 0 5px;
    margin: 0 0 10px;
    vertical-align: middle;
    font-weight: 400;
}
.accessbox h3 img{
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.accessbox p{
    padding: 0 0 30px;
    font-size: 110%;
}



/***rules**/
.ruleswrap{
    max-width: 1000px;
    margin: 50px auto;
}
.rulesbox{
    background: #fff;
    color:#000;
    padding: 30px 50px;
    margin: 0 0 50px;
}
.rulesbox h3{
    text-align: center;
    background: #000;
    padding: 5px;
    color: #fff;
    margin: 0 0 30px;
}
.rulesbox p{
    padding: 0 0 20px;
}
.rulesbox ol{
    padding: 0 0 20px;
    margin-left: 1em;
}
.rulesbox ul{
    padding: 0 0 20px;
   
}
.rulesbox ul li{
    margin-left: 1em;
    text-indent: -1em;
}


.rulesbox02 h3{
    text-align: center;
    font-size: 140%;
    padding: 0 0 30px;
}
.rulesbox02 table{
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 50px;
}
.rulesbox02 td,
.rulesbox02 th{
    padding: 10px 20px;
    border: 1px solid #ccc;
}
.rulesbox02 td{
    background: #fff;
    color: #000;
}
.rulesbox02 tr:nth-child(even) td{
    background: #e6e6e6;
}
.rulesbox02 a{
    color: #000;
    text-decoration: underline;
}












.pager {
	text-align: center;
	padding: 10px 0 50px 0;
}
.pager span,
.pager a{
	display: inline-block;
	padding: 3px 10px;
    border:2px solid #3db270 ;
    color: #3db270;
	
}

.pager .current{
	background: #3db270 ;
    color: #fff;
	
}


/**お問い合わせ**/
.contactwrap{
    max-width: 1000px;
    margin: 50px auto;
}
.contactwrap h2{
    font-size: 120%;
    font-weight: 400;
    padding: 0 0 20px;
}


.contactwrap h3{
    text-align: center;
    font-size: 130%;
    margin: 0 0 50px;
    font-weight: 400;
}
.contactwrap h3 a{
    text-decoration: underline;
}

.formbox{
margin: 0 0 10px 0;

}
.contactbox {
    padding: 50px 100px;
    background: #fff;
    color: #000;
    margin: 0 0 30px 0;
}
.formbox h4{
    text-align: center;
    font-size: 120%;
    padding: 0 0 30px 0;
}


.formbox{
	width:100%;
	margin: 0 0 20px 0;
}
.formtable {
    margin: 0 0 40px 0;
    width: 100%;
}
.formtable td,
.formtable th{
	padding:5px 10px;
	vertical-align: middle;
}
.formtable th {
width: 30%;
text-align: left;
font-weight: 400;

}
.hissu{
    font-size: 90%;
    background: #000;
    color: #fff;
    padding: 2px 10px;
    margin: 0 10px 0 0;
    display: inline-block;  
}
.ninni{
    font-size: 90%;
    background: #666;
    color: #fff;
    padding: 2px 10px;
    margin: 0 10px 0 0;
    display: inline-block;  
}

.formtable input, .formtable select, .formtable textarea {
    padding: 5px 10px;
    border: 2px solid #666;
    margin: 2px;
}
.formtable input{
	vertical-align: middle;
}
.formtable input[type=checkbox]{
  vertical-align: top;
    margin: 4px 0 0 0;
}

.borderbtm1{
    border-bottom: 1px solid #000;
    margin: 0 0 10px 0;
}

.formprivacy{
    overflow: auto;
    height: 150px;
    margin: 0 0 30px 0;
    padding: 10px;
    border:1px solid #ccc;
}
input[type=text],
  textarea{
	width:90%;
}

.mw_wp_form .formtable .horizontal-item + .horizontal-item{
    margin: 0;
}

.formtable .zip{
	width:15%;
}

.formtable label{
    min-width: 250px;
}
.formtable .senmonradio label{
    min-width: 30%;
}


.linkbtn01, .linkbtn02 {
    text-align: center;
    color: #fff;
    font-size: 110%;
    text-decoration: none;
    padding: 10px 60px;
    border: 0px;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 5px 10px;
    background: #000;
}
.linkbtn02 {
    color: #666;
}

.privacybox{
    max-height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 30px;
}
.mw_wp_form_confirm .confirmnone{
    display: none;
}




.mw_wp_form .horizontal-item + .horizontal-item{
    margin-left: 0;
}

/**確認画面に表示*/
.confirmtxt{
    display: none;
}
.mw_wp_form_confirm .confirmtxt{
    display: block;
}








/*lesson movie
**********/
.lessonmovielogo{
    text-align: center;
    padding: 30px 0;
}
.lessonmovielogo h2 img{
    max-height: 92px;
    margin: 0 0 20px;
}
.lessonmovielogo h3{
font-family: bebas-neue-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 250%;
letter-spacing: .3em;
}
.lessonmoviebox{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 50px;
}
.lessonmoviebox dl{
    text-align: center;
    flex-basis: 48%;
    margin: 0 1% 30px;
}
.lessonmoviebox dd{
    padding: 10px 0;
    font-size: 120%;
}


/**ゴルフダイジェストアーカイブ**/
.golfdigesthead{
    text-align: center;
}
.golfdigesthead h3{
    padding: 20px 0 40px;
    font-size: 160%;
}
.digestlogin{
    background: #fff;
    color: #000;
    padding: 0 0 50px;
    margin: 0 0 100px;
}
.digestlogin h3{
    background: #474747;
    text-align: center;
    color: #fff;
    padding: 20px;
    font-size: 200%;
}
.digeststep{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    padding: 50px 0;
    justify-content: space-between;
}
.digeststep dl{
    flex-basis: 30%;
}
.digeststep dt{
    font-size: 120%;
    font-weight: 800;
    margin: 0 0 20px;
}
.digeststep dl:nth-child(2) img{
    margin-top: -10px;
    width: 98%;
}

.digestlogininfo dl{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    border: 2px solid #000;
    font-size: 120%;
    font-weight: 800;
}
.digestlogininfo dt{
    background: #000;
    color: #fff;
    padding: 20px 50px;
}
.digestlogininfo dd{
    padding: 20px;
}
.digestlist{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: 0 0 100px;
}
.digestlist:after{
    display: block;
    content: "";
    height: 0;
    width: 31%;
}
.digestlist dl{
    flex-basis: 31%;
    font-weight: 800;
    margin: 0 0 50px;
}
.digestlist dd h3{
    font-size: 140%;
    padding: 30px 0 20px;
}
.digestlist dd a{
    display: inline-block;
    background: #fff;
    color: #fff;
    font-size:120%;
    font-weight: 800;
    color: #000;
    border-radius: 99px;
    padding: 10px 80px;
}





/*********************************/
/* PC用のスタイル記述ここから */
/*********************************/
/*@media print, screen and (min-width: 769px) {*/
@media print, screen and (min-width: 621px) {	
img {
    image-rendering: -webkit-optimize-contrast;
}




.gnavi{
	display: block!important;
}


.leftbox{
	display:inline-block;
	float:left;
	padding:0px 10px 0px 0;
}
.rightbox{
	display:inline-block;
	float:right;
	padding:0px 0 0px 10px;
}




}





/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
/*@media screen and (max-width: 768px) {*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {



}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {

.slick-slider {
    touch-action: pan-y;
}


.mainbody,
.header .mainbody{
	margin:0 20px;
	width:auto;
}


.wrap{
   
}



#a01,
#a02,
#a03,
#a04,
#a05,
#a06,
#reserve,
#flow,
#mw_wp_form_mw-wp-form-27{
   display: block;
   margin-top:-70px;
   padding-top:70px;
}




/*ヘッダー
------------------------------------------------*/
.headbg{
    height: 50px;
    background: #fff;
    left: 0;
}
.headerwrap{
    left: 0;
}
.headertop{
    position: relative;
    padding: 10px 0 20px;
    
    display: none;
}


.header{
     position: relative;
}
.logo{
    position: relative;
    top: auto;
    left: auto;
    transform:none;
    text-align: center;
    padding: 5px 0 0 0;
    display: none;
}
.logo img{
    max-height: 60px; 
}
.logosp{
    display: block;
    padding: 5px 0 0;
}
.logosp img{
    max-height: 40px;
}
.gnavi ul{
    display: none;
}






.menu-icon{
    display: inline-block;
    position: fixed;
    right: 10px;
    top: 15px;


}
.menu-icon img{
    width: 25px;
}




.gnavi{
	display:none;
}



/*トップページ
------------------------------------------------*/
.home .swiper-container{
    margin: 50px 0 0;
    z-index: 1;
}

.toppreopnewrap{
    padding: 40px 0;
}


/**「ゴルッショ」とは*/
.topconceptwrap{
    padding: 30px 15px ;
}
.topconcepttitle{
    margin: 0 0 30px;
    padding: 0 0 30px;
}

.topconcepttitle h2{
font-size: 250%;
padding: 0 20%;
}


.topconceptbox dl{
    position: relative;
}
.topconceptbox dt h2{
    padding:30px 0px;
    text-align: center;
    font-size: 120%;
    margin: 0 0 20px;
    background: url("../img/top/title_produce.png") no-repeat center center;
background-size: contain;
}
.topconceptbox dt h3{
    font-size: 130%;
    margin: 0 0 30px;
    text-align: center;
}
.topconceptbox dt p{
    padding: 0 0 20px;
    font-size: 100%;
}
.topconceptbox dt{
    padding: 0 0 20px;
}

.topconceptbox dd{
    position: relative;
    right: auto;
    top: auto;
}
.topconceptbox dd img{
    max-height: 445px;
}

/**about**/
.toproomwarp {
  border: 1px solid #fff;
  padding: 20px 20px;
  margin: 0 0 50px;
}




.topaboutbox{
    padding: 40px 0;
    margin: 0 15% 30px;
}
.title02 h2{
font-size: 300%;

}
.title02 h2:after {
    margin: 0px auto 10px auto;
}



.topaboutbox ul{
    display: block;
}
.topaboutbox li{
    padding: 0 0 20px;
}

/**point**/
.title01{
font-size: 270%;
}
.pointbox01 {
    margin: 0 0 20px;
}
.pointbox01 h3{
    padding:10px 20px;
    font-size: 110%;
}
.pointbox01 h4{
    padding:10px 20px;
    font-size: 130%;
    letter-spacing: 0;
}
.pointtxt{
    font-size: 110%;
}
.toprivatebox{
    margin: 0 auto 40px; 
    padding: 0 0 30px;
}
.toprivatebox dl{
   position: relative;
}
.toprivatebox dt{
   position: relative;
}
.toprivatebox dd{
    max-width: 100%;
}
.toprivatebox dd ul{
   display: block;
}
.toprivatebox dd li{
   padding: 10px;
}


/**EXPERT ROOM**/
.topexpertroombox{
    margin: 0 auto 10px; 
}
.topexpertroombox dl{
   margin: 0 0 0 0%;
}
.topexpertroombox dt{
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    
}
.topexpertroombox ul{
    display: block;
    padding: 0px 0 20px;
}
.topexpertroombox dd li{
   max-width: 100%;
   padding: 10px;
}
.pointphoto{
 position: relative;
}

/*anytime**/
.topanytimebox{
    margin: 0 auto 50px; 
}
.topanytimebox dl{
    display: block;
}
.topanytimebox dt{
    text-align: left;
}


.topanytimebox p img{
    display: none;
}
/*SUBSCRIPTION**/
.topsubscriptionbox{
    margin: 0 auto 50px; 
}
.topsubscriptionbox dl{
    margin: 0 0% 0 0 ;
}
.topsubscriptionbox dt{
    position: relative;
    padding: 0 0 20px;
    top: auto;
}
.topsubscriptionbox dd{
    max-width: 100%;
    margin: 0 0 0 auto;
}


/*LESSON MOVIES & ADVICE***/
.topmoviebox{
    margin: 0 auto 50px;  
}
.topmoviebox dl{
    margin: 0 0 0 0% ;
   display: block;
}
.topmoviebox dt{
    text-align: left;
}
.topmoviebox dt p{
    display: inline-block;
    text-align: left;
}
.topmoviebox dd{

}
.topmoviebox h2{
    text-align: left;
    font-size: 200%;
}

/*GOLF MONSTER**/
.topmonsterbox{
    padding: 0 0 50px;
    margin: 0 0 50px;
}
.topmonsterbox h2{
font-size: 110%;
padding: 0 0 20px;
}
.morebtn01{
    max-width: 400px;
    padding: 10px 0;
}

/**easygo*/
.topeasygowrap {
  position: relative;
  z-index: 0;
  margin: 0 0 50px;
}
.topeasygowrap::after{
  content: '';
  position: absolute;
  left:0;
  top:30vw;

 
  /*四角形を傾けます*/
  transform: skewY(-3deg);
  transform-origin: bottom left;
 
  z-index: -1;
  width:100%;
  height:94%;

  background:#fff;
}
.topeasygobox{
    position: relative;
}
.topeasygobox h2{

font-size: 300%;
line-height: 90%;
padding: 0 0 20px;

position: relative;
top: auto;
left:auto;
text-align: center;
}
.topeasygobox dl{
    display:  block;
}

.topeasygo01{
    margin: 0 auto 40px;

}
.topeasygo01 dt{
   flex-basis: 55%;
}
.topeasygo01 dd{
  max-width: 60%;
  margin: 0 auto;
}
.topeasygo02{
    margin: 0 auto 40px;
}
.topeasygo02 dt{

}
.topeasygo02 dd{

}
/*machine**/
.topmachine01box{
    margin: 0 auto 50px;  
}
.topmachine01box dl{
 
}
.topmachine01box dt{
    text-align: left;
    position: relative;
    right: auto;
}
.topmachine01box dt p{
    display: inline-block;
    text-align: left;
}
.topmachine01box dd{
    max-width: 100%;
}

.topmachine02box{
    margin: 0 auto 50px;  
}
.topmachine02box dl{
    margin: 0 0 0 0 ;
   position: relative;
  
}
.topmachine02box dt{
    flex-basis: 42%;
    position: relative;
    top: auto;
}
.topmachine02box dd{
    max-width: 100%;
    margin: 0 0 0 auto;
}

.topmachine03box{
       max-width: 950px;
    margin: 0 auto 30px;  
    padding: 0 0 40px;
}
.topmachine03box dl{
    margin: 0 0 0 0 ;
   position: relative;
  
}
.topmachine03box dt{
    flex-basis: 100%;
    text-align: left;
    position: relative;
    right: auto;
    top: 0;
}

.topmachine03box dd{
    max-width: 100%;
}

/**SECURITY*/
.topsecuritybox{
    margin: 50px auto 50px;  
}
.topsecuritybox dl{
   position: relative; 
}
.topsecuritybox dt{
    flex-basis: 100%;
    position: relative;
    top: auto;
}
.topsecuritybox dd{
    max-width: 100%;
    margin: 0 0 0 auto;
}
.topsecuritybox dd ul{
    display: flex;
    justify-content: space-between;
}
.topsecuritybox dd li{
    flex-basis: 48%;
}
.topsecuritybox dd li:nth-child(1){
   margin: 20px 0 0 0;
}


/*PROFFESIONAL CORCH***/

.topcorchbox {
    display: block;
    justify-content: center;
    margin: 0 0 50px;
}
.topcorchbox dl{
    flex-basis: 35%;
    margin: 0 1% 20px;
}

.topcorchbox dd{
   font-size: 130%;
}


/**LINEオンライン相談**/
.toplinesodanbox{
    padding: 0 0 50px;
}
.toplinesodanbox h2{
    padding: 0 0 20px;
    font-size: 130%;
}

.toplinesodanbox p{
    font-size: 110%;
    margin: 0 0 30px;
}







/**price**/
.toppricewrap{
    padding: 40px 0;
}
.title03{
    padding: 0 0 20px;
}
.title03 h2 {
    font-size: 250%;
}
.toppricetitle01 h3{
    font-size: 120%;
    padding: 10px ;
margin: 0 0 30px;
}
.toppricetitle01 h3 big{
    font-size: 150%;
}
.toppricebox{
    padding: 20px;
    margin: 0 0 30px;
}
.toppricebox h3{
    font-size: 90%;
    margin: 0 0 10px;
}
.toppricebox table{
    width: 100%;
    border-collapse:collapse; 
    margin: 0 0 10px;
}
.toppricebox td,
.toppricebox th{
    padding: 5px;
    font-size: 70%;
}

.toppricebox tr:nth-child(1) td{
    font-size: 90%;
}
.toppricebox th{
    background: #000;
    text-align: left;
    color: #fff;
}

.toppricebox h4{
    font-size: 100%;
    padding: 0 0 5px;
}
.toppricebox h4 strong{
    font-size: 110%;
}
.pricelink a,
.pricelink02 a{
    padding: 5px ;
    max-width: 200px;
}

.topvistorbox dl{
    padding: 10px;
    color: #fff;
    display: block;
}
.topvistorbox dt{
    font-size: 130%;
    text-align: center;
    padding: 10px 0px;
    border: none;
    border-bottom: 1px solid #fff;
}
.topvistorbox dd{
    padding: 10px 20px;
    display: block;
    text-align: center;
}
.topvistorbox dd strong{
    display: block;
}
.topvistorbox dd a{
    display: block;
    padding: 5px 0px;
    margin: 5px 0;
    text-align: center;
}
.btn01{
    padding: 15px 0px;
    display: block;
    font-size: 110%;
}







/*コンテンツ
-----------------------------------------------*/
/**タイトル**/
.pagetitlewrap{
    color: #fff;
    margin: 50px 0 0 0;
}
.pagetitle,
.machine .pagetitle{
    height: 100px;  
}

.pagetitle h2{
font-size: 250%;
}



/**about**/
.aboutcorchwrap{
    padding: 40px 0 0;
}
.aboutcorchwrap h2{
   text-align: center;
   font-size: 100%;
   margin: 0 0 30px;
    
}

.aboutwrap{
    margin: 30px auto;
}
.anytimebox dl{
    display: block;
    padding: 0 0 88vw;
    background:url("../img/about/anytime01.png") no-repeat center bottom;
    background-size: 100%;
    margin: 0 auto 50px;
}
.anytimebox dt{
    padding: 0 0 20px;
}
.anytimebox dd{
    
}
.anytimecase01 h3{
    font-size: 100%;
}
.anytimecase01 ul{
    display: flex;
    justify-content: space-between;
}

.skillupbox{
    display: block;
    margin: 0 0 80px;
}


.producebox{
    padding: 0 20px;
}

.producebox h2 img{
    margin-top: -10vw;
    max-width: 80%;
}
.producebox h3{
    text-align: center;
    margin: 0 0 30px;
}
.producecase{
    display: block;
}
.producecase dl{
    flex-basis: 35%;
    margin: 0 3% 40px 3%;
}

.coachinginfobox ul{
    display: block;
    margin: 0 auto 30px;
    max-width: 70%;
    
}
.coachinginfobox li{
    padding: 0 0 20px;
}

.coachinginfobox dl{
    margin: 0 auto 30px;
    padding: 10px 10px;
}
.coachinginfobox dt{
    font-size: 70%;
    padding: 0 0 5px;
}
.coachinginfobox dd{
    font-size: 80%;
}

.coachinginfotxt p{
    font-size: 80%;
}
.servicewrap{
    padding: 30px 0;
}
.servicebox{
    display: block;
}
.servicebox dl{
    padding:10px;
    margin: 0 0 10px;
}
.servicebox dt{
    flex-basis: 40%;
}
.servicebox dd{
    flex-basis: 50%;
}
.servicebox dd strong{
    font-size: 110%;
}

.securitywrap{
    padding: 30px 0;
}
.securitybox{
    display: block;
}
.securityimg{
  padding: 0 0 10px;
}
.securitycase dd h3{
    font-size: 110%;
}

.pricebtmwrap{
    padding: 30px 0;
}
.pricebtmwrap .title02 h2{
    text-shadow: none;
}
.pricebtmbox{
    display: block;
    margin: 0 auto 30px;
}
.pricebtmbox dl{
    margin: 0 0 20px;
    padding: 20px;
}


/**machine***/
.machinewrap{
    margin:30px auto;
}
.joygolfbox{
    margin: 0 auto 30px; 
}
.joygolfbox dl{
   position: relative;
}
.joygolfbox dt{
    position: relative;
}
.joygolfbox dd{
    max-width: 100%;
}


.characteristicticmenu ul{
    flex-wrap: wrap;
    padding: 0 0 30px;

}
.characteristicticmenu li{
    flex-basis: 45%;
    margin: 0 0 20px;
}

.characteristicticbox{
    margin: 0 auto 30px;
}
.characteristicticbox dl{
    display: block;
    margin: 0 0 30px;
}
.characteristicticbox dl:nth-child(even){
    flex-direction: row-reverse;
}
.characteristicticbox dt{
   padding: 0 0 30px;
}

.machinepoint{
    display: flex;
    padding: 0 0 30px;
    flex-wrap: wrap;
    margin: 0 auto 20px;
}
.machinepoint dl{
    flex-basis: 48%;
}
.machinepoint img{
    max-height: 35vw;
    margin: 0 0 10px;
}
.machinepoint h3{
    font-size: 70%;
}
.machinepoint h4{
    font-size: 110%;
}
.machinepointtext{
    padding: 0 0 10px;
    margin: 0 auto 20px;
}

/**coaching**/
.coachingwrap{
    padding: 0 0 10px;
}
.coachinginfoimg h2{
    font-size: 110%;
}

.coacherbox{
    background-size: 40%;
    padding: 40px 30px 30px;

}
.coacherbox dl{
    display: block;
    margin: 0 0 30px;
}

.coacherbox h3{
    font-size: 130%;
    background-size: auto 40%;
}
.coacherbox p{
    font-size: 100%;
}


.spcoachingtitle h3{
    font-size: 110%;
    padding: 20px 0 30px;
}
.spcoachingbox{
    margin: 0 0 30px;
}

.spcoachingbox dl{
    display: block;
    margin: 0 0 30px;
}
.spcoachingbox dl:nth-child(even){
    flex-direction: row-reverse;
}


.voicewrap {
    margin: 0 auto 30px;
}
.voicewrap h2{
    margin: 0 0 30px;
}

.voicewrap h2 strong {
    padding: 0 20px 0 0;
    font-size: 180%;
}
.voicebox{
    display: block;
}
.voicebox dl{
    margin: 0 0 20px;
}

.adovicebox01{
    margin: 0 auto 50px; 
}
.adovicebox01 dl{
   position: relative;
}
.adovicebox01 dt{
    position: relative;
    top: auto;
}
.adovicebox01 dd{
    max-width: 100%;
}

.adovicebox01 dd li:nth-child(2){
    padding: 50px 0 0 0;
}

.adovicebox02 {
    margin: 0 auto 30px;
}
.adovicebox02 dl{
    display: block;
}

.voicecap{
    padding: 10px;
}





/**price/flow**/
.pricewrap{
    padding: 30px 0;
}
.flowboxwrap01{
    padding:20px ;
    margin: 0 0 30px;
}
.flowtitle dl{
    display: block;
    margin: 0 0 20px;
}
.flowtitle dt{
 margin: 0 0 10px;
 text-align: center;
}
.flowadvice .flowtitle dt{
    padding-bottom: 10px;
}
.flowtitle dt strong {  
    padding: 0 10px 0 0;
    font-size: 300%;
 }

.flowtitle dt span {
    font-size: 130%;
}
.flowtitle dd strong{
    font-size: 170%;
    padding: 0 10px 0 0;
}


.flowboxw01{
    display: block;
}

.flowhoujin{
    padding: 10px;
}

.apptitle{
    font-size: 100%;
    padding: 10px;
    margin: 0 0 20px;
}
.appbox{
    display: block;
    margin: 0 auto 30px;

}
.appbox dl{
    padding: 0 0 20px;
    display: block;
}
.appbox dt{
    flex-basis: 20%;
    display: none;
}
.appbox h3{
    padding: 0 0 10px;
}
.appbox dd{
    flex-basis: 70%;
    text-align: center;
    padding: 0 0 20px;
}
.appbox h4{
    flex-basis: 100%;
    padding: 0px;
}


.flowtable01 td,
.flowtable01 th{
    padding: 10px;
    display: block;
}
.flowtable01 th{
    font-size: 120%;
}
.checkinbox dl{
    display: block;
}
.checkinbox dt{
    padding: 0 0px 20px 0;
}
.checkinbox dd{
}
.checkinbox dt strong{
    font-size: 120%;
    padding: 0 0 0px;

}
.flowadvicetcap{
    border-top: 1px solid #fff;
    padding: 10px 0;
}












/**access**/
.accesswrap{
    margin: 30px auto;
}
.accessinfo dl{
    display: block;
    margin: 0 0 30px;
}
.accessinfo dt{
   padding: 0 0 0px;
}

.accessinfo ul{
 display: block;
}
.accessinfo li{
  padding: 0 0 20px;
}
.accessinfo table{
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 30px;
}
.accessinfo td{
    padding: 10px;
    font-size: 120%;
}
.accessinfo tr:nth-child(1){
    border-bottom: 1px solid #fff;
}

.accessbox dl{
    display: block;
}
.accessbox h3 {
    font-size: 130%;
}


/***rules**/
.ruleswrap{
    margin: 30px auto;
}
.rulesbox{
    padding: 20px;
    margin: 0 0 30px;
}
.rulesbox h3{
    margin: 0 0 20px;
}
.rulesbox p{
    padding: 0 0 20px;
}
.rulesbox02 h3{
    font-size: 120%;
    padding: 0 0 20px;
}
.rulesbox02 table{
    margin: 0 0 30px;
}
.rulesbox02 td,
.rulesbox02 th{
    padding: 10px 10px;
    display: block;
}







 .scroll-wrap table{
    width: 100%;
}

  .scroll-wrap{
    width: 100%;
    padding: 0%;
    overflow-x: auto;
    white-space: nowrap;
  }
  .scroll-wrap::-webkit-scrollbar {
    height: 10px;

  }
  .scroll-wrap::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
  .scroll-wrap::-webkit-scrollbar-track-piece {
    background: #efefef;
  }  









.pager {
	padding: 10px 0 10px 0;
}





/**お問い合わせ**/
.contactwrap{
    margin: 30px auto;
}
.contactwrap h3{
    font-size: 100%;
    margin: 0 0 30px;
}
.contactwrap h3 a{
    text-decoration: underline;
}


.contactbox {
    padding: 20px 10px;
    margin: 0 0 30px 0;
}

.formtable {
    margin: 0 0 20px 0;
    
}
.formtable td,
.formtable th{
	padding:5px 10px;
	display: block;
    
}
.formtable th {
width: 100%;
}












/*フッター
------------------------------------------------*/

.footbnrboxwrap{
    padding: 20px 0;
}
.footbnrbox {
     display: block;    
}
.footbnrbox dl{
   text-align: center;
   margin: 5px 0;
}
.footbnrbox a{
    display: block;
    padding: 10px 0;
}
.footbnrbox dt{
    font-size: 200%;
}


.footerwrap{
    padding: 50px 0 60px;
}
.footerwrap .mainbody{
position: relative;
}
.footer{
    display: block;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.footnavi{
    margin: 0 0 20px;
}
.footmenu{
    
}

.footnavi dl{
    display: flex;
    padding: 0 0 20px;
}
.footnavi dt{
    padding: 0 10px 0 0 ;
    font-size: 80%;
}

.footnavi li{
  
}
.footnavi img{
   max-height: 70px;
}


.footmenu ul{
   flex-basis: 49%;
   
}
.footmenu li{
   margin: 0 0 15px;
   text-indent: -1em;
   margin-left: 1em;
   font-size: 100%;
}


.footaddress ul{
    display: flex;
    flex-wrap: wrap;
}

.footaddress li{
    padding:  10px;
}
.footaddress img{
    max-height: 22px;
}


.gotop {
    right: 0px;
}










.sidefixedbtn{
display: none;
}

.footfixedbtn{
    display: block;
        position: fixed;
    bottom: 0px;
    z-index: 1000;
}
.footfixedbtn ul{
    display: flex;
    flex-wrap: wrap;
}
.footfixedbtn li{
    flex-basis: 50%;
}
.footfixedbtn li:nth-child(1){
    flex-basis: 100%;
}



.onlypc{
	display:none;
}
.onlysp{
	display: block;
}



.spblock{
	display: block;
}

}





/*safariのみ**/
_::-webkit-full-page-media, _:future, :root .contacttel dd{
  
}


/*ieのみ*/
@media all and (-ms-high-contrast: none) {


}