body {background-color: #fff!important;}

/*================================================
 *  スマホ用メニュー
 ================================================*/
.drop_menu #switch {
	position: absolute;
	display: none;
	opacity: 0;
}
.drop_menu #switch ~ label {
	display: block;
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	-webkit-transition: 0.5s transform;
	transition: 0.5s transform, right 0.2s;
	padding: 12px;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	background: transparent;
	text-align: center;
}
.drop_menu #switch ~ label:after {
	content:"";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition:visbility .4s,opacity .4s;
}
.drop_menu #switch ~ label b {
	z-index: 2;
	width: 100%;
	display: block;
	margin-bottom: 0;
	position: relative;
}
.drop_menu #switch ~ label span {
	cursor: -webkit-grabbing;
	display: block;
	width: 60px;
	height: 3px;
	background: #006b51;
	-webkit-transition: 0.2s transform, 0.5s background;
	transition: 0.2s transform, 0.5s background;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: -5px;
}
.drop_menu #switch ~ label span:before,
.drop_menu #switch ~ label span:after {
	content:"";
	display: block;
	width: 60px;
	height: 3px;
	background: #006b51;
	position: absolute;
	margin-top: 0;
}
.drop_menu #switch ~ label span:before {
	top: -18px;
}
.drop_menu #switch ~ label span:after {
	top: 18px;
}
.drop_menu #switch:checked ~ label:after {
	opacity: 1;
	visibility: visible;
}
.drop_menu #switch:checked ~ label span {
	-webkit-transform: rotate(-45deg) ;
	transform: rotate(-45deg) ;
	background: #006b51;
}
.drop_menu #switch:checked ~ label span:before {
	top: 0;
	background: #fff;
}
.drop_menu #switch:checked ~ label span:after {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	top: 0;
	margin-top: 0;
	background: #fff;
}
.drop_menu #switch:checked ~ label {
	left: 76%;
}
.drop_menu #NavWrap {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 1500;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	/* visibility: hidden; */
	padding-top: 0;
	box-sizing: border-box;
	transition: all 0.25s;
}
.drop_menu #NavWrap::-webkit-scrollbar {
	height: 10px;
	width: 10px;
}
.drop_menu #NavWrap::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #b3b3b3;
}
.drop_menu #NavWrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
}
.drop_menu #switch:checked ~ label+#NavWrap {
	visibility: visible;
	max-height: 100%;
	top: 0;
}
.drop_menu #NavWrap > ul {
	width: 100%;
	margin-right: 0;
	margin-left: auto;
}
.drop_menu #NavWrap {
	padding-top: 0;
	position: fixed;
	top: 0;
	right: auto;
	left: -100%;
	padding: 0;
	width: 75%;
	height: 100%;
	background: #fff;
}
.drop_menu #switch:checked ~ label+#NavWrap {
	top: 0;
	right: auto;
	left: 0;
}
.drop_menu #switch ~ label {
	padding: 6px;
	width: 46px;
	height: 46px;
	background-color: #ffffff;
	border-radius: 6px;
	margin-top: 25px;
        margin-right: 5px;
   /* position: absolute; */
}
.drop_menu #switch ~ label span {
   width: 30px;
   height: 2px;
   top: 16px;
   margin: auto;
}
.drop_menu #switch ~ label span:before,
.drop_menu #switch ~ label span:after {
   width: 30px;
   height: 2px;
   margin-top: 0;
}
.drop_menu #switch ~ label span:before {
   top: -10px;
}
.drop_menu #switch ~ label span:after {
   top: 10px;
}
.drop_menu #NavWrap .NavInner {
   display: block;
   border-left: none;
   height: auto;
   width: 100%;
   padding: 0;
}
.drop_menu .user_menu {
	background: #f8f3ec;
	padding: 15px;
	color: #676767;
}
.drop_menu .user_menu #log_name {
	border-bottom: dotted 1px #676767;
	margin-bottom: 0.25em;
}
.drop_menu .user_menu #log_point {
	text-align: right;
	margin-bottom: 0.5em;
}
.drop_menu .user_menu .btns {
	display: flex;
	justify-content: space-between;
}
.drop_menu .user_menu a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	font-size: 1.2rem;
	position: relative;
	font-weight: 600;
	color: #fefefe;
	min-height: 30px;
	padding: 5px;
	line-height: 1.2;
	border-radius: 5px;
	background: #006b51;
	border: solid 1px #006b51;
	transition: background .4s,transform .4s;
}
.drop_menu .user_menu a:after,
.drop_menu .site_menu a:after {
	content:"";
	display: inline-block;
	width: 0.65rem;
	height: 0.65rem;
	border-top: solid 1.9px #fff;
	border-right: solid 1.9px #fff;
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: border-color .4s;
}
.drop_menu .user_menu a:hover {
	background: #fff;
	transform: translateY(2px);
	color: #676767;
}
.drop_menu .user_menu a:hover:after {
	border-color: #006b51;
}
.drop_menu .user_menu .logouted a {
	flex-basis: 49%;	
}
.drop_menu .user_menu .logouted a:after {
	display: none;
}
.drop_menu .user_menu .logouted a.new {
	background: #fff;
	margin-left: 2%;
	color: #676767;
}
.drop_menu .user_menu .logouted a.new:hover {
	background: #006b51;
	color: #fefefe;
}
	
