/*
Theme Name: RODDIO
Theme URI: 
Description: 
Version: 1.0
Author: mamoru sato
Author URI: http://www.ma-create.com/
*/
/*-----------------
reset
-------------------*/


#contents {
  position: relative;
  width: 1080px;
  margin: 0 auto 40px auto;
  text-align: center; }
  #contents p {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: left; 
    vertical-align: top;
}
@media screen and (max-width: 800px){
	div#main>* {
		/* margin:1em; */
	}
	#home div#main>* {
		margin:0em!important;
	}
}

.main-normal {
  left: 0px; }

.main-single {
  left: 110px; }

#main {
  position: relative;
  width: 860px;
  text-align: left;
  margin: 0 auto;
  float: left; }
  #main p {
    font-size: 14px;
    line-height: 1.9em; }
@media screen and (max-width: 800px){
  #main p {
	  font-size: 12px;
	}
}


  #main .coution {
    font-size: 10px;
    padding-left: 1em;
    text-indent: -1em; }
  #main .sfs {
    font-size: 12px !important;
    margin-top: 10px; }
  #main .mb-s {
    margin-bottom: 10px; }
  #main .mb-m {
    margin-bottom: 20px; }
  #main .mb-l {
    margin-bottom: 30px; }
  #main .image-l {
    float: left; }
  #main .image-r {
    float: right; }
  #main .baseline {
    margin-bottom: 0;
    position: relative;
    top: 0px;
    z-index: 1;
    display: block; }

#side {
  float: right;
  margin-left: 20px;
  text-align: left;
  position: relative; }
  #side #btn-toggle {
    position: absolute;
    z-index: 2;
    left: -7px;
    top: 240px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer; }
    #side #btn-toggle span {
      display: none; }
  #side .close {
    background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/common/btn-close_off.gif) no-repeat; }
  #side .open {
    background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/common/btn-open_off.gif) no-repeat; }
  #side .close:hover {
    background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/common/btn-close_on.gif) no-repeat; }
  #side .open:hover {
    background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/common/btn-open_on.gif) no-repeat; }
  #side {
    border-left: 1px solid #cccccc;
    height: 400px; }

#side-contents {
  width: 199px;
  height: 1280px;
  position: relative;
  margin-bottom: 30px
 }
  #side-contents ul {
    position: relative;
    left: 10px;
    width: 190px; }
  #side-contents li {
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
  #side-contents .news-image {
    font-size: 0;
    line-height: 0;
    margin-bottom: 5px; }
  #side-contents .news-text {
    font-size: 12px;
    line-height: 1.6em; }

#side-news {
  padding-bottom: 10px; }
  #side-news h3 {
    font-size: 10px;
    color: #636464;
    margin-bottom: 5px;
    padding-top: 0px;
    font-family: serif;
    font-style: italic; }
  #side-news h4 {
    font-size: 7px;
    font-family: serif;
    padding-top: 0px;}
  #side-news p {
    font-size: 11px;
    line-height: 1.6em; }
  #side-news a:link, #side-news a:visited {
    color: #636464; }
  #side-news a:hover, #side-news a:active {
    color: #e73230; }

#side-navi {
  font-size: 0;
  line-height: 0;
  padding-top: 0px;
  padding-bottom: 10px; }
  #side-navi img {
    display: block; }

#side-navi-p {
  margin-top: 17px;
  margin-bottom: 5px; }

#side-shaft h3 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 10px; }

#side-head h3 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 5px; }

.fb-page {
 margin-bottom: 30px;
 float: left;
}

#sidenp {
  display: block;
  float: left;
  width: 199px;
  height: 2560px;
}


#footer {
    padding: 0.5em 0 30px;
    clear: both;
    width: 1080px;
    border-top: 1px solid #cccccc;
    margin: 0 auto;
}
@media screen and (max-width: 800px){
 #footer {
	 background-color:#ccc;
 }
}

#footer-logo {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

#footer-link {
	margin-bottom: 20px;
    display: flex !important;
    text-align: center;
    overflow-y: hidden;
    max-width: 860px;
    flex-wrap: wrap;
}
#footer-link .first {
}
#footer-link li {
    font-size: 12px;
    padding: 2em;
    line-height: 1.5em;
    min-width: 110px;
    text-align: center;
    z-index: 1;
}


@media screen and (max-width: 800px){
 #optionparts h4 {
 text-align:left
     }
}


@media screen and (max-width: 800px){
 #footer-link li {
	 float: none;
	 padding: 0.6em; }
}
#footer-sns-link {
	display:none;
}
#footer-sns-link img{
	width:60px;
}
@media screen and (max-width: 800px){
	#footer-sns-link {
		text-align:center;
}
	 #footer-sns-link>div {
	 display: inline-flex;
}
}
#copyright {
  clear: both;
  font-size: 10px;
  color: #1c2950; }

.bgstretcher-area {
  text-align: left; }

.bgstretcher {
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  overflow: hidden;
  width: 100%;
  position: fixed;
  z-index: 1;
  _position: absolute;
  /*IE6 doesn't support fixed positioning*/
  top: 0;
  left: 0; }
  .bgstretcher UL {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none; }
    .bgstretcher UL LI {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      list-style: none; }

#mainimage {
  clear: both;
  width: 860px;
 /*height: 484px;*/
  overflow: hidden;
  position: relative;
  margin-bottom: 40px; }
img.w100{
	width:100%
}
.mt10,
.mt20,
.mt30,
.mt40,
.mt50,
.mt60 {
  margin-top: 10px;
}

.mb10,
.mb20,
.mb30,
.mb40,
.mb50,
.mb75 {
  margin-bottom: 10px !important;
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }

.fs12 {
  font-size: 12px;
}

.hovernone {
  pointer-events: none;
}

@media screen and (max-width: 800px){
	.totop.baseline{
		display: none!important;	
	}
}

@media screen and (max-width: 600px){
.ofxs{
overflow-x: scroll;
}
.mwmc{
min-width: max-content;
}
}

.mwmc{
min-width: max-content;
}


ul.product_link {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}
ul.product_link li{
	margin:5px;
}
ul.product_link li img{
	width:190px;
	height:268px;
}


.cd-accordion-menu {
  width: 90%;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}

.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 0.5em;
  font-size: 1em;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #cccccc;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  padding-left: 2em;
	background-color: #cccccc;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #cccccc;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 3em;
    background-color: #ffffff;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 4em;
    background-color: #cccccc;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 0.5em 0.5em 0.5em 1em;
    font-size: 1.4em;
  }
  .cd-accordion-menu label::before {
    left: 1em;
  }
  .cd-accordion-menu label::after {
    left: 2em;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 2em;
	background-color: #cccccc;
  }
  .cd-accordion-menu ul label::before {
    left: 1em;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 2em;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 3em;
	      background-color: #ffffff;

  }
  .cd-accordion-menu ul ul label::before {
    left: 2em;
	      background-color: #ffffff;

  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 3em;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 4em;
	background-color: #cccccc;

  }
  .cd-accordion-menu ul ul ul label::before {
    left: 2em;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 3em;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
/*-----------------
home news20200414
-------------------*/
#area01 h2 {
  margin-top: 2em;
  margin-bottom: -3em;
}

.news {
  margin-top: 4em;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 75vh;
}

.news-block {
  width: 100%;
}

.news-cell {
  margin: 1em;
  /* width: 100%; */
}

.news-cell h4 {
  margin-bottom: 8px;
  font-size: 12px;
}

.news-cell span {
  background-color: #ccc;
  margin-left: 0.5em;
  padding: 0 0.5em;
  font-size: 12px;
  vertical-align: middle;
}



.textlines {
    padding: 0.5em;          
    width: 100%;
    height: 120px;
    font-size: 1em;    
    line-height: 1.2; 
}

.btn-brackets {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #000;
  transition: .4s;
}
.btn-brackets:hover {
  color:#ff7f7f;
}
.btn-brackets:before, .btn-brackets:after {
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.btn-brackets:before {
  border-left: solid 2px #cccccc;
  border-top: solid 2px #cccccc;
  border-bottom: solid 2px #cccccc;
  left: 0;
}
.btn-brackets:after {
  content: '';
  border-top: solid 2px #cccccc;
  border-right: solid 2px #cccccc;
  border-bottom: solid 2px #cccccc;
  right: 0;
}
/*スライダー*/
@media screen and (max-width:800px){
	div#slider>div{
		max-width:800%;
		height:auto
	}
}
@keyframes slidy{ 0%, 10% { transform: translateX(0%); }
    12.5%, 22.5% { transform: translateX(-12.5%); }
    25%, 35% { transform: translateX(-25%); }
    37.5%, 47.5% { transform: translateX(-37.5%); }
    50%, 60% { transform: translateX(-50%); }
    62.5%, 72.5% { transform: translateX(-62.5%); }
    75%, 85% { transform: translateX(-75%); }
    87.5%, 97.5% { transform: translateX(-87.5%); }
    100% { transform: translateX(0%); } /* 最後のキーフレームを修正して最初に戻るようにする */
}
div#slider {
	width:100%;
	overflow: hidden;
}
div#slider div {
	width: 800%;
	overflow:hidden;
	white-space:nowrap;
	font-size:0;
	margin: 0;
	text-align: left;
	position: relative;
	left: 0;
	animation: 18s slidy infinite;
}
div#slider div > a > img{
	width: 12.5%;
	height:auto;
	display:inline-block;
}
	
/*-----------------
元・header.php
-------------------*/

/* デフォルト（画面サイズが800px以上） */
.mobile{display:none;}
.pc{display:block;}
div#side input{display:none;}


div#blC > ul#side-news{height:22em;overflow-y:scroll;overflow-x:hidden;}
ul#side-news{height:27em;overflow-y:scroll;overflow-x:hidden;background:white;}

/* 画面サイズが800px以下 */
@media screen and (max-width:800px) {
.mobile{display:block;}
.pc{display:none;}

div#footer>*{
	margin:1em;
    flex-wrap: nowrap;	
    display: block!important;
	}

/*　*:nth-of-type(odd){border:salmon 2px dashed}*/
/*　*:nth-of-type(even){border:dodgerblue 2px dashed}*/

*{max-width:100%;height:auto;}
label{cursor:pointer;}

div#area01{padding:0.5em;}

/*タイル配置画像*/
/*ul.product_link{display:flex;justify-content:space-around;width:100%;}*/
/*ul.product_link *{width:40vw !important;height:auto !important;}*/

div#area01 ul{justify-content:space-around;width:100%;}
div#area01 ul img{width:30vw !important;height:auto !important;}



/*トグルボタン削除*/
p#btn-toggle{display:none;}

/*コンテンツ内の並びを上サイドバー、下メインへ変更*/
div#contents{padding-top:20px;display: flex !important;flex-direction:column !important;}

/*メインとサイドバーの横幅確保*/
div#contents > div#main{width:100% !important;}

/*サイドバー内部の位置を揃える*/
div#side-contents > *{position:relative !important;top:0 !important;}


/*サイドバーコンテンツSの横幅確保*/
div#side{width:100%;height:auto !important;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:flex-start;margin:0;overflow:hidden;padding-top:9px;}
div#side > *{flex-grow:1;}
div#side > div#side-contents{flex-grow:3;}
div#side-contents{width:100% !important;height:50vh;margin:0 !important;padding:1em;background:#fff;}


/*FaceBook*/
div#side-contents > iframe.mobile{margin: auto !important;border:none;overflow:auto;border: none; height: 100%; }


/*コンシェルジュblog*/
ul#side-news{height: 100%;
    overflow-y: scroll;
    min-width: 300px;
    width: 80vw;
    margin: auto;
	padding: 1em;
	/*background:#f6f6f6;background-image: url(http://153.126.183.77/wp/wp-content/themes/roddio/img/common/side-conblg.gif);background-repeat:no-repeat;background-position:right top;*/
	}


/*ラジオ切り替えメニュー*/
div#side > input[type*="radio"]        +label{/*padding:0.5em 0;*/ background:#ccc; text-align:center;/*border-radius:1em 1em 0 0;*/width: 25vw;}
div#side > input[type*="radio"]:checked+label{background:#fff;}
input#on-off         + div{display:none;}
input#on-off:checked + div{display:block;}

input#fbRoddio              ~ div#side-contents > #fbR{display:none;transform:scalY(0);transition:0.2s;}
input#igRoddio              ~ div#side-contents > #igR{display:none;transform:scalY(0);transition:0.2s;}
input#fbConcierge           ~ div#side-contents > #fbC{display:none;transform:scalY(0);transition:0.2s;}
input#blogConcierge         ~ div#side-contents > #side-news{display:none;transform:scalY(0);transition:0.2s;}

input#fbRoddio:checked      ~ div#side-contents > #fbR{display:block;transform:scalY(1);transition:0.2s;}
input#igRoddio:checked      ~ div#side-contents > #igR{display:block;transform:scalY(1);transition:0.2s;}
input#fbConcierge:checked   ~ div#side-contents > #fbC{display:block;transform:scalY(1);transition:0.2s;}
input#blogConcierge:checked ~ div#side-contents > #side-news{display:block;transform:scalY(1);transition:0.2s;}








/*[三]サイドリンクメニューここから*/

div#newheader form.search{
	padding:0.5em 2em 1em;
    width: 100%;
    box-sizing: border-box;
	}
div#newheader form.search>input{
background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/common/icon-search.gif) no-repeat 1em 50% white;
    border: 1px solid #ccc;
    display: block;
    border-radius: 20px;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
	padding:0 3.5em;
	}
div#newheader form.search>input:focus{
    text-align: left;
	}
	

div#newheader ul,
div#newheader li{list-style-type: none;margin:0; line-height: 1.5em;}
div#newheader a{
	text-decoration:none;
	}
div#newheader a.sp_nav_link{
	display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 80vw;
    margin: auto;
    margin-top: 2em;
    font-size: 12px;
    font-weight: bold;
    color: #282828;
	border: solid #fff 1px;
    border-width: 1px 1px 1px 1px;
	border-radius:0.5em;
    background-color: #fff;
}
div#newheader a > p{
	padding-top: 14px;
    font-weight: bold;
    font-size: 10px;
    padding-right: 5px;
    text-align: center;
	}


input#xo:checked ~ ul#menu {-webkit-transform: translateX(0%); transform: translateX(0%); box-shadow:6px 0 25px rgba(0,0,0,0.5);}
                   ul#menu {position:fixed; top:0; left:0; z-index:9999; width:100%; max-width:800px; height:100%; overflow:auto; padding:0;
    transition: 0.2s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%); transform: translateX(-105%);/*左に隠しておく*/
					   background:#ffffffd1;}

label#lll,
label#lll span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
label#lll {
  position: relative;
  width: 50px;
  height: 44px;
}
label#lll {cursor:pointer; z-index:1;padding:20px;}
label#lll span{
	position: absolute;
    width: 22px;
    height: 22px;
    margin: 10px;
    position: absolute;
    left: 0;
    height: 1px;
	background-color: #282828;
    border-radius: 2px;
	}
label#lll span:nth-of-type(1) {  top: 2px;}
label#lll span:nth-of-type(2) {  top: 10px;}
label#lll span:nth-of-type(3) {  top: 18px;}
input#xo:checked ~ div#topbar span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-315deg);  transform: translateY(8px) rotate(-315deg);}
input#xo:checked ~ div#topbar span:nth-of-type(2) { opacity: 0;}
input#xo:checked ~ div#topbar span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(315deg);  transform: translateY(-8px) rotate(315deg);}




input#xo:checked ~ label#beta {display: block; opacity:0.5;}
                   label#beta {display: none; position:fixed; top:0;left:0;width:100%;height:100%;z-index:99; background:black; opacity:0; transition:0.3s ease-in-out;}


ul#menu{padding-top:60px !important;}
ul#menu li{padding:0.5em;}
ul#menu input{display:none}
ul#menu input        +label:after{content:'▼';font-size:0.6em;}
ul#menu input:checked+label:after{content:'▲';font-size:0.6em;}

ul#menu ul,
ul#menu ul ul{height:0;opacity:0;transition: 0.2s ease-in-out;visibility:hidden;}
ul#menu input:checked~ul{height:auto !important;opacity:1 !important;visibility: visible !important;}


ul#menu>li>ul>li            {border-top: solid;border-top-width: 1px;border-top-color: #cccccc;padding-left:1em;}
ul#menu>li>ul>li>ul>li      {border-top: solid;border-top-width: 1px;border-top-color: #cccccc;padding-left:1em;}
ul#menu>li>ul>li>ul>li>ul>li{border-top: solid;border-top-width: 1px;border-top-color: #cccccc;padding-left:1em;}
/*[三]サイドリンクメニューここまで*/


/*TOPスライダー*/
div.bx-wrapper{}
div.bx-viewport{width:100vw !important;height:50vw !important;}
div#home-slider{width:430vw !important;height:50vw !important;transform: translate3d(-430vw, 0px, 0px);}
div.bx-viewport *{width:100vw !important;height:50vw !important}


/*ページ下部リンク矢印*/
ul#ad:before,ul#ad:after{position:absolute;font-weight:bold;color:#ffffff;padding:44px 0;}
ul#ad:before{content:"〈　"; left:0;  background:linear-gradient( to right, rgba(0,0,0,0.5), rgba(0,0,0,0) );}
ul#ad:after {content:"　〉"; right:0; background:linear-gradient( to right, rgba(0,0,0,0), rgba(0,0,0,0.5) );}

}/*画面サイズが800px以下ここまで*/



/*ページ下部リンク*/
ul#ad{background:#ffffff;overflow-x:auto;white-space:nowrap;height:110px;padding:0;text-align:center;}
ul#ad > li{display:inline-block;margin:0.5em;padding:0;margin:10px;width:80px;border-radius:20px;height:80px;background:#999;}


.menu-trigger,.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}


#topbar{
	position:fixed;
	top:0;
	left:0;
	width:100% !important;
	z-index:999999999999;
	background:#ffffff6e;
	border-bottom: solid 1px #cccccc33;
	width:98vw;
	display: flex;
justify-content:space-between;
}


/*-----------------
元・sidebar.php
-------------------*/

#side label.mobile{
	padding-bottom:0px; 
	/*padding-top: 16px;*/
}

#side label.mobile p{
	font-weight:bold;
	font-size:12px;
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-align:center;
}

/*-----------------
youtube-link
-------------------*/
#youtube-link #main {
  min-height: 1080px;
}

#youtube-link #main h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 2em 0;
  color: #ccc;
}

#youtube-link #main h3, #youtube-link #main a.Channel {
  font-weight: bold;
  margin: 1em 0;
}

#youtube-link #main div.frame {
  text-align: center;
  margin: 2em 0;
}


/*-----------------
youtube-link
-------------------*/


/*-----------------
パーソナルカラーセレクション
-------------------*/
/* 共通スタイル */
#personal-color-selection h3,
#personal-color-selection h4,
#personal-color-selection .coution {
  margin-bottom: 10px;
}

#personal-color-selection #price table,
#area05 table {
  border-collapse: collapse;
  border-spacing: 1px;
  margin-bottom: 20px;
  min-width: 700px;
  width: 100%;
  text-align: center;
}

#personal-color-selection #price table th,
#area05 table th,
#personal-color-selection #price table td,
#area05 table td {
  padding: 5px;
  vertical-align: middle;
  border: solid 1px #cccccc;
  font-size: 10px;
}

#personal-color-selection #price table th,
#area05 table th {
  text-align: left;
  font-size: 12px;
}

#personal-color-selection #price table .cell01,
#area05 table .cell01 {
  text-align: left !important;
}

#personal-color-selection #price table td span,
#area05 table td span {
  font-size: 10px;
}

/* 特定のエリアにのみ適用するスタイル */
#personal-color-selection #ttl-area h2,
#personal-color-selection #ttl-area h2 img,
#personal-color-selection #ttl-area h2 a {
  position: relative;
  font-size: 0;
  line-height: 0;
  margin-bottom: 30px;
}

#personal-color-selection #ttl-area h2 img,
#personal-color-selection #ttl-area h2 a {
  z-index: 0;
}

#personal-color-selection #ttl-area h2 a {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

#personal-color-selection #ttl-area .box01 {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 15px 20px;
  border: 1px solid #000;
  position: relative;
  font-weight: bold;
  font-size: 12px;
  line-height: 2.2em;
}

#personal-color-selection #ttl-area .box01 a {
  /* 空のセレクタは削除 */
}

#personal-color-selection #ttl-area .box01 p {
  margin: 0 !important;
  font-size: 12px;
}

#personal-color-selection #area02 ul {
  width: 860px;
  margin-top: 10px;
}

#personal-color-selection #area02 ul li {
  width: 20px;
  float: left;
  font-size: 11px;
  line-height: 2.2em;
}

#personal-color-selection #area02 ul li.r {
  width: 840px;
}


/*--------------------------------------
パーソナルカラーセレクション　リニューアル
----------------------------------------*/
/* 共通スタイル */

#personal-color-selection-rn #ttl-area .box01 {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 15px 20px;
  border: 1px solid #000;
  position: relative;
  font-weight: bold;
  font-size: 12px;
  line-height: 2.2em;
}


/* #personal-color-selection-rn h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  margin: 2rem 0 1rem;
}

#personal-color-selection-rn h3::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #ccc;
  margin-left: 1rem;
} */








#personal-color-selection-rn .section {
  margin-bottom: 2rem;
}

#personal-color-selection-rn .section h3 {
    font-weight: bold;
    line-height: 130%;
    margin-bottom: 1em;

}


#personal-color-selection-rn .scheme-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#personal-color-selection-rn .scheme-item {
  /* margin-bottom: 30px; */
  /* text-align: center; */
}

#personal-color-selection-rn .scheme-label {
  /* font-size: 14px; */
   /* margin-bottom: 10px; */
  /* color: #333; */
}

#personal-color-selection-rn .scheme-image {
  width: 100%;
  /* max-width: 500px; */
  height: auto;
  /* border: 1px solid #ccc; */
}





#personal-color-selection-rn .color-sample-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#personal-color-selection-rn .color-sample-item {
 /* margin-bottom: 30px; */
  text-align: left;
}

