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

/* common */

body{
	color:#222;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-wrap:break-word;
	background:#fff;
	position:relative;
	-webkit-text-size-adjust: 100%;
}

a:hover img{
	opacity:0.6;
}

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

.anchor{
	text-decoration:none;
}

.post{
	margin:4em 0 0 0;
}

.post:first-child{
	margin-top:0;
}

.post > *:first-child{
	margin-top:0;
}

.post h2{
	font-size:150%;
	line-height:1.5;
	padding:calc(1em - 0.25em) 1em;
	margin:2rem 0 0 0;
	border:4px solid #f2efed;
	position:relative;
}

.post h2 span{
	font-size:0.5em;
	position:absolute;
	top:2.25em;
	right:2em;
}

.post p{
	line-height:1.75;
	margin:calc(1em - 0.375em) 0 -0.375em 0;	
}

.post img{
	max-width:100%;
	height:auto;
	margin:0 auto;	
}

/* motion */

.play{
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;	
}

.fade.pre{
	opacity:0;
}

.fade.play{
	opacity:1;
}

/* device */

html{
	height:100%;
}

body{
	height:100%;
}

.main{
	height:100%;
	margin:0 auto;
}

.ancestor img{
	margin-left:auto;
	margin-right:auto;
}

.back{
	display:none;
	position:fixed;
	bottom:0px;
	right:0px;
}

.back a img{
	opacity:0.8;
}

.back img{
	width:40px;
}
	
.other .mainNavi li{
	float:left;
}

.other .mainNavi li img{
	width:100%;
}

.footer{
	color:#b0acaa;
	background:#f2efed;
}

.footer .inner .center ul{
	margin:-0.5em 0;
}

.footer .inner .center ul li{
	display:inline;
	line-height:2;
	padding:0 1em 0 0;
	margin:0 1em 0 0;
	border-right:1px solid #b0acaa;
}

.footer .inner .center ul li:last-child{
	padding-right:0;
	margin-right:0;
	border-right:none;
}

.footer .inner .center address{
	line-height:1.5;
	margin:-0.25em 0;
}

.footer .inner .right{
	width:160px;
	float:left;
}

@media all and (min-width:768px){
	
	body{
		font-size:13px;
	}

	.contents{
		margin:0 20px;
	}

	.other{
		margin:20px 20px 0 20px;
	}
	
	.other .mainNavi li{
		width:12.5%;
	}
	
	.other .mainNavi li:first-child{
		width:25%;
	}

	.footer{
		padding:40px 0;
		margin:0 20px 20px 20px;
	}
	
	.footer .inner{
		margin:0 40px;
	}

	.footer .inner .left{
		width:100px;
		float:left;
		margin:0 40px 0 0;
	}

	.footer .inner .center{
		width:calc(100% - 340px);
		float:left;
		margin:calc(27px - 1.75em) 40px 0 0;
	}
	
	.footer .inner .center .link2{
		margin:1em 0 40px 0;
	}
}

@media all and (max-width:767px){
	.post h2 span {
		display:block;
		position:static;
	}
	html{
		font-size:62.5%;
	}

	body{
		font-size:1.2rem;
	}

	.contents{
		margin:0 10px;
	}

	.other{
		margin:10px 10px 0 10px;
	}
	
	.other .mainNavi li{
		width:25%;
	}
	
	.other .mainNavi li:first-child{
		width:50%;
	}
	
	.footer{
		padding:1.5em 0;
		margin:0 10px 10px 10px;
	}
	
	.footer .inner{
		margin:0 1em;
	}

	.footer .inner .left{
		margin:0 0 1.5em 0;
	}

	.footer .inner .center .link2{
		margin:calc(1em - 0.5em) 0 calc(1.5em - 0.5em) 0;
	}
	
	.footer .inner .center .link2 li{
		display:inline;
		line-height:2;
		padding:0 1em 0 0;
		margin:0 1em 0 0;
		border-right:1px solid #b0acaa;
	}
	
	.footer .inner .center .link2 li:last-child{
		padding-right:0;
		margin-right:0;
		border-right:none;
	}

	.footer .inner .center address{
		margin-bottom:calc(1.5em - 0.5em); /* overwrite */
	}
}

/* index */

#index .header{
	background:#eae5e3;
	position:relative;
}

#index .header .slide{
	height:100%;
}

#index .header .slide li{
	display:none;
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	top:0px;
	left:0px;
}

	#index .header .slide li.pre{
		opacity:0;
	}
	
	#index .header .slide li.play{
		opacity:1;
		-moz-transition: all 2s ease;
		-webkit-transition: all 2s ease;
		-ms-transition: all 2s ease;
	}

