/*
Theme Name: 世界の人形祭　サイトテーマ2016
Theme URL: 
Description: 
Author: 
Version: 1.0
*/

@charset "UTF-8";

/* ----------------------------------------------------------------------- 

 top detail

----------------------------------------------------------------------- */

/* mainImg
----------------------------------------------------------------------- */
@media screen and (min-width: 769px) {   
	#mainImg{
		max-width:1400px;
		min-width:900px;
		margin:0 auto;
	}
}
@media screen and (max-width: 768px) {   
	#mainImg{
		width:100%;
	}
}

/* news
----------------------------------------------------------------------- */
.home #news{
	margin:40px 0 50px;
}
.home #news .title{
	margin-bottom:15px;
	line-height: 1.2;
	text-align:center;
}
.home #news ul:after{
	content:"";
	display:block;
	clear:both;
}
.home #news li{
	float:left;
	width:210px;
	margin:0 20px 20px 0;
	text-align:left;
	line-height: 1.4;
	background:#b6e0ec;
}
.home #news li:nth-child(4n){
	margin-right:0;
}
.home #news li a{
	color:#000000;
	text-decoration:none;
}
.home #news li a img{
	display:block;
}
.home #news li .day{
	margin:10px 10px 0;
	font-size:12px;
}
.home #news li .title{
	margin:5px 10px 8px;
	font-size:15px;
	text-align:left;
}
@media screen and (max-width: 768px) {   
	.home #news{
		margin:15px 0 35px;
	}
	.home #news .title{
		margin-bottom:10px;
	}
	.home #news li{
		float:left;
		width:48%;
		margin:0 0 15px 0!important;
		text-align:left;
		line-height: 1.4;
		background:#b6e0ec;
	}
	.home #news li:nth-child(2n){
		float:right;
	}
	.home #news li:nth-child(3n){
		clear: both;
	}
	.home #news li .day{
		margin:5px 5px 0;
		font-size:10px;
	}
	.home #news li .title{
		margin:5px 5px 8px;
		font-size:12px;
	}
}

/* germany
----------------------------------------------------------------------- */
.home #germany{
	margin:50px 0 15px;
}
.home #germany .title{
	margin-bottom:10px;
	line-height: 1.2;
	text-align:center;
	background:url(common/img/bg_ttl01.png) repeat-x left center;
}
.home #germany .title span{
	display:inline-block;
	background:#ffffff;
}
.home #germany .info{
	float:left;
	width:230px;
	line-height:0;
}
.home #germany .info dt{
	margin:5px 0 22px;
}
.home #germany .info .price{
	width:210px;
	margin-top:12px;
	padding:5px 0 10px 10px;
	border:1px solid #000000;
}
.home #germany .info-area {
	width:440px;
	float: left;
}
.home #gmap{
	float:left;
	width:210px;
	height:200px;
}
.home #germany .text{
	width:440px;
	font-size:13px;
	clear: both;
	padding-top: 20px;
}
.home #germany .chirashi {
	width:440px;
	float: right;
}
.home #germany .img{
	clear:both;
	padding-top:20px;
}
.home #germany .img:after{
	content:"";
	display:block;
	clear:both;
}
.home #germany .img li{
	float:left;
	width:210px;
	margin:0 20px 20px 0;
	text-align:center;
	font-size:10px;
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.4;
	letter-spacing:0.08em;
}
.home #germany .img li:nth-child(4n){
	margin-right:0;
}
.home #germany .img img{
	display:block;
	margin-bottom:5px;
}
@media screen and (min-width: 769px) {   
	.home #germany .title{
		min-width:900px;
		height:60px;
	}
	.home #germany .title span{
		height:60px;
		padding:0 55px;
		line-height:80px;
	}
}
@media screen and (max-width: 768px) {   
	.home #germany{
		margin:30px 0 30px;
	}
	.home #germany .title{
		margin-bottom:20px;
		padding-bottom:30px;
		background:url(common/img/bg_ttl01_sp.png) repeat-x left bottom;
		background-size:5px 30px;
	}
	.home #germany .title span{
		display:inline-block;
		padding:0 4% 5px;
	}
	.home #germany .info{
		float:none;
		width:92%;
		margin:0 auto;
	}
	.home #germany .info-area {
		width:100%;
	}
	.home #germany .info dt{
		margin:0 0 22px;
	}
	.home #germany .info .price{
		width:100%;
		margin-top:17px;
		padding:15px 10px 12px 10px;
	}
	.home #gmap{
		float:none;
		width:108%;
		height:305px;
		margin:15px -4%;
	}
	.home #germany .text{
		float:none;
		width:100%;
		line-height: 1.6;
		padding-bottom: 20px;
	}
	.home #germany .chirashi {
		width:100%;
	}
	.home #germany .img li{
		float:left;
		width:48%;
		margin:0 0 20px 0!important;
	}
	.home #germany .img li:nth-child(2n){
		float:right;
	}
}


