@charset "utf-8";
/* CSS Document */


.display-su{
	color: #FFFFFF;
	font-size: 300%;
	margin-top: 200px;
	margin-left: 20px;
}

.magisugo{
	margin: 200px auto 100px auto;
	text-align: center;
	font-size: 20px;
}

/*商品名*/
.small005{
    font-size: 200%;
	margin-top: 10px;
    margin-left: 10px;
    border-bottom: solid;
}

/*輪行袋*/
.small001{
    font-size: 60%;
    margin-left: 10px;
    
}

/*その他輪行グッズ*/
.small002{
    font-size: 50%;
    margin-left: 10px;
    
}

/*特徴短文*/
.small003{
    font-size:130%;
    margin-left: 10px;
	margin-top: 15px
    
}

/*特徴長文*/
.small004{
    font-size: 110%;
    margin-left: 10px;
    
}

.title001 {
	text-align: left;
}

.title002 {
	text-align: center;
}

.title003 {
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

.title001 {
	text-align: right;
}

.moji001 {
	display: inline-block;
}


.kotei{
	table-layout: fixed;
}

/* ボタン10 */
.btn10{
	 padding: 5px 20px 5px 26px;
  margin:10px;
   text-decoration: none!important;
   display:inline-block;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase!important;
    letter-spacing: 8px;
    color: #58AC8B;
    cursor: hand;
    text-align: center;
    border: 0px;
    border-radius:50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
    z-index:10;
	
    
}

.btn10:hover{
    border: 0px solid #071982;
	  color: #6FEDC0;
}
.btn10::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #1D3D57;
    position: absolute;
	  -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	   box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 

.btn10::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #E9F075;
    position: absolute;
	-ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn10:hover::before, .btn1O:hover::before{
	opacity:1;
	width: 116%;
}
.btn10:hover::after, .btn1O:hover::after{
	opacity:1;
	width: 120%;
}



.fontbar{font-family: "Barlow Semi Condensed Black", "Barlow SemiBold", "Barlow ExtraBold", "Barlow Black";
	
}

 .btnfamily001{
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
    font-weight: bold;
    font-size: 90%;
	 text-align: center;
	 
}

@media (min-width: 992px) {
 .btnfamily001{
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
    font-weight: bold;
    font-size: 200%;
	}
}
@media (min-width: 992px){
	.btn10{
       padding: 7px 40px 7px 46px;
		font-size: 25px;
}
}
	
.magisita{
   margin-bottom:50px;
}

.magisitasmall{
   margin-bottom:20px;
}

.magi30{
	margin-top: 30px;
	margin-bottom: 30px;
}


/*ここからRK-02*/
h1 {
     text-align: center;
}
 
h1 span{
     position: relative;
     display: inline-block;
     padding: 0 0.8em;
}
      
h1 span::before{
     position: absolute;
     content: '';
     top:0;
     right:0.2em;
     width: 0.2em;
     height:100%;
     border: solid 1px black;
     border-left: none;
}
 
h1 span::after{
     position: absolute;
     content: '';
     top:0;
     left:0.2em;
     width: 0.2em;
     height:100%;
     border: solid 1px black;
     border-right: none;
}


/*商品名*/
.small006{
    font-size: 180%;
	margin-bottom:20px;
	margin-top:70px;
}

.small007{
    font-size: 180%;
	margin-bottom:40px;
	margin-top:20px;
}

.small008{
    font-size: 180%;
	margin-bottom:20px;
	margin-top:20px;
}

.small-maeyou{
    font-size: 160%;
	margin-bottom:40px;
	margin-top:20px;
}

.small-usiroyou{
    font-size: 150%;
	margin-bottom:40px;
	margin-top:20px;
}

.magi50{
   margin-bottom:30px;
	margin-top:50px;
}

.magi20{
   margin-top:20px;
}

/*スマホ用*/
.family001{
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
    font-weight: bold;
    font-size: 100%;
}

.family002{
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
    font-weight: bold;
    font-size: 95%;
}

/*収納、組み立て説明用スペース*/
.left01{
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
}



/*スマホより大きい画面*/
@media (min-width: 500px){
.family001{
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
    font-weight: bold;
    font-size: 130%;
}

.family002{
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
    font-weight: bold;
    font-size: 115%;
	}

	/*収納、組み立て説明用スペース*/
.left01{
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	}
	
	.display-su{
	color: #FFFFFF;
	font-size: 500%;
	margin-top: 200px;
	margin-left: 20px;
}
	
	.magisugo{
	margin: 400px auto 300px auto;
	text-align: center;
	font-size: 20px;
}
	
}


	
.top01{
	text-align: top;
	margin-top: 20px;
	margin-bottom: 20px;
}

.rk-02{
  color: #24282E;/*文字色*/
  padding: 10px;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #88b928;/*背景色*/
  vertical-align: middle;
  border-radius: 25px;/*左側の角を丸く*/
    width: 100%;
}

/*レスポンシブ　YouTube埋め込み*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.tbl-r05#fontsize{
	font-size: 14px;
}

.tbl-r05#fontsize002{
	font-size: 14px;
}


/*rinko-goodsここから*/

.display-goods{
	color: #ffffff;
	font-size: 300%;
	margin-top: 200px;
	margin-left: 10px;
}

.family003{
	font-size: 90%;
}


/*tekigo*/



.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
}
.cp_table thead th {
	padding: 10px 1px;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	background: #32384A;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 90%;
}
.cp_table thead th:last-child {
	border-right: 1px solid #dddddd;
}
.cp_table tbody th {
	padding: 10px 10px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	font-weight: 500; 
	font-size: 85%;
}