#index .header .slide li:nth-child(1){
	display:block !important;
}

#index .header .slide li span{
	display:block;
	width:100%;
	height:100%;
	opacity:0.88;
	background-repeat:no-repeat;
	background-position:center;
}

	#index .header .slide li span.pre{
		background-position:center 70%;
	}
	
	#index .header .slide li span.play{
		background-position:center 50%;
		-moz-transition: all 2s ease;
		-webkit-transition: all 2s ease;
		-ms-transition: all 2s ease;
	}

#index .header .slide li.image1 span{
	background-image:url("../images/index/image01.jpg");
	background-size:cover;
}

#index .header .slide li.image2 span{
	background-image:url("../images/index/image02.jpg");
	background-size:cover;
}

#index .header .slide li.image3 span{
	background-image:url("../images/index/image03.jpg");
	background-size:cover;
}

#index .header .slide li.image4 span{
	background-image:url("../images/index/image04.jpg");
	background-size:cover;
}

#index .header .slide li.image5 span{
	background-image:url("../images/index/image05.jpg");
	background-size:cover;
}

#index .header .slide li.image6 span{
	background-image:url("../images/index/image06.jpg");
	background-size:cover;
}

#index .header .loader{
	width:28px;
	height:28px;
	border-radius: 50%;
    border: 4px solid #b0acaa;
    border-right-color: transparent;
	position:absolute;
	top:calc(50% - 16px);
	left:calc(50% - 16px);
	-moz-animation: myAnime 1.5s linear infinite;
	-webkit-animation: myAnime 1.5s linear infinite;
	-o-animation: myAnime 1.5s linear infinite;
	-ms-animation: myAnime 1.5s linear infinite;
	animation: myAnime 1.5s linear infinite;
}

@-moz-keyframes myAnime{
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}

@-webkit-keyframes myAnime{
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}

@-o-keyframes myAnime{
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}

@-ms-keyframes myAnime{
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}

@keyframes myAnime{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

#index .header .catch{
	position:absolute;
	z-index:2;
}

#index .header .catch span{
	display:block;
	float:left;
	margin-top:0;
}

	#index .header .catch span.pre{
		opacity:0;
		margin-top:8px;
	}
	
	#index .header .catch span.play{
		opacity:1;
		margin-top:0px;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
	}

#index .header .share{
	width:180px;
	padding:7px 0;
	background:url("../images/index/share.png") no-repeat 16px center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#index .header .share li{
	width:24px;
	float:left;
	margin:0 12px 0 0;
}

#index .header .share li:first-child{
	margin-left:68px;
}

#index .a{
	margin:0 0 32px 0;
	background:url("../images/index/a-bg01.gif") repeat-x center bottom;
}

#index .a .inner{
	background:url("../images/index/a-bg02.gif") no-repeat center bottom;
}

#index .a .inner .text{
	margin:0 0 30px 0;
}

#index .a .inner img{
	max-width:calc(100% - 40px);
	margin:0 auto;
}

#index .b{
	max-width:1240px;
	width:100%;
	margin:0 auto 40px auto;
}

#index .b li{
	width:25%;
	float:left;
}

#index .b li{
	margin:8px 0 0 0;
}

	#index .b li.pre{
		opacity:0;
		margin:0 0 8px 0;
	}
	
	#index .b li.play{
		opacity:1;
	margin:8px 0 0 0;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
	}

#index .b li img{
	margin:0 auto;
}
	
#index .c ul li{
	width:100%;
	position:relative;
}

#index .c ul img{
	width:100%;
	opacity:0.72;
}

#index .c li a:hover img{
	opacity:0.88;
}
	
#index .c li span{
	display:block;
	width:30em;
	color:#fff;
	font-weight:bold;
	line-height:1.75;
	margin:-0.375em 0;
}
	
#index .c li span.tl{
	position:absolute;
	top:1.5em;
	left:1.5em;
}
	
#index .c li span.tr{
	position:absolute;
	top:1.5em;
	right:1.5em;
}
	
#index .c li span.bl{
	position:absolute;
	bottom:1.5em;
	left:1.5em;
}
	
#index .c li span.br{
	position:absolute;
	bottom:1.5em;
	right:1.5em;
}
	
#index .c li strong{
	display:block;
	font-size:150%;
}

#index .c .link img{
	opacity:0.12;
}

#index .c .link a:hover img{
	opacity:0.24;
}
		
#index .c .link span{
	width:100%;
	height:1em;
	color:#fff;
	text-align:center;
	margin:auto 0;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
}

	/* cat */
		
	#index .cat1 .link{
		background:#b58f73;
	}
		
	#index .cat2 .link{
		background:#97afb3;
	}
		
	#index .cat3 .link{
		background:#9fa5a1;
	}
		
	#index .cat4 .link{
		background:#a8b083;
	}