#Main_area .drop_menu #NavWrap a.login,
#Main_area .drop_menu #NavWrap a.mypage {color: #fff;}	
#Main_area .drop_menu #NavWrap a.login:hover,
#Main_area .drop_menu #NavWrap a.mypage:hover {color: #676767;}	
#Main_area .drop_menu #NavWrap a.new:hover {color: #fff;}
	
.drop_menu .site_menu {
	padding: 15px;
}
.drop_menu .site_menu li {
	border-bottom: solid 1px #c7c7c7;
}
	
.drop_menu .user_menu a, .drop_menu .site_menu a {text-decoration: none;}
	
.drop_menu .site_menu li a,
.drop_menu .site_menu dt {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	font-size: 1.1rem;
	position: relative;
	font-weight: 600;
	color: #676767;
	padding: 5px;
	line-height: 1.2;
	border-radius: 5px;
	transition: background .4s,transform .4s;
}
.drop_menu .site_menu li a,
.drop_menu .site_menu dt {
	border: none;
	border-radius: 0;
	min-height: 45px;
	justify-content: flex-start;
	padding: 5px 30px 5px 15px;
	font-weight: normal;
	background: none;
}
	
.drop_menu .site_menu li a:after {
	border-color: #999;
}
.drop_menu .site_menu .menu_ttl {
	background: /* #149979; */ #006b51;
	margin: 25px 0px 10px 0px;
	padding: 6px 15px;
	color: #fefefe;
	font-weight: 600;
	letter-spacing: .5px;
	font-size: 1.2rem;
	/*border-bottom: solid 1px #c7c7c7;*/
}
.drop_menu .site_menu dt {
	cursor: pointer;
	border-bottom: solid 1px #c7c7c7;
}
.drop_menu .site_menu dt img,
.drop_menu .site_menu li img {
	height: 25px;
	width: auto;
	margin: 0 5px 0 -5px;
}
.drop_menu .site_menu dt:before,
.drop_menu .site_menu dt:after {
	content:"";
	width: 1.2rem;
	height: 2px;
	background: #999;
	display: block;
	position: absolute;
	right: 10px;
	transition: transform .2s;
}
.drop_menu .site_menu dt:after {
	transform: rotate(-270deg);
}
.drop_menu .site_menu dt.opened:before {
	transform: rotate(180deg);
}
.drop_menu .site_menu dt.opened:after {
	transform: rotate(-180deg);
}
.txt-indent {text-indent: 1.5em;}	
	
