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

/*
Theme Name: Media
Theme URI: http://150.95.156.162:8080/wp-content/themes/dantame_memdia/
Description: コンテンツデザイン
Version: 1.1
Author: Manryo
*/

/******************************************************************************

main

*******************************************************************************/
#wp_header { background: #f9f9f9; padding: 5px 0; margin: 0 0 20px 0; }
#wp_header .wp_topicPath { float: left; padding: 8px 5px 0 0; }
#breadcrumb li { display: inline-block; padding-right: 10px;}
#wp_header .wp_search { float: right; }
#wp_header .wp_search input[type="text"] { border: 1px solid #ddd; padding: 5px; height: 40px; width: 300px;}
#wp_header .wp_search input[type="image"] { width: 40px; float: right; }
.wp_h2 { color: #122848; font-weight: bold; font-size: 20px; font-size: 2rem; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 25px; text-align: left; }
.wp_h3 { font-size: 26px; font-size: 2.6rem; text-align: center; margin: 60px 0 40px 0; }
.wp_container { max-width: 1000px; margin: 0 auto; }
.wp_boxinner { width:33.3%; padding: 0 16px; margin-bottom: 20px; float: left; }
.wp_boxinner:nth-child(3n+1) { clear: both; }
.wp_box { border: 1px solid #ccc; margin: 0; position: relative; width: 100%; height: 100%; background: #F9F9F9; }

.box_area { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.box_cate { position: absolute; top:-10px; left: -10px; z-index: 9999; }
.box_cate img { width: 50px; height: 50px;}
.box_data { font-size: 14px; font-size: 1.4rem; font-weight: bold; text-align: right; padding: 5px; background: #FFF; }
.box_new { color:#EE5567; font-weight: bold; padding-left: 5px; background: #FFF; }
.box_img { width: 100%; height: 163px; overflow: hidden; position: relative; background: #FFF; }
.box_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }
.box_sponsor { background: #F0AF53; color: #fff; text-align: center; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

.box_title a { color: #1F82C6; text-decoration: underline; font-weight: bold; font-size: 18px; font-size: 1.8rem; }
.box_title { padding: 5px 10px; background: #FFF; }
.box_tag { padding: 5px; }
.box_tag li { float: left; margin: 0 5px 5px 0; font-size: 13px;  font-size: 1.3rem; }
.box_tag li a { background: #E8E8E8; display: block; text-decoration: none; border-radius: 5px; padding: 5px; }
.box_tag li a:hover { background: #666; color: #fff; }

.heightline-title { background: #FFF; }

.wp-pagenavi { margin: 20px 0 60px 0; text-align: center;}
.wp-pagenavi .pages { display: none; }
.wp-pagenavi .current { display:inline-block; padding: 10px 15px; vertical-align: middle; background: #122949; color: #fff; font-weight: bold; margin: 5px;}
.wp-pagenavi .page,.nextpostslink,.previouspostslink { padding: 10px 15px; display:inline-block; vertical-align:middle; border: 1px solid #112949; margin: 5px; }

/* TOPページキーワード検索 */
#h2_box { position: relative; }
#top_search { position: absolute; top:-10px; right: 0; }
#top_search .wp_search { float: right; }
#top_search .wp_search input[type="text"] { border: 1px solid #ddd; padding: 5px; height: 40px; width: 300px;}
#top_search .wp_search input[type="image"] { width: 40px; float: right; }

/* スライドバナー */
.swiper-container { margin: 20px auto 40px auto; }
.swiper-slide { text-align: center; }
.swiper-button-prev { left: 0!important; }
.swiper-button-next { right: 0!important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { position: static!important; }
.swiper-slide img { width: 900px; }
.swiper-wrapper:empty {
  display: none;
}


@media (max-width: 960px) {
	.wp_container { max-width: 960px; }
	.wp_boxinner { width: 50%; }
	.wp_h3 { font-size: 22px; font-size: 2.2rem; font-weight: bold; margin: 20px 0 40px 0;}
}
@media (max-width: 600px) {
#h2_box { position: static; }
#top_search { position: relative; margin-bottom: 20px; }
#top_search .wp_search input[type="text"] { width: 100%; position: relative; }
#top_search .wp_search { float: none; }
#top_search .wp_search input[type="image"] { position: absolute; right: 0; top: 0; }
}
@media (max-width: 480px) {
	.wp_h3 { font-size: 22px; font-size: 2.2rem; font-weight: bold; margin: 30px 0 40px 0;}
	#wp_header .wp_topicPath { float: none; width: 100%; padding-bottom: 5px; }
	#wp_header .wp_search { float: none; position: relative; }
	#wp_header .wp_search input[type="text"] { width: 100%; height: 40px; }
	#wp_header .wp_search input[type="image"] { width: 40px; position: absolute; top: 0; right: 0; }
	.wp_container { width: 100%; padding: 0 20px;}
	.wp_boxinner { width: 100%;}
	.box_title a { font-size: 16px; font-size: 1.6rem;}
}

/******************************************************************************

detail

*******************************************************************************/
.wp_thumbnail { width: 30%; display: inline-block; vertical-align: top; }
.wp_thumbnail img { width: 100%; height: auto; }
.wp_infoarea { border-bottom: 1px solid #ddd; padding: 0 0 20px 0; margin-bottom: 20px; }
.wp_info { width: 69%; display: inline-block; padding-left: 20px; }

.cate_1 { display: none; }
.cate_6 { color: #EE5567; border-radius: 5px; border: 1px solid #EE5567; text-align: center; padding: 5px 50px; margin-right: 10px; display: inline-block; font-weight: bold; font-size: 18px; font-size: 1.8rem;}
.cate_6 a { color:#EE5567; text-decoration: none;}
.cate_7 { color: #17BA8F; border-radius: 5px; border: 1px solid #17BA8F; text-align: center; padding: 5px 50px; margin-right: 10px; display: inline-block; font-weight: bold; font-size: 18px; font-size: 1.8rem;}
.cate_7 a { color: #17BA8F; text-decoration: none;}
.cate_8 { color: #F0AF53; border-radius: 5px; border: 1px solid #F0AF53; text-align: center; padding: 5px 50px; margin-right: 10px; display: inline-block; font-weight: bold; font-size: 18px; font-size: 1.8rem;}
.cate_8 a { color: #F0AF53; text-decoration: none;}
.wp_detail_data { display: inline-block;}
.wp_detail_title { font-size: 28px; font-size: 2.8rem; font-weight: bold; margin: 10px 0; }
.wp_detail_text { margin: 0 0 15px 0; color: #555;}
.wp_detail_tag { background-image: url(common/images/icon_tag.png); background-size: 20px; background-repeat: no-repeat; background-position: 0px 3px; padding-left: 30px; }
.wp_detail_tag li { display: inline-block; margin: 0 5px 0 0; font-size: 13px;  font-size: 1.3rem; }
.wp_detail_tag li a { background: #E8E8E8; display: block; text-decoration: none; border-radius: 5px; padding: 5px 10px; }
.wp_detail_tag li a:hover { background: #666; color: #fff; }

.wp_shopbox { width: 49.7%; display: inline-block; padding: 0 20px; padding-bottom: 30px; margin-bottom: 30px; vertical-align: top; }
.wp_shop_img { margin: 0px 0 15px 0; position: relative;}
.wp_shop_img img { width: 100%; }
.wp_shop_name { font-size: 24px; font-size: 2.4rem; font-weight: bold; display: inline-block; width: 63%; vertical-align: top;}
.wp_shop_data { color: #ee5567; border: 1px solid #ee5567; display: inline-block; font-weight: bold; padding: 5px 10px; vertical-align: middle; width: 35%; text-align: center; font-size: 16px; font-size: 1.6rem; margin-bottom: 15px; }
.wp_shop_data span { font-size: 24px; font-size: 2.4rem; vertical-align: middle; padding-left: 5px;}
.wp_shop_info { font-size: 16px; font-size: 1.6rem; color: #535353; margin: 0 0 20px 0; }
.wp_shop_detail { background: #F9F9F9; padding: 10px; font-size: 14px; font-size: 1.4rem; color: #535353; margin-bottom: 15px; }
.wp_shop_pdf { background-image: url(common/images/icon_pdf.png); background-size: 17px; background-repeat: no-repeat; padding-left: 25px; display: inline-block; width: 50%;}
.wp_shop_pdf a { color:#1183C1; text-decoration: underline; font-size: 16px; font-size: 1.6rem; }
.wp_shop_btn { display: inline-block; width: 48%; text-align: center; float: right;}
.wp_shop_btn a { width: 100%; background:#EE5663; border-radius: 3px; font-weight: bold; color: #fff; text-decoration: none; font-size: 18px; font-size: 1.8rem; padding: 5px 40px; display: block; border-bottom: 3px solid #E21625;}

.wp_content { font-size: 16px; font-size: 1.6rem; margin-bottom: 60px; }
.wp_content p { margin-bottom: 20px;}
.wp_content h2 { background: #eee; padding: 10px; margin: 40px 0 20px 0; font-size: 20px; font-size: 2rem; font-weight: bold; text-align: left; }
.wp_recent { border-top: 1px solid #ddd; }

@media (max-width: 600px) {
	.wp_shopbox { width: 49%; padding: 0 5px 20px 5px; margin-bottom: 20px;}
	.wp_shop_name { width: 100%;}
	.wp_shop_data { width: 100%;}
	.wp_shop_pdf { width: 100%; margin-bottom: 10px;}
	.wp_shop_btn { width: 100%;}
	.wp_content img { width: 100%;}
}
@media (max-width: 480px) {
	.wp_thumbnail { width: 100%; }
	.wp_info { width: 100%; padding-left: 0; }
	.wp_detail_title { font-size: 20px; font-size: 2.0rem; }
	.wp_detail_tag li {margin: 0 5px 5px 0; }

	.wp_shopbox { width: 100%; padding: 0; border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px;}
	.wp_shop_name { width: 100%; }
	.wp_shop_img { margin: 0px 0 10px 0;}
	.wp_shop_data { width: 100%; padding: 0; margin-bottom: 15px;}
	.wp_shop_info { font-size: 14px; font-size: 1.4rem; padding: 0 0 10px 0; }
	.wp_shop_pdf { width: 100%; margin-bottom: 10px; }
	.wp_shop_btn { width: 100%;}
	.wp_shop_btn a { padding: 10px 0;}
}