/* カスタマイズ用CSS */
body{
    font-family: "Shin Go Regular", Shin Go Regular, 新ゴ R, "sans-serif";
    /*font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";*/
    color: #000;
}
li{
    list-style: none;
}
img{
    width: 100%;
}
button {
    padding: 0;
    font-family: inherit;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
    border: none;
}
.ec-layoutRole .ec-layoutRole__contents{
    max-width: 100%;
}
/*ページトップへ*/
.ec-blockTopBtn.pagetop{
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 20px;
    border-radius: 20px;
    opacity: 1;
    background: #00b3e4;
}
/*ボタン*/
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action,
.ec-inlineBtn--action,
.ec-blockBtn--action,
.ec-blockBtn--action:disabled,
.ec-blockBtn--action.disabled{
    color: #000;
    background-color: #fff;
    border-color: #000;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action:hover,
.ec-blockBtn--action:hover{
    color: #000;
    background-color: #efefef;
    border-color: #000;
}
.btn-check:checked + .ec-blockBtn--action:focus,
.btn-check:active + .ec-blockBtn--action:focus,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action.active:focus,
.show > .ec-blockBtn--action.dropdown-toggle:focus{
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}
.btn-check:focus + .ec-blockBtn--action, .ec-blockBtn--action:focus {
    color: #000;
    background-color: #efefef;
    border-color: #000;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

/*アラート*/
.ec-alert-warning {
    background: #c80000;
}

/*行間調整*/
.ec-borderedDefs dd{
    line-height: 1.6em;
}
.ec-borderedDefs dt{
    padding-top: 0px;
    color: #00b3e4;
}
/*大見出し*/
.ec-pageHeader h1, .ec-pageHeader .h1{
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    color: #000;
}
/*カート内フローチャートアイコン*/
.ec-progress .is-complete .ec-progress__number {
    background: #00b3e4;
}
.ec-progress .is-complete .ec-progress__label {
    color: #00b3e4;
}


/*-HEADER-------------------------------------------------------------------------------------------------*/
/*ナビドロワ*/
.ec-drawerRoleClose{
    color: #fff;
    background: #00b3e4;
}

/*ヘッダー全体*/
.ec-headerRole{
    max-width: 100%;/*親指定の解除*/
    height: 70px;
    background: #000;
    border-bottom: solid 4px #00b3e4;
    position: relative;
}
.ec-headerRole:after{
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 4px #ff0;
    bottom: -4px;
    width: 30%;
}

/*ロゴ*/
.ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo .ec-headerTitle__title_logo-image{
    width: 260px;
    transform: translateY(-10px)
}

.ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo .ec-headerTitle__title_logo-list{
    list-style: none;
    text-align: right;
}
.ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo .ec-headerTitle__title_logo-list li{
    padding: 5px 10px;
    display: inline-block;
}
.ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo .ec-headerTitle__title_logo-list li i{
    margin-right: 6px;
}
.ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo .ec-headerTitle__title_logo-list li a{
    color: #efefef;
    text-decoration: underline;
    font-size: 12px;
}

/*カテゴリナビ　商品検索*/
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{
    background: #00b3e4;
}
.ec-headerSearch .ec-headerSearch__keyword{
    background: #fff;
}
.ec-headerNav .ec-headerNav__itemIcon,.ec-cartNavi{
    color: #00b3e4;
}
.ec-cartNavi .ec-cartNavi__badge{
    background: #c80000;
}

/*-FOOTER-------------------------------------------------------------------------------------------------*/

.ec-footerRole {
    border-top: solid 4px #ff0;
    position: relative;
}
.ec-footerRole:after{
    position: absolute;
    content: "";
    display: block;
    border-top: solid 4px #00b3e4;
    top: -4px;
    width: 70%;
}
    
/*フッターロゴ*/
.ec-footerTitle__logo{
    width: 260px;
    margin: 0 auto;
}
.ec-footerTitle__logo img{
    width: 100%;
}
.ec-footerNavi__link, .ec-footerTitle__copyright{
    color: #00b3e4;
}


/*-ページ-------------------------------------------------------------------------------------------------*/

/*トップページ*/
.top_renewal{
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #efefef;
    background-image: url("/html/user_data/assets/img/common/bg_pattern.svg");
    background-size: 60px auto;
}
.original_top_comment{
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 50px auto 0px;
    padding: 30px;
    text-align: right;
}
.original_top_comment h2{
    display: inline-block;
    position: absolute;
    top: -40px;
    left: 40px;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    color: #fff;
    background: #00b3e4;
    border: 2px solid #fff;
    border-top-left-radius: 60px;
    padding: 30px;
    line-height: 1.5em;
    box-shadow: 10px 10px 0px #ff0;
}
.original_top_comment p{
    display: inline-block;
    text-align: left;
    max-width: 900px;
    padding: 120px 30px 30px 30px;
    line-height: 1.8em;
    color: #000;
    background: #fff;
    border: 2px solid #00b3e4;
    border-bottom-right-radius: 60px;
    box-shadow: 10px 10px 0px #ff0;
}

/*ご利用ガイド*/
.original_guide .ec-borderedDefs dd strong{
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    color: #00b3e4;
    margin: auto 4px;
}
/*プライバシーポリシー*/
.ec-heading-bold{
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    color: #00b3e4;
}
/*ご注文のながれ*/
.origial_orderflow dt{
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    color: #00b3e4;
    margin-top: 30px;
    padding: 5px 10px;
    border-left: 3px solid #00b3e4;
}
.origial_orderflow dd{
    line-height: 1.6em;
    padding: 5px 10px;
}
.origial_orderflow dd strong{
    color: #000;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
}
.origial_orderflow dd span{
    color: #00b3e4;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
}
/*よくある質問*/
#qanda ul.qanda_title{
    width: 90%;
    max-width: 800px;
    margin: 30px auto;
    padding: 30px;
    border: solid 1px #00b3e4;
    border-radius: 20px;
}
#qanda ul.qanda_title li{
    padding: 10px 20px;
}
#qanda ul.qanda_title li a{
    text-decoration: underline;
}
#qanda ul.qanda_title li i{
    margin-right: 6px;
}

