/* p_home.css */
.sliderlib_info .swiper-slide p {
	display: flex;
	justify-content: center;
}

/* */
section.c_top_topics {
	margin: 0 auto 50px;
}
div.c_top_topics {
	width: 97%;
	height: 40vh;
	max-height: 450px;
	padding: 10px;
	border: 1px solid gray;
}
ul.c_top_topics {
	height: 100%;
	box-shadow: 5px 5px 12px gray;
	overflow: auto;
}
ul.c_top_topics li {
	text-align: center;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
}
li.c_top_topics h4 {
	text-align: left;
}
li.c_top_topics section.contents_force
,li.c_top_topics section.contents {
	margin-bottom: 0px;
	padding: 5px;
	text-align: left;
}
li.c_top_topics div.seemore {
	display: inline-block;
	margin: 5px auto 10px;
	padding: 1px 13px;
	color: goldenrod;
	background-color: black;
	border-radius: 25px;
	box-shadow: 3px 3px 7px silver;
	font-size: 0.9em;
}
div.btn-list_topics {
	display: inline-block;
	margin: 5px auto 10px;
	padding: 5px 13px;
	color: white;
	background-color: deepskyblue;
	border-radius: 3px;
	box-shadow: 3px 3px 7px silver;
}
/* new icon */
img.icon_new {
	display: inline;
	vertical-align:middle;
}
div.contents_date {
	margin: 0;
	padding: 0 10px 0 0px;
	text-align: right;
	font-size: 0.9em;
}
div.f_new {
	color: goldenrod;
	font-weight: bold;
	font-style: italic;
}
div.ctt_frame {
	display: flex;
	align-items: center;
}
div.ctt_frame_img {
	padding: 5px;
}
div.ctt_frame_img img {
	height: 100%;
	margin: auto;
}
div.ctt_frame_body {
	padding: 5px;
}