#personal-color-selection-rn .shaft-description {
  font-size: 14px;
  color: #333;
   /* margin-bottom: 10px; */
  line-height: 1.8;
}

#personal-color-selection-rn .shaft-image {
  width: 100%;
  /* max-width: 500px; */ /* 必要に応じて調整 */
  /* height: auto; */
  /* display: block; */
  /* border: 1px solid #ccc; */
}



#personal-color-selection-rn .shaft-title,
#personal-color-selection-rn .shaft-detail {
  display: flex;
  align-items: flex-start;
}

#personal-color-selection-rn .shaft-title .label,
#personal-color-selection-rn .shaft-detail .label {
  min-width: 3em; /* 「｜」部分の幅を固定 */
  display: inline-block;
  color: #000;
  /* font-weight: bold; */
}

#personal-color-selection-rn .shaft-title .name,
#personal-color-selection-rn .shaft-detail .desc {
  flex: 1;
}


#personal-color-selection-rn .shaft-description {
  font-size: 13px;
  color: #333;
  line-height: 1.6;
}

@media screen and (max-width: 800px){
#personal-color-selection-rn .shaft-description {
	font-size: 11px;
 	color: #333;
 	line-height: 1.6;
	}
}



#personal-color-selection-rn .finishing-options {
  display: flex;
  gap: 30px;
 /* flex-wrap: wrap; */
  justify-content: flex-start;
  margin-top: 20px;
}

#personal-color-selection-rn .finishing-item {
  flex: 1 1 200px;
  /* max-width: 300px; */
  text-align: center;
}

#personal-color-selection-rn .finishing-image {
  width: 100%;
  height: auto;
  /* border: 1px solid #ccc; */
}

#personal-color-selection-rn .finishing-label {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}
@media screen and (max-width: 800px){
#personal-color-selection-rn .finishing-label {
	  font-size: 12px;
	}
}



#personal-color-selection-rn .japan-logo-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  align-items: center;
}

#personal-color-selection-rn .japan-logo-image {
  width: 100%;
  /* max-width: 500px; */
  height: auto;
  /* border: 1px solid #ccc; */
}





#personal-color-selection-rn table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
}

#personal-color-selection-rn table th {
  padding: 5px;
  border: solid 1px #cccccc;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.4em;
}

#personal-color-selection-rn table td {
  padding: 5px;
  border: solid 1px #cccccc;
  font-size: 13px;
  line-height: 1.6em;
}

#personal-color-selection-rn .note {
  font-size: 14px;
  /* margin-top: 1rem; */
}

#personal-color-selection-rn .scheme-description {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}



#personal-color-selection-rn .scheme-description .desc {
  flex: 1;
}

@media screen and (max-width: 800px) {
  #personal-color-selection-rn .scheme-description {
    font-size: 12px;
    line-height: 1.6;
  }
}












/*-----------------
コンシェルジュ
-------------------*/
/* Common Styles for #mainimage */
#concierge #mainimage,
#concierge_shop #mainimage {
  font-size: 0;
  line-height: 0;
}

#concierge #mainimage img,
#concierge_shop #mainimage img {
  z-index: 0;
}

/* Common Styles for #ttl-area */
#concierge #ttl-area,
#concierge_shop #ttl-area {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

#concierge #ttl-area h2,
#concierge_shop #ttl-area h2 {
  position: relative;
  font-size: 0;
  line-height: 0;
  margin-bottom: 30px;
}

#concierge #ttl-area h2 img,
#concierge_shop #ttl-area h2 img {
  z-index: 0;
}

#concierge #ttl-area h2 a,
#concierge_shop #ttl-area h2 a {
  z-index: 1;
  /* position: absolute;
  right: 0;
  bottom: 5px; */
}

#concierge #ttl-area p,
#concierge_shop #ttl-area p {
  font-size: 15px;
  margin-bottom: 1em;
}

/* Styles for #wrapper */
#concierge_shop #wrapper h3 {
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 20px;
  margin-top: 50px;
  font-weight: bold;
}

#concierge_shop #wrapper h4 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 5px;
}

#concierge_shop #wrapper .grid,
#concierge_shop #wrapper .gridcard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 0.8em;
  padding: 0.8em;
  margin: 0 0 2em;
}

#concierge_shop #wrapper .grid > div,
#concierge_shop #wrapper .gridcard > div {
  overflow: auto;
  min-width: 0;
  padding: 1em;
}

#concierge_shop #wrapper .grid > div.img,
#concierge_shop #wrapper .gridcard > div > div.img {
  overflow: hidden;
  text-align: center;
}

#concierge_shop #wrapper .grid > div.img a img,
#concierge_shop #wrapper .gridcard > div > div.img a img {
  width: 100%;
}

#concierge_shop #wrapper .grid > div.hours,
#concierge_shop #wrapper .grid > div.hours p,
#concierge_shop #wrapper .grid > div.hours img {
  font-size: 14px;
  line-height: 1.9em;
  text-align: center;
  vertical-align: baseline;
}

#concierge_shop #wrapper .grid > div.hours > ul.iconlist {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  vertical-align: baseline;
}

#concierge_shop #wrapper .grid > div.hours > ul.iconlist li {
  display: inline-block;
  vertical-align: middle;
  margin: 8px;
}

#concierge_shop #wrapper .grid > div.col2 {
  grid-column: span 2;
  font-size: 14px;
  line-height: 1.9em;
}

#concierge_shop #wrapper .googlemap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

#concierge_shop #wrapper .googlemap iframe,
#concierge_shop #wrapper .googlemap object,
#concierge_shop #wrapper .googlemap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Styles for Tab Switching */
#concierge_shop #wrapper .tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto;
}

#concierge_shop #wrapper .tab_item {
  width: 215px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #cccccc;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

#concierge_shop #wrapper .tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

#concierge_shop #wrapper .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
  grid-column: span 4;
}

#dr:checked ~ #dr_content,
#fw:checked ~ #fw_content,
#ut:checked ~ #ut_content,
#ir:checked ~ #ir_content {
  display: block;
}

#concierge_shop #wrapper .tabs table {
  width: 100%;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#concierge_shop #wrapper .tabs th,
#concierge_shop #wrapper .tabs td {
  padding: 10px;
  border: 1px solid #ddd;
}

#concierge_shop #wrapper .tabs th {
  background: #f4f4f4;
}




/*-----------------
ショップ紹介
-------------------*/
/* Common Styles for #mainimage */
#shopintroduction #mainimage,
#shopintroduction #mainimage img {
  font-size: 0;
  line-height: 0;
}

#shopintroduction #mainimage img {
  z-index: 0;
}

/* Common Styles for #ttl-area */
#shopintroduction #ttl-area {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

#shopintroduction #ttl-area h2 {
  position: relative;
  font-size: 0;
  line-height: 0;
  margin-bottom: 30px;
}

#shopintroduction #ttl-area h2 img {
  z-index: 0;
}

#shopintroduction #ttl-area h2 a {
  z-index: 1;
  /* position: absolute;
  right: 0;
  bottom: 5px; */
}

#shopintroduction #ttl-area p {
  font-size: 15px;
  margin-bottom: 1em;
}

/* Styles for #wrapper */
#shopintroduction #wrapper h3,
#shopintroduction #wrapper h4 {
  font-weight: bold;
}

#shopintroduction #wrapper h3 {
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 20px;
  margin-top: 50px;
}

#shopintroduction #wrapper h4 {
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 5px;
}

#shopintroduction #wrapper .grid,
#shopintroduction #wrapper .gridcard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 0.8em;
  padding: 0.8em;
  margin: 0 0 2em;
}

#shopintroduction #wrapper .grid > div,
#shopintroduction #wrapper .gridcard > div {
  overflow: auto;
  min-width: 0;
  padding: 1em;
}

#shopintroduction #wrapper .grid > div.img,
#shopintroduction #wrapper .gridcard > div > div.img {
  overflow: hidden;
  text-align: center;
}

#shopintroduction #wrapper .grid > div.img a img,
#shopintroduction #wrapper .gridcard > div > div.img a img {
  width: 100%;
}

#shopintroduction #wrapper .grid > div.hours,
#shopintroduction #wrapper .grid > div.hours p,
#shopintroduction #wrapper .grid > div.hours img {
  font-size: 14px;
  line-height: 1.9em;
  text-align: center;
  vertical-align: baseline;
}

#shopintroduction #wrapper .grid > div.hours > ul.iconlist {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  vertical-align: baseline;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
}

#shopintroduction #wrapper .grid > div.hours > ul.iconlist li {
  display: inline-block;
  vertical-align: middle;
  margin: 8px;
}

#shopintroduction #wrapper .grid > div.hours > ul.iconlist li img {
  width: 60px;
}

#shopintroduction #wrapper .grid > div.col2 {
  grid-column: span 2;
  font-size: 14px;
  line-height: 1.9em;
}

#shopintroduction #wrapper .grid > div.col3 {
  grid-column: span 3;
  font-size: 14px;
  line-height: 1.9em;
}

#shopintroduction #wrapper .gridcard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 0.8em;
  padding: 0.8em;
  margin: 0 0 2em;
}

#shopintroduction #wrapper .gridcard li {
  font-size: 14px;
}

#shopintroduction #wrapper .gridcard > div {
  overflow: auto;
  min-width: 0;
  padding: 1em;
}

#shopintroduction #wrapper .gridcard > div > div.img {
  overflow: hidden;
  text-align: center;
}

#shopintroduction #wrapper .gridcard > div > div.img a img {
  width: 100%;
}

#shopintroduction #wrapper .googlemap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

#shopintroduction #wrapper .googlemap iframe,
#shopintroduction #wrapper .googlemap object,
#shopintroduction #wrapper .googlemap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Styles for Tab Switching */
#shopintroduction #wrapper .tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  margin: 0 auto;
}

#shopintroduction #wrapper .tab_item {
  width: 215px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #cccccc;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

#shopintroduction #wrapper .tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

#shopintroduction #wrapper .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
  grid-column: span 4;
}

#dr:checked ~ #dr_content,
#fw:checked ~ #fw_content,
#ut:checked ~ #ut_content,
#ir:checked ~ #ir_content {
  display: block;
}

#shopintroduction #wrapper .tabs table {
  width: 100%;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#shopintroduction #wrapper .tabs th,
#shopintroduction #wrapper .tabs td {
  padding: 10px;
  border: 1px solid #ddd;
}

#shopintroduction #wrapper .tabs th {
  background: #f4f4f4;
}

#shopintroduction #wrapper .typ {
  margin: 1em;
}

#shopintroduction #wrapper .note {
  padding: 1em;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
}

#shopintroduction #wrapper .sns_share div {
  margin: auto;
  text-align: center;
}

#shopintroduction #wrapper .sns_share ul {
  display: inline-flex;
  text-align: center;
  margin: auto;
}

#shopintroduction #wrapper .sns_share ul li {
  margin: 0 8px;
}

#shopintroduction #wrapper .sns_share ul li img {
  width: 30px;
  height: 30px;
}

/*選択されているタブのスタイルを変える*/
#shopintroduction #wrapper .tabs input:checked + .tab_item {
  border-bottom: 1px solid #cccccc;
  color: #565656;
}


/*-----------------
お問い合わせ
-------------------*/
#contact #ttl-area {
  padding-bottom: 30px;
  margin-bottom: 30px; }
  #contact #ttl-area h2 {
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-bottom: 140px; }
  #contact #ttl-area h3 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.4em; }
    #contact #ttl-area h3 span {
      font-size: 12px; }
  #contact #ttl-area p {
    font-size: 14px;
    margin-bottom: 1em; }

/*-----------------
クラブメーカー
-------------------*/
#clubmaker #ttl-area h2 {
  position: relative;
  font-size: 0;
  line-height: 0; }
#clubmaker #ttl-area p {
  font-size: 14px;
  margin-bottom: 1em; }

.clubmaker-list01 {
  padding-top: 30px;
  width: 860px; }
  .clubmaker-list01 li {
    width: 110px;
    float: left;
    margin: 70px 30px 0 0;
    font-size: 0;
    line-height: 0; }
    .clubmaker-list01 li img {
      width: 108px;
      height: 108px;
      border: 1px solid #cccccc; }

.clubmaker-list02 {
  width: 770px;
  height: 280px;
  position: relative;
  top: 48px; }
  .clubmaker-list02 .inner {
    text-align: center;
    padding-top: 30px; }
  .clubmaker-list02 table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto; }
    .clubmaker-list02 table td, .clubmaker-list02 table th {
      vertical-align: middle; }
  .clubmaker-list02 p {
    font-size: 14px;
    line-height: 1.8em;
    text-align: center !important; }
  .clubmaker-list02 .btn-prev {
    position: absolute;
    left: 20px;
    top: 150px; }
  .clubmaker-list02 .btn-next {
    position: absolute;
    right: 20px;
    top: 150px; }

/*-----------------
コンセプト
-------------------*/
#top {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden; }
  #top #contents {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    margin: 0;
    top: 0;
    left: 0;
    text-align: center; }
  #top #main {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 980px;
    height: 626px;
    width: auto;
    text-align: left;
    margin: -313px 0 0 -490px !important;
    float: none !important; }
  #top #concept-image {
    width: 980px;
    height: 626px;
    font-size: 0;
    line-height: 0; }

#concept {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden; }
  #concept #contents {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    margin: 0;
    top: 0;
    left: 0;
    text-align: center; }
  #concept #main {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 980px;
    height: 676px;
    width: auto;
    text-align: left;
    margin: -338px 0 0 -490px !important;
    float: none !important; }
  #concept #concept-image {
    width: 980px;
    height: 676px;
    font-size: 0;
    line-height: 0; }
  #concept .btn01, #concept .btn02 {
    width: 980px;
    height: 626px;
    overflow: hidden; }
#concept .grid{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
    /* font-size: 0; */
    /* line-height: 0; */
    overflow: hidden;
}
#concept .grid  div{
    position: relative;
    border: 1px solid #cccccc;
    padding: 9px;
    overflow: hidden;
}


#top-image {
  width: 980px;
  height: 626px;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  position: relative; }
  #top-image .img01, #top-image .img02 {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
  #top-image a {
    position: absolute;
    bottom: 0;
    right: 0; }

#btn-pcs {
  position: absolute;
  top: 0;
  right: 0;
  width: 980px;
  height: 626px;
  z-index: 5;
  display: block;
  background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/concept/btn-pcs.gif) no-repeat 695px 80px; }

#btn-csl {
  position: absolute;
  top: 0;
  right: 0;
  width: 980px;
  height: 626px;
  z-index: 5;
  display: block;
  background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/concept/btn-csl.gif) no-repeat 746px 80px; }

#btn-close {
  position: absolute;
  left: 0;
  bottom: 10px; }

/*-----------------
ショップリスト
-------------------*/
/* Common Styles for #ttl-area */
#shoplist #ttl-area,
#conciergeshop #ttl-area,
#authorizedshop #ttl-area {
  padding-bottom: 30px;
  margin-bottom: 30px;
  display: block;
  background-color: #FFFFFF;
  position: sticky;
  top: 0px;
  padding-bottom: 10px;
}

/* Common Styles for h2 in #ttl-area */
#shoplist #ttl-area h2,
#conciergeshop #ttl-area h2,
#authorizedshop #ttl-area h2 {
  position: relative;
  font-size: 0;
  line-height: 0;
  margin-bottom: 90px;
}

/* Cell Styles */
#cell01 { width: 70px !important; }
#cell02 { width: 30px !important; }
#cell04 { width: 80px !important; }
#cell05 { width: 250px !important; }
#cell06 { width: 110px !important; }

/* Icon Info Styles */
#icon-info {
  top: 5px;
  height: 25px;
  left: 408px;
  font-size: 10px !important;
}

#icon-info img {
  vertical-align: middle;
  margin-right: 3px;
}

/* Icon Scon Styles */
#icon-scon,
#icon-sauth,
#icon-scon02,
#icon-sauth02 {
  position: absolute;
}

#icon-scon { top: -5px; left: 220px; }
#icon-sauth { top: 0; left: 300px; }
#icon-scon02 { top: -5px; left: 295px; }
#icon-sauth02 { top: 0; left: 225px; }

/* Responsive Styles */
@media screen and (max-width: 380px) {
  #icon-sauth {
    top: 85px;
    left: 225px;
  }

  #icon-scon02 {
    top: 85px;
    left: 219px;
  }

  #conciergeshop #ttl-area .shop-navi,
  #authorizedshop #ttl-area .shop-navi {
    width: 230px;
  }
}

/* Shop Navi Styles */
#conciergeshop #ttl-area .shop-navi,
#authorizedshop #ttl-area .shop-navi {
  right: 0;
  top: 35px;
  width: 100%;
  min-width: 19em;
  display: flex;
  flex-wrap: wrap;
}

#conciergeshop #ttl-area .shop-navi li,
#authorizedshop #ttl-area .shop-navi li {
  float: left;
  margin-left: 3px;
  margin-bottom: 3px;
  font-size: 12px;
  padding: 0;
  background-color: #ffffff;
}

#conciergeshop #ttl-area .shop-navi a,
#authorizedshop #ttl-area .shop-navi a {
  display: block;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Shop List Styles */
.shop-list01 li {
  width: 330px;
  height: 161px;
  float: left;
  margin-right: 60px;
  position: relative;
}

.shop-list01 li h3 {
  z-index: 0;
}

.shop-list01 li a {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 135px;
}

.shop-list01 li p {
  clear: both;
  padding-top: 1em;
}

.shop-list02 {
  clear: both;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 10px;
  line-height: 1.6em;
  width: 100%;
}

.shop-list02 th {
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
  padding: 10px 2px 10px 0;
  text-align: left;
  font-weight: bold;
}

.shop-list02 span[id] {
  padding-top: 100px;
  margin-top: -100px;
}

.shop-list02 td {
  padding: 15px 2px 15px 0;
  font-size: 12px;
  line-height: 1.6em;
}

.shop-list02 .separate td {
  border-top: 1px solid #cccccc;
}

.shop-list02 .icon {
  background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/shoplist/icon.gif) no-repeat 0 15px;
  padding-left: 23px;
}

.shop-list02 .icon-none {
  background: none !important;
  padding-left: 23px;
}

#conciergeshop .icon {
  background: none !important;
  padding-left: 23px;
}

#authorizedshop #cell03 {
  text-indent: 3px;
}

/* Google Map Styles */
.googlemap {
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
  position: relative;
  margin-bottom: 120px;
  margin-top: 30px;
}

.googlemap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/*-----------------
試打クラブ一覧
-------------------*/
/* Cell Styles */
#cellhead,
#cellshaft,
#cellname,
#cellarea,
#celltel {
  width: 150px !important;
}

/* Fitting List Styles */
.fitting-list {
  margin-top: 10px;
  clear: both;
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 1.6em;
  width: 100%;
}

.fitting-list th {
  border-bottom: 1px solid #cccccc;
  padding: 10px 2px 10px 0;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
}

.fitting-list td {
  padding: 15px 2px 15px 0;
  font-size: 12px;
  border-bottom: 1px solid #cccccc;
}

.none {
  display: none;
}

/*-----------------
試打会
-------------------*/
/* Common Styles */
.fitting-list {
  margin-top: 10px;
  clear: both;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 10px;
  line-height: 1.6em;
  width: 100%;
}

.fitting-list th,
.fitting-list td {
  padding: 15px 2px 15px 0;
  font-size: 12px;
  border-bottom: 1px solid #cccccc;
}

.fitting-list th {
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
  padding: 10px 2px 10px 0;
  text-align: left;
  font-weight: bold;
}

.fitting-list .icon,
.fitting-list .icon-none {
  padding-left: 23px;
}

.fitting-list .icon {
  background: url(Roddio,%E3%83%AD%E3%83%83%E3%83%87%E3%82%A3%E3%82%AA%20_%20RODDIO_files/img/shoplist/icon.gif) no-repeat 0 15px;
}

.fitting-list .icon-none {
  background: none !important;
}

#fitting #ttl-area {
  margin-bottom: 10px;
}


/*-----------------
productのimgに埋め込まれた文字をテキスト化
-------------------*/

section.mainimgSP{
	display:none;
}

div.ttlPC{
    margin-bottom: 25px;
    position: relative;
}

div.ttlPC-img{
    font-size: 23px;
    letter-spacing: 3px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
}
div.ttlPC h2{
    font-size: 23px;
    letter-spacing: 3px;
    font-weight: bold;
}
div.ttlPC h2 small{
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
}
div.ttlPC .ttlPC-img{
    font-size: 23px;
    letter-spacing: 3px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
}]

.area02-img{
	position:relative;
}

.area02-img ul{
    position: absolute;
    display: flex;
	width:100%;
    white-space: pre-wrap;
}

.area02-img ul li{
    width: 30%;
    font-size: 11px;
    line-height: 1.9em;
}



.bar, .barred, .barblue, .baryellow, .baror, .barordashed, .barordotted, .barpk, .bargreendoted, .barbuledoted{
	align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    left: 0;
}
.bar:before{
    border-top: 5px solid #262626;
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barred:before{
    border-top: 5px solid #E02419;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barblue:before{
    border-top: 5px solid #110d68;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.baryellow:before{
    border-top: 5px solid #fccf00;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.baror:before{
    border-top: 5px solid #ec6821;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barordashed:before{
	border-top: 5px dashed #ec6821;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barordotted:before{
    border-top: 5px dotted #ec6821;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barbuledoted:before{
    border-top: 5px dotted #009fb5;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bargreendoted:before{
    border-top: 5px dotted #1da837;	
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.barpk:before{
    border-top: 5px solid #e7218e;
    content: "";
    width: 2em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;animation-delay
}
span.gra-inner{
    position: absolute;
}

@media screen and (max-width: 800px){	
	section.mainimgPC{
	display:none;
	}
	section.mainimgSP{
		display: block;
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
		margin-bottom: 2em;
		position: relative;}
	section.mainimgSP div.mainimgSP-img img.bg{
    min-width: 100vw;
    height: auto;
	}
	section.mainimgSP div.mainimgSP-img img h2{
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    font-family: serif;
    font-size: 30px;
    font-weight: bold;
	}
	section.mainimgSP div.mainimgSP-img img h3{
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-family: serif;
    writing-mode: vertical-rl;
    font-size: 35px;
    font-weight: bold;
	}
	span.gra-inner{
		position: static;
		margin-bottom: 30px;
		color: #262626;
	}
	.area02-img ul{
    position: relative;		
    display: block;
}

.area02-img ul li{
    width: 100%;
    font-size: 11px;
    line-height: 1.9em;
}
}



/*-----------------
productのimgに埋め込まれた文字をテキスト化
-------------------*/



/*-----------------
Monthly Golf Bag
-------------------*/
#page-contents > div.shoplist > div > a {
    display: block;
    margin: 1em 0 1em 0;
}



/* Common Heading Styles */
#monthlygolfbag h2,
#monthlygolfbag_shop h2,
#monthlygolfbag h3,
#monthlygolfbag_shop h3 {
    font-weight: bold;
}