/* ----------------------------------------------------------------------- 

 news detail

----------------------------------------------------------------------- */

/* news
----------------------------------------------------------------------- */

/* title */
.news_article h1{
	margin-bottom:15px;
	padding-bottom:12px;
	font-size:35px;
	font-weight:normal;
	line-height: 1.2;
	border-bottom:1px solid #000000;
}
.news_article h2{
	margin:55px 0 20px;
	padding:6px 0 5px 15px;
	font-size:28px;
	font-weight:normal;
	line-height: 1.2;
	border-left:6px solid #82c0d6;
}
.news_article h3{
	margin:20px 0 20px;
	padding:10px 0 8px 15px;
	color:#ffffff;
	font-size:22px;
	font-weight:normal;
	line-height: 1.2;
	background:#82c0d6;
	border-radius:5px;
}
.news_article h4{
	margin:30px 0 25px;
	padding-bottom:5px;
	font-size:18px;
	font-weight:normal;
	line-height: 1.2;
	border-bottom:2px solid #82c0d6;
}
.news_article h5{
	margin:20px 0 20px;
	color:#82c0d6;
	font-size:16px;
	font-weight:normal;
	line-height: 1.2;
}

/* p */
.news_article p{
	margin-bottom:30px;
}
/* a */
.news_article a{
	position:relative;
	display:inline-block;
	margin-left:15px;
	font-size:14px;
}
.news_article a:before{
	position:absolute;
	top:50%;
	left:-15px;
	margin-top:-6px;
	content:"";
	display:block;
	border-style:solid;
	border-width:6px 0 6px 8px;
	border-color:transparent transparent transparent #82c0d6;
}
/* ul */
.news_article ul{
	margin:30px 0 20px 10px;
}
.news_article ul li{
	position:relative;
	margin-bottom:10px;
	padding-left:1.5em;
	font-size:14px;
	line-height: 1.4;
}
.news_article ul li:before{
	position:absolute;
	top:-1px;
	left:0;
	content:"●";
	color:#82c0d6;
}
/* table */
.news_article table{
	margin:50px 0;
	font-size:14px;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
}
.news_article table th,
.news_article table td{
	padding:15px 0 12px;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	line-height: 1.4;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
.news_article table th{
	background:#e1f9ff;
}
.news_article table .bg01{
	background:#efefef;
}

/* eyeCatch */
.news_article .eyeCatch{
	display:block;
	width:100%;
	margin-bottom:20px;
	line-height: 0;
}
/* headLine */
.news_article .headLine{
	margin:15px 0;
	color:#808080;
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.news_article .headLine:after{
	content:"";
	display:block;
	clear:both;
}
.news_article .cat{
	float:left;
	margin:0;
}
.news_article .cat li:before{
	display:none;
}
.news_article .cat li{
	margin:0 10px 0 0;
	padding:9px 10px 7px;
	font-size:10px;
	line-height: 1.0;
	color:#ffffff;
	background:#82c0d6;
	border-radius:10px;
}
.news_article .cat .cat01{
	color:#ffffff;
	background:#82c0d6;
}
.news_article .cat a{
	margin:0;
	font-size:10px;
	text-decoration:none;
	color:#ffffff;
}
.news_article .cat a:before{
	display:none;
}
.news_article .day{
	float:left;
	font-size:17px;
}
/* tag */
.news_article .tag{
	position:relative;
	margin:10px 0;
	padding:0 0 0 20px;
	font-size:12px;
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.4;
	letter-spacing:-0.4em;
}
.news_article .tag:before{
	position:absolute;
	top:2px;
	left:0;
	content:"";
	width:16px;
	height:15px;
	background:url(common/img/ico_tag01.png) no-repeat;
	background-size:contain;
}
.news_article .tag li{
	position:relative;
	display:inline-block;
	margin:0 0 0 8px;
	padding:0;
	letter-spacing:normal;
}
.news_article .tag li:before{
	position:absolute;
	top:0;
	left:-8px;
	margin:0;
	content:",";
	color:#000000;
}
.news_article .tag li:first-child{
	margin:0;
}
.news_article .tag li:first-child:before{
	display:none;
}
.news_article .tag a{
	margin:0;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
.news_article .tag a:before{
	display:none;
}
.news_article img{
	height: auto;
}

@media screen and (max-width: 768px) {   
	/* title */
	.news_article h1{
		margin-bottom:10px;
		padding-bottom:5px;
		font-size:20px;
	}
	.news_article h2{
		margin:15px 0 15px;
		padding:6px 0 5px 10px;
		font-size:20px;
		border-width:5px;
	}
	.news_article h3{
		margin:15px 0 20px;
		padding:10px 0 8px 10px;
		font-size:16px;
		border-radius:3px;
	}
	.news_article h4{
		margin:20px 0 15px;
		padding-bottom:5px;
		font-size:13px;
	}
	.news_article h5{
		margin:15px 0 15px;
		font-size:12px;
	}

	/* p */
	.news_article p{
		margin-bottom:15px;
		line-height: 1.6;
	}
	/* ul */
	.news_article ul{
		margin:20px 0 20px;
	}
	.news_article ul li{
		margin-bottom:5px;
		padding-left:1.2em;
		font-size:11px;
	}
	/* table */
	.news_article table{
		margin:30px 0;
		font-size:17px;
		border-collapse:collapse;
		border:none;
	}
	.news_article tbody{
		display: -webkit-box;
		overflow-x:scroll;
	}
	.news_article table tr{
		display:block;
	}
	.news_article table th,
	.news_article table td{
		display:block;
		padding:15px 10px 12px;
	}
	.news_article table th{
		border-left:1px solid #000000;
	}
	.news_article table th:first-child,
	.news_article table td:first-child{
		border-top:1px solid #000000;
	}
	/* eyeCatch */
	.news_article .eyeCatch{
		margin-bottom:15px;
	}
	/* headLine */
	.news_article .headLine{
		margin:10px 0 20px;
	}
	.news_article .cat li{
		border-radius:5px;
	}
	.news_article .day{
		margin-top:4px;
		font-size:12px;
	}
	/* tag */
	.news_article .tag{
		margin:10px 0 20px;
		padding:0 0 0 24px;
		font-size:11px;
	}
	.news_article .tag:before{
		top:0;
		width:17px;
		height:17px;
		background-image:url(common/img/ico_tag01_sp.png);
	}
	.news_article .tag a{
		font-size:11px;
	}
}





/* ----------------------------------------------------------------------- 

 news_list detail

----------------------------------------------------------------------- */

/* pager
----------------------------------------------------------------------- */

.wp-pagenavi{
	text-align: center;
	margin-top: 40px;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #000;
    margin: 3px;
    padding: 3px 9px;
    text-decoration: none;
		color: #000;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border: 1px solid #5BC1D8;
	background: #5BC1D8;
	color: #fff;
}

/* newsList
----------------------------------------------------------------------- */
h1.newsList{
	margin:55px 0 40px;
	padding-bottom:12px;
	font-size:34px;
	font-weight:normal;
	line-height: 1.2;
	border-bottom:1px solid #000000;
}
.newsList li{
	margin-top:30px;
}
.newsList li:after{
	content:"";
	display:block;
	clear:both;
}
.newsList li > img{
	float:left;
	display:block;
	width:270px;
	height: auto;
	line-height: 0;
}
.newsList .text{
	float:right;
	width:355px;
}
.newsList .text dt{
	font-size:19px;
	line-height: 1.4;
}
.newsList .text .day{
	margin-bottom:10px;
	color:#808080;
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.2;
}
.newsList .text dd{
	line-height: 1.6;
	font-size:14px;
}
.newsList .btn{
	float:right;
	margin-top:10px;
	text-align:right;
}


@media screen and (max-width: 768px) {   
	/* pager
	----------------------------------------------------------------------- */
	.wp-pagenavi{
		margin:30px auto 50px;
	}

	/* newsList
	----------------------------------------------------------------------- */
	.newsList h1{
		margin:25px 0 15px;
		padding-bottom:5px;
		font-size:22px;
	}
	.newsList li{
		margin-top:45px !important;
	}
	.newsList li:first-child{
		margin-top:0;
	}
	.newsList .img{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.newsList .text{
		float:none;
		width:100%;
	}
	.newsList .text dt{
		font-size:15px;
	}
	.newsList .text .day{
		margin-bottom:10px;
	}
	.newsList .text dd{
		font-size:12px;
	}
	.newsList .btn{
		width:84px;
	}
}






/* ----------------------------------------------------------------------- 

 固定ページ

----------------------------------------------------------------------- */

/* news
----------------------------------------------------------------------- */

.headLine2 {
	margin-top: 60px;
}
@media screen and (max-width: 768px) {   
	.headLine2 {
		margin-top: 30px;
	}

}