/* */
section.aitem_list_frame {
	margin: 0 auto 50px;
}
section.aitem_list {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
section.aitem_list div.aitem_list_part {
	display: flex;
	flex-wrap: wrap;
	width: 300px;
	height: 415px;
	margin: 0 5px 15px 5px;
	border: 1px solid silver;
	box-shadow: 3px 3px 7px gray;
	overflow: hidden;
}
section.aitem_list div.aitem_list_part > div.alp_name {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	margin: 0 auto 5px;
	padding: 5px;
	color: lightgoldenrodyellow;
	background-color: black;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	box-shadow: 2px 2px 5px gray;
	text-shadow: 5px 5px 6px yellow;
	box-sizing: border-box;
}

section.aitem_list div.aitem_list_part > div.alp_img {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 220px;
	padding: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	box-sizing: border-box;
}
section.aitem_list div.aitem_list_part > div.alp_img > div.alp_img_frame {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	box-sizing: border-box;
}
section.aitem_list div.aitem_list_part div.alp_info {
	height: 115px;
	padding: 5px;
	text-align: center;
	width: 100%;
	margin: 5px;
}

section.aitem_list div.aitem_list_part div.alp_info div.alp_price {
	margin: 0;
	padding: 2px;
	text-align: right;
	font-size: 1.6em;
	font-weight: bold;
	color: crimson;
	box-sizing: border-box;
}
section.aitem_list div.aitem_list_part div.alp_info div.alp_price span {
	font-size: 0.6em;
}
section.aitem_list div.aitem_list_part div.alp_info div.alp_explain {
	margin: 0;
	padding: 2px;
	color: black;
	font-size: 0.8em;
	line-height: 1;
	box-sizing: border-box;
}

section.aitem_list div div.alp_img_frame_status {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.alp_img > .s_0 { background: rgba(255,255,255,0.5);  } /* 無効 */
.alp_img > .s_1 { } /* 販売中 */
.alp_img > .s_2 { background-color: rgba(255,255,255,0.6);} /* SOLD OUT */
.alp_img > .s_3 { } /* ASK */
.alp_img > .s_4 { color: crimson; background: rgba(255,255,255,0.5); padding: 5px 10px; border-radius: 15px; } /* まもなく販売 */
.alp_img > .s_5 { color: gold; } /* 特別販売 */

.alp_img_frame > .s_0 { } /* 無効 */
.alp_img_frame > .s_1 { } /* 販売中 */
.alp_img_frame > .s_2 { color: red; } /* SOLD OUT */
.alp_img_frame > .s_3 { color: crimson; background: rgba(255,255,255,0.5); padding: 5px 10px; border-radius: 15px; } /* ASK */
.alp_img_frame > .s_4 { color: crimson; background: rgba(255,255,255,0.5); padding: 5px 10px; border-radius: 15px; } /* まもなく販売 */
.alp_img_frame > .s_5 { color: crimson; font-weight: bold; text-shadow: 5px 5px 10px #ffff1a, -5px 5px 10px #ffff1a, 5px -5px 10px #ffff1a, -5px -5px 10px #ffff1a, 5px 0px 10px #ffff1a, 0px 5px 10px #ffff1a, -5px 0px 10px #ffff1a, 0px -5px 10px #ffff1a; } /* 特別販売 */

.aitem_list .s_new {  }
.aitem_list .s_recom  { }
.alp_img_frame > .s_new { color: crimson; }
.alp_img_frame > .s_recom  { color: goldenrod; }


/* filter */
section.aitem_filter_frame {
	margin:5px auto;
	padding:5px;
	box-sizing:border-box;
}
section.aitem_filter_frame form {
	display:inline-block;
	width: 100%;
	margin:5px auto;
	padding:5px;
	box-sizing:border-box;
}
section.aitem_filter_frame fieldset.form_filter {
	display:block;
	width:100%;
	margin:auto;
	padding:5px;
	border:3px ridge green;
	box-sizing:border-box;
}
section.aitem_filter_frame div.form_sect {
	display:inline-block;
	margin:5px auto;
	box-sizing:border-box;
}
section.aitem_filter_frame div.form_sect label {
	margin:0px auto;
	padding:0 0 0 5px;
}
section.aitem_filter_frame div.form_sect:before {
	content:"■";
}
section.aitem_filter_frame div.form_sect label:hover {
	background:yellow;
}
section.aitem_filter_frame div.form_ctrl {
	display:block;
	margin:5px auto;
	box-sizing:border-box;
}
section.aitem_filter_frame div.form_ctrl input {
	margin:2px;
	padding:0 2px;
}
label.ctrl_blk {
	display: block;
}

.info_item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 1px;
	padding: 0;
	line-height: 1;
	font-size: 0.9em;
	color: black;
	background-color: lightyellow;
}
.info_item .name {
	width: 30%;
	color: black;
	font-size: 0.8em;
	padding: 4px 0px;
	background-color: gold;
	border-radius: 0 15px 15px 0;
}
.info_item .value {
	width: 70%;
	text-align: left;
	padding: 2px 0 2px 5px;
}


/* */
section.c_top_msg {
	margin: 0 auto 50px;
}
div.c_top_msg {
	position: relative;
	width: 90%;
	height: fit-content;
	margin: 20px;
	padding: 20px;
	font-size: 0.9em;
	line-height: 2.3;
	border: 1px solid silver;
	box-shadow: 0 0px 20px 5px silver;
	background-color: #e3e1c8;
}
div.c_top_msg::before {
	content: "";
	width: 60px;
	height: 60px;
	background: linear-gradient(-45deg, white, silver 50%, silver 35%, #e3e1c8 86%);
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	box-shadow: -1px -1px 2px #ccc;
	display: inline-block;
	position: absolute;
	bottom: -1px;
	right: -1px;
}



/* */
/* responsive.css */
/* min */
@media screen and ( min-width: 980px )  {
div.ctt_frame_img {
	width: 20%;
}
div.ctt_frame_body {
	width: 80%;
}
}
/* max */
@media screen and ( max-width: 979px ) {
section.aitem_list {
	justify-content: center;
}
li.c_top_topics section.contents_force > p
, li.c_top_topics section.contents_force > div
,li.c_top_topics .contents
{
	font-size: 0.9em;
	line-height: 1.3;
}
}
@media screen and (max-width: 880px) {
}
@media screen and (max-width: 750px) {

}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 550px) {
div.c_top_msg {
	margin: 15px !important;
	padding: 10px !important;
	font-size: 0.8em !important;
	line-height: 1.2 !important;
	box-shadow: 0 0px 15px 5px silver !important;
}
div.c_top_msg::before {
	content: "";
	width: 40px;
	height: 40px;
}
li.c_top_topics section.contents_force > p
, li.c_top_topics section.contents_force > div
,li.c_top_topics .contents
{
	font-size: 0.8em;
	line-height: 1.2;
}
div.ctt_frame_img {
	width: 30%;
}
div.ctt_frame_body {
	width: 70%;
}
}