@media all and (min-width:1000px){

	#index .header .catch{
		left:calc(50% - 158px);
	}

	#index .header .scroll{
		cursor:pointer;
		position:absolute;
		bottom:20px;
		left:calc(50% - 40px);
		z-index:2;
	}
	
	#index .header .banner{
		width:240px;
		height:calc(100% - 40px);
		background:rgba(0,0,0,0.48);
		position:absolute;
		top:20px;
		right:20px;
		z-index:2;
	}
	
	#index .header .banner .inner{
		margin:20px;
		height:100%;
	}
	
	#index .header .banner .inner2{
		color:#fff;
		height:calc(100% - 460px);
		margin:0 0 20px 0;
		background:#ae1300;
	}
	
	#index .header .banner .inner3{
		height:calc(100% - 264px);
		margin:0 12px;
		overflow:auto;
	}
	
	#index .header .banner .inner3 .text{
		color:#fff;
		line-height:1.75;
		margin:0.5em 0;
	}
	
	#index .header .banner .inner3 .image{
		height:calc(100% - 4.5em);
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}
	
	#index .banner2{
		display:none;
	}
	
	#index .c .large li span{
		font-size:150%;
	}
	
	#index .c .small li span{
		font-size:100%;
	}
}

@media all and (min-width:768px) and (max-width:999px){

	#index .header .catch{
		left:calc(60% - 158px);
	}
	
	#index .header .scroll{
		display:none;
	}
	
	#index .header .banner{
		display:none;
	}
	
	#index .banner2{
		margin:20px;
	}
	
	#index .banner2 .left{
		width:calc(50% - 10px);
		float:left;
		margin:0 20px 0 0;
	}
	
	#index .banner2 .left .inner{
		display:none;
	}
	
	#index .banner2 .right{
		width:calc(50% - 10px);
		float:left;
	}
	
	#index .banner2 img{
		width:100%;
	}
	
	#index .c .small li span{
		font-size:80%;
	}
}

@media all and (min-width:768px){

	#index .header{
		height:calc(100% - 40px);
		margin:20px;
	}

	#index .header .mainNavi{
		width:200px;
		height:252px;
		margin:auto 0;
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		z-index:2;
	}
	
	#index .header .mainNavi li img{
		width:200px;
	}

	#index .header .h1{
		position:absolute;
		top:48px;
		left:40px;
		z-index:2;
	}

	#index .header .catch{
		width:315px;
		top:calc(50% - 84px);
	}

	#index .header .fb{
		position:absolute;
		bottom:40px;
		left:40px;
		z-index:2;
	}
	
	#index .header .share{
		position:absolute;
		bottom:20px;
		left:40px;
		z-index:2;
	}

	#index .other .mainNavi{
		display:none;
	}

	#index .a .inner{
		padding:64px 0 180px 0;
	}
	
	#index .b li img{
		width:60%;
	}

	#index .c{
		margin:0 0 20px 0;
	}
	
	#index .c .title{
		width:25%;
		float:left;
	}

	#index .c .title h2{
		padding:52px 0;
	}
	
	#index .c .title img{
		max-width:310px;
		width:100%;
		margin:0 auto;
	}
	
	#index .c .large{
		width:50%;
		float:left;
	}
	
	#index .c .small{
		width:25%;
		float:left;
	}
	
	#index .c li{
		float:left;
		background:#000;
		position:relative;
	}
	
	/* cat */
	
	#index .cat1{
		background:url("../images/index/c03.png") no-repeat left bottom #f9e4d5;
		background-size:25%;
	}
	
	#index .cat2{
		background:url("../images/index/d03.png") no-repeat left bottom #e6f4f6;
		background-size:50%;
	}
	
	#index .cat3{
		background:url("../images/index/e03.png") no-repeat right bottom #eef1ef;
		background-size:50%;
	}
	
	#index .cat4{
		background:url("../images/index/f03.png") no-repeat right bottom #f3f7df;
		background-size:25%;
	}
}