/* Monthly Golf Bag Styles */
#monthlygolfbag > p {
    margin-top: 1em;
}
#monthlygolfbag .wrap {
    max-width: 800px;
    display: flex;
    justify-content: space-evenly;
    margin: 0 auto;
}

#monthlygolfbag .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 0.8em;
    /*padding: 0.8em;*/
    margin: 0 0 2em;
    overflow: hidden;
}

#monthlygolfbag .column-right {
    /*margin: 0 0 0 1em;*/
}

#monthlygolfbag .grid p.soldout {
    color: red;
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;
}




#monthlygolfbag .sold {
    line-height: 130%;
    font-size: 12px; /* 既存のテーブルスタイルと整合性を持たせる */
}

#monthlygolfbag .shoplist {
    margin: 2em 0;
}

#monthlygolfbag h2,
#monthlygolfbag_shop h2 {
    font-size: 22px;
    line-height: 200%;
}

#monthlygolfbag h3 span.size,
#monthlygolfbag_shop h3 span.size {
    font-size: 18px;
    line-height: 160%;
}



/* Link Styles */
#monthlygolfbag a.link,
#page-contents > div.workList > a,
#page-contents > div.shoplist > div > a {
    display: block;
    color: #0066cc;
    margin: 1em;
}

/* Link Styles */
#page-contents > a,
#page-contents > div.workList > ul li a.img {
    display: block;
    margin: 2em 0;
    color: #0066cc;
}

/* Work List Styles */
#page-contents > div.workList > ul {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    font-weight: bold;
}

#page-contents div.workList > ul li {
    margin: 1em;
}

#page-contents div.workList > ul li a.img {
    margin: auto;
    display: flex;
    height: 400px;
    object-fit: cover;
justify-content: center;

}

#page-contents .workList .text{
    display: flex;
    flex-direction: column;
    align-items: center; /* 中央に寄せる */
}




#page-contents div.workList > ul li img {
    display: block;
    /*width: 100%;*/
    padding: 1em;
    object-fit: cover;
}

#page-contents div.workList > ul h2 {
    font-size: 22px;
    margin: 5px 0em 1em 0em;
}

#page-contents div.workList > ul p.soldout {
    color: red;
font-size: 18px;
    font-weight: bold;
    line-height: 130%;
}

/* Table Styles */
#page-contents > div.shoplist > table,
#monthlygolfbag table,
#monthlygolfbag_shop table {
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    margin: 1em 0;
}

#page-contents > div.shoplist > table th,
#page-contents > div.shoplist > table td,
#monthlygolfbag table th,
#monthlygolfbag table td,
#monthlygolfbag_shop table th,
#monthlygolfbag_shop table td {
    padding: 5px;
    border: solid 1px #cccccc;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.4em;
}
















/*demo club select*/
#page-contents > div.shoplist select,#page-contents > div.shoplist input[type=submit] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    width: 10em;
}
@media screen and (max-width: 500px) {
#page-contents > div.shoplist select,#page-contents > div.shoplist input[type=submit] {
    width: 50vw;
    height: 38px;
    font-size: 14px;
}
}
#page-contents > div.shoplist select{
    background-color: #ffffff;
    text-align: center;
    color: #262626;
}
#page-contents > div.shoplist input[type=submit] {
    background-color: #cccccc;
    color: #ffffff;
}

/* Flex Container Styles */
#page-contents > div:nth-child(4) {
   /* display: flex;*/
    justify-content: space-between;
}

#page-contents > div:nth-child(4) > h4 {
    width: fit-content;
    margin: auto 0;
}

#page-contents > div:nth-child(4) > p {
    margin: auto;
}

/* Gallery Styles */
.gallery img {
    width: 70%;
    /*height: -webkit-fill-available;*/
    display: block;
    margin: auto;
    object-fit: cover;
}

.gallery-img {
    margin: auto;
    max-width: 600px;
    display: flex;
    padding: 1em;
}

button > gallery-img {
    height: 90px;
    width: auto;
}

.gallery-list {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.gallery-list-item,
.js-image {
    display: flex;
    cursor: pointer;
    border: none;
    background: none;
    transition: .4s;
    /* height: 80px; */
    width: 100%;
    padding: 7px;
}

.js-image:hover {
    opacity: 0.4;
}


/*-----------------
試打クラブリスト
-------------------*/

#trial_clublist table thead th {
    padding: 5px;
    border: solid 1px #cccccc;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.4em;
}


#trial_clublist table {
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    margin: 2em 0;
}

#trial_clublist table th,
#trial_clublist table td {
    padding: 5px;
    border: solid 1px #cccccc;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.4em;
}

#trial_clublist h2 {
    font-size: 22px;
    line-height: 330%;
    font-weight: bold;
}

#trial_clublist div.fw_grid {
        display: block;
    }

#trial_clublist  div.fw_grid {
            display: grid;
            grid-template-columns: 1fr 1fr; /* 2列レイアウト */
            gap: 20px; /* 列間のスペース */
        }

#trial_clublist  div.fw_grid p {
            margin: 15px 0; 
        }


#trial_clublist a.link {
    display: block;
    color: #0066cc;
    text-align: right;
    margin: 0px 25px; 
}


.filter-group form {
    display: flex;
}


.filter-group input[type="submit"] {
    cursor: pointer;
    padding: 3px 15px; /* ボタンのパディングを増やしてサイズを大きく */
    
}



/* スマホ表示用のメディアクエリ */
@media screen and (max-width: 767px) {
    #trial_clublist div.fw_grid {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    #trial_clublist h2 {
        font-size: 20px;
        line-height: 150%;
        font-weight: bold;
    }
}

[id^="product"] .img_center {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}




/*-----------------
PRODUCT
-------------------*/

[id^="product"] h2, 
[id^="product"] h3, 
[id^="product"] h4, 
[id^="product"] h5, 
[id^="product"] h6 {
    font-weight: bold;
    line-height: 130%;
    margin-bottom: 1em;
}

[id^="product"] h2 { font-size: 20px; }
[id^="product"] h3 { font-size: 18px; }
[id^="product"] h4 { font-size: 14px; }
[id^="product"] h5 { font-size: 12px; }
[id^="product"] h6 { font-size: 12px; }


[id^="product"] .margintop1em { margin-top: 1em; }





*.specscroll {
}
@media screen and (max-width: 640px) {
  .specscroll {
    overflow-x: auto;	  
    white-space: nowrap;
  }
}


.UL { border-bottom:1.5px solid ; }

.red{
color: #ff0000;
}
.yellow{
color:#FFCC00;
}
.blue{
color:#000066;
}
.white{
	color:white;
}

.product-list001 {
	font-size: 0;
	line-height: 0;
	width: 860px;
	overflow: hidden;
	margin-top: 22px;
    margin-bottom: 22px;
}

  .product-list001 ul {
    width: 885px;
    margin-right: -22px; }
  .product-list001 li {
    width: 270px;
    float: left;
    margin-right: 22px;
	  border: 1px solid #cccccc;
 }


.product-list02 {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list02 ul {
    width: 885px;
    margin-right: -25px; }
  .product-list02 li {
    width: 270px;
    float: left;
    margin-right: 25px; }
    .product-list02 li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 600px; }

.product-list04 {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list04 ul {
    width: 885px;
    margin-right: -25px; }
  .product-list04 li {
    width: 860px;
    float: left;
    margin-right: 25px; }
    .product-list04 li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 600px; }

.product-list05 {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05 ul {
    width: 885px;
    margin-right: -18px; }
  .product-list05 li {
    width: 200px;
    float: left;
    margin-right: 18px; }
    .product-list05 li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 540px; }

.product-list05-st {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-st ul {
    width: 885px;
    margin-right: -18px; }
  .product-list05-st li {
    width: 200px;
    float: left;
    margin-right: 18px; }
    .product-list05-st li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 480px; }

.product-list05c {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05c ul {
    width: 885px;
    margin-right: -18px; }
  .product-list05c li {
    width: 420px;
    float: left;
    margin-right: 18px; }
    .product-list05c li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }

.product-list05-fw {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-fw ul {
    width: 885px;
    margin-right: -22px; }
  .product-list05-fw li {
    width: 270px;
    float: left;
    margin-right: 22px; }
    .product-list05-fw li div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      height: 540px; }

.product-list051-fw {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden;
  margin-bottom: 75px; }
  .product-list051-fw ul {
    width: 885px;
    display: block;
    margin-right: -22px; }
  .product-list051-fw li {
    width: 270px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list051-fw li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 405px; }
  .product-list051-fw  h4 {
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;
    margin-bottom: 12px;
}



.product-list05-w540 {
  float: left;
  font-size: 0;
  line-height: 0;
  width: 562px;
  overflow: hidden;
  margin-right: 22px;
  margin-bottom: 75px; }
  .product-list05-w540 ul {
    width: 584px;
    display: block;
    margin-right: -22px; }
  .product-list05-w540 li {
    width: 270px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-w540 li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 475px;
      position: relative; }
  .product-list05-w540  h4 {
    font-size: 16px;
    font-weight:bold;
    line-height: 150%;
    margin-bottom: 12px;
}


.product-list05-w270 {
  font-size: 0;
  line-height: 0;
  width: 270px;
  overflow: hidden;
  margin-bottom: 75px; }
  .product-list05-w270 li {
    width: 270px;
    float: right;
    margin-left: 22px;
    margin-bottom: 22px; }
    .product-list05-w270 li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 992px; }
    .product-list05-w270 li div.h495 {
      border: none;
      padding: 0px;
      height: 467px; }
    .product-list05-w270 li div.img {
      border: none;
      height: 325px;
      margin-top:30px;
      padding: 0px;
}
  .product-list05-w270 h4 {
    font-size: 16px;
    font-weight:bold;
    line-height: 150%;
    margin-bottom: 12px;
}
  #product-fw #area01 p.lsole {
      margin: -32px 0 12px;
      text-align: right;
}


.product-list860{
  width: 860px;
}
.product-270{
  width: 270px;

    float: right;
}
.product-562{
  width: 562px;

    float: left;
}


.product-list05-hyut {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-hyut ul {
    width: 885px;
    margin-right: -22px; }
  .product-list05-hyut li {
    width: 270px;
    float: left;
    margin-right: 22px; }
    .product-list05-hyut li div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      height: 600px; }

.product-list06-hyut {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
.product-list06-hyut .bordernone ol{
  list-style: decimal;
  padding-left: 30px;
  font-size: 12px;
  line-height: 2.2em;
}
  .product-list06-hyut ul {
    width: 885px;
    margin-right: -22px; }
  .product-list06-hyut li {
    width: 270px;
    float: left;
    margin-right: 22px; }
  .product-list06-hyut li.w540 {
    width: 562px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px;}
  .product-list06-hyut li.w430 {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px;}
    .product-list06-hyut li div {
      position: relative;
      padding:9px;
      border: 1px solid #cccccc;
      height: 440px; }

    .product-list06-hyut li.w430 div {
      position: relative;
      padding:5px;
      border: 1px solid #cccccc;
      height: 270px; }
    .product-list06-hyut li div.w430 {
      border: none;
      position: relative;
      width: 235px;
      float: left;}
    .product-list06-hyut li div.w430 p{
      position: absolute;
      bottom: 80px;
      }
    .product-list06-hyut li div.w430 table{
    position: absolute;
    margin-top: 10px;
    clear: both;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10px;
    line-height: 1.6em;
    text-align: center;
    width: 235px;
    bottom: 0;
    margin-bottom: 15px;}
    .product-list06-hyut li div.w430 table tr{
    border-bottom: 1px solid #cccccc;}
    .product-list06-hyut li div.w430 table th{
    }
    .product-list06-hyut li div.w430 table td.left{
    text-align: left;
    }


.product-list051-hyut {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden;
  margin-bottom: 75px; }
  .product-list051-hyut ul {
    width: 885px;
    display: block;
    margin-right: -22px; }
  .product-list051-hyut li {
    width: 270px;
    float: left;
    margin-right: 22px; }
    .product-list051-hyut li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 420px; }
  .product-list051-hyut  h4 {
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;
    margin-bottom: 12px;
}

.product-list05-shaftcd {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftcd ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftcd li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
   .product-list05-shaftcd li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
   .product-list05-shaftcd li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }

.product-list05gridshaftcd {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden; }

    .product-list05gridshaftcd >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px; }
.product-list05grid > div > div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px; }


.product-list05-compactdriver {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-compactdriver ul {
    width: 885px;
    margin-right: -22px; }
  .product-list05-compactdriver li {
    width: 270px;
    float: left;
    margin-right: 22px; }
    .product-list05-compactdriver li div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      height: 480px; }

.product-list05gridbox2 {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden; }

    .product-list05gridbox2 >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px; }
@media screen and (max-width: 400px){
    .product-list05gridbox2 >  div {
		max-width:280px;
 }
}
.product-list05gridbox2 >  div.bordernone {
      border: none;}
.product-list05gridbox2 >  div.col2 {
      position: relative;
      grid-column: span 2;
}
.product-list05gridbox2 >  div.col2bordernone {
      position: relative;
      grid-column: span 2;
	  border: none;
}
@media screen and (max-width: 700px){
    .product-list05gridbox2 >  div.col2 {
		  grid-column: span 1;
		  grid-row: span 1;}
	.product-list05gridbox2 >  div.col1_2 {
		  grid-column: span 2;}	
}
    .product-list05gridbox2 >  div >div.img {
	height: auto;
    border: none;
    display: grid;
}
    .product-list05gridbox2 >  div >div.img > img {
	height: auto;
    border: none;
    float: right;
    display: grid;
	max-width:100%;
}

.product-list05gridbox2 > div.row2 {
      position: relative;
      grid-row: span 2;
}

.product-list05gridbox4 > div > div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px; }

.product-list05gridbox4 {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden; }

    .product-list05gridbox4 >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px; }
.product-list05gridbox4 > div > div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      height: 480px; }

.product-list05gridbox150 {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden; }
.product-list05gridbox150 > div.center {
	text-align:center;
}

.product-list05gridbox210 {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden; }
.product-list05gridbox210 > div.center {
	text-align:center;
    position: relative;
}
.product-list05gridbox210 > div.center > img {
	object-fit: contain;
}

.product-list05grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden;
}

.fwshaft-list05grid {
    padding: 0;
    margin: 1em 0 1em;
}

.gap0-list05grid {
    grid-gap: 0;
    padding: 0;
    margin: 0 0 2em;
}



.dress-up > .product-list05grid {
    padding: 0; 
    margin: 0; 
}
.dress-up > .product-list05grid >  div.col3 {
border-bottom:0;
margin-bottom: 1em;
}

.dress-up > .product-list05grid >  div.screw img {
margin-bottom: 1em;
}


    .product-list05grid >  div.col2 {
      position: relative;
      grid-column: span 2;
}
@media screen and (max-width: 538px){
.product-list05grid >  div.col2 {
      grid-column:span 1;
}
}

 .product-list05grid >  div.col3 {
      position: relative;
      grid-column: span 3;
}
    .product-list05grid >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
		overflow:hidden;
		/*margin: auto;*/
}
    .product-list05grid >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
		overflow:hidden;
		/*margin: auto;*/
}
    .product-list05grid >  div.testclub {
    border: none;
    display: block;
    padding: 0;
    text-align: right;
    border: none;
}
@media screen and (max-width: 538px){
.product-list05grid >  div.testclub {
    text-align: left;
    margin-bottom: 2em;
    border: none;
}
}

    .gap0-list05grid > div {
      padding: 0px;
}

    .product-list05grid >  div.ir {
      position: relative;
      padding: 9px;
      border: none;
		overflow:hidden; }
    .product-list05grid >  div.st {
      min-height: 255px; }
    .product-list05grid >  div.cc {
      border: none;
}
    .product-list05grid >  div.bordernone {
      border: none;
}

.product-list05grid > div.technology li {
	width:100%;
}
.product-list05grid > div.material li {
	width:100%;
}


.product-list05grid > div > div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      height: 480px; }


.product-list05grid > div > div.center {
      border: none;
	  text-align:center;
	      height: auto;
}
.product-list05grid > div > div.img {
      position: relative;
	  border: none;
      padding: 9px; 
      height: auto;}
.product-list05grid > div > div.img-center {
	  position: relative;
	  border: none;
      padding: 9px; 
      height: auto;
      text-align:center;}
#product-list #area01 div.product-list05grid div.img-center > a > img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-list05grid div.flex {
	display:flex;
}
.product-list05grid div ul.flex {
	display:flex;
}

.product-list05outergrid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden;
}
    .product-list05outergrid >  div {
      position: relative;
		overflow:hidden; }
    .product-list05outergrid >  div.col2 {
      position: relative;
      grid-column: span 2;
}

@media screen and (max-width: 800px){
	.product-list05grid div.flex {
	display:block;}
	.product-list05grid div ul.flex {
	display:block;}
}


.innergrid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    margin: 0 0 2em;
	overflow: hidden;
	min-height:1132px;
}
@media screen and (max-width: 800px){
	.innergrid {
	min-height:100%;}
}
    .innergrid >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
		overflow:hidden; }
    .innergrid >  div.st {
      min-height: 255px; }

.product-list05gridir {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden;
}

    .product-list05gridir >  div.col2 {
      position: relative;
      grid-column: span 2;
}
 .product-list05gridir >  div.col3 {
      position: relative;
      grid-column: span 3;
}
    .product-list05gridir >  div.row2 {
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 3;
}

@media screen and (max-width: 800px){
.product-list05gridir > div.row2,.product-list05gridir > div.col2,.product-list05gridir > div.col3{
	grid-column:span 1;
    grid-row: span 1;
	}
}
    .product-list05gridir >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
		overflow:hidden; }

.product-list05gridir > div > div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      height: 480px; }



.product-list06-compactdriverfloatleft {
        float: left; }
.product-list06-compactdriverfloatright {
    margin-left: 22px;
    float: right; }

.product-list06-compactdriver {
  font-size: 0;
  line-height: 0;
  overflow: hidden; }
.product-list06-compactdriver .bordernone ol{
  list-style: decimal;
  padding-left: 30px;
  font-size: 12px;
  line-height: 2.2em;
}
  .product-list06-compactdriver ul {
 }
  .product-list06-compactdriver li {
    width: 270px;
    float: left; }
  .product-list06-compactdriver li.w416 {
    position: relative;
    width: 396px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px;}
    .product-list06-compactdriver li div {
      width: 396px;
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      height: 785px; }

.product-list06grid-compactdriver {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  overflow: hidden; }
@media screen and (max-width: 800px)
{
	.product-list06grid-compactdriver {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* grid-auto-rows: 1fr; */
 }
}
    .product-list06grid-compactdriver > div {
		display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		}
@media screen and (max-width: 800px){    
	.product-list06grid-compactdriver > div {
		display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		}
}
.product-list06grid-compactdriver div > div{
	border: 1px solid #cccccc;
	padding: 9px;
    height: auto;
	min-height: 793px;
    overflow: hidden; }
@media screen and (max-width: 400px){
.product-list06grid-compactdriver div > div{
	min-height: 0px; }
}
.product-list06grid-compactdriver div > div.img{
    height: auto;
    overflow: hidden;
	border:none;
}

.product-list06grid-hyut {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(415px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  overflow: hidden; }

@media screen and (max-width: 400px){	
.product-list06grid-hyut {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 }
}
    .product-list06grid-hyut > div {
display: grid;
    border: 1px solid #cccccc;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
.product-list06grid-hyut div > div{
	padding: 9px;
    overflow: hidden;
	display: grid;
	min-height:230px;
}

.product-list06grid-hyut div > div.img{
	height: auto;
    border: none;
    float: right;
    display: grid;
	
}
.product-list06grid-hyut div > div.img > img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
	margin: auto;
}

.product-list06grid-hyut table {
    font-size:10px;
	line-height: 1.6em;
    text-align: center;
}
.product-list06grid-hyut table tr {
    border-bottom: 1px solid #cccccc;
}

.product-list051-compactdriver {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden;
  margin-bottom: 75px; }
  .product-list051-compactdriver ul {
    width: 885px;
    display: block;
    margin-right: -22px; }
  .product-list051-compactdriver li {
    width: 270px;
    float: left;
    margin-right: 22px; }
    .product-list051-compactdriver li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 405px; }
  .product-list051-compactdriver  h4 {
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;
    margin-bottom: 12px;
}