#qanda ul.qanda_list li{
    padding: 30px;
    border-top: 1px dotted #999;
}
#qanda ul.qanda_list li:first-child{
    border-top: none;
}
#qanda ul.qanda_list li dl.question dd{
    color: #00b3e4;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    font-size: 1.5em;
}
#qanda ul.qanda_list li dl.question dd i{
    margin-right: 10px;
}
#qanda ul.qanda_list li dl.question dt{
    color: #999;
    margin-left: 20px;
}
#qanda ul.qanda_list li dl.answer dd{
    font-weight: bold;
    color: #076b9f;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    font-size: 1.5em;
}
#qanda ul.qanda_list li dl.answer dd i{
    margin-right: 10px;
}
#qanda ul.qanda_list li dl.answer dt{
    color: #999;
    margin-left: 20px;
}

/*グリップの選び方*/
#orginal_gripchoice section{
    position: relative;
    margin: 0px auto 60px;
    padding: 30px;
    border: 6px solid #00b3e4;
    border-radius: 20px;
}
#orginal_gripchoice section::after{
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 30px solid transparent;
    border-top: 30px solid #00b3e4;
    width: 0;
    height: 0;
}
#orginal_gripchoice section:nth-child(4)::after{
    display: none;
}
#orginal_gripchoice h3{
    font-weight: bold;
    color: #00b3e4;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    font-size: 1.5em;
    padding: 10px 20px;
}
#orginal_gripchoice h3 span{
    padding: 5px 10px;
    margin-right: 4px;
    background: #00b3e4;
    border-radius: 20px;
    color: #ff0;
    font-size: .6em;
}
#orginal_gripchoice h5{
    color: #000;
    font-size: 1.2em;
    padding: 10px 20px;
}
#orginal_gripchoice h5 span{
    padding: 5px 10px;
    margin-right: 4px;
    background: #efefef;
}
#orginal_gripchoice  ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
#orginal_gripchoice ul li{
    display: inline-block;
}
#orginal_gripchoice ul li{
    width: 49%;
}
#orginal_gripchoice ul .inner_text p{
    padding: 10px 20px;
    line-height: 1.8em;
    text-align: justify;
}
#orginal_gripchoice ul .inner_img{
    text-align: center;
}
#orginal_gripchoice ul .inner_img img{
    max-width: 300px;
}
#orginal_gripchoice article {
    position: relative;
    margin: 50px auto;
    width: 100%;
}
#orginal_gripchoice article h6{
    border-left: 20px solid #ccc;
    border-right: 20px solid #ccc;
    border-radius: 10px;
    background: #efefef;
    display: inline-block;
    font-size: 1.2em;
    padding: 10px 20px;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
}
#orginal_gripchoice article .other_element{
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
}
#orginal_gripchoice article .other_element dl{
    width: 49%;
}
#orginal_gripchoice article .other_element dl dt{
    display: inline-block;
    padding: 5px 10px;
    border: 2px solid #666;
    border-radius: 10px;
}
#orginal_gripchoice article .other_element dl img{
    max-width: 300px;
}
#orginal_gripchoice article .other_element dl dd{
    padding: 10px 20px;
    line-height: 1.8em;
    text-align: justify;
}
#orginal_gripchoice article .summary{
    border-top: 1px solid #999;
    padding-top: 50px;
    text-align: center;
}
#orginal_gripchoice article .summary p{
    font-size: 1.2em;
    padding: 10px 20px;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    color: #00b3e4;
}