@media all and (max-width:767px){

	#index .header{
		height:calc(100% - 20px);
		margin:10px;
	}

	#index .header .mainNavi{
		display:none;
	}

	#index .header .h1{
		width:184px;
		height:84px;
		margin:0 auto;
		position:absolute;
		top:calc(50% - 42px);
		left:0px;
		right:0px;
		z-index:2;
	}

	#index .header .catch{
		width:210px;
		top:20px;
		left:calc(50% - 105px);
	}

	#index .header .catch span{
		width:30px;
	}

	#index .header .catch .short{
		width:24px;
	}

	#index .header .catch img{
		width:100%;
		height:auto;
	}
	
	#index .header .scroll{
		display:none;
	}
	
	#index .header .banner{
		display:none;
	}

	#index .header .fb{
		width:180px;
		margin:0 auto;
		position:absolute;
		bottom:80px;
		left:0px;
		right:0px;
		z-index:2;
	}
	
	#index .header .share{
		margin:0 auto;
		position:absolute;
		bottom:20px;
		left:0px;
		right:0px;
		z-index:2;
	}
	
	#index .banner2{
		margin:10px;
	}
	
	#index .banner2 .left{
		margin:0 0 10px 0;
	}
	
	#index .banner2 .inner{
		color:#fff;
		padding:1em;
		background:#ae1300;
	}
	
	#index .banner2 .inner .image{
		width:23%;
		float:left;
		padding:23% 0 0 0;
		margin:0 2% 0 0;
		background-size:cover;
	}
	
	#index .banner2 .inner .text{
		width:75%;
		float:left;
		line-height:1.5;
		margin:-0.25em 0;
	}
	
	#index .banner2 img{
		width:100%;
	}

	#index .a .inner{
		padding:40px 0 120px 0;
	}
	
	#index .c{
		margin-bottom:1em;
	}
	
	#index .c li{
		background:#000;
		position:relative;
	}

	#index .b li img{
		width:100%;
	}

	#index .c h2{
		width:50%;
		margin:0 auto;
	}

	#index .c img{
		width:100%;
		max-width:100%;
	}
	
	#index .c .title{
		padding:2em 0;
	}

	#index .c .text{
		display:none;
	}
	
		/* cat */
		
		#index .cat1{
			background:#f9e4d5;
		}
		
		#index .cat2{
			background:#e6f4f6;
		}
		
		#index .cat3{
			background:#eef1ef;
		}
		
		#index .cat4{
			background:#f3f7df;
		}
}

/* zine */

#zine .contents{
	padding-bottom:4em;
}

#zine .a{
	color:#fff;
	position:relative;
}

#zine .a h1{
	background-color:#000;
	position:relative;
}

#zine .a h1 span{
	display:block;
	padding:50% 0 0 0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

	#zine .a h1.pre{
		opacity:0;
		background-position:30% center;
	}
	
	#zine .a h1.play{
		opacity:0.88;
		background-position:50% center;
	}

#zine .a .category .icon{
	float:left;
	margin:0 12px 0 0;
}

#zine .a .category .cat_name{
	mix-blend-mode: screen;
}

#zine .a .catch{
	font-weight:bold;
	line-height:1.5;
	margin:-0.25em 0 calc(2em - 0.25em) 0;
}

#zine .a .name{
	margin:0 0 0.5em 0;
}

#zine .a .text{
	line-height:1.5;
	margin:calc(1.5em - 0.25em) 0 -0.25em 0;
}

#zine .b li{
	font-weight:bold;
}

#zine .b li a{
	display:block;
	line-height:1.5;
	padding:0.75em 54px 0.75em 1em;
	text-decoration:none;
}

#zine .b li a:hover{
	opacity:0.64;
}

#zine .b li span{
	display:block;
	width:5em;
	float:left;
	font-family: 'Yellowtail', cursive;
	font-weight:normal;
}
		
#zine .c{
	padding:5rem 0 0 0;
	margin:4rem auto 0 auto;
}

#zine .c h2{
	line-height:1.5;
	text-align:center;
	margin:0 -0.25em 1rem -0.25em;
}

#zine .c p{
	line-height:1.75;
	text-indent:1em;
	margin:-0.375em 0 calc(1rem - 0.375em) 0;
}

/* fix160316 area --> */

#zine .c .aligncenter{
	margin:calc(2em - 0.375em) 0 0 0;
}

#zine .c img{
	max-width:100%;
	margin:0 auto 1em auto;
}

#zine .c .caption{
	display:block;
	text-align:center;
	margin:-0.75em 0 0 0;
}
	
#zine .c .type1:after,
#zine .c .type2:after{
	clear:both;
	content:'';
	display:block;
}

/* --> fix160316 area */

#zine .d{
	margin:4em auto 0 auto;
}
		
#zine .d h2{
	display:block;
	width:100px;
	padding:26px 0 0 0;
	margin:0 auto;
	background:url(/common2/images/recommend/like.png) no-repeat center top;
	background-size:contain;
}
		
#zine .d h2 span{
	display:block;
	width:86px;
	height:86px;
	text-indent:-9999px;
	margin:0 auto;
	background-size:cover;
	border-radius:43px;
}