.product-list05-ironforged {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-ironforged ul {
    width: 885px;
    margin-right: -22px; }
  .product-list05-ironforged li.w540 {
    width: 562px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
  .product-list05-ironforged li {
    width: 270px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-ironforged li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 540px; }

.product-list05-ccforged {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
.product-list05-ccforged >div.border {
	border:solid 1px #cccccc;
}
  .product-list05-ccforged ul {
    width: 885px;
    margin-right: -22px; }
  .product-list05-ccforged li.w858 {
    width: 858px;
    float: left;
    margin-bottom: 22px; }
.product-list05-ccforged li.w858 div{
	height: 540px;
	position: relative;
}
  .product-list05-ccforged li.w858 div.in {
	  width: 248px;
	  float: left;
	  margin-right: 22px;
	  border : none;
	  padding : 0px;}
  .product-list05-ccforged li {
    width: 270px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
.product-list05-ccforged li div {
    border: 1px solid #cccccc;
    padding: 9px;
    height: 480px;
    position: relative;
}
.product-list05-ccforged li div.arrow {
    border: 1px solid #cccccc;
    padding: 9px;
    height: 480px;
    position: relative;
}
.product-list05-ccforged li div.arrow:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 240px;
	right: -16px;
  border-style: solid;
  border-color: transparent transparent transparent #FF9900;
  border-width: 9px 0px 9px 16px;
  z-index: 1;
}
.product-list05-ccforged li div.arrow.is-current{
  background: #9bbb30;
  font-weight: bold;
}
.product-list05-ccforged li div.arrow.is-current:after{
  border-color: transparent transparent  #9bbb30  transparent;
}

.product-list05-pcforged {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-pcforged ul {
    width: 885px;
    margin-right: -22px; }
  .product-list05-pcforged li.w540 {
    width: 858px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-pcforged li.w540 div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 380px; }
  .product-list05-pcforged li {
    width: 418px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-pcforged li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 600px; 
		position: relative;
}
  .product-list05-pcforged li.w41701 {
    width: 418px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-pcforged li.w41701 div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
  .product-list05-pcforged li.w41702 {
    width: 418px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-pcforged li.w41702 div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 640px; }
  .product-list05-pcforged li.w41703 {
	  width: 418px;
    float: right;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-pcforged li.w41703 div {
      border: 1px solid #cccccc;
      padding: 9px;
		margin-right: 5px;
      height: 1082px; }
    .product-list05-pcforged li div {
      border: 1px solid #cccccc;
      padding: 9px;
	  height: 680px; 
		position: relative;
}

.product-list05-shaftut {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftut ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftut li.w540 {
    width: 562px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
  .product-list05-shaftut li {
    width: 270px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-shaftut li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }


.product-list05-shaftutility {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftutility ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftutility li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-shaftutility li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
    .product-list05-shaftutility li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }


.product-list05-shaftfwstella {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftfwstella ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftfwstella li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
    .product-list05-shaftfwstella li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
    .product-list05-shaftfwstella li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }

.product-list05-shaftfwlunar {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftfwlunar ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftfwlunar li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
   .product-list05-shaftfwlunar li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
   .product-list05-shaftfwlunar li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }



.product-list05-shaftfw {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftfw ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftfw li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
   .product-list05-shaftfw li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
   .product-list05-shaftfw li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }




.product-list05-shaftutlunar {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftutlunar ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftutlunar li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
   .product-list05-shaftutlunar li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
   .product-list05-shaftutlunar li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }

.product-list05-shaftir {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list05-shaftir ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  .product-list05-shaftir li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
   .product-list05-shaftir li div {
	   border: 1px solid #cccccc;
	   padding: 9px;
	   height: 542px; }
   .product-list05-shaftir li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }


.product-list10 {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  .product-list10 ul {
    width: 885px;
    margin-right: -22px; }
  .product-list10 li {
    width: 270px;
    float: left;
    margin-right: 22px; }
    .product-list10 li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 600px; }

.product-zoom {
  width: 666px;
  margin: 0 auto;
  display: none;
  font-size: 0;
  line-height: 0;
  position: relative; }
  .product-zoom .modal-close {
    position: absolute;
    right: -25px;
    top: 0px;
    cursor: pointer; }
  .product-zoom .image {
    margin-bottom: 20px; }
  .product-zoom ul {
    width: 681px;
    margin-right: -25px; }
    .product-zoom ul li {
      width: 150px;
      float: left;
      margin-right: 20px; }
@media screen and (max-width: 600px){
    .product-zoom ul li {
		display:none;
	}
}

      .product-zoom ul li img {
        opacity: 0.5;
        filter: alpha(opacity=50); }
      .product-zoom ul li a:hover img {
        opacity: 1;
        filter: alpha(opacity=100); }
    .product-zoom ul .select img {
      opacity: 1;
      filter: alpha(opacity=100); }


.area03grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
  margin-bottom: 50px;
  position: relative; }
.area03grid > div.col2 {
    grid-column: span 2;
}
.area03grid > div.col2 {
    grid-column: span 2;
}

.area03grid div.title {
    min-height:70px;
	margin-top:1em;
}
.area03grid div.img {
    border:solid 1px #cccccc;
	text-align:center;
	min-height:248px;
	margin-bottom:2em;
}
  .area03grid h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%;
	  margin-bottom:19px;
}
  .area03grid p.yoko {
    font-size: 60%;
    margin: -20px 0 10px 300px ;
    text-align: left;}
  .area03grid p > span.px10 {
    font-size: 10px;}
  .area03grid span.small60 {
    font-size: 60%;}
  .area03grid p.small60 {
    font-size: 60%;}
  .area03grid table {
    border-collapse: collapse;
    border-spacing: 1px;
    /*background: #cccccc;*/
    height:248px;
    width: 100%;
    margin-bottom: 2em; }

    .area03grid table td {
      padding: 5px;
      /*background: #fff;*/
      line-height: 140%;
      vertical-align: middle; 
border: solid 1px #cccccc;
}
    .area03grid table th {
      padding: 5px;
      /*background: #fff;*/
      vertical-align: middle;
		border: solid 1px #cccccc;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
   .area03grid table .cell01 {
      text-align: left !important; }
    .area03grid table td {
      font-size: 12px;
      text-align: center; }
      .area03grid table td span {
        font-size: 10px; }
  .area03grid p.coution {
    position: absolute;
    bottom: 0px; }
@media screen and (max-width: 800px){
  .area03grid p.coution {
    position: relative;}
}
  .area03grid p.coution2 {
    font-size: 10px; }
  .area03grid .ol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }


span.orange {
    color:#FF3300;
}

.product-bottomlink{
	text-align: left;
	overflow-x: scroll;
	-ms-overflow-style: none;        /* IE, Edge スクロールバー非表示 */
        scrollbar-width: none;       /* Firefox スクロールバー非表示 */
	    margin-top: 30px;
    margin-bottom: 30px;
}

.product-bottomlink::-webkit-scrollbar {
  display: none;             /* Chrome, Safari  スクロールバー非表示 */
}
.product-bottomlink ul{
list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* justify-content: center; */
    align-items: center;
}
.product-bottomlink li {
    display: block;
    min-width: 110px;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
    padding: 2em;
}

@media screen and (max-width: 800px){
	.product-bottomlink ul{
		display: block;
		flex-wrap: nowrap;
}
.product-bottomlink li {
    min-height: 2em;
    line-height: 2em;
    border-right: none;
    padding: 1em;
}
}

#product-iron-compare #ttl-area h2 {
    font-size: 0;
    line-height: 0;
    position: relative;
    margin-bottom: 50px;
}

#product-iron-compare #area01 span.centerline {
font-weight: bold;
    display: flex;
    align-items: center;}

#product-iron-compare #area01 span.centerline:after {
    margin-left: 5px;
    border-top: 1px solid #000000;
    content: "";
    flex-grow: 1;
}

#product-iron-compare #area01 h3 {
	font-size: 100%;
    font-weight: bold;
    line-height: 130%;
    margin-top: 11px;
    margin-bottom: 11px;
}
#product-iron-compare #area01 h4 {
	font-size: 100%;
    font-weight: bold;
    line-height: 130%;
    margin-top: 11px;
    margin-bottom: 11px;
}

#product-iron-compare #area01 div.container {
  display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
  width:860px;
}

#product-iron-compare #area01 div.grid {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
#product-iron-compare #area01 div.grid div.item {
  padding: 15px;
  text-align: center;
	    min-width: 0;
	    overflow: auto;
}
#product-iron-compare #area01 div.grid div.item img {
  max-width: 100%;
  height: auto;
}


#product-iron-compare #area01 div.container div.item1 {
  flex-basis: 100%;
  max-width: 100%;}
#product-iron-compare #area01 div.container div.item2 {
  flex-basis: 47%;
  max-width: 47%;}
#product-iron-compare #area01 div.container div.item3 {
	flex-basis: 30%;
	max-width: 30%;}
#product-iron-compare #area01 div.container div.item4 {
  flex-basis: 22%;
  max-width: 22%;  }
#product-iron-compare #area01 div.container div.item1{
  object-fit:fill;
}
#product-iron-compare #area01 div.container div.item2{
  object-fit:fill;
}
#product-iron-compare #area01 div.container div.item3{
  object-fit:fill;
}
#product-iron-compare #area01 div.container div.item4{
  object-fit:fill;}
#product-iron-compare #area01 div.container div.item4 div.img {
	max-width: 100%;
	height: auto;}
#product-iron-compare #area01 div.container div.item3 div.img {
	max-width: 100%;
	height: auto;}
#product-iron-compare #area01 div.container div.item2 div.img {
	max-width: 100%;
	height: auto;
    text-align:center;
}
#product-iron-compare #area01 div.container div.item2 div.img img {
	max-width: 100%;
	height: auto;
    text-align:center;
}
#product-iron-compare #area01 div.container item1 div.img {
	max-width: 100%;
	height: auto;}

#product-iron-compare #area01 div.row-grid {
	margin: 40px auto;
	max-width: 780px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(360px, auto));
}

#product-iron-compare #area01 div.row-grid div {
  border: 1px dashed gray;
  text-align: center;
  padding: 12px;
	font-size: 14px;
	line-height: 1.9em;
	vertical-align: top;
}

#product-iron-compare #area01 div.row-grid div img{
	max-width: 100%;
	height: auto;
    text-align:center;
}

/*-----------------
productlist
-------------------*/

.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
#product-list h2 {
	font-size: 150%;
    font-weight: bold;
    line-height: 200%;
    margin: 1em 0;
    color: #cccccc;
}
#product-list #area01 span.centerline {
font-weight: bold;
    display: flex;
    align-items: center;}

#product-list #area01 span.centerline:after {
    margin-left: 1em;
    border-top: 1px solid #cccccc;
    content: "";
    flex-grow: 1;
}
#product-list #area01 h4 {
	font-size: 100%;
    font-weight: bold;
    line-height: 130%;
    margin-top: 2em;
    margin-bottom: 1em;
	text-align:center;
}
#product-list #area01 span.centerline {
font-weight: bold;
    display: flex;
    align-items: center;}

#product-list #area01 span.centerline:after {
    margin-left: 1em;
    border-top: 1px solid #cccccc;
    content: "";
    flex-grow: 1;
}

#product-list #area01 p {
	text-align:center;
}
@media screen and (max-width: 800px){
#product-list div#area01 {
    overflow: hidden;
}
#product-list .grad-item h3 {
	margin:1em 0;}
#product-list div.product-list05grid > div {

    overflow: auto;
    /*min-width: max-content;*/
}
#product-list .product-list05grid {
    /*display: flex;*/
    overflow: auto;
}
}
.sp_xs{
	display:none;
}
@media screen and (max-width: 800px){
 .sp_xs{
    display: block;
	font-weight: bold;
	}
}
/*-----------------
productlist
-------------------*/

@media screen and (max-width: 800px){	
	section.mainimgSP div.mainimgSP-img img h2{
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    font-family: serif;
    font-size: 30px;
    font-weight: bold;
	}
	section.mainimgSP div.mainimgSP-img img h3 img{
		width:200px;
	}
}



 #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }


span.centerline {
    font-weight: bold;
    display: flex;
    align-items: center;
}

span.centerline:after {
    margin-left: 5px;
    border-top: 1px solid #ccc;
    content: "";
    flex-grow: 1;
}
span.str {
    display: flex;	
    align-items: center;
}

span.str:before {
    margin-right: 1em;
    border-top: 4px solid #fdd003;
    content: "";
    flex-grow: 1;
    width: 40px;
}

span.face_groove {
    display: flex;	
    align-items: center;
}

span.face_groove:before {
    margin-right: 1em;
    border-top: 4px solid #dc5138;
    content: "";
    flex-grow: 1;
    width: 40px;
}


#product-driver-s-design div.weight_tuning ul,#product-driver-series div.weight_tuning ul{
    /*display: flex;*/
    margin-bottom: 1em;
    height: 50%;
}
/*#product-driver-s-design div.weight_tuning ul.sun li:nth-child(2) img {
    transform: translateY(-20%);
    min-width: 65px;
}*/
/*#product-driver-s-design div.weight_tuning ul.star li:nth-child(2) img {
    transform: translateY(-20%);
    min-width: 65px;
}*/
#product-driver-s-design div.weight_tuning ul.moon,#product-driver-series div.weight_tuning ul.moon{
    height: auto;
}

#product-driver-s-design div.weight_tuning ul li,#product-driver-series div.weight_tuning ul li{
    font-size: 11px;
    text-align: start;	
}
#product-driver-s-design div.weight_tuning ul li,#product-driver-series div.weight_tuning ul li img{
    min-width: 110px;

}
/*#product-driver-s-design div.weight_tuning ul.moon li:nth-child(1) img {
    min-width: 65px;
}*/
#product-driver-s-design div.weight_tuning h5,#product-driver-series div.weight_tuning h5{
    font-size: 11px;
    font-weight: bold;
    text-align: start;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
}
#product-driver-s-design div.weight_tuning p,#product-driver-series div.weight_tuning p{
    font-size: 11px;
    text-align: start;
}
#product-driver-s-design div.weight_tuning ul.hatch,#product-driver-series div.weight_tuning ul.hatch{
    transform: translateY(50%);
	display: block;
	}
#product-driver-series div.weight_tuning ul.hatch li{
    text-align: center;
	}

#product-driver-s-design div.distance,#product-driver-series div.distance {
    font-size: 12px;
    line-height: 1.9em;
	}
#product-driver-s-design div.distance ul li,#product-driver-series div.distance ul li {
    margin: 1em;
    width: 50%;
	}
#product-driver-s-design div.distance ul li img,#product-driver-series div.distance ul li img {
    margin: 1em;
    max-width: 100%;
	}

#product-driver-s-design div.ttlPC h2 small {
	color:#262626;
}
#product-driver-s-design div.angle-tune ul,#product-driver-series div.angle-tune ul{
	display:flex;	
}
#product-driver-s-design div.angle-tune ul li,#product-driver-series div.angle-tune ul li{
    min-width: 150px;	
    max-width: 330px;
    font-size: 13px;
}
#product-driver-s-design div.angle-tune ul li img,#product-driver-series div.angle-tune ul li img{
	width:100%;
}
#product-driver-s-design div.angle-tune h3,h4 {
	color:#262626;
}
#product-driver-s-design div.sdesign_hosel li{
    font-size: 14px;
    line-height: 1.9em;
}
#product-driver-s-design div.dress-up p, #product-driver-series div.dress-up p{
	text-align:center;
    font-size:10px;
}
.dress-up ul{
&.hatch li{
    max-width: 160px;
    text-align: center;
    margin: auto;
}
&.hatch li img{
    max-width: 160px;
}
&.screw li{
    max-width: 80px;
    text-align: center;
    margin: auto;
}
&.screw li img{
    max-width: 80px;
}
&.stopper li{
    max-width: 80px;
    text-align: center;
    margin: auto;
}
&.stopper li img{
    max-width: 80px;
}
&.hosel li{
    max-width: 90px;
    text-align: center;
    margin: auto;
}
&.hosel li img{
    max-width: 90px;
}
    display: flex;
    flex-wrap: wrap;
}

.dress-up ul li{
	text-align:center;	
    max-width: 74px;
    margin: auto;
    margin-bottom: 1em;
}

.dress-up ul li.headcover{
    max-width: 100%;
}
#product-driver-s-design div.dress-up ul li p{
    font-size: 10px;
}

@media screen and (max-width: 800px){
	#product-driver-s-design div.angle-tune ul, #product-driver-series div.angle-tune ul{
	display:block;	
	}
	#product-driver-s-design div.angle-tune p, #product-driver-series div.angle-tune p{
		text-align:center;
	}

	.dress-up ul li.headcover{
    width: 100%;}
	#product-driver-s-design div.weight_tuning ul.hatch,#product-driver-series div.weight_tuning ul.hatch{
    transform: none;		
	}
	#product-driver-s-design div.distance ul li {
    margin: 1em;
    width: auto;
	}
}






#product-iron #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
  #product-iron #ttl-area h2 a {
    position: absolute;
    bottom: 0;
    right: 0; }
#product-iron #ttl-area p {
  font-size: 14px;
  margin-bottom: 20px; }
#product-iron #area01 {
  margin-bottom: 100px; }
  #product-iron #area01 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 10px; }
  #product-iron #area01 p {
    font-size: 14px;
    margin-bottom: 30px; }
  #product-iron #area01 .product-list01 {
    margin-bottom: 50px; }
  #product-iron #area01 h4 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 10px; }
#product-iron #area02 h3 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 10px; }
#product-iron #area02 p {
  font-size: 14px;
  margin-bottom: 30px; }
#product-iron #area02 .product-list01 {
  margin-bottom: 50px; }
#product-iron #area02 h4 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 10px; }


#product-driver #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#product-driver #ttl-area h3 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 20px; }
#product-driver #ttl-area p {
  font-size: 14px;
  margin-bottom: 50px; }
#product-driver #area01 {
  margin-bottom: 75px; }
#product-driver #area02 {
  margin-bottom: 75px; }
  #product-driver #area02 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 30px; }
  #product-driver #area02 h4 {
    margin-bottom: 10px; }
  #product-driver #area02 p {
    font-size: 11.3px; }
  #product-driver #area02 .product-list02 div {
    height: 500px; }
#product-driver #area03 {
  margin-bottom: 50px;
  position: relative; }
  #product-driver #area03 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 15px; }

  #product-driver #area03 .coution {
    text-align: right;
    margin-bottom: 50px;
    position: relative;
    top: -30px; }
  #product-driver #area03 .coution2 {
    font-size: 10px; }
  #product-driver #area03 ol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-driver #area04 {
  margin-bottom: 75px; }
  #product-driver #area04 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 30px; }
  #product-driver #area04 h4 {
    margin-bottom: 10px; }
  #product-driver #area04 p {
    font-size: 11.3px; }
  #product-driver #area04 img {
    margin-left: 4px;
    margin-right: 4px; }
  #product-driver #area04 .product-list04 div {
    height: 420px;}
@media screen and (max-width: 800px){
#product-driver #area04 .product-list04 div {
	overflow:hidden;
	height: auto;
    text-align: center;
	}
}
@media screen and (max-width: 640px){
#product-driver #area04 div.scroll {
	overflow-x: auto;}
}
@media screen and (max-width: 640px){
	#area04 > div > div > ul > li > div > a:nth-child(1) > img:nth-child(1) {
	display:none;
	}
	#area04 > div > div > ul > li > div > a:nth-child(2) > img:nth-child(1){
	display:none;
	}
	#area04 > div > div > ul > li > div > a:nth-child(3) > img:nth-child(1) {
	display:none;
	}
	#area04 > div > div > ul > li > div > a:nth-child(4) > img:nth-child(1){
	display:none;
	}
}

#product-driver-s #ttl-area h2 {  font-size: 0;  line-height: 0;  position: relative;  margin-bottom: 50px; }
#product-driver-s #ttl-area h3 {  font-size: 0;  line-height: 0;  margin-bottom: 20px; }
#product-driver-s #ttl-area p {  font-size: 14px;  margin-bottom: 50px; }
#product-driver-s #area01 {  margin-bottom: 75px; }
#product-driver-s #area02 {  margin-bottom: 75px; }
  #product-driver-s #area02 h3 {    font-size: 0;    line-height: 0;    margin-bottom: 30px; }
  #product-driver-s #area02 h4 {    margin-bottom: 10px; }
  #product-driver-s #area02 p {    font-size: 11.3px;     }
  #product-driver-s #area02 p.img {	text-align:center;    }
  #product-driver-s #area02 .product-list02 div {    height: 500px; }
#product-driver-s #area03 {  margin-bottom: 50px;  position: relative; }
  #product-driver-s #area03 h3 {    font-size: 0;    line-height: 0;    margin-bottom: 15px; }
  #product-driver-s #area03 table {       border-collapse: collapse;  border-spacing: 1px;    width: 100%;    margin-bottom: 35px; }
    #product-driver-s #area03 table td {      padding: 5px;     border: solid 1px #cccccc;      line-height: 140%;      vertical-align: middle; }
    #product-driver-s #area03 table th {padding: 5px; border: solid 1px #cccccc;  vertical-align: middle; font-size: 13px;   line-height: 1.4em; text-align: center; }
    #product-driver-s #area03 table .cell01 {
      text-align: left !important; }
    #product-driver-s #area03 table td {
      font-size: 12px;
      text-align: center; }
      #product-driver-s #area03 table td span {
        font-size: 10px; }
  #product-driver-s #area03 .coution {
    text-align: right;
    margin-bottom: 50px;
    position: relative;
    top: -30px; }
  #product-driver-s #area03 .coution2 {
    font-size: 10px; }
  #product-driver-s #area03 ol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-driver-stuning-ch #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#product-driver-stuning-ch #ttl-area p {
  font-size: 14px;
  margin-bottom: 50px; }

#product-driver-stuning-ch #area02 {
    margin-bottom: 75px; }
  #product-driver-stuning-ch #area02 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%; }
  #product-driver-stuning-ch #area02 h4 {
        font-size: 13px;
        font-weight: bold;
        line-height: 150%;
        text-decoration: underline; }
  #product-driver-stuning-ch #area02 p {
    display: block;
    font-size: 11.3px; }


#product-fw #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#product-fw #ttl-area p {
  margin-bottom: 50px; }
  #product-fw #area01 p {
    font-size: 10px;}
  #product-fw #area01 table {
    margin-top: 20px;
    margin-bottom: 10px;
    position: absolute;
    bottom: 5px;
    clear: both;
    border-spacing: 1px;
    border-collapse: collapse;
    font-size: 8px;
    line-height: 24px;
    width: 90%;}
  #product-fw #area01 table td{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
  #product-fw #area01 table td.cell01{
    width: 65px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
  #product-fw #area01 h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 12px;
}
  #product-fw #area01 div.img {
	  margin-bottom: 80px;
	  margin-top: 70px;
}
#product-fw #area02 {
  margin-bottom: 50px;
  margin-top: 50px; }
  #product-fw #area02 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 30px; }
  #product-fw #area02 h4 {
    font-size: 12px;
    font-weight:bold;
    line-height: 200%;
    height: 4em;
}
  #product-fw #area02 p {
    font-size: 11.3px; }
  #product-fw #area02 p.img {
    bottom: 5px; }
  #product-fw #area01 div.box {
      /*position: absolute;*/
      bottom: 5px;
      border-top: none;
      border-bottom: none;
      border-left: none;
      border-right: none;
      padding: 0px;
      width: 250px;
      height:200px;}