.drop_menu .sns_wrap {	
	padding: 30px 15px 30px;
}
.drop_menu .sns_wrap ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.drop_menu .sns_wrap ul img {
	width: 30px;
	height: auto;
}	
#NavWrap ul li {width: 100%; float: none;}
#NavWrap .fs-l-header__welcomeMsg.is-ready {display: inherit!important;}
#NavWrap .single_menu, #NavWrap .txt-indent	{width: 100%;}
#NavWrap a:link {text-decoration: none;}
	
#NavWrap .is-loggedIn--false .logined {display: none;}	
#NavWrap .is-loggedIn--true .logouted {display: none;}

body#fs_ProductCategory .fs-p-memberInfo.is-loggedIn--false,
body#fs_ProductDetails .fs-p-memberInfo.is-loggedIn--false,
body#fs_ShoppingCart .fs-p-memberInfo.is-loggedIn--false,
body#fs_Register .fs-p-memberInfo.is-loggedIn--false {display: block;}	

#NavWrap .NavInner .Sns_icon {margin: 10px 20% 20px;}
#NavWrap .NavInner .Sns_icon ul {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}	
#NavWrap .NavInner .Sns_icon ul li {}
#NavWrap .NavInner .Sns_icon ul li img {max-width: 40px; width: 100%;}

/*================================================
 *  PC向けデザイン
 ================================================*/
@media print, screen and (min-width:980px) {
	.drop_menu {display: none!important}
        #mb_cart_icon {display: none;}
}
/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (min-width:768px) and ( max-width:979px) {
	.drop_menu {display: none!important}
        #mb_cart_icon {display: none;}
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	body {margin-top: 81px!important;}
	header {
		position: fixed;
		height: 80px;
		width: 100%;
		top: 0;
		left: 0;
                box-shadow: 0 4px 4px rgba(0,0,0,0.3);
                z-index:900;
	}
        #mb_cart_icon {
		position: absolute;
		right: 10px;
		top: 10px;
	}
	#mb_cart_icon li img {
		max-width: 40px;
		width: 100%;
		margin: auto;
		height: auto;
	}	
	#hlogo {padding: 0.5em; text-align: center; background-color: #fff; height: 63px;}
        #hlogo img {max-height: 40px;}
	#login_mb, #gNavBlock {display: none;}
	.flickity-enabled.is-draggable {line-height: 0;}
	.fs-p-memberInfo {display: block!important;}
	.drop_menu #NavWrap .fs-p-welcomeMsg {margin-bottom: 15px;}

    /* 検索　*/
	.drop_menu .fs-p-searchForm {
		padding: 10px 0;
	}
	.drop_menu .fs-p-searchForm form {width: 100%;}
	.drop_menu .fs-p-searchForm [type="text"] {
		padding: 5px;
		border-radius:12px 0px 0px 12px ;
		font-size: 13px;
        letter-spacing: .5px;
		width: 73%;
		border: 1px solid #ccc;
		height: 36px;
	}
	.drop_menu .fs-p-searchForm form .fs-p-inputGroup {
		display: flex;
		border: none;
		background: none;
	}

	.drop_menu .fs-p-searchForm form button[type="submit"] {
        background: url(https://kyoetsu.itembox.design/item/img/search_icon2.png) no-repeat center center #e9e9ed;
		background-size: 18px;
		text-indent: -999px;
		height: 36px;
		width: 25%;
		padding: 0 4%;
		margin: 0;
		border: 1px solid #ccc;
		border-radius: 0px 12px 12px 0px;
		vertical-align: bottom;
	}
	.drop_menu .fs-p-searchForm .fs-p-searchForm__button::before {display: none;}
        #header_inner {display: none;}
}

/*================================================
 *  PC/タブレット向けヘッダーメニューデザイン
 ================================================*/