#zine .d dt{
	margin-top:1em;
	font-weight:bold;
	text-align:center;
}

#zine .d dd .image{
	display:block;
	margin:1em 0 0 0;
}

/* fix160316 area --> */

#zine .d dd .image img{
	max-width:100%;
	margin:0 auto 1em auto;
}

/* --> fix160316 area */

#zine .d dd .text{
	display:block;
	line-height:1.75;
	margin:calc(1em - 0.375em) 0 0.375em 0;
}

@media all and (min-width:1260px){
	
	#zine .a .catch,
	#zine .a .name2{
		font-size:44px;
	}
	#zine .a .org{
		font-size:24px;
	}
	.people_shussaigama #zine .a .catch {
		font-size:41px;
	}
	.people_shussaigama #zine .a .name2{
		font-size:34px;
	}
	
	
	#zine .a .text{
		font-size:16px;
	}
	
	#zine .b li{
		font-size:20px;
	}
}

@media all and (min-width:1000px) and (max-width:1259px){

	#zine .a .catch,
	#zine .a .name2{
		font-size:32px;
	}
	#zine .a .org{
		font-size:18px;
	}
	#zine .a .text{
		font-size:14px;
	}
	
	#zine .b li{
		font-size:20px;
	}
	

}

/* fix160316 area --> */
@media all and (min-width:1000px){
	
	#zine .c p{
		font-size:125%;
		line-height:2;
	}	
	
	#zine .c{
		width:960px;
	}
	
	#zine .c .type1 .left{
		width:606px;
		float:left;
		margin:0 32px 0 0;
	}
	
	#zine .c .type1 .right{
		width:322px;
		float:left;
		margin:0.5em 0 0 0;
	}
	
	#zine .c .type2 .left{
		width:322px;
		float:left;
		margin:0.5em 32px 0 0;
	}
	
	#zine .c .type2 .right{
		width:606px;
		float:left;
	}
	
}
/* --> fix160316 area */

@media all and (min-width:768px) and (max-width:999px){
	
	#zine .a .catch,
	#zine .a .name2{
		font-size:20px;
	}
	#zine .a .org{
		font-size:12px;
	}
	#zine .a .name span{
		font-size:10px;
	}

	#zine .a .text{
		font-size:12px;
	}
	
	#zine .b li{
		font-size:16px;
	}
	
	/* fix160316 area --> */	
	
	#zine .c{
		width:740px;
	}
	
	#zine .c .type1 .left{
		width:484px;
		float:left;
		margin:0 28px 0 0;
	}
	
	#zine .c .type1 .right{
		width:228px;
		float:left;
		margin:0.375em 0 0 0;
	}
	
	#zine .c .type2 .left{
		width:228px;
		float:left;
		margin:0.375em 28px 0 0;
	}
	
	#zine .c .type2 .right{
		width:484px;
		float:left;
	}
	
	/* --> fix160316 area */
}

@media all and (min-width:768px){

	#zine .a .category{
		width:165px;
		position:absolute;
		top:20px;
		left:20px;
	}

	#zine .a .inner{
		width:calc(50% - 120px);
		position:absolute;
		top:0px;
	}

	#zine .a h1:after{
		display: block;
		width: 100%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
	}

		#zine .a .inner.pre{
			opacity:0;
		}
		
		#zine .a .inner.play{
			opacity:1;
		}

	#zine .a.left .inner{
		right:40px;
	}

		#zine .a.left .inner.pre{
			right:80px;
		}
		
		#zine .a.left .inner.play{
			right:40px;
		}

	#zine .a.left h1:after{
		background: -moz-linear-gradient(left, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: -o-linear-gradient(left, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: -ms-linear-gradient(left, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: linear-gradient(to right,  rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
	}

	#zine .a.right .inner{
		left:40px;
	}

		#zine .a.right .inner.pre{
			left:80px;
		}
		
		#zine .a.right .inner.play{
			left:40px;
		}

	#zine .a.right h1:after{
		background: -moz-linear-gradient(right, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: -webkit-linear-gradient(right, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: -o-linear-gradient(right, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: -ms-linear-gradient(right, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
		background: linear-gradient(to left,  rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.24) 60%);
	}
	
	/* fix160316 area --> */

	#zine .c h2{
		font-size:32px;
	}

	#zine .c p{
		font-size:14px;
	}
	
	#zine .c .type1 .right img{
		min-width:100%;
		height:auto;
	}
	
	#zine .c .type2 .left img{
		min-width:100%;
		height:auto;
	}
	
	/* --> fix160316 area */

	#zine .d{
		width:740px;
	}

	#zine .d dl{
		width:350px;
		float:left;
		font-size:14px;
		margin:40px 40px 0 0;
	}

	#zine .d dl:nth-child(2n){
		margin-right:0;
	}

	#zine .d dt{
		font-size:18px;
	}

	#zine .d dt img{
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
}