/*-----------商品一覧ページ-----------*/

.ec-shelfGrid .ec-shelfGrid__item-image{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
.ec-shelfGrid .ec-shelfGrid__item-image::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.ec-shelfGrid .ec-shelfGrid__item img{
    width: 100%;
    max-height: none;
}

/*-----------商品詳細ページ-----------*/
.original_speclist{
    width: 100%;
    max-width: 800px;
    margin: 40px auto;
    font-size: .8em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #000;
}
.original_speclist table{
    text-align: center;
}
.original_speclist table th,
.original_speclist table td{
    border: 1px solid #fff;
    padding: 5px 10px;
}
.original_speclist table th{
    background: #ccc;
    width: 15%;
}
.original_speclist table th span{
    color: #c80000;
}
.original_speclist table td{
    background: #efefef;
}
.original_speclist table td strong{
    font-weight: bold;
}
.original_speclist ul{
    text-align: right;
    width: 100%;
}
.original_speclist ul li{
    list-style: none;
    display: inline-block;
    padding: 5px 10px;
}
.original_speclist ul li span{
    color: #c80000;
}

/*-----------Order System-----------*/
#orginal_ordersystem section{
    position: relative;
    margin: 50px auto;
}
#orginal_ordersystem section h1{
    text-align: center;
    position: relative;
    margin-bottom: 50px;
    padding: 0.6em;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    border-bottom: 3px solid #000;
}
#orginal_ordersystem section h1:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 15px solid transparent;
    border-top: 15px solid #000;
    width: 0;
    height: 0;
}
#orginal_ordersystem section h5{
    padding: 10px 20px;
    font-size: 1.2em;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
}
#orginal_ordersystem section p{
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 20px;
    line-height: 1.8em;
}
#orginal_ordersystem .order_itemlist {
    padding: 20px;
    border-bottom: dotted 1px #999;
}
#orginal_ordersystem .order_itemlist h6{
    position: relative;
    padding: 10px 20px;
    font-size: 1.5em;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
}
#orginal_ordersystem .order_itemlist h6 span{
    margin-left: 6px;
    font-size: .8em;
    font-weight: normal;
    font-family: "Shin Go Regular", Shin Go Regular, 新ゴ R, "sans-serif";
}
#orginal_ordersystem .order_itemlist .order_itemlist_inner{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#orginal_ordersystem .order_itemlist .order_itemlist_inner div{
    width: 49%;
}
#orginal_ordersystem .order_itemlist .order_itemlist_inner table{
    width: 100%;
    font-size: .8em;
    padding: 10px;
    text-align: center;
}
#orginal_ordersystem .order_itemlist .order_itemlist_inner table tr,
#orginal_ordersystem .order_itemlist .order_itemlist_inner table th,
#orginal_ordersystem .order_itemlist .order_itemlist_inner table td{
    border: dotted 1px #999;
}
#orginal_ordersystem .order_itemlist .order_itemlist_inner table th,
#orginal_ordersystem .order_itemlist .order_itemlist_inner table td{
    padding: 2%;
}
#orginal_ordersystem .ordersystem_caution{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
#orginal_ordersystem .ordersystem_caution h4{
    padding: 10px 20px;
    font-size: 1.5em;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
}
#orginal_ordersystem .ordersystem_caution ul{
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}
#orginal_ordersystem .ordersystem_caution ul li{
    margin: 0 auto;
    padding: 5px 10px;
    text-align: left;
}
#orginal_ordersystem .ordersystem_caution ul li span{
    color: #c80000;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
}
#orginal_ordersystem .ordersystem_button{
    text-align: center;
}
#orginal_ordersystem .ordersystem_next{
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
    padding: 20px;
    color: #000;
    background: #fff;
    border: 1px solid #000;
}
#orginal_ordersystem .ordersystem_next:hover{
    background: #efefef;
}
#orginal_ordersystem button.ordersystem_next[type="submit"][disabled],
#orginal_ordersystem button.ordersystem_next[type="submit"][disabled]:hover{
    color: #ccc;
    background: #fff;
    border: 1px solid #ccc;
    cursor: default;
}