@media print, screen and (min-width:768px) {

	/*================================================
	 *  ヘッダー
	 ================================================*/
	header {margin-bottom: 0; border-bottom: 1px solid #aaa;}
	ul {list-style: outside none none;}

	/*================================================
	 *  ヘッダー
	 ================================================*/
	header #header_inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
		height: 50px;
		border-top: 1px solid #aaa;
	}
	header #header_inner #header_navi {max-width: 1300px; width: 100%; margin: 0 auto;}
	header #header_inner #header_navi #dropmenu {
		list-style-type: none;
		width: 100%;
		margin:0 auto;
		padding: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}
	header #header_navi #dropmenu li {
		width: 18%;
		text-align: center; position: relative;
		background-image: url("https://kyoetsu.itembox.design/item/img/common/navi_line_bg.gif");
		background-position: right center;
		background-repeat: no-repeat;
		height: 48px;
	}
	header #header_navi #dropmenu li.dmenu {
		display: block;
		z-index: 999;
		font-size: 14px;
		line-height: 3.4;
		font-weight: bold;
	}

	header #header_navi #dropmenu li.dmenu:last-child {
		background-image: none;
	}

	header #header_navi #dropmenu li.dmenu a {
		height: 50px;
		display: block;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		line-height: 3.4;
	} 
	header #header_navi #dropmenu li.dmenu:hover,
	header #header_navi #dropmenu li.dmenu:hover a {color: #B01E21;}
	header #header_navi #dropmenu li.dmenu ul.sub_list {
		position: absolute;
		top: 106%;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	header #header_navi #dropmenu li.dmenu ul.sub_list li {
		height: 0;
		width: 100%;
		overflow: hidden;
		-moz-transition: 0.2s;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		-ms-transition: 0.2s;
		transition: 0.2s;
		background-color: #fff;
	}
	header #header_navi #dropmenu li.dmenu:hover ul.sub_list li {
		overflow: visible;
		height: 40px;
		box-sizing: border-box;
		background-color: #fff;
		border-bottom: 1px solid #aaa;
		border-right:  1px solid #aaa;
		border-left:  1px solid #aaa;
	}
	header #header_navi #dropmenu li.dmenu ul.sub_list li a {
		background-image: url("https://kyoetsu.itembox.design/item/img/common/icon_b.gif");
		background-position: 0 11px;
		background-repeat: no-repeat;
		color: #333;
		display: block;
		padding: 0 0 0 10%;
		text-align: left;
		width: 90%;
		height: 39px;
		font-size: 12px;
		font-weight: normal;
		background-color: #fff;
		line-height: 3.2;
		overflow: hidden;
	}
	header #header_navi #dropmenu li.dmenu ul.sub_list li:first-child a {border-top: none;}
	header #header_navi #dropmenu li.dmenu ul.sub_list li a:hover {background-color: #E3ECF3;}
	header #header_navi #dropmenu li.dmenu ul.sub_list li.Cg_ttl {
		padding: 0 0 0 5%;
		text-align: left;
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		line-height: 2.8;
		background-image: none;
		color: #000;
	}
	
	/* 検索 */
	header #header_navi #dropmenu li.kensaku {
		background-image: none;
		width: 25%;
		padding: 0 1%;
		line-height: 3.6;
	}
	header #header_navi #dropmenu li.kensaku .fs-p-inputGroup {
		display: inline-flex;
		width: 100%;
		border: none;
		background: none;
	}
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm input[type="text"] {
		-webkit-appearance: none;
		border: 1px solid #ccc;
		line-height: 1.4;
		padding: 3px 10px;
		border-radius: 12px 0px 0px 12px;
		font-size: 14px;
		width: 73%;
	}
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm input.fs-p-inputGroup__input {flex-grow: 1;}
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm button,
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm input,
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm select,
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm textarea {font: -webkit-control;}
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm form button.fs-p-searchForm__button {height: auto;}
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm form button[type="submit"] {
		background: url("https://kyoetsu.itembox.design/item/img/search_icon2.png") no-repeat center center #e9e9ed;
		background-size: 18px;
		text-indent: -999px;
		width: 15%;
		overflow: hidden;
		margin: 0;
		border: 1px solid #ccc;
		cursor: pointer;
		border-radius: 0px 12px 12px 0px;
		padding: 0 4%;
		height: 36px;
	}
	header #header_navi #dropmenu li.kensaku .fs-p-searchForm form button.fs-p-searchForm__button::before {content: none;}
}

