a { text-decoration: none; }

.max320 {
max-width :320px;
}

.max390 {
max-width 380px;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

hr {
    border-top: 1px dotted #fcc;
    color: #fff;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

/*マルチカラム（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%;
}


/*隙間なしのマルチカラム*/
.col_ns{
	margin-bottom: 0;
}


/*画像とテキストの組み合わせ*/
.col-wrap_onimage > .col{
	position: relative;
	overflow: hidden;
	max-width: 300px;
	margin: auto;
	margin-bottom: 20px;
}

.col-wrap_onimage_02 > .col{
	max-width: 300px;
	margin: auto;
	margin-bottom: 20px;
	background-size: cover;
}

.col-wrap_onimage > .col .col-text_onimage{
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}

.col-wrap_onimage > .col .col-text_onimage a{
	color: #fff;
}

.col-wrap_onimage > .col .col-text_onimage a:hover,
.col-wrap_onimage > .col .col-text_onimage a:active,
.col-wrap_onimage > .col .col-text_onimage a:focus{
	text-decoration: none;
}

.col-wrap_onimage_02 > .col .col-text_onimage{
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
}

.col-wrap_onimage_02 > .col a{
	color: #fff;
}

.col-wrap_onimage_02 > .col a:hover,
.col-wrap_onimage_02 > .col a:active,
.col-wrap_onimage_02 > .col a:focus{
	text-decoration: none;
}

.col1 .keni-mv_wide .keni-mv_outer,
.col2 .keni-mv_wide .keni-mv_outer,
.col2r .keni-mv_wide .keni-mv_outer{
	max-width: none;
}

	/*マルチカラム（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%;
	}

	# 1カラムのレイアウト
	*/
	.col1 .keni-header_outer,
	.col1 .keni-gnav_outer,
	.col1 .keni-mv_outer,
	.col1 .catch-area,
	.col1 .archive_title_wrap,
	.col1 .keni-breadcrumb-list_outer,
	.col1 .keni-footer_outer,
	.col1 .keni-copyright,
	.col1 .keni-section_wrap,
	.col1 .keni-sep-conts_outer,
	.col1 .keni-footer-panel_outer{
		max-width: 980px;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .keni-sub{
		padding: 10px 0;
	}

	.col1 .keni-main_outer,
	.col1 .section_wrap-wide{
		width: 100%;
		max-width: none;
	}

	.col1 .keni-section_wrap,
	.col1 .section_wrap-wide,
	.col1 .section_wrap-wide .keni-section{
		margin-right: auto;
		margin-left: auto;
	}
	
	.col1 .keni-section_wrap{
		max-width: 900px;
	}
	
	.col1 .section_wrap-wide{
		max-width: none;
	}

	.col1 .section_wrap-wide .keni-section{
		padding: 0 20px;
	}
	
	/*
	# 2カラムのレイアウト
	*/
	.col2 .keni-header_outer,
	.col2 .keni-gnav_outer,
	.col2 .keni-mv_outer,
	.col2 .archive_title_wrap,
	.col2 .keni-main_outer,
	.col2 .catch-area,
	.col2 .keni-breadcrumb-list_outer,
	.col2 .keni-footer_outer,
	.col2 .keni-copyright,
	.col2 .keni-sep-conts_outer,
	.col2 .keni-footer-panel_outer{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}

	.col2r .keni-header_outer,
	.col2r .keni-gnav_outer,
	.col2r .keni-mv_outer,
	.col2r .catch-area,
	.col2r .archive_title_wrap,
	.col2r .keni-main_outer,
	.col2r .keni-breadcrumb-list_outer,
	.col2r .keni-footer_outer,
	.col2r .keni-copyright,
	.col2r .keni-sep-conts_outer,
	.col2r .keni-footer-panel_outer{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .keni-lp .keni-header_outer,
	.col1 .keni-lp .keni-gnav_outer,
	.col1 .keni-lp .keni-mv_outer,
	.col1 .keni-lp .catch-area,
	.col2 .keni-lp .keni-header_outer,
	.col2 .keni-lp .keni-gnav_outer,
	.col2 .keni-lp .keni-mv_outer,
	.col2 .keni-lp .catch-area,
	.col2r .keni-lp .keni-header_outer,
	.col2r .keni-lp .keni-gnav_outer,
	.col2r .keni-lp .keni-mv_outer,
	.col2r .keni-lp .catch-area{
		max-width: none;
	}

	/*
	# 「メインコンテンツ（.keni-main）」と「サブコンテンツ（.keni-sub）」
	# 「メインコンテンツの幅」は「メインの幅（初期設定では1200px）」から「サブの幅＋余白（初期設定では320px）」を引いたもの
	*/

	/*2カラムの設定*/
	.col2 .keni-main{
		float: left;
		width: 100%;
		margin-right: -300px;
		padding-right: 300px;
	}

	.col2 .keni-sub{
		float: right;
		width: 300px; /*サイドバーの幅*/
	}

	
	/*2カラムリバースの設定*/
	.col2r .keni-main{
		float: right;
		width: 100%;
		margin-left: -320px;
		padding-left: 320px;
	}

	.col2r .keni-sub{
		float: left;
		width: 300px; /*サイドバーの幅*/
	}

	/*メインビジュアルキャッチ*/
	.col1 .catch-area,
	.col2 .catch-area{
		width: 100%;
		margin: 50px auto;
	}
	
	.col1 .catch-area_c,
	.col2 .catch-area_c{
		width: 50%;
	}
	
	.col1 .keni-lp .catch-area_c,
	.col2 .keni-lp .catch-area_c{
		width: 100%;
	}
	

	.col1 .archive_title{
		margin-right: auto;
		margin-left: auto;
	}

	/*ランキングリスト*/
	.col1 .rank_thumb,
	.free-area .rank_thumb{
		float: left;
		margin-right: 20px;
	}
	
	.item-box .item-box_thumb{
		float: left;
		margin-right: 30px;
	}
	
	.col1 .item-box02 .item-box_thumb{
		float: right;
		margin-left: 40px;
		max-width: 40%;
	}
	

	.col1 .item-box03_thumb{
		float: left;
		width: 30%;
	}
	
	.col1 .item-box03_cont{
		float: right;
		width: 68%;
	}
	
	.col1 .btn-detail_wrap{
		margin-top: 0;
	}

	.col1 .contact-box_in{
		flex-direction: row;
	}

	.col1 .contact-box-item{
		width: 48%;
		text-align: center;
	}
	
	.col1 .contact-box_tel{
		margin-bottom: 0;
		color: #00858a;
	}

	/*マルチカラム（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%;
	}


	/*画像とテキストの組み合わせ*/
	.col-wrap_onimage > .col,
	.col-wrap_onimage_02 > .col{
		max-width: none;
	}

	.col2 .keni-main{
		margin-right: -320px;
		padding-right: 320px;
	}

	.col2r .keni-main{
		margin-left: -320px;
		padding-left: 320px;
	}

	/*ランキングリスト*/
	.rank_thumb{
		float: left;
		margin-right: 20px;
	}

	.item-box02 .item-box_thumb{
		float: right;
		margin-left: 40px;
		max-width: 40%;
	}

	.col2 .item-box03_thumb,
	.col2r .item-box03_thumb{
		float: left;
		width: 30%;
	}
	
	.col2 .item-box03_cont,
	.col2r .item-box03_cont{
		float: right;
		width: 68%;
	}
	
	.col2 .btn-detail_wrap,
	.col2r .btn-detail_wrap{
		margin-top: 0;
	}

/*装飾ボックス*/
.box_style{
	margin: 0 0 30px;
	font-size: 1.8rem;
}

.box_style p:last-child{
	margin-bottom: 0;
}

.box_style img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.box_style p{
	font-size: 70%;
}

.box_style a{
	font-size: 70%;
}

/*ストライプの枠線*/
.box_style01{
	padding: 6px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#05a5ab 25%, #05a5ab 50%,
		#fff 50%, #fff 75%,
		#05a5ab 75%, #05a5ab
	);
	background-size: 4px 4px;
	background-repeat: repeat;
}

.box_style01 .box_inner{
	padding: 10px;
	background-color: #e8f7f7;
}

.box_style02{
	padding: 6px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#999999 25%, #999999 50%,
		#fff 50%, #fff 75%,
		#999999 75%, #999999
	);
	background-size: 4px 4px;
	background-repeat: repeat;
}

.box_style02 .box_inner{
	padding: 10px;
	background-color: #fff;
}

.box_style02 li{
	line-height: 2em;
}

.box_style03{
	padding: 16px;
	background: #e8f7f7;
}

.box_style04{
	padding: 16px;
	background: #f0f0f0;
}

.box_style05{
	padding: 16px;
	background: #333333;
	color: #fff;
}


/*ストライプの背景*/
.box_style06{
	padding: 16px;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#eff9f9 25%, #eff9f9 50%,
		#fff 50%, #fff 75%,
		#eff9f9 75%, #eff9f9
	);
	background-size: 4px 4px;
	background-repeat: repeat;
	background-color: #e8f7f7;
}


/*画像背景*/
.box_style07{
	padding: 10px;
	background: url(./images/sample011.jpg) center center;
	background-size: cover;
}

.box_style07 .box_inner{
	padding: 10px;
	background-color: rgba(255,255,255,0.7);
}


/*カラーボックス*/
.box_style_blue,
.box_style_green,
.box_style_orange,
.box_style_red,
.box_style_pink,
.box_style_yellow,
.box_style_gray{
	margin-bottom: 30px;
	padding: 6px;
	background-size: 4px 4px;
	background-repeat: repeat;
	font-size: 1.4rem;
}

.box_style_blue .box_inner,
.box_style_green .box_inner,
.box_style_orange .box_inner,
.box_style_red .box_inner,
.box_style_pink .box_inner,
.box_style_yellow .box_inner,
.box_style_gray .box_inner{ padding: 15px; }

.box_style_blue .box_style_title,
.box_style_green .box_style_title,
.box_style_orange .box_style_title,
.box_style_red .box_style_title,
.box_style_pink .box_style_title,
.box_style_yellow .box_style_title,
.box_style_gray .box_style_title{
	margin: -8px 0 5px -27px;
	color: #fff;
	line-height: 1.4;
}

.box_style_title span{
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	font-size: 70%;
}

.box_style_title span::before{
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	content: "";
}


/*カラーボックス（青）*/
.box_style_blue{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#0baedd 25%, #0baedd 50%,
		#fff 50%, #fff 75%,
		#0baedd 75%, #0baedd
	);
}
.box_style_blue .box_inner{ background-color: #f8fdff; }
.box_style_blue .list_style02 li::before,
.box_style_blue .box_style_title span{ background-color: #0baedd;}


/*カラーボックス（緑）*/
.box_style_green{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#5bc130 25%, #5bc130 50%,
		#fff 50%, #fff 75%,
		#5bc130 75%, #5bc130
	);
}
.box_style_green .box_inner{ background-color: #f9fff3; }
.box_style_green .list_style02 li::before,
.box_style_green .box_style_title span{ background-color: #5bc130;}


/*カラーボックス（橙）*/
.box_style_orange{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#fca60d 25%, #fca60d 50%,
		#fff 50%, #fff 75%,
		#fca60d 75%, #fca60d
	);
}
.box_style_orange .box_inner{ background-color: #fdf9f1; }
.box_style_orange .list_style02 li::before,
.box_style_orange .box_style_title span{ background-color: #fca60d; }


/*カラーボックス（赤）*/
.box_style_red{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#d94b59 25%, #d94b59 50%,
		#fff 50%, #fff 75%,
		#d94b59 75%, #d94b59
	);
}
.box_style_red .box_inner{ background-color: #fff8f9; }
.box_style_red .list_style02 li::before,
.box_style_red .box_style_title span{ background-color: #d94b59; }


/*カラーボックス（ピンク）*/
.box_style_pink{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#f48cc0 25%, #f48cc0 50%,
		#fff 50%, #fff 75%,
		#f48cc0 75%, #f48cc0
	);
}
.box_style_pink .box_inner{ background-color: #fffafd; }
.box_style_pink .list_style02 li::before,
.box_style_pink .box_style_title span{ background-color: #f48cc0; }


/*カラーボックス（黄）*/
.box_style_yellow{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#f2cb0c 25%, #f2cb0c 50%,
		#fff 50%, #fff 75%,
		#f2cb0c 75%, #f2cb0c
	);
}
.box_style_yellow .box_inner{ background-color: #fffdf3; }
.box_style_yellow .list_style02 li::before,
.box_style_yellow .box_style_title span{ background-color: #f2cb0c; }


/*カラーボックス（灰色）*/
.box_style_gray{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#999999 25%, #999999 50%,
		#fff 50%, #fff 75%,
		#999999 75%, #999999
	);
}
.box_style_gray .box_inner{ background-color: #fafafa; }
.box_style_gray .list_style02 li::before,
.box_style_gray .box_style_title span{ background-color: #999999; }

.m10{ margin: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m50-b{ margin-bottom: 50px!important; }

/*埋め込み要素のはみ出しを防止*/
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}