.cp_table th{
	 width: 25%;
}

.cp_table tbody tr:last-child th {
	border-bottom: 1px solid #dddddd;
}
.cp_table tbody td {
	padding: 10px 5px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background: #ffffff;
}
@media only screen and (max-width:800px) {
	.cp_table thead {
		display: none;
	}
	.cp_table tbody th {
		display: block;
		border-top: 1px solid #dddddd;
		background: #5B677C;
		color: #ffffff;
	}
	.cp_table tbody td {
		display: block;
		padding: 10px 5px;
	}
	.cp_table tbody td::before {
		font-weight: bold;
		float: left;/*上のth要素が長い場合こちらを解除すると1段落下り見やすくなります*/
		padding: 0.5em 0;
		content: attr(label);
	}
	.cp_table tbody td p {
		padding: 0.5em 0 0 1em;
    margin: 0;
	}

    .cp_table th{
	 width: 100%;
    }
}	

/*その他適合*/
.row-head {
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
}
 
.row-head th,
.row-head td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.row-head th {
  background: #32384A;
  color: #FFFFFF;
}
 
.row-head label {
  line-height: 34px;
  margin: 0;
}
 
@media only screen and (max-width: 800px) {
  .row-head thead {
    display: none;
  }
  
  .row-head tr,
  .row-head td {
    display: block;
    width: auto;
  }
  
  .row-head tr {
    border: 2px solid #dbe1e8;
    margin-bottom: 20px;
    padding: 8px 0;
  }
  
  .row-head td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    display: flex;
    justify-content: space-between;
    text-align: right;
  }
  .row-head td:last-child {
    border-bottom: none;
  }
  .row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 20px;
    white-space: nowrap;
  }
  
  .row-head td.bt-area::before {
    display: none;
  }
  .row-head td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
  }
  .row-head td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
  }
  
  .row-head.header-check tr {
    padding-left: 40px;
    position: relative;
  }
  .row-head.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
  }
  .row-head.header-check td:first-child::before {
    display: none;
  }
}





 
.cp_table001 *, .cp_table001 *:before, .cp_table001 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table001 {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
}
.cp_table001 thead th {
	padding: 10px 1px;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	background: #32384A;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 90%;
}
.cp_table001 thead th:last-child {
	border-right: 1px solid #dddddd;
}
.cp_table001 tbody th {
	padding: 10px 10px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	font-weight: 500; 
	font-size: 85%;
}

.cp_table001 th{
	 width: 25%;
}

.cp_table001 tbody tr:last-child th {
	border-bottom: 1px solid #dddddd;
}
.cp_table001 tbody td {
	padding: 10px 5px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background: #ffffff;
}


* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
/*設置する親要素ページ全体ならbodyなど*/
position: relative;
height: 100vh;
margin: 0;
padding: 0;
}