/*ログインページ*/
.ec-login{
    color: #000;
    background: #fff;
    box-shadow: 0px 10px 10px rgba(0,0,0,.1);
    border-radius: 4px;
}






/*--ブロック----------------------------------------------------------------------------------------*/

/*ヘッダーカテゴリーナビ*/
.ec-itemNav__nav{
    width: 100%;
}
/*.ec-itemNav__nav li{
    
}*/
.ec-itemNav__nav li a{
    font-size: .8em;
    color: #00b3e4;
}
.ec-itemNav__nav li a:hover{
    text-decoration: underline;
    background: #fff;
}
.ec-itemNav__nav li ul li a,
.ec-itemNav__nav li ul li ul li a{
    background: rgb(255 255 255 / .9);
    color: #00b3e4;
    font-size: .8em;
}
.ec-itemNav__nav > li:hover li:hover > a {
    background: #fff;
}


/*重要なお知らせ*/
.original_top_important_notice{
    width: 100%;
}
.original_top_important_notice_inner{
    position: relative;
    width: 90%;
    max-width: 900px;
    margin: 50px auto;
    padding: 30px;
    text-align: center;
}
.original_top_important_notice_inner:before,
.original_top_important_notice_inner:after { 
    position: absolute;
    top: 0;
    content:'';
    width: 40px;
    height: 100%;
    display: inline-block;
}
.original_top_important_notice_inner:before {
    border-left: solid 2px #444;
    border-top: solid 2px #444;
    border-bottom: solid 2px #444;
    left: 0;
}
.original_top_important_notice_inner:after {
    content: '';
    border-top: solid 2px #444;
    border-right: solid 2px #444;
    border-bottom: solid 2px #444;
    right: 0;
}
.original_top_important_notice_inner h1{
    font-size: 1.2em;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    font-weight: bold;
}
.original_top_important_notice_inner p{
    text-align: left;
    padding: 10px 20px;
}


/*TOP section 共通*/
#newarrival a,
#series a,
#function a,
#weight a{
    color: #222;
}
.original_block_category_fortop{
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    background: #efefef;
}

/*Pickup Item*/
.ec-topicRole{
    background: #fff;
}
#pickupitem h2{
    color: #000;
}
#pickupitem h2 span{
    padding-left: 10px;
    font-size: .6em;
}
#pickupitem ul{
    padding: 0px;
}
#pickupitem ul li{
    display: inline-block;
    width: 49%;
}
#pickupitem ul li a:hover{
    opacity: .8;    
}


