/*font-family: 'Barlow', sans-serif;R 400
M 500
B 700
XB 800*/
/* Lineup style
-------------------------------------------------------------------------------- */
#lineup h2,.lineup_detail h1{ color: #8AC600; font-family: 'Barlow', sans-serif;
  font-weight: bold; font-weight: 700; letter-spacing: .02em; font-size: 2.4rem; }

.lineup_detail .sec-inner {text-align: left !important;}


.lineup_index h2 { text-align: center; }
.lineup_list { overflow:hidden; width:100%; border-bottom:1px dotted #ccc; margin-bottom:20px;}
.lineup_list .lineup_cont {
  width: 100%;
	margin-bottom:30px;
}

.lineup_cont img{
  width: 100%;
  display: block;
  height: auto;
  line-height: 1;
  padding: 0;
}

.lineup_cont a{
  color: inherit;
  text-decoration: none;
}

.lineup_cont h3 {
	display:block;
	background:#dfdfdf;
	padding:0 10px;
  margin-bottom: 0!important;
}
.lineup_cont h3 span{
	font-family: 'Barlow', sans-serif;
  font-weight: bold;
  letter-spacing: .02em;
	line-height:1.75em;
}
.lineup_cont h3 span::after{
	content: ">";
  color: #8AC600;
  display: inline-block;
  padding-left: 7px;
  font-size: 90%;
}

.lineup_cont p {
	padding:10px 10px;
	display:block;
}

.lineup_list a:hover {
	opacity:0.7;
}

/* lineup footer */
#lineup_footer{}
#lineup_footer img{ width: 100%; height: auto;}
#lineup_footer .bdr_top{ border-top:1px dotted #CCCCCC;}
#lineup_footer #bn_acce,#lineup_footer #bn_kids{margin-bottom:10px; }
#lineup_footer #bn_acce,#lineup_footer #bn_kids{ border: 1px solid #ddd; height: 65px; padding: 4px; font-family: 'Barlow', sans-serif; font-weight: bold; font-weight: 700; font-size: 1.75rem; letter-spacing: 0.02em; }
#lineup_footer #bn_acce a,#lineup_footer #bn_kids a{ padding-left: 10px; text-decoration: none; display: block; width: 100%; height: 100%; line-height: 57px; background:url("../img/lineup/bnr_kids_bg.jpg?d=2020") right center no-repeat #f5f5f5; background-size:150px auto; position: relative;}
#lineup_footer #bn_acce a:before,#lineup_footer #bn_kids a:before{ content: ""; display: inline-block; background: url("../img/lineup/link_arrow.gif") no-repeat center center; width: 10px; height: 12px; margin-right: 2px; background-size: 9px auto;}
#lineup_footer #bn_acce a:hover,#lineup_footer #bn_kids a:hover{ opacity: 0.8;}
#lineup_footer #bn_acce a{ background:url("../img/lineup/bnr_acc_bg.jpg?d=2019") 105% center no-repeat #f5f5f5; background-size:150px auto;}
#lineup_footer #hajimete{
	padding: 10px;
	background:url(/assets/img/lineup/lineup_hajimete_bg_ptrn.gif) repeat;
}

#lineup_footer #hajimete a img{ width: 100px; height: auto; display: block; line-height: 1;}
#lineup_footer #hajimete #hajimete_bt1 a,
#lineup_footer #hajimete #hajimete_bt2 a{ border:1px solid #cae665; display: block; width: 100%; padding: 5px 8px; border-radius: 8px; box-shadow: 0px 0px 4px 0px #c4bbbb; background-color: #9cc604;}
#lineup_footer #hajimete #hajimete_bt1 a{ background: url("../img/lineup/icon_point.png") right 10px center no-repeat #9cc604; background-size: auto 65%;}
#lineup_footer #hajimete #hajimete_bt2 a{ background: url("../img/lineup/icon_qa.png") right 10px center no-repeat #9cc604; background-size: auto 65%;}
#lineup_footer #hajimete #hajimete_bt1 a:hover,
#lineup_footer #hajimete #hajimete_bt2 a:hover { background-color: #8aaf03; }

#hajimete h2 { color: #222; font-size: 1.6rem;}
#hajimete h2 span{ color:#8AC600 ; display: block;  width: auto; margin: 10px auto 0; padding: 5px 20px; background: #fff; font-size: 75%; }

#lineup_footer .bnr-fe{
	margin:30px 0 0; padding:30px 0 0; border-top:1px dotted #ccc;
}

/*series link */
.series_link { background: #e8e8e8; line-height: 1em; font-family: 'Barlow', sans-serif;
  font-weight: bold; font-weight: 700; letter-spacing: .02em; margin-bottom: 2px;  }
.series_link b { padding: 12px 20px; position: relative;}
.series_link li a { text-decoration: none; }
.series_link li a:hover,.road_bike #series_link1_1 a,
.triathlon #series_link1_2 a ,.cyclo_cross #series_link1_3 a ,
.mtb #series_link1_4 a ,.e_bike #series_link1_5 a ,.cross_bike #series_link1_6 a,
.f_road_bike #series_link2_1 a,.f_triathlon #series_link2_2 a ,.f_cyclo_cross #series_link2_3 a ,
.f_mtb #series_link2_4 a { color:#8AC600;}

#series_link3 {font-family: 'Barlow', sans-serif;
  font-weight: bold; font-weight: 700; letter-spacing: .02em; margin-bottom: 25px;}
#series_link3 ul li a{ display: block; text-decoration: none; color: #333;}
#series_link3 ul li.active a{ color: #8AC600;}

#local_lilnk {padding-bottom: 40px;}
.series_link5 { text-align: left; font-family: 'Barlow', sans-serif; padding-left: 30px;
  font-weight: bold; font-weight: 700; letter-spacing: .02em; margin-bottom: 25px; position: relative;}