@media all and (max-width:767px){

	#zine .a .category{
		width:83px;
		position:absolute;
		top:1em;
		left:1em;
	}

	#zine .a .category .icon{
		margin-right:6px; /* overwrite */
	}

	#zine .a .category img{
		width:auto;
		height:21px;
	}

	#zine .a .inner{
		padding:1.5em 1em;
	}
	
	#zine .a .catch,
	#zine .a .name2{
		font-size:150%;
	}

	#zine .a .catch{
		margin-bottom:calc(1em - 0.25em); /* overwrite */
	}
	
	#zine .a .catch br{
		display:inline;/* 20160630矢田修正 */
	}

	#zine .a .name{
		font-size:80%;
	}

	#zine .c h2{
		font-size:150%;
	}
	
	#zine .c img{
		margin-right:auto !important;
		margin-left:auto !important;
	}

	#zine .d dl{
		margin:2em 0 0 0;
	}
}

/* カテゴリ別色分け */

	/* cat1 */
	
	#zine .cat1 .b li{
		color:#b58f73;
	}
	
	#zine .cat1 .b li a{
		background:url("http://teppage.com/izumojin2/common/images/goen/c-bg01.png") no-repeat right center rgba(241,191,153,0.48);
	}
	
	#zine .cat1 .b li:nth-child(2n) a{
		background-color:rgba(241,191,153,0.24);
	}
	
	#zine .cat1 .c{
		background:url("../images/cat0101.png") no-repeat center top;
		background-size:2rem;
	}

	/* cat2 */
	
	#zine .cat2 .b li{
		color:#91abaf;
	}
	
	#zine .cat2 .b li a{
		background:url("../images/mono/c-bg01.png") no-repeat right center rgba(193,228,233,0.48);
	}
	
	#zine .cat2 .b li:nth-child(2n) a{
		background-color:rgba(193,228,233,0.24);
	}
	
	#zine .cat2 .c{
		background:url("../images/cat0201.png") no-repeat center top;
		background-size:2rem;
	}

	/* cat3 */
	
	#zine .cat3 .b li{
		color:#9fa5a1;
	}
	
	#zine .cat3 .b li a{
		background:url("http://teppage.com/izumojin2/common/images/shoku/c-bg01.png") no-repeat right center rgba(212,220,214,0.48);
	}
	
	#zine .cat3 .b li:nth-child(2n) a{
		background-color:rgba(212,220,214,0.24);
	}
	
	#zine .cat3 .c{
		background:url("../images/cat0301.png") no-repeat center top;
		background-size:2rem;
	}

	/* cat4 */
	
	#zine .cat4 .b li{
		color:#a8b083;
	}
	
	#zine .cat4 .b li a{
		background:url("http://teppage.com/izumojin2/common/images/art/c-bg01.png") no-repeat right center rgba(224,235,175,0.48);
	}
	
	#zine .cat4 .b li:nth-child(2n) a{
		background-color:rgba(224,235,175,0.24);
	}
	
	#zine .cat4 .c{
		background:url("../images/cat0401.png") no-repeat center top;
		background-size:2rem;
	}
	
	@media all and (max-width:767px){
		
		#zine .cat1 .a .inner{
			color:#b58f73;
			background-color:rgba(241,191,153,0.24);
		}
		
		#zine .cat2 .a .inner{
			color:#91abaf;
			background-color:rgba(193,228,2332,0.24);
		}
		
		#zine .cat3 .a .inner{
			color:#9fa5a1;
			background-color:rgba(212,220,214,0.24);
		}
		
		#zine .cat4 .a .inner{
			color:#a8b083;
			background-color:rgba(224,235,175,0.24);
		}
	}
	
/* news */

#news .contents{
	padding:4em 0;
}

#news h1.ancestor img{
	width:100%;
}


#news img{
	max-width:100%;
}
	
#news .contents .right ul{
}


#news .contents .right li{
	line-height:1.5;
	padding:0.75em 1em;
	background:rgba(242,239,237,0.64);
}

#news .contents .right li:after{
	clear:both;
	content:'';
	display:block;
}



#news .contents .post img{
	margin-bottom:2em;
	margin-top:0em;
	}
	
#news .contents .right li:nth-child(2n){
	line-height:1.5;
	padding:0.75em 1em;
	background:rgba(242,239,237,0.32);
}

#news .contents .right li span{
	font-size:10px;
}