/*New Arrival*/
#newarrival{
	box-sizing: border-box;
}
#newarrival h2{
    margin-top: 50px;
    padding: 10px 0px;
    color: #c80000;
    position: relative;
    border-bottom: solid 3px #000;
}
#newarrival h2 span{
    padding-left: 10px;
    font-size: .6em;
}
#newarrival h2:after{
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 3px #c80000;
    bottom: -3px;
    width: 20%;
}
#newarrival img{
	width: 100%;
}
#newarrival .content{
	width: 200px;
	height: 200px;
}
#newarrival .wrap{
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 300px;
	margin-bottom: 30px;
	text-align: center;
	background: #fff;
}
#newarrival .slideshow{
	display: flex;
	-webkit-animation: loop-slide 30s infinite linear 1s both;
	animation: loop-slide 30s infinite linear 1s both;
}
@-webkit-keyframes loop-slide{
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
@keyframes loop-slide{
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
#newarrival .wrap .slideshow{
	list-style: none;
}
#newarrival .slide-paused:hover .slideshow{
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
#newarrival .content-hover{
	transition: all 0.2s;
	margin-right: 20px;
}
#newarrival .content-hover:hover {
	transform: translateY(-20px);
	box-shadow: 0 3px 10px 0 #ccc;
	opacity: 0.8;
	cursor: pointer;
}
#newarrival .wrap .slideshow .content p{
	padding: 10px;
}


/*Series*/
#series,
.original_block_category_fortop_container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
#series h2{
    color: #00b3e4;
    padding: 10px 0px;
    position: relative;
    border-bottom: solid 3px #999;
}
#series h2 span{
    padding-left: 10px;
    font-size: .6em;
}
#series h2:after{
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 3px #00b3e4;
    bottom: -3px;
    width: 20%;
}
ul.original_block_category_fortop_container_list{
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.original_block_category_fortop_container_list li{
    display: inline-block;
    width: 19%;
    margin: 10px auto;
}
.original_block_category_fortop_container_list li .original_block_category_fortop_container_list_image{
    overflow: hidden;
}
.original_block_category_fortop_container_list li .original_block_category_fortop_container_list_image img:hover{
    transform: scale(1.1);
    transition: ease-in-out .3s;
}
#series .order_banner_sp{
    display: none;
}
#series .order_banner{
    margin: 30px auto;
}
#series .order_banner img:hover{
    opacity: .8;
}


/*機能・特徴*/
#function{
    display: flex;
    justify-content: space-between;
}
#function .inner-title{
    width: 39%;
    padding: 20px;
}
#function .inner-title p{
    color: #000;
    font-size: 3em;
}
#function .inner-list{
    width: 60%;
}
#function .inner-list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#function .inner-list ul li{
    text-align: center;
    display: inline-block;
    width: 24%;
}
#function .inner-list ul li a:hover{
    opacity: .8;
}

#function .inner-list ul li img{
    max-width: 120px;
    margin: 30px auto;
}
/*重量*/
.original_block_category_fortop.weight{
    border-top: #fff solid 2px;
    background: #efefef;
}
#weight{
    display: flex;
    justify-content: space-between;
}
#weight .inner-title{
    width: 39%;
    padding: 20px;
}
#weight .inner-title p{
    color: #000;
    font-size: 3em;
}
#weight .inner-list{
    width: 60%;
}
#weight .inner-list p{
    padding: 20px;
}
#weight .inner-list ul{
    display: flex;
    flex-wrap: wrap;
}
#weight .inner-list ul a{
    background: #fff;
    border: solid 1px #000;
    margin: 6px;
}
#weight .inner-list ul a:hover{
    color: #fff;
    background: #666;
    border: solid 1px #fff;
}
#weight .inner-list ul li{
    text-align: center;
    display: inline-block;
    width: 18%;
    padding: 10px 20px;
}