#product-fw ul.headcover{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
#product-fw ul.headcover li{
    width: 100%;
    text-align: center;
}
#product-fw ul.headcover li p{
    font-size: 10px;
    text-align: center;
	margin-bottom: 4em;
}
@media screen and (max-width: 800px){
	#product-fw ul.headcover{
    flex-wrap: wrap;}
}

#product-shaft-fw-p #area01 p,
#product-fw-head #area02 p,
#product-fw-head #area03 p,
#product-fw-head #area04 p {
  margin-bottom: 30px;
}

#product-fw-head div.area05,
#product-fw-head div.area06 {
  margin-top: 30px;
}

#product-fw-head div.Specifications table  {
  margin-bottom: 1em;
}

#product-shaft-fw-p #area01 div.fw_img_margin {
  margin-bottom: 75px;
}

#product-shaft-fw-p #area02 p {
  margin-bottom: 20px;
}

#product-shaft-fw-p #area02 div.fw_img_margin {
  margin-bottom: 40px;
}

.fw-price, .fw-tax, .nonwap {
    display: inline-block;
}


#product-fw-head div.fw_screw ul{
   display: flex; }

#product-fw-head div.fw_screw li{
   text-align: center;
    min-width: 33%; }

#product-fw-head div.fw_screw p{
   text-align: center;
}

#product-fw-head .adjustment_function {
   display: inline-block;
}


#product-fw-head .fw_calc {
   width: calc(200% + 20px);
}


#product-fw-head div.fw_margin_bottom {
   margin-bottom: 1em;
}

#product-fw-head .fw_list_style {
   list-style: decimal; 
   padding-left: 30px; 
   font-size: 12px; 
   line-height: 2.2em;
}









#stuningol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-hybridut #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#product-hybridut #ttl-area p {
  font-size: 14px;
  margin-bottom: 50px; }
#product-hybridut #area02 {
  /* margin-bottom: 75px; */
  }
  #product-hybridut #area02 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%;
    margin-top: 60px;
    margin-bottom: 20px; }
  #product-hybridut #area02 h4 {
    font-size: 12px;
    font-weight:bold;
    line-height: 200%;
}
  #product-hybridut #area02 p {
    display: block;
    font-size: 11.3px;
    float: left; }
  #product-hybridut #area02 p.w540 {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 280px;
    font-size: 11.3px;
    float: right;
	margin-left:1em;
 }

#product-hybridut ul.headcover{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
#product-hybridut ul.headcover li{
    width: 100%;
    text-align: center;
}
#product-hybridut ul.headcover li p{
    font-size: 10px;
    text-align: center;
	margin-bottom: 4em;
}
@media screen and (max-width: 800px){
	#product-hybridut ul.headcover{
    flex-wrap: wrap;}
}

@media screen and (max-width: 800px){
	#product-hybridut #area02 p.w540{
		float:left;
		max-width:300px;
	}
}
  #product-hybridut #area02 p.img {
    display: block;
    bottom: 0px; }


#product-compactdriver #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#product-compactdriver #ttl-area p {
  margin-bottom: 50px; }
  #product-compactdriver #area01 h3 {
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
    margin-top: 22px;
    margin-bottom: 22px; }
#product-compactdriver #area02 {
  margin-bottom: 75px; }
  #product-compactdriver #area02 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%;
    margin-top: 60px;
    margin-bottom: 20px; }
  #product-compactdriver #area02 h4 {
    font-size: 16px;
    font-weight:bold;
    line-height: 150%;
    margin-bottom: 10px; 
}
  #product-compactdriver #area02 p {
    display: block;
    font-size: 11.3px;
    float: left; }
  #product-compactdriver #area02 p.select {
    display: block;
    font-size: 11.3px;
    letter-spacing:-0.03em;
    float: left; }
  #product-compactdriver #area02 p.img {
}
  #product-compactdriver #area02 p.bottom{
    position: relative;
    bottom: 0;}

span.orange {
    color:#FF3300;
}

#product-compactdriver #area03grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
  margin-bottom: 50px;
  position: relative; }
#product-compactdriver #area03grid div.col2 {
    grid-column: span 2;
}
#product-compactdriver #area03grid div.title {
    min-height:70px;
}
#product-compactdriver #area03grid div.img {
    border:solid 1px #cccccc;
	text-align:center;
	min-height:248px;
}
  #product-compactdriver #area03grid h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%; }

  #product-compactdriver #area03grid table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    height:248px;
    width: 100%;
    margin-bottom: 35px; }
    #product-compactdriver #area03grid table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-compactdriver #area03grid table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-compactdriver #area03grid table .cell01 {
      text-align: left !important; }
    #product-compactdriver #area03grid table td {
      font-size: 12px;
      text-align: center; }
      #product-compactdriver #area03grid table td span {
        font-size: 10px; }
  #product-compactdriver #area03grid .coution {
    position: absolute;
    bottom: 0px; }
@media screen and (max-width: 800px){
  #product-compactdriver #area03grid .coution {
    position: relative;}
}
  #product-compactdriver #area03grid .coution2 {
    font-size: 10px; }
  #product-compactdriver #area03grid .ol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
span.orange {
    color:#FF3300;
}


#iron-head #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#iron-head #ttl-area h3 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 20px; }
#iron-head #ttl-area p {
  font-size: 14px;
  margin-bottom: 50px; }
#iron-head #area01 {
  margin-bottom: 50px; }
  #iron-head #area01 h3 {
display: inline;
  font-weight: bold;
  line-height: 0;
  margin-bottom: 20px; }
#iron-head #area01 small {
  font-size: 12px;
color: #FF0000;
  margin-left: 1em;
  margin-bottom: 20px; }
  #iron-head #area01 p {
    font-size: 14px;
    margin-bottom: 10px; }
  #iron-head #area01 .coution2 {
    margin-top: 10px;
    font-size: 10px; }
#iron-head #area02 {
  margin-bottom: 50px;
  position: relative; }
  #iron-head #area02 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 20px; }
  #iron-head #area02 h4 {
    margin-bottom: 10px; }
  #iron-head #area02 p {
    font-size: 11.3px; }
  #iron-head #area02 .product-list02 div {
    height: 520px; }
#iron-head #area10 {
  margin-bottom: 50px;
  position: relative; }
  #iron-head #area10 h3 {
display: inline;
  font-weight: bold;
  line-height: 0;
  margin-bottom: 20px; }
#iron-head #area10 small {
  font-size: 12px;
color: #FF0000;
  margin-left: 1em;
  margin-bottom: 20px; }
  #iron-head #area10 h4 {
    margin-bottom: 10px; }
  #iron-head #area10 p {
    font-size: 14px;
    margin-bottom: 10px; }
  #iron-head #area10 .product-list10 div {
    height: 520px; }
  #iron-head #area10 .coution2 {
    margin-top: 10px;
    font-size: 10px; }
#iron-head #area03 {
  margin-bottom: 50px;
  position: relative; }
  #iron-head #area03 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 15px; }
  #iron-head #area03 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 5px; }
    #iron-head #area03 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle; }
    #iron-head #area03 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 12px;
      line-height: 1.4em;
      text-align: center; }
    #iron-head #area03 table .cell01 {
      text-align: left !important; }
    #iron-head #area03 table td {
      font-size: 11px;
      text-align: center; }
      #iron-head #area03 table td span {
        font-size: 10px; }
  #iron-head #area03 .coution {
    text-align: right;
    margin-bottom: 50px;
    position: relative;
    top: -30px; }
  #iron-head #area03 .coution2 {
    font-size: 10px; }
  #iron-head #area03 ol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-iron-forged #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#product-iron-forged #area01 {
  margin-bottom: 50px; }
  #product-iron-forged #area01 h3 {
display: inline;
  font-weight: bold;
  line-height: 0;
  margin-bottom: 20px; }
#product-iron-forged #area01 small {
  font-size: 12px;
  color: #FF0000;
  margin-left: 1em;
  margin-bottom: 20px; }
  #product-iron-forged #area01 p {
    font-size: 14px;
    margin-bottom: 10px; }
  #product-iron-forged #area01 .coution2 {
    margin-top: 10px;
    font-size: 10px; }
#product-iron-forged #area01 {
  margin-bottom: 75px; }
  #product-iron-forged #area01 h3 {
    font-weight:bold; }
#product-iron-forged #area02 {
  margin-bottom: 75px; }
  #product-iron-forged #area02 h3 {
    font-size: 0;
    line-height: 0;
    margin-bottom: 30px; }
  #product-iron-forged #area02 h4 {
    display: block;
    height: 60px;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}
  #product-iron-forged #area02 p {
    display: block;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}
  #product-iron-forged #area02 p {
    font-size: 11.3px; }
  #product-iron-forged #area02 p.w540{
    display:block;
    font-size: 11.3px;
    float:left; }
  #product-iron-forged #area02 p.img{
    display:block;
    float:left;
    margin-left: 15px;
	margin-top: 20px;
}
#product-iron-forged #area03 {
  margin-bottom: 50px;
  position: relative; }
  #product-iron-forged #area03 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%; }
  #product-iron-forged #area03 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 35px; }
    #product-iron-forged #area03 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-iron-forged #area03 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-iron-forged #area03 table .cell01 {
      text-align: left !important; }
    #product-iron-forged #area03 table td {
      font-size: 12px;
      text-align: center; }
  #product-iron-forged #area03 .coution {
    text-align: right;
    margin-bottom: 50px;
    position: relative;
    top: -30px; }


#product-cc-forged #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }

#product-cc-forged #area01 {
  margin-bottom: 50px; }
  #product-cc-forged #area01 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-cc-forged #area01 small {
  font-size: 12px;
  margin-left: 1em;}
#product-cc-forged #area01 {
  margin-bottom: 75px; }
  #product-cc-forged #area01 h3 {
    font-weight:bold;}
#product-cc-forged #area02 {
  margin-bottom: 75px; }
  #product-cc-forged #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-cc-forged #area02 h4 {
    display: block;
    height: 30px;
    font-size: 11px;
    font-weight:bold;
    line-height: 150%;}
  #product-cc-forged #area02 p {
    display: block;
    width: 248px;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}

  #product-cc-forged #area02 p {
    font-size: 11.3px; }
  #product-cc-forged #area02 p img {
 }

#product-cc-forged #area03 {
  margin-bottom: 50px;
  position: relative; }
  #product-cc-forged #area03 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%; }
  #product-cc-forged #area03 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 35px; }
    #product-cc-forged #area03 table td {
      padding: 5px;
     /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-cc-forged #area03 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-cc-forged #area03 table .cell01 {
      text-align: left !important; }
    #product-cc-forged #area03 table td {
      font-size: 12px;
      text-align: center; }
  #product-cc-forged #area03 .coution {
    text-align: right;
    margin-bottom: 50px;
    position: relative;
    top: -30px; }
#product-cc-forged #area04 {
  margin-bottom: 50px; }
  #product-cc-forged #area04 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-cc-forged #area04 small {
  font-size: 11px;
  margin-left: 1em;
  margin-bottom: 20px; }
  #product-cc-forged #area04 p {
	  font-size: 14px;  
}
#product-cc-forged #area04 span.borderradius {
border-style: solid;
border-width: 1px;
border-radius: 14px;
	font-size: 80%;
	padding: 0px 8px 0px 8px;
margin-left: 2px;
margin-right: 2px;
display: inline-block;
}
  #product-cc-forged #area04 .coution2 {
    margin-top: 10px;
    font-size: 10px; }
#product-cc-forged #area04 {
  margin-bottom: 75px; }
  #product-cc-forged #area04 h3 {
    font-weight:bold;}
#product-cc-forged #area02 {
  margin-bottom: 75px; }
  #product-cc-forged #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-cc-forged #area04 h4 {
    font-weight:bold;
	  font-size:90%;
}
.bloodorange{
	color:#FF3300;
}
.Darkyellow{
	color:#FF9900;
}
.boxline{
	border-style: solid;
	border-width: 1px;
	font-size: 80% ;
	padding: 0px 8px 0px 8px ;
	margin-left : 2px;
	margin-right: 2px;
	display:inline-block;
	margin-top: 8px;
    margin-bottom: 8px;
}
#product-pc-forged #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }

#product-pc-forged #area01 {
  margin-bottom: 50px; }
  #product-pc-forged #area01 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-pc-forged #area01 small {
  font-size: 12px;
  margin-left: 1em;}

#product-pc-forged #area01 {
  margin-bottom: 75px; }
  #product-pc-forged #area01 h3 {
    font-weight:bold;}
#product-pc-forged #area02 {
  margin-bottom: 75px; }
#product-pc-forged #area02 img {
    width: 100%;
}
  #product-pc-forged #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-pc-forged #area02 h4 {
    display: block;
    height: 30px;
    font-size: 11px;
    font-weight:bold;
    line-height: 150%;}
#product-pc-forged #area02 h4.red {
    display: block;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 0px;
}
  #product-pc-forged #area02 p {
    display: block;
    width: 400px;
    font-size: 18px;
    /*font-weight:bold;*/
    line-height: 150%;}
#product-pc-forged #area02 p.f5l {
    font-size: 11.3px;
    float: left;
    width: 30%;
}
#product-pc-forged #area02 p.f5r {
    font-size: 11.3px;
    float: left;
    width: 70%;
}
#product-pc-forged #area02 p.f6l {
    font-size: 11.3px;
    float: left;
    width: 70%;
}
#product-pc-forged #area02 p.f6r {
    font-size: 11.3px;
    float: left;
    width: 30%;
}
#area02 p.function4 {
}

  #product-pc-forged #area02 p {
    font-size: 11.3px; }
  #product-pc-forged #area02 p.w540{
    font-size: 11.3px;
    float:left; }
#product-pc-forged #area02 h4.red {
    display: block;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 0px;
}

@media screen and (max-width: 800px){
	#product-pc-forged #area02 p.f5l {
	    width: 100%;
	}
	#product-pc-forged #area02 p.f6r {
	    width: 100%;
	}

}

.fun4 {
	float:right;
	shape-margin: 5px;
	shape-outside : url(https://roddio.com/wp/wp-content/themes/roddio/img/product/pc-forged/function04.png);
}
_:-ms-lang(x)::-ms-backdrop, .fun4 {
	display:block;
	float:right;
	position:absolute;
	left:0px;
}

.fun3{
	float:left;
	shape-margin: 15px;
	shape-outside : url(https://roddio.com/wp/wp-content/themes/roddio/img/product/pc-forged/function03.png);
	position:relative;
	border:0;
}
_:-ms-lang(x)::-ms-backdrop, .fun3 {
}

_:-ms-lang(x)::-ms-backdrop, .imgshapepolygon {
}
_:-ms-lang(x)::-ms-backdrop, .sandbag {
      display:none;
	  width: 0;
      height: 0;
	  position: initial;
}
.imgshapepolygon{
    float:left;	 
	shape-outside : polygon(100% 0, 100% 43%, 48% 43%, 48% 100%, 0 100%, 0 0);
}
_:-ms-lang(x)::-ms-backdrop, .imgshapepolygon {
	shape-outside : polygon();
	shape-outside : polygon(0 0, 0 0, 0 0, 0 0);
}
_:-ms-lang(x)::-ms-backdrop, .sandbag {
      display:none;
	  width: 0;
      height: 0;
	  position: initial;
}
#product-pc-forged #area03 {
  margin-bottom: 50px;
  position: relative; }
  #product-pc-forged #area03 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%; }
  #product-pc-forged #area03 table {
        border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 35px; }
@media screen and (max-width: 800px){
  #product-pc-forged #area03 table {
        min-width: max-content;}
}
    #product-pc-forged #area03 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-pc-forged #area03 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-pc-forged #area03 table .cell01 {
      text-align: left !important; }
    #product-pc-forged #area03 table td {
      font-size: 12px;
      text-align: center; }

#product-pc-forged #area04 {
  margin-bottom: 50px; }
  #product-pc-forged #area04 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-pc-forged #area04 small {
  font-size: 11px;
  margin-left: 1em;
  margin-bottom: 20px; }
  #product-pc-forged #area04 p {
	  font-size: 14px;  
}
span.borderradius {
border-style: solid;
border-width: 1px;
border-radius: 14px;
	font-size: 80%;
	padding: 0px 8px 0px 8px;
margin-left: 2px;
margin-right: 2px;
display: inline-block;
}



  #product-pc-forged #area04 p img{
	  width: 860px;  
}
#product-pc-forged #area04 {
  margin-bottom: 75px; }
  #product-pc-forged #area04 h3 {
    font-weight:bold;}
#product-pc-forged #area02 {
  margin-bottom: 75px; }
  #product-pc-forged #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-pc-forged #area04 h4 {
    font-weight:bold;
	  font-size:90%;
}
.bottomright{
	font-size: 10px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.right{
	font-size: 10px;
	position:absolute;
	right:0px;
}
.right2{
	display:block;
	float:right;
	font-size: 10px;
}
.mblue {
	color:#000066;
}

span.bold {
      font-size: 13px;
      font-weight: bold;
      margin-bottom: 20px;}
span.bold2 {
      font-weight: bold;}


#stuningol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-utility #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }
#product-utility #ttl-area h3 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 20px; }
#product-utility #ttl-area p {
  font-size: 14px;
  margin-bottom: 50px; }
#product-utility #area01 {
  margin-bottom: 75px; }
#product-utility #area02 {
  margin-bottom: 75px; }
#product-cc-forged #area02 span.borderradiusYE {
    border-style: solid;
	border-width: 0px;
    border-radius: 14px;
    font-size: 80%;	
    padding: 0px 8px 0px 8px;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    background: #FF9900;
}



/*---------------
　ＭＣアイアン
-----------------*/


#product-iron-mc-series .concept, #area01, #function, #color_custom, #socket, .spec, .specifications {
	  margin: 0 0 2em;
}


/*----------------------
　ＭＣアイアン　ウエッジ
------------------------*/


#product-wedge-mc-series .concept, .specifications {
	  margin: 0 0 2em;
}


/*------------------------------------------
　ＭＣアイアン　ハイブリッド　フラットバック
--------------------------------------------*/

/* セクション間の余白 */
#product-iron-mc-hybrid-flatback-series section {
  margin-bottom: 2rem;
}

#product-iron-mc-hybrid-flatback-series .shape {
  margin-bottom: 1.5rem;
}

#product-iron-mc-hybrid-flatback-series .img_margin {
	  margin: 2em 0 3em;
}


/* 見出し内 注釈（※2） */
#product-iron-mc-hybrid-flatback-series .sup-note {
  font-size: 0.6em;
  vertical-align: super;
  margin-left: 0.1em;
}


#product-iron-mc-hybrid-flatback-series .product-list01grid {
margin-bottom: 15px;
}

#product-iron-mc-hybrid-flatback-series .product-list01grid > div.border {
  overflow: hidden;
  min-width: 0;
  border: solid 1px #cccccc;
  padding: 1em;
  margin: 8px;
}

/* ✅ 画像を見切れず収める */
#product-iron-mc-hybrid-flatback-series .product-list01grid img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* タブレット以上では4列固定 */
@media screen and (min-width: 768px) {
  #product-iron-mc-hybrid-flatback-series .product-list01grid {
    grid-template-columns: repeat(4, 1fr);
  }
}


/* ===== モーダル本体 ===== */
#product-iron-mc-hybrid-flatback-series .product-zoom {
  width: 700px; /* 4つ用に拡張 */
  margin: 0 auto;
  display: none;
  font-size: 0;
  line-height: 0;
  position: relative;
  text-align: center;
}

/* 閉じるボタン */
#product-iron-mc-hybrid-flatback-series .product-zoom .modal-close {
  position: absolute;
  right: -25px;
  top: 0;
  cursor: pointer;
}

/* メイン画像 */
#product-iron-mc-hybrid-flatback-series .product-zoom .image {
  margin-bottom: 20px;
}

/* ===== サムネイル群（中央揃え対応） ===== */
#product-iron-mc-hybrid-flatback-series .product-zoom ul {
  display: flex;
  justify-content: center; /* ✅ 中央揃え */
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
  width: auto; /* 固定幅解除 */
}

/* サムネイル1つずつ */
#product-iron-mc-hybrid-flatback-series .product-zoom ul li {
  list-style: none;
  width: 150px;
}

@media screen and (max-width: 600px) {
  #product-iron-mc-hybrid-flatback-series .product-zoom ul li {
    display: none;
  }
}

/* サムネイル画像の透明度制御 */
#product-iron-mc-hybrid-flatback-series .product-zoom ul li img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  transition: opacity 0.2s;
}

#product-iron-mc-hybrid-flatback-series .product-zoom ul li a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

#product-iron-mc-hybrid-flatback-series .product-zoom ul .select img {
  opacity: 1;
  filter: alpha(opacity=100);
}


#product-iron-mc-hybrid-flatback-series .mc_img_center {
  width: 100%;
  max-width: 300px; /* 枠の最大幅（必要に応じて） */
  margin: 0 auto;
  overflow: hidden; /* はみ出し防止 */
}



#product-iron-mc-hybrid-flatback-series .mc_img_center img {
  width: 100%;
  height: auto; /* 比率維持 */
  display: block;
  object-fit: contain; /* 枠に収める */
}


/* Distance レイアウト */
#product-iron-mc-hybrid-flatback-series .distance-table-wrap {
  display: flex;
  gap: 2em;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}

#product-iron-mc-hybrid-flatback-series .distance-block {
  flex: 1;
  min-width: 320px;
}

#product-iron-mc-hybrid-flatback-series .distance-head {
  margin-bottom: 0.5em;
}

/* 色分け（組み合わせ例） */
#product-iron-mc-hybrid-flatback-series .pink {
  background: #ffd6ea;
}

#product-iron-mc-hybrid-flatback-series .green {
  background: #d9f7d9;
}

#product-iron-mc-hybrid-flatback-series .legend {
  padding: 0.2em 0.6em;
  margin-left: 0.5em;
  font-size: 0.8em;
}