.series_link5:before { content: "→"; display: inline-block; position: absolute; left: 0; top:0;}
.series_link5 li { display: inline-block; margin-right: 20px;}
.series_link5 li a{ display: block; text-decoration: none; color: #333;}
.series_link5 li a:hover,series_link5 li.active a{ color: #8AC600;}

.category_lead h2 span {display: block; padding-top: .35em; margin-bottom: 25px; font-size: 1.1rem; color:#000;}
.category_lead p { font-size: 1.2rem;}
.category_lead p b{ font-size: 1.4rem; display: inline-block; margin-bottom: .45em;}

.thumb_list li { width: 100%; padding: 10px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
#local_lilnk .thumb_list li {text-align: left;}
.thumb_list li:last-child { margin: 0;}
.thumb_list li img{ display: block; max-width: 100%; text-align: center; height: auto; margin: 0 auto 15px;}
.thumb_list .kakaku_txt{ width: 100%; height: auto;}
.thumb_list .price{ width: 100%; height: auto;}
.thumb_list a {text-decoration: none; display: block; cursor: pointer;}
.thumb_list a:link > b, .thumb_list a:visited > b{color:#9dc608; font-weight:bold;}
.thumb_list a > b{ line-height: 1.25em; display: block; font-weight: bold;font-size:107%; margin-bottom:3px;
padding-left:12px; background:url(/assets/img/lineup/link_arrow.gif) left 4px no-repeat; background-size: 9.5px 9.5px;}
.thumb_list a > b:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.thumb_list .kakaku_txt{color:#666666; font-size:90%;}
.thumb_list .kakaku_txt b{ color:#000000;font-weight:bold;}
.thumb_list .price{color:#000000; font-size:113%; font-weight:bold;}

.thumb_list .soldout{font-weight:bold; color:#FF0000; margin-left:6em;}

.lineup_pagenation {width: 100%; display: table; margin: 40px 0;}
.lineup_pagenation li { display: table-cell; vertical-align:top; width: 50%;font-family: 'Barlow', sans-serif;
  font-weight: bold; font-weight: 700;}
.lineup_pagenation li a{ text-decoration: none; color: #000;}
.lineup_pagenation li:last-child { text-align: right;}

/* Lineup Detail
-------------------------------------------------------------------------------- */
.lineup_detail .mgd{ font:inherit; padding-right:48px; background:url(/assets/img/lineup/icon_mgd.gif) right center no-repeat; background-size: 41px auto;}
.lineup_detail .comming{ display: inline-block; margin-left: 20px; font-size: 63%; padding: 5px 10px; border: 1px solid #8AC600; }
.lineup_detail #series_link2 { margin-bottom: 20px;}
.lineup_detail h3 { color: #8AC600; font-family: 'Barlow', sans-serif;
  font-weight: bold; font-weight: 700; letter-spacing: .02em;}


#read b {display: block;}

/*メイン画像*/
.disnon { display: none; }
.img_wrap {position: relative;}
.img_wrap .note { color: #333; display: block; text-align: left; font-size: 1.1rem !important; margin: .5em 0 0!important;}
.color_cont{ text-align: center; }
.color_cont a { display:inline-block; position:relative;}
.color_cont a:before { display:block; content: ""; background: url("../img/lineup/zoom_icon.png") #333; background-size: 100% 100%; position:absolute; line-height:40px; color:#FFF; font-size:24px; width:40px; height:40px; top:0; right:0; z-index:500; }

.lt-ie9 .color_cont a:before { right:110px; text-align:center; }
.color_tab { text-align:center; width:100%; display:block; margin:0 auto 30px; overflow:hidden; position:relative; padding-top:48px; }
.color_tab li { cursor:pointer; display:inline-block; padding: 5px;
}

.color_tab li:last-child { margin-right: 0;
}

.color_tab li b{ font-weight:bold; font-size:1.2rem; color:#666; display:none; position:absolute; text-align:center; width:100%; top:18px; right:0;}
.color_tab li.select .c-tip { 
  box-shadow: 0 0 0 5px #CCC;
-webkit-box-shadow: 0 0 0 5px #CCC;
-moz-box-shadow: 0 0 0 5px #CCC;
  
    /*box-shadow: 0 0 0 5px #CCC,inset 1px 1px 4px 1px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 0 5px #CCC,inset 1px 1px 4px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 0 5px #CCC,inset 1px 1px 4px 1px rgba(0,0,0,0.25);*/
}

.color_tab li .c-tip { display: block; width:22px; height:22px; background:#FFF; 
  -webkit-border-radius: 50%;
  border: 1px solid #fff;
  border-radius: 50%; 
  position: relative;
  overflow: hidden;
 z-index: 1;
}

.color_tab li.select b { display:block;}

.color_tab li .c-tip2 {
  display: block;
  content:"" ;
  width: 11px;
  height: 22px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.color_tab li .c-tip3 {
  display: block;
  content:"" ;
  width: 5px;
  height: 22px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

/* カラーチップクラス
------------------------------------------------------ */
.color_tab li .white { background:#FFF; border: 1px solid #ccc !important; }/* 白 */
.color_tab li .c-tip2.white { background:#FFF; border: none !important; }/* 白 */
.color_tab li .bdr { border: 1px solid #ccc !important; }/* 白 */
.color_tab li .cream {background:#dfcdac;}
.color_tab li .black { background:#000; }/* 黒 */
.color_tab li .black2 { background:#444; }/* 黒 */
.color_tab li .gray { background:#555; }/* グレー */
.color_tab li .mattgray { background:#777; }/* グレー */
.color_tab li .blue { background:#0000FF;}/* 青系 */
.color_tab li .lightblue { background:#0063b0;}/* 青系 */
.color_tab li .darkblue { background:#072774;}/* 青系 */
.color_tab li .silverblue { background:#7293a4;}/* 青系 */
.color_tab li .aqua { background:#09F;}/* 水色系 */
.color_tab li .red { background:#F00; }/* 赤系 */
.color_tab li .darkred { background:#820002; }/* 赤系 */
.color_tab li .yellow { background:#FFFF00; }/* 黄色系 */
.color_tab li .pink { background:#ff3399; }/* ピンク系 */
.color_tab li .green { background:#aace2a; }/* 緑系 */
.color_tab li .emerald { background:#018D90; }/* 緑系 */
.color_tab li .lightgreen { background:#CF0; }/* ライト緑系 */
.color_tab li .darkgreen { background:#093; }/* ダーク緑系 */
.color_tab li .purple { background:#851C58; }/* パープル系 */
.color_tab li .orange { background:#F60; }/* オレンジ系 */
.color_tab li .olive { background:#A09600; }/* オリーブ系 */
.color_tab li .olive2 { background:#5b761a;}/* オリーブ系 */
.color_tab li .khaki { background:#35411d;}/*カーキグリーン */
.color_tab li .beige { background:#DFBA76; }/* ベージュ系 */
.color_tab li .greige { background:#655A55; }/* グレージュ系 */
.color_tab li .silver { background:#ddd; }/* シルバー系 */
.color_tab li .gold { background:#8c744b; }/* ゴールド系 */
.color_tab li .brown { background:#603829; }/*茶色*/

/* 色番号ごと アルファベット順 */
.color_tab li .op47 { background:#f02f97; }
.color_tab li .or45 { background:#cf0b19; }
.color_tab li .es19 { background:#48525E; }
.color_tab li .ep01 { background:#FFC4E1; }/* 薄ピンク */
.color_tab li .em03 { background:#38224c; }/* パープル */
.color_tab li .eb14 { background:#8BD5FF; }/* 薄水色 */
.color_tab li .eb46 { background:#0B9AA9; }/* 薄水色 */
.color_tab li .eb30 { background:#9DCBE7; }/* 薄水色 */
.color_tab li .steelblue { background:#3c6382;}/* 薄水色 */
.color_tab li .eb60 { background:#045C9C;}/* 青系 */
.color_tab li .eb84 { background:#083E4B;}/* 青系 */
.color_tab li .eb94 { background:#073b53;}/* 青系 */
.color_tab li .egk2 { background:#42B809; }/* 緑 */
.color_tab li .eg49 { background:#25463A;}/* 緑 */
.color_tab li .eg24 { background:#a1cb72; }/* 薄緑 */
.color_tab li .ey12 { background:#FFDA18; }/* 黄黄色 */
.color_tab li .eky5 { background:#fbad17;}/*黄オレンジ*/
.color_tab li .eg15 {background:#9bca64;}
.color_tab li .ek82 {background:#5a5866;}/*シルバー系 */
.color_tab li .eg45 {background:#4f7441;}/*カーキグリーン */
.color_tab li .ey21 { background:#AD5600; }/* オレンジ */
.color_tab li .ey24 {background:#c2650b;}
.color_tab li .ess1 {background:#c0bcaf;}/*シルバー系 */
.color_tab li .es73 {background:#585960;}
.color_tab li .esk5 {background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #f5f5f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

/*360 view*/
.link_360{
display: block;
position: absolute;
right: -3px;
top: 50px;
z-index: 5;
line-height: 1;}

.lineup_detail .btn-list { vertical-align: middle; text-align: center;letter-spacing: -.4em; }
.lineup_detail .btn-list li{ display: inline-block;line-height: 1.1;margin: 0;vertical-align: middle; letter-spacing: normal;}
.lineup_detail .btn-list li a{ display: block; line-height: 40px; width: 100%; height: 100%; text-decoration: none; font-weight: bold;}
.lineup_detail .btn-list li a:hover{ opacity: 0.8;}
.lineup_detail .btn-list li.normal { width: 49%; border: 2px solid #ddd; background: #f5f5f5;}
.lineup_detail .btn-list li.normal:first-child { margin-right: 2%;}
.lineup_detail .btn-list li.buynow{ width: 100%; margin-top:10px;}
.lineup_detail .btn-list li.buynow a { position: relative;line-height: 50px; background:#8ac600; color: #fff; font-style: italic; font-size: 1.2em; }
.lineup_detail .btn-list li.buynow a:after { margin: 5px; content: ""; display: block; width: calc( 100% - 12px); height: calc( 100% - 12px); border: 1px solid #fff; position: absolute; top:0; left: 0; }
.lineup_detail .btn-list li.buynow a:before {
  content: '';
  display: inline-block;
  margin-right: .5em;
  width: 28px;
  height: 28px;
  background: url("/assets/img/icon_shop.png") left top no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.lineup_detail .btn-list.with-sf li.yoursize {width: 100%; margin-top:10px;}
.lineup_detail .btn-list.with-sf li.yoursize a{display: block; color: #fff; font-weight: bold; background: #555; }
.mt-1{margin-top:-1em;}

/*onlinse sizeing*/
#my-sizing-container iframe{z-index: 9999;}

.mgd-box {padding: 15px 10px; font-size: 1.2rem; border: 1px dotted #ccc;}
.mgd-box h3{text-align: center; margin-bottom: 15px;}

#key_feature { background: #333; color: #fff; margin-bottom: 20px;}
#key_feature .sec-inner{padding: 20px;}
#key_feature img { width: 100%; height: auto; margin-bottom: 20px;}
#key_feature_txt li {position: relative; padding-left: 30px; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #ccc; }
.feautre1 {background: url("../img/lineup/keyfeature_bg_dot1.png") left 3px no-repeat; background-size: 17px 17px;}
.feautre2 {background: url("../img/lineup/keyfeature_bg_dot2.png") left 3px no-repeat; background-size: 17px 17px;}
.feautre3 {background: url("../img/lineup/keyfeature_bg_dot3.png") left 3px no-repeat; background-size: 17px 17px;}
#key_feature_txt li:last-child {margin-bottom: 0; padding-bottom: 0; border: 0;}

#technology,.technology { }
#technology ul,.technology ul{ position: relative;}
#technology ul:after,.technology ul:after{content: "";
  display: block;
  clear: both;}
#technology ul li,.technology ul li{ width: 33%; float:left; display: block; cursor: pointer;}/*kidsはwidth 25%　kidsエリアに記述*/
#technology ul li img,.technology ul li img{ display: block; width: 100%; height: auto;}
#technology ul li:hover img,.technology ul li:hover img{ opacity: 0.8;}
#technology ul li a,.technology ul li a{display:block; position: relative;}
#technology ul li:hover a,.technology ul li:hover a{background-color: #ccc;}
#technology ul li.tip-open a:after,.technology ul li.tip-open a:after {
	content: "";
	position: absolute;
	bottom:-1px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #8AC600 transparent;
}

#technology .tips,.technology .tips  { font-size: 1.2rem; float: none; display: none; padding: 15px; background:#8AC600; width:100%; vertical-align: middle; position: absolute; top: 0; left:0; z-index: 100; font-family: 'Barlow', sans-serif; }
#technology .tips b,.technology .tips b{ font-weight: bold; font-weight: 700; display: block; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #FFF; font-size: 110%;}
#technology .tips:after,.technology .tips:after { content: "×"; font-size: 150%; font-family: Arial, Helvetica, "sans-serif";font-weight: bold; color: #FFF; display: block; position: absolute; top: 5px; right: 10px;}

#technology .tip-open .tips,.technology .tip-open .tips {display: block;}

#kakaku_complete,#kakaku_frameset {padding: 10px 15px; background: #f5f5f5; margin-bottom: 20px;}

#kakaku_complete p,#kakaku_frameset p {text-align: center; margin-bottom: 0;}
#kakaku_complete p.txt-kakaku,#kakaku_frameset p.txt-kakaku { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #000;}
.data-area .txt-kakaku b span{ font-size: 1.8rem;  }
.size_data th,.size_data td,
.size_data2 th,.size_data2 td{ border-bottom: 1px dotted #ccc;line-height: 1.2em; font-size: 1.3rem;}
.size_data th,.size_data2 th { font-weight: bold; }

.size_data table,.size_data2 table{ margin-bottom:1em;}
.size_data > p,.size_data2 > p{ margin-bottom:0;}

/* tab spec geometory */
#tab { display: table; border-collapse: collapse; width: 100%; border-bottom: 3px solid #666;}
#tab li{ text-align: center; border: 1px solid #ccc; display: table-cell; width: 50%; line-height: 1em; vertical-align: middle;}
#tab li a{ display: block; color: #999; padding: 10px; text-decoration: none; font-family: 'Barlow', sans-serif; font-weight: bold; font-weight: 700; letter-spacing: .02em;}
#tab .is_active {
  background: #333; color: #FFF;  /* 何かタブを変更する設定 */
}
#tab.geom_f li { border: none;}
.geom_f .is_active { margin-right: 50%;}

.tab-content {
  display: none;
}
.tab-content.is_show {
  display: block;
}

.accessories .tab-content {
  display:block;
}

.spec_data th, .spec_data td { border: none; }
.spec_data:first-child {margin-bottom: 0; }
.spec_data th { font-weight: bold; width: 30%; max-width: 130px;}
.spec_data tr:nth-child(odd) { background: #f5f5f5;  }

#geom_img { padding-top: 62.5%; background:url("../img/lineup/geometory_common.png") center -10px no-repeat; }
#geom_img { background-size: 100% auto; }

/*OPTION*/
#option li{ display: inline-block; color:#333333; margin-bottom:10px; margin-right: 30px; font-weight: bold; font-size: 1.3rem; }
#option li:last-child{ margin-bottom: 0; }
#option li .price{ color:#999999;font-weight: normal;}
#option li:before{ content: "● ";}

.bnr-eps {display: none;}
#bottom_parts p{ margin-bottom: 0;}

#bottom_parts .bnr-acc,#bottom_parts .bnr-shop {border: 1px solid #ddd; padding: 4px;}
#bottom_parts .bnr-acc a,#bottom_parts .bnr-shop a { padding: 15px 4px 15px 90px; font-weight: bold; padding-left: 95px; height: 95px; display: block; width: 100%; color: #000; text-decoration: none;}
#bottom_parts .bnr-acc a:hover,#bottom_parts .bnr-shop a:hover { opacity: 0.8;}
#bottom_parts .bnr-acc a b,#bottom_parts .bnr-shop a b{ color:#8AC600; display: block; font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 1.75rem; letter-spacing: 0.02em; }

#bottom_parts .bnr-acc a{ background:url("../img/lineup/bnr_acc_bg.png?d=2019") left center no-repeat #f5f5f5; background-size:85px auto; }
#bottom_parts .bnr-shop a{ background:url("../img/lineup/bnr_shop_bg.png") left center no-repeat #f5f5f5; background-size:85px auto; }

.link-panel-lineup ul { display: table; width: 100%;}
.link-panel-lineup li { text-align: center; font-size: 1.1rem; font-weight: bold; display: table-cell; width: 33%; border-right: 2px solid #fff; }
.link-panel-lineup li a { line-height: 1.2em; display: block; text-decoration: none; color: #FFF; padding: 50px 10px 10px;}
.link-panel-lineup li { background: url("../img/icon_w_search.svg") no-repeat center 10px #8AC600; background-size: auto 35px;}
.link-panel-lineup li:first-child { background-image: url("../img/icon_w_catalog.svg");}
.link-panel-lineup li:last-child { background-image: url("../img/icon_w_ride.svg"); border-right: none;}
.link-panel-lineup li:hover { background-color:#666;}


.lineup_movie_list {  margin: 30px 0; padding: 20px 20px 45px; background: #f5f5f5; overflow: hidden; position: relative;}
.lineup_detail .lineup_movie_list { margin-bottom: 30px!important; }
.kids .lineup_movie_list { margin-top: 0;}
.lineup_movie_list .btn_movie { position: absolute; bottom:15px; right: 20px; font-size: 1.2rem;}
.lineup_movie_list h3{ font-family: 'Barlow', sans-serif; font-weight: bold; font-weight: 700;text-align: center;} 
.lineup_movie_list h3 span{ padding-left: 10px; font-weight: normal; font-size: .66em;}
.lineup_detail .lineup_movie_list h3{ color: #000;}
.lineup_movie_list ul{ margin: 0;}
.lineup_movie_list li{ width: 100%; padding: 0 7px; }
.lineup_movie_list a{ text-decoration: none; color:#000; overflow: hidden; display: block; text-align: left;}
.lineup_movie_list img{ display: block; width:100%; max-width: 100%; text-align: center; height: auto; margin: 0 auto 0.75em;}
.lineup_movie_list b{ display: block; font-weight: bold; line-height: 1.25em; font-size: 1.3rem;}

.thumb_list li { width: 100%; padding: 10px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
#local_lilnk .thumb_list li {text-align: left;}
.thumb_list li:last-child { margin: 0;}
.thumb_list li img{ display: block; max-width: 100%; text-align: center; height: auto; margin: 0 auto 15px;}
.thumb_list .kakaku_txt{ width: 100%; height: auto;}
.thumb_list .price{ width: 100%; height: auto;}
.thumb_list a {text-decoration: none; display: block; cursor: pointer;}
.thumb_list a:link > b, .thumb_list a:visited > b{color:#9dc608; font-weight:bold;}
.thumb_list a > b{ line-height: 1.25em; display: block; font-weight: bold;font-size:107%; margin-bottom:3px;
padding-left:12px; background:url(/assets/img/lineup/link_arrow.gif) left 4px no-repeat; background-size: 9.5px 9.5px;}
.thumb_list a > b:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.thumb_list .kakaku_txt{color:#666666; font-size:90%;}
.thumb_list .price{color:#000000; font-size:113%; font-weight:bold;}
/* Kids
-------------------------------------------------------------------------------- */
.kids_section{
  overflow: hidden;
}

.kids_section h2{
  border-bottom: 1px solid #8AC600;
}

.kids_section h2 .lead{
	font-weight:bold;
	font-size:1.4rem;
	color:#575757;
	vertical-align:middle;
  display: block;
 padding-top: .5em;

}

.kids_img_box{
	margin-top:5px;
}

.kids_product_info{
	margin-top:5px;
}

.kids_price {
	line-height:150%;
  margin-bottom: 1em;
}
.kids_price .big{
	padding-left:5px;
	font-size:140%;
	font-weight:bold;
}
.kids_price b{
  font-weight: bold;
}

.kids_price .only {
	color:#333333;
	font-size:110%;
	padding-left:5px;
}

.kids_product_info{
	font-size:90%;
}

.kids_product_info dl{
	clear:both;
}

.kids_product_info dl dt{
	float:left;
}

.kids_product_info dl dd{
	border-bottom:1px solid #ccc;
}

.kids_spec1,.kids_spec2{
	line-height:1.8em;
}

.kids_spec1 dt.frame{
	border-bottom:1px dotted #ccc;
	float:none;
}

.kids_spec1 dd.frame{
	border-bottom:none;
}

.kids_btn_buynow{ width: 100%; display: inline-block; vertical-align: middle;}
.kids_btn_buynow a { text-align: center;display: block; line-height: 50px; width: 100%; height: 100%; text-decoration: none; font-weight: bold; 
  position: relative; background:#8ac600; color: #fff; font-style: italic; font-size: 1.2em; }
.kids_btn_buynow a:after { margin: 5px; content: ""; display: block; width: calc( 100% - 12px); height: calc( 100% - 12px); border: 1px solid #fff; position: absolute; top:0; left: 0; }
.kids_btn_buynow a:before {
  content: '';
  display: inline-block;
  margin-right: .5em;
  width: 28px;
  height: 28px;
  background: url("/assets/img/icon_shop.png") left top no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* ACCESORRIES
-------------------------------------------------------------------------------- */
#acc_link {font-family: 'Barlow', sans-serif;
  font-weight: bold; font-weight: 700; letter-spacing: .02em; margin-bottom: 25px;}
#acc_link ul {margin-bottom: 0;}
#acc_link ul li a{ display: block; text-decoration: none; color: #333; line-height: 1.2em;}
#acc_link ul li.active a{ color: #8AC600;}
#acc_link ul li a{ padding-left: 20px; background: url("../img/lineup/link_arrow2.png") 5px center no-repeat; background-size: 10px 10px;}


.accessories .btn_search { display: block; padding: 1em; font-weight: bold; text-align: center; font-size: 18px; padding: 40px 0; line-height: 1.2em;
	background: url(../img/lineup/acc/acc_pttern.gif) repeat;
}
.accessories .btn_search p{ margin-bottom: 0;}
.accessories .btn_search span{ display: block; line-height: 40px; border-radius: 30px;
width: 80%; height: 40px; margin: 20px auto 0;color: #000; border:2px solid #000; background: #fff;}
.accessories .btn_search a{ text-decoration: none; font-weight: bold; color: #E40004; font-size: 1.6rem;}
.accessories .btn_search a:hover span{ border-color: #8AC600;  background: #f5f5f5;}
.accessories .btn_search a img{ display: inline-block; margin-left: -10px; margin-right: 5px;}

.accessories .tab-content {text-align: left;}

/*col_imgは共通パーツ*/
.accessories .col_img { margin-bottom: 30px; text-align: center; position: relative;}
.accessories .col_img span{ display: inline-block; padding: 3px 10px; border-radius: 30px; color: #fff; cursor: pointer; font-weight: bold; background: #83BF0D; letter-spacing: 0.05em;
}
.accessories .col_img img {max-width: 243px; width: auto; height: auto; padding-bottom: .5em;}
.accessories .col_img.icon_new:after { content:""; background:  url("../img/lineup/acc/icon_new.png") no-repeat left top; background-size: 16%; display: block; margin: 0 auto; width: 243px; height: 60px; position: absolute; top: 0; left: 0; z-index: 2;}
.accessories .col_text { margin-bottom: 30px; }
.accessories .col_text > :last-child{ margin-bottom: 0;}
.accessories .col_text ul li{padding-left: 1.5em;}
.accessories .col_text ul li:before{content: "●"; text-indent: -1.5em; display: inline-block; color: #83BF0D; 
}
.accessories .col_text:after { float: none; display: block; clear: both; width: 100%; content: "";
}
.accessories #contents table{ clear: both; width: 100%; border: 1px solid #ccc;}
.accessories #contents table tr{ width: 100%; }
.accessories #contents table th,.accessories #contents table td{padding: 8px 10px; line-height: 1.2em;}
.accessories #contents table th{vertical-align: bottom;}
.list-info { margin: 30px 0; width: 100%; border-bottom: none;}
.list-info th {font-weight: bold; border-bottom: 1px dotted #ccc;}
.list-info .price { font-weight: bold; min-width: 105px;}

.list-spec th{ font-weight: bold; vertical-align: middle; border-bottom: 1px solid #ccc; border-left: 1px dotted #ccc; }
.list-spec td{ border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc; }
.list-spec td.td_img{ border-left: none; width: 186px; vertical-align: middle; }
.list-spec tr:nth-child(even) td {
    background-color: #f8f8f8;   /* 偶数行の背景色 */
}
.list-spec.bg-w tr:nth-child(even) td {
    background-color: #fff;   /* 偶数行の背景色 */
}

.ac-spec-wrap {margin: 0; padding: 0 0 10px; overflow-x:scroll;}
.ac-spec-wrap ::-webkit-scrollbar { background:#ccc; width:10px; }
.ac-spec-wrap ::-webkit-scrollbar-thumb { background:#aaa; }

.ac-spec-wrap table{margin: 0; min-width: 550px !important; }

.acc_pagetop { width: 100%; margin: 30px 0 !important; display: block;}
.acc_pagetop a{ text-align: center; display: block; padding: 5px 10px;  font-weight: bold; }



hr { margin-top: 2rem; margin-bottom: 2.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }
.list-spec th.bb0 {border-bottom: 0;}

/*--------------------------------------------*/
/*@media all and (max-width: 767px) 
-----------------------------------------------*/
@media all and (max-width: 767px) {
.lineup_detail .mgd{ background-size: 38px auto;}

/*-------lineup_footer--------*/
#lineup_footer #hajimete a img{ width: 100px;}
#lineup_footer #hajimete #hajimete_bt1{ margin-bottom: 10px;}

.series_link { position: relative;}
#series_link2:after { content: ""; display: block; clear: both;}
.series_link b { cursor: pointer; display: block; width: 50%; text-align: center; float:left; background: #ccc; padding: 0; line-height: 40px; overflow: hidden; z-index: 6;}
.series_link b.tit-clicked { background: #e8e8e8;}
.series_link b:first-child { border-right: 2px solid #fff;}

.series_link b:after {
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #666;
  border-right: solid 2px #666;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2.5px; }

b.tit-clicked:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

  
.series_link ul { display: none;position: absolute; top: 40px; left: 0; float: none; width: 100%; overflow: hidden;background: #e8e8e8; z-index:5; padding: 10px 8px 8px 10px;}
.series_link b.tit-clicked + ul { display: block;}
.series_link ul li { display: block; width: 50%; border-right: 2px solid #e8e8e8; float: left; word-break: keep-all; margin-bottom: 2px; }
.series_link ul a{ display: block;padding: 10px; color: #333; background: #f1f1f1;}
 
  
#series_link3 { border: 1px solid #8AC600; }
#series_link3 b{ text-align: center;}

#series_link3 ul { margin: 0; display: none; padding: 0 10px;}
#series_link3 ul li{ border-bottom: 1px dotted #ccc;}
#series_link3 ul li:last-child{ border-bottom: none; margin:0 !important;}
#series_link3 ul li a{ padding: 10px;}

/*---DEtail------*/
.spec_data th, .spec_data td { font-size: 1.2rem; padding: 8px;  }
.spec_data:first-child {margin-bottom: 0; }
.spec_data th { min-width: 85px;}
  
#bottom_parts p img{ width: 100%; max-width: 100%; height: auto;}
#bottom_parts p { margin-bottom: 10px; }
  
  
/*---------kids---------*/
.kids_section h2{ padding-bottom: 15px;}
.kids_img_box{ margin: 0; margin-bottom: 20px; text-align: center;}
.kids_img_box img{ max-width: 100%;}
.kids_section .eps_link { margin-bottom: 40px; display: none;}
.kids .technology ul li{ width: 25%; float:left;}
  

/*---------ACCESSORY---------*/ 
#acc_link { border: 1px solid #8AC600; }
#acc_link b{ text-align: center;}

#acc_link .ac_cont { display: none;}
#acc_link ul { padding: 0; margin-bottom: 0; overflow: hidden;}
#acc_link ul li{width: 49%; margin: 0 0 5px 0; background: #f5f5f5; display: block; float: left;}
#acc_link ul li:nth-child(2n){ margin-left: 2%;}
#acc_link ul li a{ padding: 5px 5px 5px 18px;}

.accessories .col_img img{ display: block;}
  
}

@media all and (max-width: 410px) {
.lineup_detail .comming{ margin: 0; margin-top: 10px; }
}

/*--------------------------------------------*/
/*@media all and (min-width: 768px) larger than tabret
-----------------------------------------------*/
@media all and (min-width: 768px) {

#lineup h2 {font-size: 4.0rem;}
#hajimete h2 { font-size: 2.45rem; text-align: left;}
/* lineup トップ */
.lineup_index h2 { margin-bottom: .65em; }
.lineup_list .lineup_cont {
	float:left;
	margin-right:2%;
	width:32%;
	margin-bottom:40px;
}

.lineup_list > .lineup_cont:nth-child(3n) {
  margin-right: 0;
}
  
.lineup_cont h3 {
}
.lineup_cont h3 span{
	font-size:2.0rem;
}
  

.series_link b { color: #888; background: #f1f1f1; width: 145px; margin-right: 20px; padding: 12px 20px; display: inline-block; position: relative;}
.series_link b:after {content: "";
	position: absolute;
	top: 50%; right: -20px;
	margin-top: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #f1f1f1;
}
.series_link ul  { display: inline-block; margin: 0;}
.series_link li  { display: inline-block; margin: 0; padding: 0;}
.series_link li a { padding: 12px 15px; text-decoration: none; color: #333;}
  
/*#lineup footer*/

#lineup_footer #bn_acce,#lineup_footer #bn_kids{ float:left; width: 49.5%; }
#lineup_footer #bn_acce{ margin-right: 1%;}

#lineup_footer #bn_acce,#lineup_footer #bn_kids{ height: 85px; padding: 5px; font-size: 2.3rem;}
#lineup_footer #bn_acce a,#lineup_footer #bn_kids a{ line-height: 75px; padding-left: 15px;}
#lineup_footer #bn_kids a{ background-size:50% auto; }
#lineup_footer #bn_acce a{ background-position: right center; background-size:50% auto;}
  
#lineup_footer #hajimete{
	clear:both;
	width:100%;
	padding:20px 20px;
  overflow: hidden;
}

#lineup_footer #hajimete a img{ width: 115px;}
#lineup_footer #hajimete #hajimete_bt1{width:49.5%; margin-right: 1%; float:left;}
#lineup_footer #hajimete #hajimete_bt2{width:49.5%; float:left;}
#lineup_footer #hajimete #hajimete_bt1 a,
#lineup_footer #hajimete #hajimete_bt2 a{ padding: 8px 13px;}
#hajimete h2 span{ font-size: 60%; display: inline-block; margin: 0 0 0 15px;}

#series_link3 { padding: 0; margin: 0;}
#series_link3 ul li{ display: inline-block; margin-right: 30px;}
#series_link3 b{display: none;}
#series_link3 ul { display: block; padding: 0; margin-bottom: 60px; text-align:center;}
  
.category_lead  { display: table; vertical-align: top; width: 100%; text-align: left; margin-bottom: 45px;}
.category_lead h2,.category_lead p { display: table-cell; text-align: left; vertical-align: top;}
.category_lead h2 { width: 25%; padding-right: 20px;}
.category_lead h2.w-pc-35 { width: 35%;}
.category_lead h2.w-pc-40 { width: 40%;}
.category_lead h2.w-pc-45 { width: 45%;}
  
.thumb_list { overflow: hidden; margin-bottom: 0; }
.thumb_list li { width: 25%; float: left; padding: 0; display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
.thumb_list a {padding: 10px 15px; border-right: 1px solid #ccc;}
.thumb_list li:nth-child(4n) a{ border: none; }
  
.lineup_movie_list {padding: 30px; margin-top:40px; margin-bottom: 40px;}
.lineup_detail .lineup_movie_list {margin: 10px 0 50px !important;}
.lineup_movie_list .btn_movie { bottom:auto; top:30px; right: 36px; font-size: 1.4rem;}
.lineup_movie_list h3{ font-size:2.3rem; padding-left: 6px; }
  
.lineup_pagenation { margin: 40px 0; padding-bottom: 20px;}

  
/*Detail*/
.lineup_detail .breadcrumb { display: none;} 
#product_main { position: relative; }
.img_wrap .note { text-align: center; }
  
.lineup_detail #series_link2 { margin-bottom: 40px; } 
.lineup_detail #contents h1{ font-size: 3.6rem; }
#read { margin-bottom: 50px;}
#read b {display: block; font-size: 1.6rem; margin-bottom: .5em;}
  
.color_tab li b{}
.color_tab li .c-tip { width: 27px; height: 27px;}

.color_tab li .c-tip2 {
  width: 13px;
  height: 27px;
}
.color_tab li .c-tip3 {
  width: 7px;
  height: 27px;
}

/*360 view*/
.link_360{
right: 50px;
top: -7px;
  }
  
.link_360 img{
  width: 54px;
  height: auto;
  }
  
.lineup_detail .btn-list li { font-size: 1.5rem; } 
.lineup_detail .btn-list li.normal { width: 24.5%; margin: 0;}
.lineup_detail .btn-list li.normal:first-child { margin: 0 1% 0 0;}
.lineup_detail .btn-list li.normal a{ line-height: 56px;}
.lineup_detail .btn-list li.buynow { width: 48%; margin:0 0 0 1%; padding-left: 1%; border-left: 1px #333 dotted;}
.lineup_detail .btn-list li.buynow a{ line-height: 59px;}
.lineup_detail .btn-list li.buynow a:hover { opacity: 1; background: #666; }
  
.lineup_detail .btn-list.with-sf li.normal { width: 18%; margin: 0 1% 0 0;}
.lineup_detail .btn-list.with-sf li.normal:first-child { margin: 0 1% 0 0;}
.lineup_detail .btn-list.with-sf li.buynow { width: 30%; margin0: 0 0 0 1%; padding-left:0; border-left:none;}
.lineup_detail .btn-list.with-sf li.yoursize { width: 30%; margin: 0; padding-left:1%; border-left: 1px #333 dotted; }
.lineup_detail .btn-list.with-sf li.yoursize a{ line-height: 56px; cursor: pointer; border:2px solid #aaa;}

  
.mgd-box {padding: 30px 10px 20px 250px; position: relative; border:none; border-top:1px dotted #ccc;}
.mgd-box h3{ margin: 0; position: absolute; top: 30px; left: 30px;}
.f_road_bike .mgd-box,.f_mtb .mgd-box,.f_tliathlon .mgd-box,.f_cyclo_cross .mgd-box{border-bottom: 1px dotted #ccc; padding-bottom: 30px;}

#key_feature { margin-bottom: 40px;}
#key_feature .sec-inner{padding: 0 0 0 480px; display: table; position: relative; height: 350px;}
#key_feature .feature_img2 { height:168px; }
#key_feature img { height: 100%; width: auto; margin: 0; position: absolute; top: 0; left: 0; }
#key_feature_txt { display: table-cell; vertical-align:middle;}
#key_feature_txt h3 {margin-bottom: 30px;}
.feature_img2 #key_feature_txt h3 {margin-bottom: 15px;}
#key_feature_txt li {margin-bottom: 1.25em; padding-bottom: 1.25em;}
.feature_img2 #key_feature_txt li {margin-bottom: 1em; padding-bottom: 1em;}
#key_feature_txt ul,#key_feature_txt li:last-child {margin-bottom: 0; padding-bottom: 0;}

#kakaku_complete,#kakaku_frameset { text-align: center; padding: 8px;}
#kakaku_complete p,#kakaku_frameset p {display: inline-block;}
#kakaku_complete p.txt-kakaku,#kakaku_frameset p.txt-kakaku { display: inline-block;border: none; border-right:  1px dotted #000; padding: 0; margin: 0; margin-right: .75em; padding-right: .75em }

/* tab spec geometory */
#spec-geometry {}
#tab li{ font-size: 1.8rem;}
#tab_spec {overflow: hidden;}
.tab-content .spec_data {width: 49%; float: left;}
.tab-content .spec_data:first-child { margin-right: 1%;}
.spec_data th,.spec_data td { vertical-align:top; font-size: 1.3rem; padding: 8px 10px;}

#geom_img { padding: 0; padding-left: 50%; background:url("../img/lineup/geometory_common.png") left -10px no-repeat; }
#geom_img { background-size: 50% auto; }

/*OPTION*/
#option li{ display: inline; margin-right: 0;}
#option li br{ display:none;}
#option li:before{ content: "● ";}
#option li:after{ content: "／";display: inline-block; margin-left: 5px;margin-right: 5px;}
#option li:last-child:after{ display: none;}
  
.bnr-eps {display: block;}
#bottom_parts { overflow: hidden; width: 100%; display:block; margin: 10px 0;}
#bottom_parts p{ display: block; float: left; margin-right: 20px;}
#bottom_parts p:last-child{ margin-right:0 !important;}
  
#bottom_parts .bnr-acc,#bottom_parts .bnr-shop {padding: 5px; width: 41%;}
/*epsない時　フレームセット　コンプリートは.no_epsを追加*/
.f_road_bike #bottom_parts .bnr-acc,.f_road_bike #bottom_parts .bnr-shop,
.f_mtb #bottom_parts .bnr-acc,.f_mtb #bottom_parts .bnr-shop,
.f_triathlon #bottom_parts .bnr-acc,.f_triathlon #bottom_parts .bnr-shop,
.f_cyclo_cross #bottom_parts .bnr-acc,.f_cyclo_cross #bottom_parts .bnr-shop,
#bottom_parts.no_eps .bnr-acc, #bottom_parts.no_eps .bnr-shop{width: 48%;}
  
#bottom_parts .bnr-acc a,#bottom_parts .bnr-shop a { padding-left: 150px; padding-top: 25px; height: 124px;}
#bottom_parts .bnr-acc a b,#bottom_parts .bnr-shop a b {font-size: 2.3rem;}
#bottom_parts .bnr-acc a{ background-size:135px auto; }
#bottom_parts .bnr-shop a{ background-size:135px auto; }
  
#technology ul li,.technology ul li{ width: 11.11%;}
#technology ul li.tip-open a:after,.technology ul li.tip-open a:after { }
#technology .tips,.technology .tips { padding: 25px; }
#technology .tips b,.technology .tips b { margin-bottom: .75em; }
  
.link-panel-lineup { max-width: 1024px; margin: 30px auto 0; height: 76px;}
.link-panel-lineup ul { border-collapse: separate; border-spacing: 10px 0; margin-bottom: 30px;}
.link-panel-lineup li { border-right: none; font-size: 1.4rem; overflow: hidden;}
.link-panel-lineup li a { padding: 30px 10px; margin-right: -10px; }
.link-panel-lineup li { background-position: 10% center; background-size: auto 38px;}
  
.link-panel-lineup.pos-fixed {}
.link-panel-lineup.pos-fixed ul{ width: 100%; max-width: 1024px; position: fixed; z-index: 2; bottom: 0; left: auto; right: auto; padding: 0; margin: 0 auto;}
.link-panel-lineup.pos-fixed li a { padding: 20px 10px; }
.link-panel-lineup.pos-fixed {
    animation-name: fadeup;
    animation-duration: .5s;
}
@keyframes fadeup {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

  
/*-----------kids-----------------*/
#lineup.kids h2{ font-size: 3.5rem; padding-bottom: 5px;}
.kids_section{ margin-bottom: 40px; }
.kids_section h2 .lead{ display: inline; padding-top: 0; padding-left:10px; }
.kids_img_box{ float:left; }

.kids_img_box ul{
	overflow:hidden;
	min-width:300px;
}

.kids_img_box ul li{
	float:left;
}
.kids_product_info{ overflow:hidden; float:right; width:71%; padding-left:20px; }
.kids_product_info_w{ width:61% !important}
.kids_spec1{ float:left; width:225px; padding-right:15px; }
.kids_spec2{ float:right; width:435px;}
.kids_spec2 dl{ margin-bottom: 20px; }
.kids_spec2 dt{ width:105px; }
.kids_spec_w1{ width:225px !important; }
.kids_spec_w2{ width:340px !important; }
  
.kids_btn_buynow a { margin: 30px 0 0; }
.kids_btn_buynow a:hover { opacity: 1; background: #666; }
  

/*---------ACCESSORY---------*/ 
#acc_link .ac_cont { display: block;}
#acc_link b { display: none;}
.accessories h2 { font-size: 3.2rem !important; margin-bottom: 30px;}
.accessories .btn_search br{ display:none;}
.accessories .btn_search span{ display: inline-block; margin: 0; margin-left: 15px; width: 225px;}

  /*col_imgは共通パーツ*/
.accessories .col_img.icon_new:after { left: -100%; right: -100%;}
.accessories .col_img { float: left; width: 30%;}
.accessories .col_text { float: right; width: 68%;}
  
#acc_link ul li{ display: inline-block; margin-right: 20px;}
#acc_link ul { background: #f5f5f5; padding: 8px; margin-bottom: 2px;}
.acc_pagetop a{ padding: 10px;}
.accessories #contents hr { margin-top: 3rem !important; margin-bottom: 3.5rem !important; }
  
}


.mb0 {margin-bottom: 0 !important;}