/*CATEGORY*/
.ec-categoryRole{
    padding: 0px;
    background: none;
}
.original_ec-secHeading.category h4{
    width: 90%;
    max-width: 400px;
    font-style: italic;
    font-family: "GSanSerif-B", GSanSerif-B, G2サンセリフ-B, "sans-serif";
    position: relative;
    padding: 5px 5px 5px 50px;
    background: #000;
    font-size: 20px;
    color: #ff0;
    margin-left: -33px;
    margin-bottom: 30px;
    line-height: 1.3;
    border-bottom: solid 3px #00b3e4;
    /*z-index:-2;*/
}
.original_ec-secHeading.category h4:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px #fff;
    border-bottom: solid 79px transparent;
    z-index: 1;
}
.original_ec-secHeading.category h4:after {
    position: absolute;
    content: '';
    right: -3px;
    top: -20px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 79px #fff;
    z-index: 1;
}
.ec-categoryRole .ec-categoryRole__listItem{
    margin-bottom: 0;
    z-index: 1;
}
.ec-categoryRole__listItem a{
    color: #00b3e4;
}
.ec-categoryRole__listItem h6{
    text-align: center;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    padding: 10px;
    position: relative;
}
.ec-categoryRole__listItem h6 i{
    margin-left: 6px;
}
.ec-categoryRole__listItem h6 span{
    display: block;
    margin-top: 8px;
    font-size: .8em;
    font-weight: normal;
    font-family: "Shin Go Regular", Shin Go Regular, 新ゴ R, "sans-serif";
    color: #999;
}

/*NEWS*/
.ec-newsRole {
    padding: 0px;
}
.original_ec-secHeading.news{
    transform: translateY(30px);
}
.original_ec-secHeading.news h2{
    font-style: italic;
    font-size: 4em;
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    color: #00b3e4;
}
.ec-newsRole .ec-newsRole__news {
    border: 12px solid #00b3e4;
}
.ec-newsRole .ec-newsRole__newsCloseBtn{
    background: #00b3e4;   
}

/*カレンダー*/
.ec-secHeading h6{
    font-weight: bold;
    font-family: "Shin Go Bold", Shin Go Bold, 新ゴ B, "sans-serif";
    font-size: 1.1em;
    color: #00b3e4;
}
.ec-secHeading h6 i{
    margin-right: 6px;
}
.ec-secHeading h6 span{
    font-size: .8em;
    color: #666;
    font-weight: normal;
    font-family: "Shin Go Regular", Shin Go Regular, 新ゴ R, "sans-serif";
    margin-left: 6px;
}
.ec-calendar .ec-calendar__sat, .ec-calendar .ec-calendar__sun, .ec-calendar .ec-calendar__holiday{
    color: #00b3e4 !important;
}