/* Operation（操作性）＆Impact Feel（打球感） */

#product-iron-mc-hybrid-flatback-series .product-list06grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
  /*font-size: 0;*/
  /*line-height: 0;*/
  overflow: hidden;
}



#product-iron-mc-hybrid-flatback-series .product-list06grid >  div {
      position: relative;
      border: 1px solid #cccccc;
      padding: 9px;
      overflow:hidden;
      /* margin: auto; */
}



/* NECK / FACE / SOLE 用 */
#product-iron-mc-hybrid-flatback-series .lines p {
  display: flex;
  align-items: flex-start;
font-size: 0.75em;
}


@media screen and (max-width: 800px){
  #product-iron-mc-hybrid-flatback-series .lines p {
	  font-size: 0.65em;
	}
}


/* Price : の幅を固定 */
#product-iron-mc-hybrid-flatback-series .lines .label {
  flex-shrink: 0;
}




/* Specifications */
#product-iron-mc-hybrid-flatback-series .spec-price {
  margin-bottom: 2em;
}

#product-iron-mc-hybrid-flatback-series .spec-price .note {
  /* font-size: 0.85em; */
  /* color: #666; */
}

#product-iron-mc-hybrid-flatback-series .spec-price .note {
  display: flex;
  align-items: flex-start;
}

#product-iron-mc-hybrid-flatback-series .spec-price .note-label {
  width: 4em;          /* ← ※３… の幅を固定 */
  flex-shrink: 0;
}

#product-iron-mc-hybrid-flatback-series .spec-price .note-text {
  line-height: 1.6;
}




#product-putter #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }

#product-putter #area01 {
  margin-bottom: 50px; }
  #product-putter #area01 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-putter #area01 small {
  font-size: 12px;
  margin-left: 1em;}

#product-putter #area01 {
  margin-bottom: 75px; }
  #product-putter #area01 h3 {
    font-weight:bold;}
#product-putter #area02 {
  margin-bottom: 75px; }
#product-putter #area02 img {
    width: 100%;
}
  #product-putter #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-putter #area02 h4 {
    display: block;
    height: 30px;
    font-size: 11px;
    font-weight:bold;
    line-height: 150%;}
#product-putter #area02 h4.red {
    display: block;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 0px;
}
  #product-putter #area02 p {
    display: block;
    width: 400px;
    font-size: 18px;
    line-height: 200%;}
#product-putter #area02 p.f5l {
    font-size: 11.3px;
    float: left;
    width: 33%;
}
#product-putter #area02 p.f5r {
font-size: 11.3px;
    float: left;
    width: 40%;
    position: absolute;
    right: 1em;
    bottom: 1em;
}
#product-putter #area02 p.fr {
font-size: 11.3px;
    float: left;
    width: 45%;
    margin-right: 2em;
}
#product-putter #area02 p.f6l {
    font-size: 11.3px;
    float: left;
    width: 60%;
}
#product-putter #area02 p.f6r {
    font-size: 11.3px;
    float: left;
    width: 36%;
    margin-right: 2%;
}
#area02 p.function4 {
}

  #product-putter #area02 p {
    font-size: 11.3px; }
  #product-putter #area02 p.w540{
    font-size: 11.3px;
    float:left; }
#product-putter #area02 h4.red {
    display: block;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 0px;
}

  #product-putter #area02 table {
        border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 35px; }
@media screen and (max-width: 800px){
  #product-putter #area03 table {
        min-width: max-content;}
}
    #product-putter #area02 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-putter #area02 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-putter #area02 table .cell01 {
      text-align: left !important; }
    #product-putter #area02 table td {
      font-size: 12px;
      text-align: center; }

@media screen and (max-width: 800px){
	#product-putter #area02 p.f5l {
	    width: 100%;
	}
	#product-putter #area02 p.f5r {
	    width: 100%;
        position: initial;
        right: auto;
        bottom: auto;
	}
	#product-putter #area02 p.fr {
	    width: 100%;
	}
	#product-putter #area02 p.f6l {
	    width: 100%;
	}
	#product-putter #area02 p.f6r {
	    width: 100%;
	}

}

#product-putter #area03 {
  margin-bottom: 50px;
  position: relative; }
  #product-putter #area03 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%; }
  #product-putter #area03 table {
        border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 5px; }
@media screen and (max-width: 800px){
  #product-putter #area03 table {
        min-width: max-content;}
}
    #product-putter #area03 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-putter #area03 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-putter #area03 table .cell01 {
      text-align: left !important; }
    #product-putter #area03 table td {
      font-size: 12px;
      text-align: center; }

#product-putter #area04 {
  margin-bottom: 50px; }
  #product-putter #area04 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-putter #area04 small {
  font-size: 11px;
  margin-left: 1em;
  margin-bottom: 20px; }
  #product-putter #area04 p {
	  font-size: 14px;  
}
span.borderradius {
border-style: solid;
border-width: 1px;
border-radius: 14px;
	font-size: 80%;
	padding: 0px 8px 0px 8px;
margin-left: 2px;
margin-right: 2px;
display: inline-block;
}



  #product-putter #area04 p img{
	  width: 860px;  
}
#product-putter #area04 {
  margin-bottom: 75px; }
  #product-putter #area04 h3 {
    font-weight:bold;}
#product-putter #area02 {
  margin-bottom: 75px; }
  #product-putter #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-putter #area04 h4 {
    font-weight:bold;
	  font-size:90%;
}


#product-utility #area02 h3 {
    font-size: 0;
    line-height: 0;
    
    margin-bottom: 30px; }
  #product-utility #area02 h4 {
    margin-bottom: 10px; }
  #product-utility #area02 p {
    font-size: 12px; }
  #product-utility #area02 .product-list02 div {
    height: 509px; }
#product-utility #area03 {
  margin-bottom: 50px;
  position: relative; }
  #product-utility #area03 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 10px; }
@media screen and (max-width: 800px){
#product-utility #area03 table {
	min-width:700px;
	}
}

    #product-utility #area03 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle; }
    #product-utility #area03 table .cell01 {
      text-align: left !important; }
    #product-utility #area03 table td {
      font-size: 12px;
      text-align: center; }
      #product-utility #area03 table td span {
        font-size: 10px; }
  #product-utility #area03 ol {
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft {
  margin-bottom: 50px; }
  #product-shaft #ttl-area {
    margin-bottom: 75px; }
    #product-shaft #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 50px; }
    #product-shaft #ttl-area h3 {
      font-size: 0;
      line-height: 0;
      margin-bottom: 20px; }
    #product-shaft #ttl-area .inner {
      margin-bottom: 20px; }
      #product-shaft #ttl-area .inner img {
        float: right;
        margin-left: 20px; }
      #product-shaft #ttl-area .inner p {
        margin-bottom: 50px; }
  #product-shaft #area01 h3, #product-shaft #area01 h4 {
	  display: block;
	  font-weight: bold;
	  margin-bottom: 11.6px;
	  clear: both; }
  #product-shaft #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
    #product-shaft #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle; }
    #product-shaft #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft #area01 table td {
      font-size: 12px; }
  #product-shaft #area01 ol {
    margin-top: 40px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft-i {
  margin-bottom: 50px; }
  #product-shaft-i #ttl-area {
    margin-bottom: 25px; }
    #product-shaft-i #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 50px; }
    #product-shaft-i #ttl-area .inner {
      margin-bottom: 20px; }
  #product-shaft-i #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
    #product-shaft-i #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-i #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-i #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-i #area01 table td {
      font-size: 12px; }
  #product-shaft-i #area01 ol {
    margin-top: 40px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }


#product-shaft-iserise {
  margin-bottom: 50px; }
  #product-shaft-iserise #ttl-area {
    margin-bottom: 25px; }
    #product-shaft-iserise #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 50px; }
    #product-shaft-iserise #ttl-area h3 {
 }
    #product-shaft-iserise #ttl-area .inner {
      margin-bottom: 20px; }
      #product-shaft-iserise #ttl-area .inner img {
        float: right;
        margin-left: 20px; }
  #product-shaft-iserise #area01 h3, #product-shaft-iserise #area01 {
    /*pointer-events: none;*/
}
  #product-shaft-iserise #area01 h3 {
    margin-top: 40px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
#product-shaft-iserise #area01 h4 {
    margin-top: 20px;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
}
  #product-shaft-iserise #area01 table {
     border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px;
}
    #product-shaft-iserise #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-iserise #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-iserise #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-iserise #area01 table td {
      font-size: 12px; }
  #product-shaft-iserise #area01 ol {
    margin-top: 40px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
#product-shaft-iserise #area02 {
  margin-bottom: 20px; }
  #product-shaft-iserise #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;
}
#product-shaft-iserise #area02 .ifunction{
    margin-bottom: 20px;
    margin-top: 20px;
}
#product-shaft-iserise #area02 .ifunction .left{
    width:400;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
}


#product-shaft-s {
  margin-bottom: 50px; }
  #product-shaft-s #ttl-area {
    margin-bottom: 25px; }
    #product-shaft-s #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 50px; }
    #product-shaft-s #ttl-area h3 {
      font-size: 0;
      line-height: 0;
      margin-bottom: 20px; }
    #product-shaft-s #ttl-area .inner {
      margin-bottom: 20px; }
      #product-shaft-s #ttl-area .inner img {
        float: right;
        margin-left: 20px; }
#product-shaft-s #area01 h3, #product-shaft-s #area01 h4 {
    display: block;
    font-weight: bold;
    margin-bottom: 11.6px;
    clear: both; }
  #product-shaft-s #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
@media screen and (max-width: 640px){
	  #product-shaft-s #area01 table,#product-shaft #area01 table {
    width: 700px;}
}
    #product-shaft-s #area01 table td {
      padding: 5px;
 /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-s #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-s #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-s #area01 table td {
      font-size: 12px; }
  #product-shaft-s #area01 ol {
    margin-top: 40px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft-as {
  margin-bottom: 50px; }
  #product-shaft-as #ttl-area {
    margin-bottom: 25px; }
#product-shaft-as #area02 {
  margin-bottom: 20px; }
  #product-shaft-as #area02 h4 {
    display: block;
    height: 60px;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}
  #product-shaft-as #area02 a.bun {
    display: block;
    width: 800px;
    font-size: 14px;
    line-height: 1.9em;
    pointer-events: none;
}
@media screen and (max-width: 800px){
#product-shaft-as #area02 a.bun {
    font-size: 12px;}
}
  #product-shaft-as #area02 p {
    display: block;
    width: 248px;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}
.UL { border-bottom:1px solid ; }
  #product-shaft-as #area02 p {
    font-size: 11.3px; }
  #product-shaft-as #area02 p.w540{
    display:block;
    width: 270px;
    font-size: 11.3px;
    float:left; }
  #product-shaft-as #area02 p.img{
    display:block;
    width: 228px;
    height: 312px;
    font-size: 11.3px;
    float:left;
    margin-left: 22px;  }
    #product-shaft-as #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
    #product-shaft-as #ttl-area h3 {
      display:inline;
      font-weight: bold;
      line-height: 0;
      margin-bottom: 20px; }
    #product-shaft-as #ttl-area .inner {
      margin-bottom: 20px; 
      margin-top: 20px;}
      #product-shaft-as #ttl-area .inner img {
        float: right;
        margin-left: 20px;
        margin-top: 0px; }
  #product-shaft-as #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 2em;
      margin-bottom: 10px; }
  #product-shaft-as #area01 h4 {
    display:block;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 20px;
    clear: both; }
  #product-shaft-as #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
  #product-shaft-as #area01 table.as {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 40px; }

    #product-shaft-as #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-as #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-as #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-as #area01 table td {
      font-size: 12px; }
  #product-shaft-as #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-as #area01 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
span.bold {
      font-size: 13px;
      font-weight: bold;
      margin-bottom: 20px;}
span.bold2 {
      font-weight: bold;}

#product-shaft-ut {
  margin-bottom: 50px; }
  #product-shaft-ut #ttl-area {
    margin-bottom: 25px; }
#product-shaft-ut #area02 {
  margin-bottom: 20px; }
  #product-shaft-ut #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px; }
#product-shaft-ut #area02 h3.ut {
      display:none;
	  height:0;
}
  #product-shaft-ut #area02 h4 {
    display: block;
    height: 60px;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}
  #product-shaft-ut #area02 p {
    font-size: 18px;
    font-weight:bold;
    line-height: 200%;
}
#product-shaft-ut #utei{
    display: block;
    margin-bottom: 20px;
 }
#product-shaft-ut #utei h3{
      display:block;
      font-weight: bold;
      margin-bottom: 10px;}
#product-shaft-ut #utei h4{
      color: #000066;
      font-weight: bold;
 }
  #product-shaft-ut #area02 p {
    font-size: 11.3px; }
    #product-shaft-ut #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-ut #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-ut #area01 h4 {
    color: #000066;
    display:block;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 20px;
    clear: both; }
  #product-shaft-ut #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
	  min-width:700px;
    margin-bottom: 50px; }
    #product-shaft-ut #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-ut #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-ut #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-ut #area01 table td {
      font-size: 12px; }
  #product-shaft-ut #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft-fw {
  margin-bottom: 50px; }
  #product-shaft-fw #ttl-area {
    margin-bottom: 25px; }
#product-shaft-fw #ei{
    display: block;
    margin-bottom: 20px;
 }
#product-shaft-fw #ei h3{
      display:block;
      font-weight: bold;
      margin-bottom: 10px;}
#product-shaft-fw #area02 {
  margin-bottom: 11.6px; }
  #product-shaft-fw #area02 p {
    display:block;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-fw #area02 p.img {
      display:block;
      margin-bottom: 20px; }
  #product-shaft-fw #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 11.6px; }
  #product-shaft-fw #area02 h4 {
    display: block;
    height: 40px;
    font-size: 13px;
    font-weight:bold;
    line-height: 150%;}
  #product-shaft-fw #area02 .floatleft{
    display:block;
    width: 178px;
    font-size: 11.6px;
    float:left; }
    #product-shaft-fw #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-fw #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-fw #area01 h4 {
    color: #000066;
    display:block;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 20px;
    clear: both; }
  #product-shaft-fw #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
	  min-width:700px;
    margin-bottom: 50px; }
    #product-shaft-fw #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-fw #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-fw #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-fw #area01 table td {
      font-size: 12px; }
  #product-shaft-fw #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }


#product-shaft-fw-p .design > div {
    margin: 1em 0 1em;
}

#product-shaft-fw-p .fw_img_margin{
margin: 2em 0 3em;
}


#product-shaft-hss #hssfunction{
    display: block;
    margin-bottom: 20px;
 }
#product-shaft-hss #hssfunction h3{
      display:block;
	      line-height: 1.5em;
      font-weight: bold;
      margin-bottom: 10px;}
#product-shaft-hss #hssfunction h4{
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 10px;
 }
  #product-shaft-hss #area02 p {
    font-size: 11.3px; }
    #product-shaft-hss #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-hss #area01 h3{
      display:block;
      font-weight: bold;
      margin-bottom: 20px; }
  #product-shaft-hss #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
    #product-shaft-hss #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-hss #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-hss #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-hss #area01 table td {
      font-size: 12px; }
  #product-shaft-hss #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }


#product-shaft-putter #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px; }

#product-shaft-putter #area01 {
  margin-bottom: 50px; }
  #product-shaft-putter #area01 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-shaft-putter #area01 small {
  font-size: 12px;
  margin-left: 1em;}

#product-shaft-putter #area01 {
  margin-bottom: 75px; }
  #product-shaft-putter #area01 h3 {
    font-weight:bold;}
#product-shaft-putter #area02 {
  margin-bottom: 75px; }
#product-shaft-putter #area02 img {
    width: 100%;
}
  #product-shaft-putter #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-shaft-putter #area02 h4 {
    display: block;
    height: 30px;
    font-size: 11px;
    font-weight:bold;
    line-height: 150%;}
#product-shaft-putter #area02 h4.red {
    display: block;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 0px;
}
  #product-shaft-putter #area02 p {
    display: block;
    width: 400px;
    font-size: 18px;
    line-height: 200%;}
#product-shaft-putter #area02 p.f5l {
    font-size: 11.3px;
    float: left;
    width: 55%;
}
#product-shaft-putter #area02 p.f5l span {
    font-weight: bold;
}
#product-shaft-putter #area02 p.f5l span.saxe {
    color: #6bc5c9;
}
#product-shaft-putter #area02 p.f5r {
    font-size: 11.3px;
    float: left;
    width: 45%;
}
#product-shaft-putter #area02 p.f6l {
    font-size: 11.3px;
    float: left;
    width: 70%;
}
#product-shaft-putter #area02 p.f6r {
    font-size: 11.3px;
    float: left;
    width: 30%;
}
#area02 p.function4 {
}

  #product-shaft-putter #area02 p {
    font-size: 11.3px; }
  #product-shaft-putter #area02 p.w540{
    font-size: 11.3px;
    float:left; }
#product-shaft-putter #area02 h4.red {
    display: block;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 0px;
}

  
#area02 > div:nth-child(8) > div:nth-child(1) > table {
        border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 35px; }
    #area02 > div:nth-child(8) > div:nth-child(1) > table > tbody > tr> td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #area02 > div:nth-child(8) > div:nth-child(1) > table > tbody > tr> th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-shaft-putter #area02 div.col2 table .cell01 {
      text-align: left !important; }
    #product-shaft-putter #area02 div.col2 table td {
      font-size: 12px;
      text-align: center; }




@media screen and (max-width: 800px){
	#product-shaft-putter #area02 p.f5l {
	    width: 100%;
	}
	#product-shaft-putter #area02 p.f5r {
	    width: 100%;
	}
	#product-shaft-putter #area02 p.f6l {
	    width: 100%;
	}
	#product-shaft-putter #area02 p.f6r {
	    width: 100%;
	}

}



  #area02 > div:nth-child > div > table {
        border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 35px; }
@media screen and (max-width: 800px){
  #product-shaft-putter #area02 table {
        min-width: max-content;}
}
    #product-shaft-putter #area02 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-shaft-putter #area02 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-shaft-putter #area02 table .cell01 {
      text-align: left !important; }
    #product-shaft-putter #area02 table td {
      font-size: 12px;
      text-align: center; }



#product-shaft-putter #area03 {
  margin-bottom: 50px;
  position: relative; }
  #product-shaft-putter #area03 h3 {
    font-size: 100%;
    font-weight:bold;
    line-height: 130%; }
  #product-shaft-putter #area03 table {
        border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 35px; }
@media screen and (max-width: 800px){
  #product-shaft-putter #area03 table {
        min-width: max-content;}
}
    #product-shaft-putter #area03 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      line-height: 140%;
      vertical-align: middle; }
    #product-shaft-putter #area03 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle;
      font-size: 13px;
      line-height: 1.4em;
      text-align: center; }
    #product-shaft-putter #area03 table .cell01 {
      text-align: left !important; }
    #product-shaft-putter #area03 table td {
      font-size: 12px;
      text-align: center; }

#product-shaft-putter #area04 {
  margin-bottom: 50px; }
  #product-shaft-putter #area04 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 11px;
	  margin-bottom: 11px; }
#product-shaft-putter #area04 small {
  font-size: 11px;
  margin-left: 1em;
  margin-bottom: 20px; }
  #product-shaft-putter #area04 p {
	  font-size: 14px;  
}
span.borderradius {
border-style: solid;
border-width: 1px;
border-radius: 14px;
	font-size: 80%;
	padding: 0px 8px 0px 8px;
margin-left: 2px;
margin-right: 2px;
display: inline-block;
}



  #product-shaft-putter #area04 p img{
	  width: 860px;  
}
#product-shaft-putter #area04 {
  margin-bottom: 75px; }
  #product-shaft-putter #area04 h3 {
    font-weight:bold;}
#product-shaft-putter #area02 {
  margin-bottom: 75px; }
  #product-shaft-putter #area02 h3 {
	  font-size: 100%;
	  font-weight: bold;
	  line-height: 130%;
	  margin-top: 22px;
	  margin-bottom: 22px;
 }
  #product-shaft-putter #area04 h4 {
    font-weight:bold;
	  font-size:90%;
}



  #product-shaft-putter #op {   
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}
span.floatright {
float: right;
}




#product-shaft-tt h3{
    display: flex;
    align-items: center;
}
#product-shaft-tt div.ttlPC h2 small {
	color:#262626;
}
#product-shaft-tt #area02 {
  margin-top: 11.6px;
  margin-bottom: 11.6px; }
  #product-shaft-tt #area02 .product-list02 div {
    height: 500px; }
    #product-shaft-tt #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-tt #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft-tt {
  margin-bottom: 50px; }
#product-shaft-tt section.mainimgPC h2{
    position: absolute;
    top: 49%;
    left: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #e8340c;
}
#product-shaft-tt section.mainimgPC h2.ttl{
    position: static;
}
#product-shaft-tt section.mainimgPC h2.ttl img.roddio-shaft{
    height:25px;
}
#product-shaft-tt section.mainimgPC h2.ttl img.tt-series{
    height: 25px;
    margin-left: 6px;
    margin-bottom: 1em;
}
#product-shaft-tt section.mainimgPC h2.ttl small.subHeadings{
    margin-left: 13px;
}
#product-shaft-tt section.mainimgPC h3.catch{
	position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-family: serif;
    writing-mode: vertical-rl;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
}
#product-shaft-tt section.mainimgPC h3.r{
    position: absolute;
    bottom: 0%;
    right: 10px;
}
#product-shaft-tt section.mainimgPC h3.roddio-shaft{
	position: absolute;
    top: 45%;
    left: 10px;
}
#product-shaft-tt section.mainimgSP h2{
    position: absolute;
    top: 48%;
    left: 13px;
    font-size: 11px;
    font-weight: bold;
    color: #e8340c;
}
#product-shaft-tt section.mainimgSP h3.catch{
    position: absolute;
    top: 1.5em;
    left: 0.5em;
    font-family: serif;
    writing-mode: vertical-rl;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
}
#product-shaft-tt section.mainimgSP h3.r{
    position: absolute;
    bottom: 0;
    right: 0;
}
#product-shaft-tt section.mainimgSP h3.roddio-shaft{
    position: absolute;
    top: 45%;
    left: 10px;
}