/*================================================
 *  PCワイド向けデザイン
 ================================================*/
@media print, screen and (min-width:980px) {
	header #header_navi #dropmenu li {width: 15%;}
	header #header_navi #dropmenu li.dmenu ul.sub_list li a {background-position: 5px 11px;}
}

/*================================================
 *  営業日カレンダー
 ================================================*/
.calendar_ttl {text-align: center;}	
.calendar_parts {width: 100%;}	
.cal_month {
	padding: 15px 0;
	text-align: center;
}	
.this_month {font-weight: bold; font-size: 13px;}
.calendar_table {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	border-collapse: collapse;
}	
.calendar_table	th.cell_header {
	border: 1px solid #d6d6d6;
	background-color: #e9e9ed;
	color: #333333;
	white-space: nowrap;
}
.calendar_table	th.cell_header,
.calendar_table	td.cell_data {
	padding: 2px;	
}	
.calendar_table .cal_day {font-size: 70%;}
.calendar_table td.cell_data {
	border: 1px solid #d6d6d6;
}	
.calendar_table .sun .cal_day,
.calendar_subtext span.sun {color: #cc0000;}
.calendar_subtext p {font-size: 12px;}

/**  タブレット/スマホ **/
@media screen and (max-width: 1024px) {
	.calendar_ttl {font-size: 1.2em; font-weight: bold;}
	.calendar_subtext {
		max-width: 600px;
		margin: auto;
		padding: 0 3%;
	}
	.calendar_parts .calendar_table	th.cell_header,
	.calendar_parts .calendar_table	td.cell_data {
		width: 14.2%;	
	}	
}
	
/*================================================
 *  PC用左カラムデザイン
 ================================================*/
@media print, screen and (min-width:1025px) {
	#calendar_area {margin: 50px 0;}
	.calendar_table {
		width: 96%;
		margin: 0 auto 5px;
	}
	.calendar_ttl {
		background-color: #006b51;
		color: #fff;
		padding: 4px 0;
		border-radius: 5px;
	}
	.calendar_table	th.cell_header,
	.calendar_table	td.cell_data {
		width: 14.2%;	
	}	
}
	
/*================================================
 *  タブレット
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (min-width:768px) and (max-width:1024px) {
	.calendar_parts {max-width: 600px; margin: auto;}
}
	
/*================================================
 *  スマホ/タブレット
 ================================================*/
@media screen and ( max-width: 1024px) {
	.calendar_parts {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		align-content: flex-start;
		margin: auto;
	}
	.calendar_parts .One_month {
		width: calc(50% - 10px);
		margin: 5px;
		padding: 5px;
		box-sizing: border-box;
	}
}

/*================================================
 *  カテゴリーページ下部にコラムパーツ
 ================================================*/
.column_parts {max-width: 1280px; width: 100%; margin: auto;}	
.column_parts .level2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	row-gap: 20px;
}
.column_parts .level2 .level2-item  {
	width: calc(100%/4);
	padding: 0 1.5%;
	box-sizing: border-box;
}
.column_parts .level2 .level2-item img {width: 100%;}
.column_parts .level2 .level2-item p {margin: 0; color: #666;}
.column_parts .level2 .level2-item .media-midashi {
	font-size: 15px;
	font-weight: bold;
	color: #666;
}
.heading_midashi {
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #ccc;
	border-top: none;
	font-weight: bold;
	padding: 1%;
	margin-bottom: 2em;
}	
	
.link_btn_simp {
	margin: 5em auto;
	text-align: center;
	border: 1px solid #7c8790;
	border-radius: 8px;
	background: #286853;
	color: #ffffff;
	padding: 0;
	position: relative;
    letter-spacing: 0.5px;
	background-color: inherit;
	width: 100%;
	max-width: 420px;
}
.link_btn_simp a {
	display: flex;
	padding: 15px;
	align-items: center;
	justify-content: center;
	color: #333;
	font-size: 16px;
}
	
.link_btn_simp a::before {
	color: #666;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    margin: auto;
    width: 8px;
    height: 8px;
    z-index: 2;
	border-top: solid 2px #666;
	border-right: solid 2px #666;
    transform: rotate(45deg);
    transition: border-color .4s;
}
.link_btn_simp a::after {
	color: #666;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    z-index: 1;
    transition: background .0s;
}
.column_parts a:hover,
.link_btn_simp a:hover {opacity: 0.7;}
/*================================================
 *  タブレット向け
 ================================================*/
@media print, screen and (min-width:598px) and ( max-width:764px) {
	.column_parts .level2 .level2-item  {
		width: calc(100%/3);
		padding: 0 1.5%;
		box-sizing: border-box;
	}
}

/*================================================
 *  SP向け
 ================================================*/
@media print, screen and (max-width:597px) {
	.heading_midashi {font-size: 16px; margin-bottom: 1em;}
	.column_parts .level2 .level2-item  {
		width: calc(100%/2);
		padding: 0 1%;
		box-sizing: border-box;
	}
	.column_parts .level2 .level2-item .media-midashi {font-size: 12px;}
	.link_btn_simp {max-width: 300px;}
	.link_btn_simp a {font-size: 12px;}
	.link_btn_simp a::before {width: 8px; height: 8px;}
}

/*================================================
 *  商品カテゴリーページ見出し
 ================================================*/
#fs_ProductCategory .midashi_ttl {
	font-size: 20px;
	color: #767676;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
@media screen and (max-width:767px) {
	#fs_ProductCategory .midashi_ttl {font-size: 16px;}
}	

/*================================================
 *  丸カテゴリー
 ================================================*/
#cg_conts {
    margin: 20px auto 35px;
    width: 100%;
    max-width: 1280px;
    overflow-y: hidden;
    overflow-x: auto;
}	
.cg_list {
    display: -webkit-flex;
    display: flex;
    gap: 10px 15px;
}
.cg_list li {
    min-width: 100px;
    max-width: 100px;
    box-sizing: border-box;
    text-align: center;
    word-break: break-all;
}
.cg_list img {
    line-height: 0;
    margin-bottom: 8px;
}