@media all and (min-width:1150px){
	
	#news .contents .inner{
		width:1090px;
		margin:0 auto;
	}
	
	#news .contents .inner:after{
		clear:both;
		content:'';
		display:block;
	}
	
	#news .contents .left{
		width:780px;
		float:left;
		margin:0 40px 0 0;
	}
	
	
	#news .contents .right{
		width:270px;
		float:left;
	}

	#news .contents .right li a{
		display:block;
	}
}


@media all and (min-width:840px) and (max-width:1149px){

	#news .contents .left{
		width:780px;
		margin:0 auto 4em auto;
	}
	
	#news .contents .right{
		width:780px;
		margin:0 auto;
	}

	#news .contents .right li a{
		display:block;
	}
}
	
@media all and (max-width:839px){

	
	#news .contents .left{
		margin:0 0 4em 0;
	}
}




	
/* news */

#event .contents{
	padding:4em 0;
}

#event h1.ancestor img{
	width:100%;
}


#event img{
	max-width:100%;
}
	
#event .contents .right ul{
}

	
	

#event .contents .right li{
	line-height:1.5;
	padding:0.75em 1em;
	background:rgba(242,239,237,0.64);
}

#event .contents .post img{
	margin-bottom:2em;
	margin-top:0.5em;
	}
	
#event .contents .right li:nth-child(2n){
	line-height:1.5;
	padding:0.75em 1em;
	background:rgba(242,239,237,0.32);
}

#event .contents .right li span{
	font-size:10px;
}





@media all and (min-width:1150px){
	
	#event .contents .inner{
		width:1090px;
		margin:0 auto;
	}
	
	#event .contents .inner:after{
		clear:both;
		content:'';
		display:block;
	}
	
	#event .contents .left{
		width:780px;
		float:left;
		margin:0 40px 0 0;
	}
	
	
	#event .contents .right{
		width:270px;
		float:left;
	}

	#event .contents .right li a{
		display:block;
	}
}


@media all and (min-width:840px) and (max-width:1149px){

	#event .contents .left{
		width:780px;
		margin:0 auto 4em auto;
	}
	
	#event .contents .right{
		width:780px;
		margin:0 auto;
	}

	#event .contents .right li a{
		display:block;
	}
}
	
@media all and (max-width:839px){

	#event .contents .left{
		margin:0 0 4em 0;
	}
}






/* fix160316 area --> */

#izumojin .contents .inner{
	padding:2rem 0 0 0;
}

#izumojin .contents h2 img{
	width:186px;
	margin:0 auto;
}

#izumojin .contents p{
	text-align:center;
	line-height:1.75;
	margin:calc(2em - 0.375em) 0;
}
	
#izumojin .contents dl a{
	text-decoration:none;
}
	
#izumojin .contents dt{
	position:relative;
	background:#000;
}

#izumojin .contents dt img{
	width:100%;
	opacity:0.72;
}

/* --> fix160316 area */

	#izumojin .contents .cat1{
		color:#b58f73;
		background:#f9e5d6;
	}

	#izumojin .contents .cat2{
		color:#91abaf;
		background:#e6f4f6;
	}

	#izumojin .contents .cat3{
		color:#9fa5a1;
		background:#eef1ef;
	}

	#izumojin .contents .cat4{
		color:#a8b083;
		background:#f3f7df;
	}

@media all and (min-width:1000px){
	
	/* fix160316 area --> */
	
	#izumojin .contents .inner2{
	}

	#izumojin .contents .inner3{
		margin:0 auto;
	}
	
	#izumojin .contents dl{
		width:50%;
		float:left;
		position:relative;
	}
	
	#izumojin .contents dl dt{
		background:#000;
	}
	
	#izumojin .contents dl a:hover dt img{
		opacity:0.88;
	}
	
	#izumojin .contents dl:nth-child(2n){
		margin-right:0;
	}

	#izumojin .contents dd{
		display:block;
		width:calc(50% - 40px);
		height:5.75em;
		color:#fff;
		margin:auto 0;
	}

	#izumojin .contents .left dd{
		position:absolute;
		top:0px;
		bottom:0px;
		left:calc(50% + 20px);
		z-index:3;
	}

	#izumojin .contents .right dd{
		text-align:right;
		position:absolute;
		top:0px;
		bottom:0px;
		right:calc(50% + 20px);
		z-index:3;
	}

	#izumojin .contents dd strong{
		font-size:200%;
	}

	#izumojin .contents dd span{
		display:block;
		line-height:1.75;
		margin:calc(1em - 0.375em) 0 -0.375em 0;
	}
	
	/* --> fix160316 area */
}
	
