@charset "utf-8";


/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto!important;
	-webkit-overflow-scrolling: touch!important;
}

.table-comparison{
	margin: 3em 0!important;
	border-top: 0!important;
}

.table-comparison th,
.table-comparison td{
	padding: 20px!important;
	text-align: center!important;
}

.table-comparison thead .highlight span{
	display: block!important;
	margin: -11px!important;
	margin-top: -25px!important;
	padding: 11px!important;
	padding-top: 25px!important;
	border: 1px solid #cfcfcf!important;
	border-radius: 8px 8px 0 0!important;
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background: #1a5ca1!important;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background: #f2f2f2!important;
}
.table-comparison tr{
	border-top: 2px solid #ffffffff!important;
	border-bottom: 2px solid #ffffffff!important;
	border-right: none !important;
	border-left: 2px solid #ffffffff!important;
}
.table-comparison td{
	border-top: 2px solid #ffffffff!important;
	border-bottom: 2px solid #ffffffff!important;
	border-left: none !important;
	border-right: 2px solid #ffffffff!important;

/*	border : 1px solid #ffffffff!important; */
}


/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }





/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


/*マルチカラム（1～6）*/
.col6-wrap,
.col5-wrap,
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0 0 1em;
}

.col6-wrap::after,
.col5-wrap::after,
.col4-wrap::after,
.col3-wrap::after,
.col2-wrap::after{
	display: block;
	content: " ";
	clear: both;
}

.col,
.col_ns{
	float: none;
	width: auto;
	margin-left: 0;
}

.col{
	margin-bottom: 2%;
}



@media (min-width : 900px){

	/*マルチカラム（1～6）*/
	.col,
	.col_ns{
		float: left;
	}

	.col::after,
	.col_ns::after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}

	.col5-wrap > .col,
	.col4-wrap > .col,
	.col2-wrap > .col{
		width: 49%;
	}

	.col5-wrap > .col:nth-child(odd),
	.col4-wrap > .col:nth-child(odd),
	.col2-wrap > .col:nth-child(odd){
		margin-right: 2%;
	}

	.col6-wrap > .col,
	.col3-wrap > .col{
		width: 32%;
		margin-right: 2%;
	}

	.col6-wrap > .col:nth-child(3n),
	.col3-wrap > .col:nth-child(3n){
		margin-right: 0;
	}

	.col5-wrap > .col_ns,
	.col4-wrap > .col_ns,
	.col2-wrap > .col_ns{
		width: 50%;
	}
	
	.col6-wrap > .col_ns,
	.col3-wrap > .col_ns{
		width: 33.33333333%;
	}
}



@media (min-width : 1200px){

	/*マルチカラム（1～6）*/
	.col6-wrap > .col{
		width: 15%;
		margin-right: 2%;
	}

	.col6-wrap > .col:nth-child(3n){
		margin-right: 2%;
	}

	.col6-wrap > .col:nth-child(6n){
		margin-right: 0;
	}

	.col5-wrap > .col{
		width: 18.4%;
		margin-right: 2%;
	}

	.col5-wrap > .col:nth-child(5n){
		margin-right: 0;
	}

	.col4-wrap > .col{
		width: 23.5%;
		margin-right: 2%;
	}

	.col4-wrap > .col:nth-child(4n){
		margin-right: 0;
	}

	.col6-wrap > .col_ns{
		width: 16.66666666%;
	}
	
	.col5-wrap > .col_ns{
		width: 20%;
	}

	.col4-wrap > .col_ns{
		width: 25%;
	}

}


/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

	/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
	.table-block,
	.table-block thead,
	.table-block tbody,
	.table-block tfoot,
	.table-block tr,
	.table-block th,
	.table-block td{
		display: block;
	}
	
	.table-block{
		border-bottom: 1px solid #959595;
	}
	
	.table-block th,
	.table-block td{
		float: left;
		width: 100%!important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.table-block:after{
		content : '';
		display : block;
		clear : both;
		height:0;
	}
	
	.table-scroll:before{
		content: "※はみ出ている場合、横にスクロールできます。"
	}
}



select {
  background: black;
}


select option {
  background: black;
}


/*Instagramアイコン*/
.cd-header a.insta img{
    display: inline-block;
    position: absolute;
    right: 16%;
    padding: 5px;
    margin-top: 3px;
    height: 50px;
    width: 50px;
/*    width: 10%; /*10*/ */
}

@media only screen and (min-width: 768px) {
    .cd-header a.insta img {
        top: 16px;
    right: 10%;
    }
}


video {
  width: 100%;
}