.top_category_name {
    font-size: 12px;
    font-weight: 700;
	color: #333;
}

.cg_conts_aj {border-top: none!important; padding-top: 0!important; margin-top: 0!important;}

@media print, screen and (min-width:1025px) {
	.cg_list li a {
		display: block;
		padding-top: 10px;
	}
	.cg_list li a:hover {
		transform: translateY(-10px);
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: “alpha( opacity=80 )”;
	}	
}
@media screen and (max-width:767px) {
	.cg_list li {
		min-width: 80px;
		max-width: 80px;
	}
}


/*================================================
 *  共通
 ================================================*/
/**  PC非表示　**/
@media print, screen and (min-width:1025px) {
	.sp_tab_block {display: none;}
}
/**  タブレット/スマホ　**/
@media screen and (max-width: 1024px) {
	.sp_tab_block {
		display: block;
		width: 100%;
		max-width: 1020px;
		margin: auto;
		padding-top: 4%;
	}
}
.midashi_h1 {
	width: 100%;
	max-width: 1320px;
	margin: auto;
	text-align: center;
	font-size: 16px;
}
.top_midashi_h1 {
	width: 100%;
	max-width: 1320px;
	margin: auto;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
  	margin-bottom: 1%;
	padding-bottom: 1%;
}
@media screen and (max-width:767px) {
	.top_midashi_h1 {
		font-size: 12px;
		margin-bottom: 3%;
		padding-bottom: 3%;
	}
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.midashi_h1 {max-width: 767px; font-size: 12px;}
}

.cattxt {max-width: 1200px; padding: 0 2%; margin: auto; box-sizing: border-box;}