.cp_snslink11 {
position: fixed;
bottom: 1%;
right: 1%;
display: block;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cp_snslink11 a {
-webkit-transition: all 0.8s;
transition: all 0.8s;
opacity: 0.8;
}
.cp_snslink11 .cp_link {
margin-left: -40px;
}


.cp_snslink11 .cp_open_btn {
line-height: 42.5px;
position: absolute;
width: 50px;
height: 50px;
margin-left: -40px;
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition:         transform ease-out 200ms;
transition:         transform ease-out 200ms, -webkit-transform ease-out 200ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
text-align: center;
color: #ffffff;
border-radius: 100%;
background: #eeeeee;
}
.cp_link{
line-height: 38.5px;
position: absolute;
width: 50px;
height: 50px;
margin-left: -40px;
-webkit-transition: -webkit-transform ease-out 200ms;
transition: -webkit-transform ease-out 200ms;
transition:         transform ease-out 200ms;
transition:         transform ease-out 200ms, -webkit-transform ease-out 200ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #ffffff;
border-radius: 100%;
background: #eeeeee;
}
.cp_snslink11 .cp_link_list {
font-size: 26px;
z-index: 99999;
box-sizing: border-box;
width: 40px;
height: 40px;
margin: auto;
text-align: center;
}
.cp_snslink11 .cp_link_list a.cp_link .fa {
color: #ffffff;
}
.cp_snslink11 .cp_open {
display: none;
}
.cp_snslink11 .cp_share {
color: #e64a19;
}
.cp_snslink11 .cp_link:hover {
opacity: 1;
}
.cp_snslink11 .cp_link:nth-child(3),
.cp_snslink11 .cp_link:nth-child(4),
.cp_snslink11 .cp_link:nth-child(5),
.cp_snslink11 .cp_link:nth-child(6),
.cp_snslink11 .cp_link:nth-child(7),
.cp_snslink11 .cp_link:nth-child(8){
	z-index: 9999;
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.cp_snslink11 .cp_open_btn {
z-index: 99999;
cursor: pointer;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
transform: scale(1.1, 1.1) translate3d(0, 0, 0);
}
.cp_snslink11 .cp_open_btn:hover {
-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
.cp_snslink11 .cp_open:checked + .cp_open_btn {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}
.cp_snslink11 .cp_open:checked ~ .cp_link {
-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.cp_snslink11 .cp_open:checked ~ .cp_link:nth-child(3) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
-webkit-transform: translate3d(0.08361px, -64px, 0);
transform: translate3d(0.08361px, -64px, 0);
}
.cp_snslink11 .cp_open:checked ~ .cp_link:nth-child(4) {
-webkit-transition-duration: 280ms;
transition-duration: 280ms;
-webkit-transform: translate3d(0.08361px, -134px, 0);
transform: translate3d(0.08361px, -134px, 0);
}
.cp_snslink11 .cp_open:checked ~ .cp_link:nth-child(5) {
-webkit-transition-duration: 380ms;
transition-duration: 380ms;
-webkit-transform: translate3d(0.08361px, -202px, 0);
transform: translate3d(0.08361px, -202px, 0);
}
.cp_snslink11 .cp_open:checked ~ .cp_link:nth-child(6) {
-webkit-transition-duration: 480ms;
transition-duration: 480ms;
-webkit-transform: translate3d(0.08361px, -270px, 0);
transform: translate3d(0.08361px, -270px, 0);
}
.cp_snslink11 .cp_open:checked ~ .cp_link:nth-child(7) {
-webkit-transition-duration: 580ms;
transition-duration: 580ms;
-webkit-transform: translate3d(0.08361px, -338px, 0);
transform: translate3d(0.08361px, -338px, 0);
}
.cp_snslink11 .cp_open:checked ~ .cp_link:nth-child(8) {
-webkit-transition-duration: 680ms;
transition-duration: 680ms;
-webkit-transform: translate3d(0.08361px, -406px, 0);
transform: translate3d(0.08361px, -406px, 0);
}
.cp_snslink11 .btnsuru001 {
background-color: #C0C0C0;
	z-index:　3;
}

/*チャイルド適合のheader*/
.header002{
position: -webkit-sticky; /* safari対応 */
position: sticky;
top: 70px; /* 上端から10pxのところで固定 */
background-color: #FFFFFF;
z-index: 2;
}