@media all and (max-width:999px){
	
	#izumojin .contents dl{
		margin:2em 20px 0 20px;
		position:relative;
	}
	
	#izumojin .contents dd{
		text-align:center;
	}
	
	#izumojin .contents dd strong{
		width:100%;
		height:1em;
		color:#fff;
		font-size:200%;
		text-align:center;
		margin:auto 0;
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
	}

	#izumojin .contents dd span{
		display:block;
		line-height:1.75;
		margin:calc(0.75em - 0.375em) 0 -0.375em 0;
	}
}


@media all and (min-width:768px){

	#izumojin .contents{
		margin:0 0 20px 0;
	}

	#izumojin .contents .inner{
		margin:20px 20px 0 20px;
	}

}
	
@media all and (max-width:767px){

	#izumojin .contents{
		margin:0 0 10px 0;
	}

	#izumojin .contents .inner{
		margin:10px 10px 0 10px;
	}
}

/* recommend */




#recommend .contents{
	background:#000;
}

#recommend .ancestor img{
	max-width:75%;
}

#recommend .row:after{
	clear:both;
	content:'';
	display:block;
}

#recommend .recommend_box{
	float:left;
	cursor:pointer;
	background:#000;
	position:relative;
}

#recommend .recommend_box img{
	width:100%;
}

#recommend .recommend_box h3{
	width:100%;
	height:calc(110px + 0.25em);
	margin:auto;
	background:url(/common2/images/recommend/_like.png) no-repeat center top;
	background-size:93px auto;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

#recommend .recommend_box h3 span{
	display:block;
	width:86px;
	height:86px;
	margin:26px auto 0 auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:43px;
}

#recommend .recommend_box h3 .name{
	width:100%;
	color:#fff;
	text-align:center;
	position:absolute;
	top:-1.5rem;
	left:0px;
}

#recommend .recommend_box h3 .text{
	width:100%;
	color:#fff;
	font-size:125%;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:-1.5rem;
}

#recommend .recommend_box h3 .image2,
#recommend .recommend_box h3 .excerpt{
	display:none;
}


#recommend .screen{
	display:none;
	width:100%;
	height:100%;
	margin:0;
	background:rgba(0,0,0,0.88);
	position:fixed;
	top:0px;
	left:0px;
	z-index:99;
}

.recDetail{
	width:100%;
	height:100%;
	position:relative;
	overflow:auto;
}

.recDetail .inner{
	width:100%;
	height:600px;
	margin:auto;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
}

.recDetail .inner2{
	width:calc(100% - 20px);
	max-width:480px;
	margin:0 auto;
	position:relative;
}

.recDetail .image{
	width:93px;
	padding:26px 0 0 0;
	margin:0 auto 1em auto;
	background:url(/common2/images/recommend/_like.png) no-repeat center top;
	background-size:93px auto;
}

.recDetail .image span{
	display:block;
	width:86px;
	height:86px;
	margin:0 auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:43px;
}

.recDetail .name{
	color:#fff;
	text-align:center;
	margin:0 0 2em 0;
}

.recDetail .text{
	color:#fff;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	margin:0 0 1em 0;
}

.recDetail .image2{
	margin:0 0 1em 0;
}

.recDetail .image2 img{
	width:100%;
}

.recDetail .text2{
	color:#fff;
	line-height:1.75;
	margin:-0.375em 0;
}

.recDetail .close{
	width:24px;
	height:24px;
	cursor:pointer;
	background:url(/common2/images/recommend/close.png) no-repeat center;
	background-size:cover;
	position:absolute;
	top:0px;
	right:0px;
}

.recDetail .close:hover{
	opacity:0.64;
}

@media all and (min-width:768px){

	#recommend .contents{
		margin-top:20px;
		margin-bottom:20px;
	}

	#recommend .ancestor{
		padding:20px 0;
	}

	#recommend .recommend_box{
		width:25%;
	}

	#recommend .recommend_box img{
		opacity:0.88;
	}
	
	#recommend .recommend_box:hover h3{
		opacity:1;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;	
	}
	
	#recommend .recommend_box:hover img{
		opacity:0.44;
	}
	
	#recommend .recommend_box h3{
		opacity:0;
	}
}
	
@media all and (max-width:767px){

	#recommend .contents{
		margin-top:10px;
		margin-bottom:10px;
	}

	#recommend .ancestor{
		padding:1.5rem 0;
	}

	#recommend .recommend_box{
		width:50%;
	}
	
	#recommend .recommend_box img{
		opacity:0.72;
	}
}

/* special */

#special p{
	width:100%;
	max-width:1280px;
	margin:0 auto
}

#special p img{
	width:100%;
}

/* 出雲ニュース24 */

p.view_more {
	text-align:right;
	font-weight:bold;
}