#product-shaft-tt #area02 {
  margin-bottom: 11.6px; }
  #product-shaft-tt #area02 p {
    display:block;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-tt #area02 p.img {
      display:block;
      margin-bottom: 20px; }
  #product-shaft-tt #area02 li {
	  width:100%;
 }
  #product-shaft-tt #area02 h3 {
      font-weight: bold;
      margin-bottom: 11.6px; }
#product-shaft-tt #area02 h3:after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
    margin-left: 1em;
}

  #product-shaft-tt #area02 div.exterior p {
    position: relative;}
  #product-shaft-tt #area02 div.exterior p img {
    max-width: 100%;}
  #product-shaft-tt #area02 div.exterior a  {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 1em;
    color: #fff;}
  #product-shaft-tt #area02 div.technology h4 {
	  border:none;
	  margin: 0;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-tt #area02 div.technology ul {
	  display: flex;
	  margin-top: 1em;}
  #product-shaft-tt #area02 div.technology  ul li {
	  margin-right: 20px;
	  font-size: 11.6px;
	  line-height: 2.2em;
}
  #product-shaft-tt #area02 div.technology  ul li img {
	  max-width: 100%;
	  margin-top: 1em;
}


  #product-shaft-tt #area02 div.material div {
	  display: block;
	  font-size: 11.6px;
	  line-height: 2.2em;
}
  #product-shaft-tt #area02 div.material h3 {
	  grid-column: span 2;
}
  #product-shaft-tt #area02 div.material img {
	  max-width: 100%;
}
  #product-shaft-tt #area02 div.material ul li {
    margin: 1em;
    width: 100%;
}




#product-shaft-tt #area02 div.character h4.ei {
    width: fit-content;
    padding: 0.5em;
    border: solid 1px #262626;		
    white-space: nowrap;
	}
	#product-shaft-tt #area02 div.character ul {
		display:flex;
		font-size: 14px;
		line-height: 1.9em;
	}

	#product-shaft-tt #area02 div.character ul li.mark {
		order:2;
	}
	#product-shaft-tt #area02 div.character ul li.sentence {
		order:1;
		margin: 1em;
	}
	#product-shaft-tt #area02 div.character ul li img {
	    width: 60px;
   		transform: translateY(50%);
	}
@media screen and (max-width: 800px){
	#product-shaft-tt #area02 div.character ul {
		display:block;
	}
	#product-shaft-tt #area02 div.character ul li img {
	    width: 60px;
		margin:0.5em;
   		transform:none;
	}
		#product-shaft-tt #area02 div.character ul li.mark {
		order:1;
	}
	#product-shaft-tt #area02 div.character ul li.sentence {
		order:2;
	}
}
  #product-shaft-tt #area02 h4 {
    display: block;
    font-size: 13px;
    font-weight: bold;}
  #product-shaft-tt #area02 .floatleft{
    display:block;
    width: 430px;
    font-size: 11.6px;
    float:left; }
  #product-shaft-tt #area02 .product-list02 div {
    height: 500px; }

  #product-shaft-tt #area02 .character span.sun{
    background: #ff5e00;
	  }
  #product-shaft-tt #area02 .character span.star{	  
    background: yellow;
	  }
  #product-shaft-tt #area02 .character span.moon{	  
    background: #5f7aff;
	  }

    #product-shaft-tt #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-tt #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-tt #area01 h4 {
    display:block;
    font-weight: bold;
    margin-bottom: 20px;
	  margin-top: 20px;
    clear: both; }
  #product-shaft-tt #area01 h5 {
    display: block;
    font-weight: bold;
    font-size: 10px;
    margin-left: 1em; }
  #product-shaft-tt #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-tt #area01 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
  #product-shaft-tt #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-tt #area012 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
  #product-shaft-tt #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
	min-width: 700px;
    margin-bottom: 50px; }
    #product-shaft-tt #area01 table td {
      padding: 5px;
		font-size: 12px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-tt #area01 table td.flex  {
		display: flex;
		align-items: center;
}
    #product-shaft-tt #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-tt #area01 table th span {
        display: block;
        font-size: 10px; }

	
#product-shaft-np #area02 {
  margin-top: 11.6px;
  margin-bottom: 11.6px; }
  #product-shaft-np #area02 .product-list02 div {
    height: 500px; }
    #product-shaft-np #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-np #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
  #product-shaft-np #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
#product-shaft-np {
  margin-bottom: 50px; }
  #product-shaft-np #ttl-area {
    margin-bottom: 25px; }
#product-shaft-np #area02 {
  margin-bottom: 11.6px; }
  #product-shaft-np #area02 p {
    display:block;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-np #area02 p.img {
      display:block;
      margin-bottom: 20px; }
  #product-shaft-np #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 11.6px; }
  #product-shaft-np #area02 h4 {
    display: block;
    height: 40px;
    font-size: 13px;
    font-weight:bold;}
  #product-shaft-np #area02 .floatleft,#product-shaft-nnp #area02 .floatleft,#product-shaft-nl #area02 .floatleft{
    display:block;
    width: 430px;
    font-size: 11.6px;
    float:left; }
  #product-shaft-np #area02 .product-list02 div {
    height: 500px; }
    #product-shaft-np #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-np #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-np #area01 h4,#product-shaft-nnp #area01 h4,#product-shaft-nl #area01 h4 {
    display:block;
    font-weight: bold;
    margin-bottom: 20px;
	  margin-top: 20px;
    clear: both; }
  #product-shaft-np #area01 h5,#product-shaft-nnp #area01 h5,#product-shaft-nl #area01 h5 {
    display: block;
    font-weight: bold;
    font-size: 10px;
    margin-left: 1em; }
  #product-shaft-np #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-np #area01 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
  #product-shaft-np #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-np #area012 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
  #product-shaft-np #area01 table,#product-shaft-nnp #area01 table,#product-shaft-nl #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
	min-width: 700px;
    margin-bottom: 50px; }
    #product-shaft-np #area01 table td,#product-shaft-nnp #area01 table td,#product-shaft-nl #area01 table td {
      padding: 5px;
		font-size: 12px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-np #area01 table th,#product-shaft-nnp #area01 table th,#product-shaft-nl #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-np #area01 table th span,#product-shaft-nnp #area01 table th span,#product-shaft-nl #area01 table th span {
        display: block;
        font-size: 10px; }

.logo-01 {
    /*display: block;*/
    padding: 1em 1em 1em 0em;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 1.2em;
    overflow-wrap: break-word;
  &.sun {
    background-image: url("https://roddio.com/wp/wp-content/themes/roddio/ico/logo-sun.svg");
  }
  &.star {
    background-image: url("https://roddio.com/wp/wp-content/themes/roddio/ico/logo-star.svg");
  }
  &.moon {
    background-image: url("https://roddio.com/wp/wp-content/themes/roddio/ico/logo-moon.svg");
  }
}
.logo-02 {
    display: block;
    padding: 2em 1em 2em 2.5em;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2em;
    overflow-wrap: break-word;
  &.sun {
    background-image: url("https://roddio.com/wp/wp-content/themes/roddio/ico/logo-sun.svg");
  }
  &.star {
    background-image: url("https://roddio.com/wp/wp-content/themes/roddio/ico/logo-star.svg");
  }
  &.moon {
    background-image: url("https://roddio.com/wp/wp-content/themes/roddio/ico/logo-moon.svg");
  }
}
.logo-03 {
    /*display: block;*/
    padding: 1em 4em 1em 210px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 200px;
    /*overflow-wrap: break-word;*/
  &.roddio {
    background-image: url("https://roddio.com/wp/wp-content/themes/roddio/img/product/putter/logo-roddio.svg");
  }
}



#product-shaft-cd #ei{
    display: block;
    margin-bottom: 20px;
 }
#product-shaft-cd #area02 {
  margin-bottom: 11.6px; }
  #product-shaft-cd #area02 p {
    display:block;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-cd #area02 p.img {
      display:block;
      margin-bottom: 20px; }
  #product-shaft-cd #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 11.6px; }
  #product-shaft-cd #area02 h4 {
    display: block;
    height: 40px;
    font-size: 13px;
    font-weight:bold;
    line-height: 150%;}
  #product-shaft-cd #area02 .floatleft{
    display:block;
    width: 178px;
    font-size: 11.6px;
    float:left; }
    #product-shaft-cd #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-cd #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-cd #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px;
	  min-width: 700px;
}
    #product-shaft-cd #area01 table td {
      padding: 5px; 
/*background: #fff;*/
    border: solid 1px #cccccc;      
text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-cd #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-cd #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-cd #area01 table td {
      font-size: 12px; }

#product-shaft-cd #area01 div.design,#product-shaft-fw #area01 div.design,#product-shaft-utshaft #area01 div.design,#product-shaft-irshaft #area01 div.design {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
	font-size: 14px;
    line-height: 1.4em;
}
#product-shaft-cd #area01 div.design > div,#product-shaft-fw #area01 div.design > div ,#product-shaft-utshaft #area01 div.design > div,#product-shaft-irshaft #area01 div.design > div {
    overflow: hidden;
    min-width: 0;
}
#product-shaft-cd #area01 div.design > div.col2,#product-shaft-fw #area01 div.design > div.col2,#product-shaft-utshaft #area01 div.design > div.col2,#product-shaft-irshaft #area01 div.design > div.col2 {
    grid-column: span 2;
}
#product-shaft-cd #area01 div.design > div.col3,#product-shaft-fw #area01 div.design > div.col3,#product-shaft-utshaft #area01 div.design > div.col3,#product-shaft-irshaft #area01 div.design > div.col3 {
    grid-column: span 3;
}
#product-shaft-cd #area01 div.scroll {
}
  #product-shaft-cd #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
  #product-shaft-cd #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft-cd {
  margin-bottom: 50px; }
  #product-shaft-cd #ttl-area {
    margin-bottom: 25px; }

#product-shaft-cd #area02 {
  margin-bottom: 11.6px; }
  #product-shaft-cd #area02 p {
    display:block;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-cd #area02 p.img {
      display:block;
      margin-bottom: 20px; }
  #product-shaft-cd #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 11.6px; }
  #product-shaft-cd #area02 h4 {
    display: block;
    height: 40px;
    font-size: 13px;
    font-weight:bold;
    line-height: 150%;}
  #product-shaft-cd #area02 .floatleft{
    display:block;
    width: 178px;
    font-size: 11.6px;
    float:left; }
    #product-shaft-cd #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
  #product-shaft-cd #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-cd #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
    #product-shaft-cd #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-cd #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-cd #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-cd #area01 table td {
      font-size: 12px; }
  #product-shaft-cd #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
  #product-shaft-cd #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft-hss #hssfunction{
    display: block;
    margin-bottom: 20px;
 }
#product-shaft-hss #hssfunction h3{
      display:block;
      font-weight: bold;
      margin-bottom: 10px;}
#product-shaft-hss #hssfunction h4{
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 10px;
 }
  #product-shaft-hss #area02 p {
    font-size: 11.3px; }
  #product-shaft-hss #area02 p.w540{
    display:block;
    width: 270px;
    font-size: 11.3px;
    float:right; }
  #product-shaft-hss #area02 p.img{
    display:block;
    width: 228px;
    height: 312px;
    font-size: 11.3px;
    float:left;
    margin-left: 22px;  }
  #product-shaft-hss #area02 .product-list02 div {
    height: 500px; }
    #product-shaft-hss #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
    #product-shaft-hss #ttl-area h3 {
      line-height: 1.9em;
      font-weight: bold;
      margin-bottom: 20px; }
    #product-shaft-hss #ttl-area .inner {
      margin-bottom: 20px; 
      margin-top: 20px;}
      #product-shaft-hss #ttl-area .inner img {
        float: left;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 0px;
        margin-bottom: 10px; }
  #product-shaft-hss #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.5em;
      margin-bottom: 20px; }
  #product-shaft-hss #area01 h4 {
    color: #000066;
    display:block;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 20px;
    clear: both; }
  #product-shaft-hss #area01 table {
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px;
	min-width:max-content;
	}
  #product-shaft-hss #area01 table.as {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 40px; }
    #product-shaft-hss #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-hss #area01 table th {
      padding: 5px;
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 12px;
      line-height: 1.4em; }
      #product-shaft-hss #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-hss #area01 table td {
      font-size: 12px; }
  #product-shaft-hss #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-hss #area01 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
  #product-shaft-hss #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-hss #area012 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }

#product-shaft-utshaft {
  margin-bottom: 50px; }
  #product-shaft-utshaft #ttl-area {
    margin-bottom: 25px; }


#product-shaft-utshaft #utpenta {
 }
  #product-shaft-utshaft #utpenta h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;}
  #product-shaft-utshaft #utpenta p#bun {
    display: block;
    width: 550px;
    font-size: 12px;
    font-weight:normal;
    float:left;
    margin-right: 10px;
}
  #product-shaft-utshaft #utpenta p#pentaimg {
    display: block;
    width: 300px;
    float:left;}
#product-shaft-utshaft .shinari {
  margin-bottom: 20px;
  display: block; }
  #product-shaft-utshaft #utsil {
  margin-bottom: 30px;}
  #product-shaft-utshaft #utsil h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;}
  #product-shaft-utshaft #utsil p {
      line-height: 1.9em;
      font-size: 14px;
}
#product-shaft-utshaft #utei{
    display: block;
    margin-bottom: 20px;
 }
#product-shaft-utshaft #utei h3{
      display:block;
      font-weight: bold;
      margin-bottom: 10px;}
#product-shaft-utshaft #utei h4{
      color: #000066;
      font-weight: bold;}

#product-shaft-utshaft #area02 {
  margin-bottom: 11.6px; }
  #product-shaft-utshaft #area02 p {
    display:block;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-utshaft #area02 p.img {
      display:block;
      margin-bottom: 20px; }
  #product-shaft-utshaft #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 11.6px; }
  #product-shaft-utshaft #area02 h4 {
    display: block;
    height: 40px;
    font-size: 13px;
    font-weight:bold;
    line-height: 150%;}
  #product-shaft-utshaft #area02 .floatleft{
    display:block;
    width: 178px;
    font-size: 11.6px;
    float:left; }
  #product-shaft-utshaft #area02 .floatright{
    display:block;
    width: 178px;
    font-size: 11.6px;
    float:right; }
  #product-shaft-utshaft #area02 .product-list02 div {
    height: 500px; }
    #product-shaft-utshaft #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
#product-shaft-utshaft #area02.product-list05-shaftnp {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  #product-shaft-utshaft .product-list05-shaftnp ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  #product-shaft-utshaft .product-list05-shaftnp li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
   #product-shaft-utshaft .product-list05-shaftnp li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
   #product-shaft-utshaft .product-list05-shaftnp li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }
    #product-shaft-utshaft #ttl-area h3 {
      font-weight: bold;
      margin-bottom: 20px; }
    #product-shaft-utshaft #ttl-area .inner {
      margin-bottom: 20px; 
      margin-top: 20px;}
      #product-shaft-utshaft #ttl-area .inner img {
        float: left;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 0px; }
  #product-shaft-utshaft #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-utshaft #area01 h4 {
    color: #000066;
    display:block;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 20px;
    clear: both; }
  #product-shaft-utshaft #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
	min-width: 700px;
    margin-bottom: 50px; }
  #product-shaft-utshaft #area01 table.as {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 40px; }
    #product-shaft-utshaft #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-utshaft #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-utshaft #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-utshaft #area01 table td {
      font-size: 12px; }
  #product-shaft-utshaft #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-utshaft #area01 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }


#product-shaft-utshaft #area01 ul.design {
    width: 860px;
    margin-top: 10px; }
 
#product-shaft-utshaft #area01 ul.design li.ws {
    width: 155px;
    float: left;
font-size: 11.6px;
    line-height: 2.2em;
    margin-right: 10px;
    margin-bottom: 22px; }
#product-shaft-utshaft #area01 ul.design li.wl {
    width: 680px;
    float: left;
    font-size: 11.6px;
    line-height: 2.2em;
    margin-right: 10px;
    margin-bottom: 22px; }

  #product-shaft-utshaft #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-utshaft #area012 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }

#product-shaft-irshaft {
  margin-bottom: 50px; }
  #product-shaft-irshaft #ttl-area {
    margin-bottom: 25px; }


#product-shaft-irshaft #utpenta {
 }
  #product-shaft-irshaft #utpenta h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;}
  #product-shaft-irshaft #utpenta p#bun {
    display: block;
    width: 550px;
    font-size: 12px;
    font-weight:normal;
    float:left;
    margin-right: 10px;
}
  #product-shaft-irshaft #utpenta p#pentaimg {
    display: block;
    width: 300px;
    float:left;}
#product-shaft-irshaft .shinari {
  margin-bottom: 20px;
  display: block; }
  #product-shaft-irshaft #utsil {
  margin-bottom: 30px;}
  #product-shaft-irshaft #utsil h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;}
  #product-shaft-irshaft #utsil p {
      line-height: 1.9em;
      font-size: 14px;
}
#product-shaft-irshaft #utei{
    display: block;
    margin-bottom: 20px;
 }
#product-shaft-irshaft #utei h3{
      display:block;
      font-weight: bold;
      margin-bottom: 10px;}
#product-shaft-irshaft #utei h4{
      color: #000066;
      font-weight: bold;}

#product-shaft-irshaft #area02 {
  margin-bottom: 11.6px; }
  #product-shaft-irshaft #area02 p {
    display:block;
    font-size: 11.6px;
    line-height: 2.2em;}
  #product-shaft-irshaft #area02 p.img {
      display:block;
      margin-bottom: 20px; }
  #product-shaft-irshaft #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 11.6px; }
  #product-shaft-irshaft #area02 h4 {
    display: block;
    height: 40px;
    font-size: 13px;
    font-weight:bold;
    line-height: 150%;}
  #product-shaft-irshaft #area02 .floatleft{
    display:block;
    width: 178px;
    font-size: 11.6px;
    float:left; }
  #product-shaft-irshaft #area02 .floatright{
    display:block;
    width: 178px;
    font-size: 11.6px;
    float:right; }
  #product-shaft-irshaft #area02 .product-list02 div {
    height: 500px; }
    #product-shaft-irshaft #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
#product-shaft-irshaft #area02.product-list05-shaftnp {
  font-size: 0;
  line-height: 0;
  width: 860px;
  overflow: hidden; }
  #product-shaft-irshaft .product-list05-shaftnp ul {
    width: 885px;
    margin-right: -22px;
    margin-top: 22px; }
  #product-shaft-irshaft .product-list05-shaftnp li {
    width: 419px;
    float: left;
    margin-right: 22px;
    margin-bottom: 22px; }
   #product-shaft-irshaft .product-list05-shaftnp li div {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 400px; }
   #product-shaft-irshaft .product-list05-shaftnp li div.function {
      border: 1px solid #cccccc;
      padding: 9px;
      height: 250px; }
    #product-shaft-irshaft #ttl-area h3 {
      font-weight: bold;
      margin-bottom: 20px; }
    #product-shaft-irshaft #ttl-area .inner {
      margin-bottom: 20px; 
      margin-top: 20px;}
      #product-shaft-irshaft #ttl-area .inner img {
        float: left;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 0px; }
  #product-shaft-irshaft #area01 h3{
      display:block;
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 20px; }
  #product-shaft-irshaft #area01 h3.centerline{
	  display:flex;
	  align-items:center;}
#product-shaft-irshaft #area01 h3.centerline:after{
	margin-left:5px;
	border-top:1px solid #000000;
	content:"";
	flex-grow:1;
}
  #product-shaft-irshaft #area01 .boxborder{
      display:block;
	  border:1px solid #000000;
	  padding: 5px 5px 50px 5px;
}
  #product-shaft-irshaft #area01 .boxborder > div{
	display:block;
	width: 100%;
    font-size: 11.6px;
    line-height: 2.2em;
    margin-right: 10px;
    margin-bottom: 22px;
}
  #product-shaft-irshaft #area01 h4 {
    color: #000066;
    display:block;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 20px;
    clear: both; }

  #product-shaft-irshaft #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
	  min-width:700px;
    margin-bottom: 50px; }
  #product-shaft-irshaft #area01 table.as {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 40px; }
    #product-shaft-irshaft #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-irshaft #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-irshaft #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-irshaft #area01 table td {
      font-size: 12px; }
  #product-shaft-irshaft #area01 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-irshaft #area01 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }

#product-shaft-irshaft #area01 ul.design {
    width: 860px;
    margin-top: 10px; }
 
#product-shaft-irshaft #area01 ul.design li.ws {
    width: 155px;
    float: left;
font-size: 11.6px;
    line-height: 2.2em;
    margin-right: 10px;
    margin-bottom: 22px; }
#product-shaft-irshaft #area01 ul.design li.wl {
    width: 680px;
    float: left;
    font-size: 11.6px;
    line-height: 2.2em;
    margin-right: 10px;
    margin-bottom: 11px; }

  #product-shaft-irshaft #area012 ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-shaft-irshaft #area012 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
a .triangle {
  position:relative;
  top:0;
  left:0;
  padding-right:18px;
}
.triangle{
  position:relative;
  top:0;
  left:0;
  padding-left:16px;
	margin-left:8px;
	margin-right:8px;
}
.triangle:before{
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #000000;
}

#product-grip {
  margin-bottom: 50px; }
  #product-grip #ttl-area {
    margin-bottom: 25px; }
   @media screen and (max-width: 620px){
	#product-grip .sphidden{
		display:none;
	}
}
.sp_xs{
	display:none;
}
@media screen and (max-width: 800px){
 .sp_xs{
    display: block;
	font-weight: bold;
	}
}
.product-list05gridbox2 >  div.bordernone>p.cadlo{
	text-align:center!important;
	display:relative;
}
#product-grip #area02 {
  margin-bottom: 20px; }
  #product-grip #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px; }
  #product-grip #area02 h4 {
    display: block;
    height: 60px;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}
  #product-grip #area02 a.bun {
    width: 800px;
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 20px;
}
  #product-grip #area02 p {
    width: 248px;
    font-size: 18px;
    font-weight:bold;
    line-height: 200%;
}
#product-grip {
    display: block;
    margin-bottom: 20px;
 }
