@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body{
  font-family: "Noto Sans JP", "HiraKakuPro", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3",
  "貂ｸ繧ｴ繧ｷ繝�け", "YuGothic", verdana, "MS PGothic", Sans-Serif;
  font-feature-settings: "palt";
  line-height: 150%;
}
h1, h2, h3, h4, h5, h6{
  font-weight: bold;
  line-height: 140%;
} 
/* 陋榊�邱� */
.under-decoration{
  display: inline;
  background: linear-gradient(transparent 70%, rgb(238, 238, 34) 70%, rgb(238, 238, 34));
}
main{border-top: 4px solid #e8131b;}



/* GDO繝ｭ繧ｴ */
.gdo-logoinner{max-width: 1000px; margin: 0 auto; padding: 0px 10px;}
.gdo-logoinner .gdo-logo{
  width: 80px;
  background: rgb(54, 149, 214); 
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 55px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.gdo-logoinner .gdo-logo:hover{
  opacity: 0.5 ;
  -webkit-box-shadow: 2px 2px 16px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 16px 1px rgba(0, 0, 0, 0.2);
}
.gdo-logoinner .gdo-logo a{
  display: block;
  fill:#fff;
  padding: 10px 10px 10px 16px;
}
  @media screen and (min-width: 769px) {
    .gdo-logoinner{padding: 0px;}
    .gdo-logoinner .gdo-logo{width: 105px;}
    .gdo-logoinner .gdo-logo a{padding: 15px 12px 15px 19px;}
  }


/* 繝倥ャ繝€繝ｼ */
header .head-wrapper{margin: 20px;}
header .playsafe-logo{max-width: 85%; fill:#242424; margin-bottom: 5px;}
header .lead-box{text-align: justify; color: #242424;}
header .lead-box h1{
  font-size: 1.7em;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 130%;
  margin-left: -4px;
}
header .lead{
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 160%;
}
  @media screen and (min-width: 769px) {
    header{margin-bottom: 40px;}
    header .head-wrapper{max-width: 690px; margin: 45px auto;}
    header .playsafe-logo{
      max-width: 530px;
      margin-bottom: 10px;
    }
    header .lead-box h1{
      letter-spacing: 0.8px;
      font-size: 2.3em;
      line-height: 125%;
      margin-bottom: 10px;}
    header .lead, footer .last-lead{font-size: 19px;}
  }









  /*縲€繧ｴ繝ｫ繝輔ぃ繝ｼ/縺雁ｮ｢讒倥∈縺ｮ縺企｡倥＞ */
article{padding: 10px;}
article p{font-size: 16px; color: #101010;}
section{margin-bottom: 35px;}
h2{
  margin: 0 5px 15px;
  font-size: 1.4em;
  font-weight: 600;
  text-align: center;
  color: #242424;
}
span.linedeco{
  background-color: #e8131b;
  display: block;
  width: 40px;
  height: 4px;
  margin: 0 auto 20px;
  border-radius: 50px;
}
.partner ul,  .golfer ul{
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.partner ul li, .golfer ul li{
  text-align: center;
  width: 49%; 
  margin: 0 2% 2% 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.partner  ul li img, .golfer  ul li img{
  max-width: 65%;
  margin: 0 auto;
  min-height: 110px;
}
section ul li img.adjust{
  max-width: 80%;
}
.partner ul li{
  background: #0888d1;
  padding: 15px 20px 12px;
}
.partner ul li p{
  color: #fff;
  font-weight: 500;
}
.golfer ul li{margin: 0 2% 10% 0;}
.golfer ul li h3{color :#000; margin: 15px 0 5px;}
.arart-txt{
  display: flex; 
  align-items: center; 
  padding: 10px;
  border: 1px solid #ccc;
  margin: 0 auto;
}
.arart-txt p{font-size: 15px;}
.arart-txt span{
  font-size: 40px;
  color: #e8131b;
  font-weight: bold;
  padding: 10px 10px 10px 5px;
}
@media screen and (max-width: 768px){
	.partner ul li:nth-child(2n), .golfer ul li:nth-child(2n){margin-right:0;}
}
@media screen and (min-width: 769px) {
  article{padding: 0px;}
  article{max-width: 1000px; margin: 0 auto; padding: 0px;}
  article p{font-size: 18px; line-height: 160%;}
  section{margin-bottom: 80px;}
  h2{font-size: 1.9em;}
  .partner ul, .golfer ul{justify-content:center;}
  .partner ul li, .golfer ul li{width: 31%;}
  .partner ul li:nth-child(3n), .golfer ul li:nth-child(3n){margin-right:0;}
  .partner ul li img{max-width:50%; min-height: 180px;}
  .partner ul li p{font-size: 19px;}
  .golfer ul li img{max-width: 57%;}
  section ul li img.adjust{max-width: 65%;}
  .partner ul li{padding: 20px 20px 25px;}
  .golfer ul li h3{font-size: 21px;}
  .arart-txt{max-width: 730px; padding: 20px 20px 25px;} 
  .arart-txt p{font-size: 17px;}
  .arart-txt span{padding: 10px 15px 10px 8px;}
}


  /*縲€4縺､縺ｮ縲瑚ｧｦ繧峨↑縺�€� */
.donttocuh{background: #f0f0f0;}
.donttocuh figure{width: 15%; margin: 10px auto;}
.donttocuh ul li{
  display: flex;
  align-items: center;
  background: #FFF;
  margin-top: 10px;
  padding: 10px;
}
.donttocuh ul li img{width: 27%;  margin-right: 10px;}
.donttocuh h2{margin-bottom: 20px;}
.donttocuh h2 span{
  color: #e8131b;
  font-size: 34px; 
  vertical-align: top;
  margin-right: 2px;
}
.donttocuh h3{color: #e8131b; font-size: 19px; margin-bottom: 3px;}

@media screen and (min-width: 769px) {
  .donttocuh h2 span{font-size: 38px;}
  .donttocuh h3{font-size: 21px;}
  .donttocuh{padding: 35px 0 45px;}
  .donttocuh figure{width: 6%;}
  .donttocuh ul{display: flex;flex-wrap: wrap; justify-content: center;}
  .donttocuh ul li{width: 49%; margin: 0 2% 2% 0; padding: 15px 25px;}
  .donttocuh ul li:nth-child(2n){margin-right: 0;}
  .donttocuh ul li img{margin-right: 15px;}
}




  /*縲€繝輔ャ繧ｿ繝ｼ */
footer{
  text-align: center;
  background: whitesmoke;
  padding: 35px 0 0;
}
footer .txt-box{
  line-height: 170%;;
}
.last-lead{
  margin: 0px 0 30px;
  line-height: 170%;
  font-size: 17px;
  text-align: justify;
  text-align: center;
}
.last-lead span{
  position: relative;
  border: 1px solid #000;
  padding: 25px;
  display: inline-block;
}
.last-lead span::before{
  display: block;
  position: absolute;
  top: -5px;
  left: 8px;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 10px;
  content: "";
  /*background: #fff;*/
  background: #f5f5f5;
}
.last-lead span::after{
  display: block;
  position: absolute;
  bottom: -5px;
  left: 8px;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 10px;
  content: "";
  /*background: #fff;	*/
  background: #f5f5f5;
}

.snsShare-box{margin-bottom: 40px;}
.snsShare-box p{margin-bottom: 25px;}
.snsShare{display: flex; justify-content: center; }
.snsShare li.facebook{background: #4267B2;}
.snsShare li.twitter{background: #1B95E0;}
.snsShare li.line{background: #2DC100; margin-right: 0;}
.snsShare li a{display: block;padding: 15px 40px;}
.snsShare li{
  margin-right: 5px; 
  -webkit-box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.snsShare li:hover{
  opacity: 0.5 ;
  -webkit-box-shadow: 2px 2px 16px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 16px 1px rgba(0, 0, 0, 0.2);
}
.snsShare li img{width: 30px;}
.copy-right{background: #f5f5f5; padding: 30px 0 ;}
.copy-right p{font-size: 12px; color: #000;}

@media screen and (min-width: 769px) {
  .snsShare li{margin-right: 10px;}
  .snsShare li a{display: block; padding: 15px 70px;}
  .last-lead{margin: 0px 0 80px;}
  .last-lead span{padding: 30px 60px;}
  footer{padding: 70px 0 0;}
  footer .txt-box{width: 760px; margin: 0 auto;}
  .snsShare-box{margin-bottom: 80px;}
  .copy-right p{font-size: 14px;}
}


/* 豕ｨ驥�
------------------------------ */
.Annotation{font-size: 14px;}
.Annotation.bottom{margin: 15px 5px 20px;}

@media screen and (min-width: 769px) {
.Annotation{margin: 0 15px; font-size: 15px;}
.Annotation.bottom{margin: 0px}
}


/* 480px縲�599px�壹ち繝悶Ξ繝�ヨ邵ｦ /繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ讓ｪ
------------------------------ */
@media screen and (min-width:481px)  {
}
.only-pc {display: none;}

/* 600px縲�959px�壹ョ繧ｹ繧ｯ繝医ャ繝�/繧ｿ繝悶Ξ繝�ヨ讓ｪ
------------------------------ */
@media screen and (min-width: 769px) {
  .only-sp{display: none;}
  .only-pc {display: block;}
}