/*レスポンシブ==========================================================================================*/
@media screen and (max-width: 991px) {
/* タブレット用 */
}
@media screen and (max-width: 768px) {
    /*Header*/
    .ec-headerNaviRole{
        padding-bottom: 15px;
    }
    /*ロゴ*/
    .ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo{
        width: 90%;
        justify-content: flex-end;
    }
    .ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo .ec-headerTitle__title_logo-image{
        transform: translateY(0px)
    }
    .ec-headerRole .ec-headerRole__title .ec-headerTitle .ec-headerTitle__title .ec-headerTitle__title_logo .ec-headerTitle__title_logo-list{
        display: none;
    }
    
    /*Footer*/
    .ec-footerNavi .ec-footerNavi__link a{
        border-bottom: none;
    }
    /*TOP リニューアルのお知らせ*/
    .top_renewal{
        background-size: 40px auto;
        overflow: hidden;
    }
    .original_top_comment{
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }
    .original_top_comment h2{
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
        border-top-left-radius: 20px;
        padding: 20px;
        font-size: 1.2em;
    }
    .original_top_comment p{
        display: block;
        padding: 20px;
        line-height: 1.8em;
        border-bottom-right-radius: 20px;
    }
    /*共通*/
    .original_block_category_fortop{
        padding: 10px;
        overflow: hidden;
    }
    /*Pickup Item*/
    #pickupitem h2 span{
        padding-left: 0px;
        display: block;
    }
    #pickupitem ul li{
        display: block;
        width: auto;
        padding: 10px;
    }
    /*Series*/
    #series h2 span{
        padding-left: 0px;
        display: block;
    }
    ul.original_block_category_fortop_container_list{
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .original_block_category_fortop_container_list li{
        width: 49%;
    }
    #series .order_banner{
        display: none;
    }
    #series .order_banner_sp{
        display: block;
    }
    /*機能・特徴*/
    #function,
    #weight{
        flex-direction: column;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #function .inner-title,
    #function .inner-list,
    #weight .inner-title,
    #weight .inner-list{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    #function .inner-title p,
    #weight .inner-title p{
        font-size: 1.5em;
    }
    #function .inner-list ul{
        margin: 20px auto;
    }
    #function .inner-list ul li{
        width: 49%;
    }
    #function .inner-list ul li p{
        font-size: .8em;
    }
    #function .inner-list ul li img{
        margin: 10px auto;
    }
    /*重量*/
    #weight .inner-list ul li{
        font-size: .8em;
        width: auto;
        padding: 5px 10px;
    }
    /*重要なお知らせ*/
    .original_top_important_notice_inner{
        margin: 30px auto;
        padding: 10px;
    }
    /*NEWS*/
    .ec-newsRole .ec-newsRole__news {
        padding: 10px;
    }
    /*-----------Order System-----------*/
    #orginal_ordersystem section{
        margin: 20px auto;
    }
    #orginal_ordersystem section h5{
        font-size: 1em;
        padding: 10px;
    }
    #orginal_ordersystem section p{
        font-size: .8em;
        padding: 10px;
    }
    #orginal_ordersystem .order_itemlist h6{
        font-size: 1.2em;
        padding: 10px;
    }
    #orginal_ordersystem .order_itemlist h6 span{
        display: block;
    }
    #orginal_ordersystem .order_itemlist .order_itemlist_inner{
        flex-direction: column;
    }
    #orginal_ordersystem .order_itemlist .order_itemlist_inner div{
        width: 100%;
    }
    #orginal_ordersystem .ordersystem_caution{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    /*ご注文のながれ*/
    .origial_orderflow{
        font-size: .8em;
    }
    /*よくある質問*/
    #qanda ul.qanda_title{
        width: 100%;
        padding: 10px;
        border-radius: 10px;
    }
    #qanda ul.qanda_title li{
        font-size: .8em;
        padding: 10px;
    }
    #qanda ul.qanda_list{
        padding: 0;
    }
    #qanda ul.qanda_list li{
        padding: 20px;
    }
    #qanda ul.qanda_list li dl.question dd,#qanda ul.qanda_list li dl.answer dd{
        font-size: 1em;
    }
    #qanda ul.qanda_list li dl.question dd i,#qanda ul.qanda_list li dl.answer dd i{
        margin-right: 6px;
    }
    #qanda ul.qanda_list li dl.question dt,#qanda ul.qanda_list li dl.answer dt{
        margin-left: 10px;
    }
    /*グリップの選び方*/
    #orginal_gripchoice section{
        margin: 0px auto 40px;
        padding: 10px;
        border: 4px solid #00b3e4;
        border-radius: 10px;
    }
    #orginal_gripchoice section::after{
        border: 15px solid transparent;
        border-top: 15px solid #00b3e4;
    }
    #orginal_gripchoice h3{
        font-size: 1.2em;
        line-height: 1.8em;
        margin-top: 10px;
        padding: 10px;
    }
    #orginal_gripchoice h3 span{
        padding: 2px 4px;
        border-radius: 10px;
        font-size: .8em;
    }
    #orginal_gripchoice h5{
        font-size: 1em;
        margin: 10px auto 0px;
        padding: 10px;
    }
    #orginal_gripchoice  ul{
        flex-direction: column;
        padding: 0;
    }
    #orginal_gripchoice ul li{
        width: 100%;
    }
    #orginal_gripchoice ul .inner_text p{
        font-size: .8em;
        padding: 10px;
    }
    #orginal_gripchoice article {
        margin: 30px auto;
    }
    #orginal_gripchoice article h6{
        border-left: 10px solid #ccc;
        border-right: 10px solid #ccc;
        border-radius: 5px;
    }
    #orginal_gripchoice article .other_element{
        flex-direction: column;
    }
    #orginal_gripchoice article .other_element dl{
        width: 100%;
        margin: 20px auto;
    }
    #orginal_gripchoice article .other_element dl dt{
        border-radius: 5px;
    }
    #orginal_gripchoice article .other_element dl dd{
        font-size: .8em;
        padding: 10px;
    }
    #orginal_gripchoice article .summary p{
        text-align: left;
    }




}