#product-grip h3{
      display:block;
      font-weight: bold;
      /* margin-bottom: 2em; */}
#product-grip h4{
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 1em;
 }

  #product-grip #area02 p {
    font-size: 11.3px; }
  #product-grip #area02 p.w540{
    display:block;
    width: 270px;
    font-size: 11.3px;
    float:right; }
  #product-grip #area02 p.img{
    display:block;
    width: 228px;
    height: 312px;
    font-size: 11.3px;
    float:left;
    margin-left: 22px;  }
  #product-grip #area02 .product-list02 div {
    height: 500px; }
    #product-grip #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
    #product-grip #ttl-area h3 {
      line-height: 1.9em;
      font-weight: bold;
      margin-bottom: 20px; }
    #product-grip #ttl-area .inner {
      margin-bottom: 20px; 
      margin-top: 20px;}
      #product-grip #ttl-area .inner img {
        float: left;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 0px;
        margin-bottom: 10px; }
#product-grip a.pagelink {
    display: inline-block;
    border: solid 1px #bf4800;
    padding: 0 1em;
    margin: 0 0.5em;
    font-weight: bold;
    color: #bf4800;}
  #product-grip h3{
      display:block;
      font-weight: bold;
       /* margin: 20px 0; */ }
  #product-grip h4 {
	  display: block;
	  font-weight: bold;
	  margin: 20px 0;
	  clear: both;}
#product-grip h5 {
font-size: 14px;
line-height: 1em;
font-weight: bold;
margin: 1em;}
#product-grip div.note{
	margin:40px 0;
}
  #product-grip div.note ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-grip #area012 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
  #product-grip table {
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
  #product-grip table.as {
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 40px; }
    #product-grip table td {
      padding: 5px;
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
#product-grip table.border_none{
	width:80%;
	margin:auto;
}
#product-grip table.border_none td {
	border: none;
	text-align: left;
}
    #product-grip table th {
      padding: 5px;
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-grip table th span {
        display: block;
        font-size: 10px; }
    #product-grip table td {
      font-size: 12px; }
.gridbox2-spflex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
    grid-gap: 0.8em;
    padding: 0.8em;
    /*margin: 0 0 2em;*/
    overflow: hidden;
	position: relative;
}
@media screen and (max-width: 800px){
	.gridbox2-spflex {
    /*display: flex!important;*/
    /*overflow-x: scroll!important;*/
}
	.gridbox2-spflex > div.bordernone {
    /*width: 100vw;*/
    /*display: block;*/
    /*min-width: 120vw;*/
    /*position: relative;*/
    /*margin: 20px 1em 20px 0em;*/
	}
}


/*---------------
　カデログリップ
-----------------*/

#product-cadero-grip-series {
  margin-bottom: 50px; }
  #product-cadero-grip-series #ttl-area {
    margin-bottom: 25px; }
   @media screen and (max-width: 620px){
	#product-cadero-grip-series .sphidden{
		display:none;
	}
}


#product-cadero-grip-series #area02 {
  margin-bottom: 20px; }
  #product-cadero-grip-series #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px; }
  #product-cadero-grip-series #area02 h4 {
    display: block;
    height: 60px;
    font-size: 18px;
    font-weight:bold;
    line-height: 150%;}
  #product-cadero-grip-series #area02 a.bun {
    width: 800px;
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 20px;
}
  #product-cadero-grip-series #area02 p {
    width: 248px;
    font-size: 18px;
    font-weight:bold;
    line-height: 200%;
}
#product-cadero-grip-series {
    display: block;
    margin-bottom: 20px;
 }
#product-cadero-grip-series h3{
      display:block;
      font-weight: bold;
      /* margin-bottom: 2em; */}
#product-cadero-grip-series h4{
      font-weight: bold;
      line-height: 1.9em;
      margin-bottom: 1em;
 }

  #product-cadero-grip-series #area02 p {
    font-size: 11.3px; }
  #product-cadero-grip-series #area02 p.w540{
    display:block;
    width: 270px;
    font-size: 11.3px;
    float:right; }
  #product-cadero-grip-series #area02 p.img{
    display:block;
    width: 228px;
    height: 312px;
    font-size: 11.3px;
    float:left;
    margin-left: 22px;  }
  #product-cadero-grip-series #area02 .product-list02 div {
    height: 500px; }
    #product-cadero-grip-series #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 20px; }
    #product-cadero-grip-series #ttl-area h3 {
      line-height: 1.9em;
      font-weight: bold;
      margin-bottom: 20px; }
    #product-cadero-grip-series #ttl-area .inner {
      margin-bottom: 20px; 
      margin-top: 20px;}
      #product-cadero-grip-series #ttl-area .inner img {
        float: left;
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 0px;
        margin-bottom: 10px; }
#product-cadero-grip-series a.pagelink {
    display: inline-block;
    border: solid 1px #bf4800;
    padding: 0 1em;
    margin: 0 0.5em;
    font-weight: bold;
    color: #bf4800;}
  #product-cadero-grip-series h3{
      display:block;
      font-weight: bold;
       /* margin: 20px 0; */ }
  #product-cadero-grip-series h4 {
	  display: block;
	  font-weight: bold;
	  margin: 20px 0;
	  clear: both;}
#product-cadero-grip-series h5 {
font-size: 14px;
line-height: 1em;
font-weight: bold;
margin: 1em;}
#product-cadero-grip-series div.note{
	margin:40px 0;
}
  #product-cadero-grip-series div.note ol {
    margin-top: 5px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }
    #product-cadero-grip-series #area012 .inner {
      margin-top: 20px; 
      margin-bottom: 20px; }
  #product-cadero-grip-series table {
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
  #product-cadero-grip-series table.as {
    border-collapse: collapse;
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 40px; }
    #product-cadero-grip-series table td {
      padding: 5px;
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
#product-cadero-grip-series table.border_none{
	width:80%;
	margin:auto;
}
#product-cadero-grip-series table.border_none td {
	border: none;
	text-align: left;
}
    #product-cadero-grip-series table th {
      padding: 5px;
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-cadero-grip-series table th span {
        display: block;
        font-size: 10px; }
    #product-cadero-grip-series table td {
      font-size: 12px; }





/*---------------
　ヘッドカバー
-----------------*/

/* product-head-cover だけ border を無効化 */
#product-head-cover table td {
    border: none;
}


#product-head-cover .img {
  max-width: 100%;
  height: auto;
  display: block;
}



/* PC・タブレット（768px以上）では3列固定 */
@media screen and (min-width: 768px) { 
    #product-head-cover .product-list05grid {
        grid-template-columns: repeat(3, minmax(250px, 1fr)); /* 3列固定 */
    }
}

/* スマホ（767px以下）では通常の auto-fit に戻す */
@media screen and (max-width: 767px) { 
    #product-head-cover .product-list05grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}


/*------------------
オ－ルラバーグリップ
--------------------*/

#product-grip-rubber .grid-r-grip {
  display: grid;
  grid-template-columns: 107px 750px; /* 画像サイズに合わせた2列 */
  <!--gap: 10px; /* 画像セット間の余白 */-->
}

#product-grip-rubber .image-r-grip {
  display: contents; /* 各セットの div を省略して、画像だけを grid に配置 */
}


#product-grip-rubber .small-r-grip {
  width: 107px;
  height: 107px;
  object-fit: cover; /* 画像を切り取らず縮小 */
}

#product-grip-rubber .large-r-grip {
  width: 750px;
  height: 107px;
}



<!--/* スマホ対応（画面幅768px以下で縦並びに変更） */
@media (max-width: 768px) {
  #product-grip-rubber .grid-r-grip {
    grid-template-columns: 1fr; /* 1列（縦並び）に変更 */
  }

  #product-grip-rubber .small-r-grip,
  #product-grip-rubber .large-r-grip {
    width: 100%; /* 幅を画面いっぱいに調整 */
    height: auto; /* アスペクト比を維持 */
  }
}-->



@media (max-width: 768px) {
  #product-grip-rubber .grid-r-grip {
    grid-template-columns: 15% 85%; /* 小さい画像と大きい画像の割合を調整 */
	align-items: center; /* 縦方向の中央揃え */
  }

  #product-grip-rubber .small-r-grip {
    width: 15vw; /* 画面幅に対して縮小 */
    height: auto;
  }

  #product-grip-rubber .large-r-grip {
    width: 85vw;
    height: auto;
    display: flex;
    align-items: center; /* 画像自体を中央揃え */
  }
}





#product-shaft-iserise {
  margin-bottom: 50px; }
  #product-shaft-iserise #ttl-area {
    margin-bottom: 25px;
    font-color: #000000;
    pointer-events: none; }
    #product-shaft-iserise #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 50px; }
    #product-shaft-iserise #ttl-area h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;
 }
    #product-shaft-iserise #ttl-area .inner {
      margin-bottom: 20px; }
      #product-shaft-iserise #ttl-area .inner img {
        float: right;
        margin-left: 20px; }
  #product-shaft-iserise #area01 h3, #product-shaft-iserise #area01 {
    /*pointer-events: none;*/
}
  #product-shaft-iserise #area01 h3 {
    margin-top: 40px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
#product-shaft-iserise #area01 h4 {
    margin-top: 20px;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
}
#product-shaft-iserise #area01 ol {
    margin-top: 40px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em;
}

#product-shaft-iserise #area02 {
  margin-bottom: 20px;
  margin-top: 60px;
  pointer-events: none;
 }
#product-shaft-iserise #area02 p {
    display: block;
    margin-bottom: 20px;
    margin-top: 0px;
}
  #product-shaft-iserise #area02 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;
}
  #product-shaft-iserise #area02 h4 {
      display:block;
      font-size: 80%;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 0px;
}
#product-shaft-iserise #area02 .ifunction{
    margin-bottom: 0px;
    margin-top: 0px;
}
#product-shaft-iserise #area02 .ifunction .left{
    width:400;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
}
#product-shaft-iserise #area03 {
  margin-bottom: 20px;
  pointer-events: none; }
  #product-shaft-iserise #area03 p {
      display:block;
      margin-bottom: 20px;
      margin-top: 0px;
}
  #product-shaft-iserise #area03 h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 20px;
}
  #product-shaft-iserise #area03 h4 {
      display:block;
      font-size: 80%;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 0px;
}
#product-shaft-iserise #area03 .ifunction{
    margin-bottom: 0px;
    margin-top: 0px;
}
#product-shaft-iserise #area03 .ifunction .left{
    width:400;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
}
#product-shaft-iserise #hiei h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 30px;
}

#product-shaft-iserise #crossei h3 {
      display:block;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 30px;
}


/*------------------------
2025　IR　シリーズ　シャフト
--------------------------*/


#product-shaft-iserise-rn .img_margin {
	  margin: 2em 0 3em;
}

#product-shaft-iserise-rn .img_design{
      max-width: 100%;
      height: auto;
      display: block;
}


#product-shaft-iserise-rn .specscroll_margin {
	  margin: 0 0 2em;
}

#product-shaft-iserise-rn .Specifications {
	  margin: 0 0 2em;
}

#product-shaft-iserise-rn .img_spec {
    display: block; /* または適切な元の値に */
}




/*------------------------
2025　UT　シリーズ　シャフト
--------------------------*/


#product-shaft-userise .img_margin {
	  margin: 2em 0 3em;
}

#product-shaft-userise .img_design{
      max-width: 100%;
      height: auto;
      display: block;
}


#product-shaft-userise .specscroll_margin {
	  margin: 0 0 2em;
}

#product-shaft-userise .Specifications {
	  margin: 0 0 2em;
}

#product-shaft-userise .img_spec {
    display: block; /* または適切な元の値に */
}
















#product-shaft-f {
  margin-bottom: 50px; }
  #product-shaft-f #ttl-area {
    margin-bottom: 25px; }
    #product-shaft-f #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 50px; }
    #product-shaft-f #ttl-area h3 {
      display:inline;
      font-weight: bold;
      line-height: 0; }
    #product-shaft-f #ttl-area .inner {
      margin-bottom: 20px; }
      #product-shaft-f #ttl-area .inner img {
        float: right;
        margin-left: 20px; }
  #product-shaft-f #area01 h3, #product-shaft-f #area01 h4 {
    display:inline;
    font-weight: bold;
    line-height: 0;
    clear: both; }
  #product-shaft-f #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
	  min-width:700px;
    margin-bottom: 50px; }
    #product-shaft-f #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-f #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-f #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-f #area01 table td {
      font-size: 12px; }
  #product-shaft-f #area01 ol {
    margin-top: 40px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#product-shaft-ih {
  margin-bottom: 50px; }
  #product-shaft-ih #ttl-area {
    margin-bottom: 25px; }
    #product-shaft-ih #ttl-area h2 {
      font-size: 0;
      line-height: 0;
      position: relative;
      margin-bottom: 50px; }
    #product-shaft-ih #ttl-area h3 {
      display:inline;
      font-weight: bold;
      line-height: 0; }
    #product-shaft-ih #ttl-area .inner {
      margin-bottom: 20px; }
      #product-shaft-ih #ttl-area .inner img {
        float: right;
        margin-left: 20px; }
  #product-shaft-ih #area01 h3, #product-shaft-ih #area01 h4 {
    display:inline;
    font-weight: bold;
    line-height: 0;
    clear: both; }
  #product-shaft-ih #area01 table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 50px; }
    #product-shaft-ih #area01 table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      line-height: 130%;
      vertical-align: middle; }
    #product-shaft-ih #area01 table th {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.4em; }
      #product-shaft-ih #area01 table th span {
        display: block;
        font-size: 10px; }
    #product-shaft-ih #area01 table td {
      font-size: 12px; }
  #product-shaft-ih #area01 ol {
    margin-top: 40px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em; }

#optionparts {
}
#optionparts #ttl-area {
}
#optionparts #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px;
}
#optionparts #ttl-area h3 {
  overflow-y: scroll;
  margin-bottom: 20px; }
#optionparts #ttl-area p {
  font-size: 14px;
  line-height: 1.9em; }
#optionparts #ttl-areasmall p {
  font-size: 10px;

  margin-bottom: 50px;
 }
#optionparts #parts{
}
#optionparts #parts #hatch li p{
    font-size: 10px;
    line-height: 1.6em;
}
#optionparts #parts h3{
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
}
#optionparts #parts h3 span{
    font-size: 80%;
    line-height: 260%;
}
#optionparts #parts h4{
    font-size: 90%;
    font-weight: bold;
    line-height: 130%;
}
#optionparts #parts h4 span{
    font-size: 70%;
    line-height: 130%;
}
#optionparts #parts h5{
    font-size: 80%;
    font-weight: bold;
    text-decoration: underline;
    line-height: 130%;
}
#optionparts #parts h5 span{
    font-size: 60%;
    text-decoration: underline;
    line-height: 130%;
}
#optionparts #parts .sole{
}
.list-sole li{
    width: 270px;
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}
.sole-table {
    margin-top: 10px;
    clear: both;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10px;
    line-height: 1.6em;
    width: 100%;
}
.list-fwbksole li{
    width: 187px;
    float: left;
    margin-left: 135px;
    margin-bottom: 16px;
}
.list-utsole li{
    width: 187px;
    float: left;
    margin-left: 135px;
    margin-bottom: 16px;
}

.fwbksole-table {
    margin-top: 10px;
    clear: both;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10px;
    line-height: 1.6em;
    width: 100%;
}

#collection {
}
#collection #ttl-area {
}
#collection #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 50px;
}
#collection #ttl-area h3 {
  overflow-y: scroll;
  margin-bottom: 20px; }
#collection #ttl-area p {
  font-size: 14px;
  line-height: 1.9em; }
#collection #ttl-areasmall p {
  font-size: 10px;
  margin-bottom: 50px;
 }
#collection #parts{
}
#collection #parts #head li p{
    font-size: 10px;
    line-height: 1.6em;
}
#collection #parts h3{
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
}
#collection #parts h3 span{
    font-size: 80%;
    line-height: 260%;
}
#collection #parts h4{
    font-size: 90%;
    font-weight: bold;
    line-height: 130%;
}
#collection #parts h4 span{
    font-size: 70%;
    line-height: 130%;
}
#collection #parts h5{
    font-size: 80%;
    font-weight: bold;
    text-decoration: underline;
    line-height: 130%;
}
#collection #parts h5 span{
    font-size: 60%;
    text-decoration: underline;
    line-height: 130%;
}
#collection #parts .head{
}
.list-head li{
    width: 270px;
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}
.head-table {
    margin-top: 10px;
    clear: both;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10px;
    line-height: 1.6em;
    width: 100%;
}
#collection #parts .shaft{
}
.list-shaft li{
    width: 270px;
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}
.shaft-table {
    margin-top: 10px;
    clear: both;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10px;
    line-height: 1.6em;
    width: 100%;
}
.small {
    text-decoration: none;
    font-size: 12px;
    line-height: 1.6em;
}
.small2 {
    font-size: 11px;
    line-height: 1.6em;
}
.smallnarrow {
    text-decoration: none;
    font-size: 11px;
    line-height: 1em;	
}


.small10 {
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 0em;
	line-height: 1.6em;
}



.alhatch {
    width: 530px;
    float: left;
}
.chhatch {
    width: 330px;
    float: left;
}
.list-hatch li{
    width: 150px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.list-hosel img{
    width: 200px;
}
.list-hosel li{
    width: 210px;
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
}
.hosel-table {
    margin-top: 10px;
    clear: both;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10px;
    line-height: 1.6em;
    width: 100%;
}
.colorhosel-table {
    border-collapse: collapse;
    /* background: #cccccc; */
    border-spacing: 1px;
    margin-bottom: 75px;
    width: 100%; 
    font-size: 10px;
	text-align:center;
}
.colorhosel-table td {
      padding: 5px;
      /*background: #fff;*/
    border: solid 1px #cccccc;
      vertical-align: middle; }
.list-screw {
    height: 506px;
    position: relative;
}
.list-screw li{
    width: 415px;
    height: 270px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.screw-table {
    margin-top: 10px;
    clear: both;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 10px;
    line-height: 1.6em;
    width: 270px;
    bottom: 0;
    margin-bottom: 15px;
}
.position-absolute {
    position: absolute;
    bottom: 0;
}
.soket {
    position: relative;
    width: 800px;
    float: left;}
.weightsheet {
position: relative;
}
　　
	
/*-----------------
このサイトについて
-------------------*/
#about #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 40px; }
#about #area01 ul {
  list-style: disc outside;
  padding-left: 20px; }
@media screen and (max-width: 800px){
#about #area01 ul {
	display:block !important;
 }
}
  #about #area01 ul li {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.8em; }



/*-----------------
サイトマップ
-------------------*/
#sitemap #ttl-area h2 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 70px;}
#sitemap  div.inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 0.8em;
    padding: 0.8em;
    margin: 0 0 2em;
    overflow: hidden;}


#sitemap  .inner .sitemap-list01 li, #sitemap #area01 .inner02 .sitemap-list01 li {
  padding-left: 50px;
　line-height:10px;
  position: relative; }
#sitemap .inner .sitemap-list01 li span, #sitemap #area01 .inner02 .sitemap-list01 li span {
  position: absolute;
　line-height:10px;
  left: 0; }
#sitemap .inner ul, #sitemap #area01 .inner02 ul {
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 1.6em; }
#sitemap .inner ul h3, #sitemap #area01 .inner02 ul h3 {
  border-left: 2px solid #262626;
  padding-left: 8px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.2em; }
#sitemap .inner ul ul, #sitemap #area01 .inner02 ul ul {
  padding-left: 2em;
  margin-bottom: 0; }
#sitemap .inner li, #sitemap #area01 .inner02 li {
  margin-bottom: 20px; }
	

/*-----------------
検索
-------------------*/
#search-contents h2 {
	margin-bottom: 20px;
  font-size: 16px;
  border-bottom: 1px dotted #cccccc;
  padding: 0 0 10px;
 }
#search-contents p {
  margin-bottom: 1em; }
#search-contents .search-list01 li {
  border-bottom: 1px dotted #cccccc;
  padding: 10px 0 20px;
  margin-bottom: 10px; }
  #search-contents .search-list01 li h3 {
    font-size: 14px;
    margin-bottom: 5px; }
  #search-contents .search-list01 li p {
    color: #666;
    margin-bottom: 0 !important; }

#pager {
  clear: both;
  width: 100%;
  padding-top: 30px;
  font-weight: bold;
  font-size: 12px; }

.pager-l {
  float: left;
  width: 30%;
  text-align: left; }

.pager-r {
  float: right;
  width: 30%;
  text-align: right; }

/*-----------------
NEWS　停止中のページcssは削除し外部にバックアップ保存
…とのことだったが念の為ステージング環境に残っていたコードを記載2020.01.17_kk
-------------------*/

/*
#news #area01 ul {
  padding-top: 30px;
  margin-bottom: 15px; }
#news #area01 li {
  float: left;
  font-size: 0; }
  #news #area01 li img {
    margin-bottom: 5px; }
#news #area01 h3 {
  clear: both;
  font-size: 12px;
  color: #636464;
  margin-bottom: 5px;
  padding-top: 5px;
  font-family: serif;
  font-style: italic; }
#news #area01 p {
  font-size: 11px; }
*/

/*-----------------
RODDIO FITTING　停止中のページcssは削除し外部にバックアップ保存
…とのことだったが念の為ステージング環境に残っていたコードを記載2020.01.17_kk
-------------------*/

/*
#roddio-fitting #ttl{
}
#roddio-fitting #ttl h2{
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}
#roddio-fitting #area001{
}
#roddio-fitting #area001 h3{
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}
#roddio-fitting #area001 h4{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 40px;
}
#roddio-fitting #area001 p{
    border: 0;
    font-size: 14px;
    vertical-align: baseline;
    line-height: 1.4em;
    margin: 10px;
    padding: 0;
}
#roddio-fitting #area001 ol{
    margin-top: 0px;
    margin-bottom: 10px;
    list-style: decimal;
    padding-left: 30px;
    font-size: 12px;
    line-height: 2.2em;
}
*/

/*-----------------
clearfix
-------------------*/
.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: ",";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */