/* CSS Document */

/*----------------------------------------------------------------------
全体
-----------------------------------------------------------------------*/
div#top-part {
	position: relative;
	z-index: -1;
	width: 270px;
	height: 989px;
	margin-bottom: 8px;
	padding: 31px 0px 0px 870px;
	background-repeat: no-repeat;
}
div#top-part.style01 {
	background-image: url(../images/scene_img/main-photo_01.jpg);
}
div#top-part.style02 {
	background-image: url(../images/scene_img/main-photo_02.jpg);
}
div#top-part.style03 {
	background-image: url(../images/scene_img/main-photo_03.jpg);
}
div#top-part.style04 {
	background-image: url(../images/scene_img/main-photo_04.jpg);
}
div#top-part.style05 {
	background-image: url(../images/scene_img/main-photo_05.jpg);
}
div#top-part.style06 {
	background-image: url(../images/scene_img/main-photo_06.jpg);
}
div#top-part.style07 {
	background-image: url(../images/scene_img/main-photo_07.jpg);
}
div#top-part.style08 {
	background-image: url(../images/scene_img/main-photo_08.jpg);
}
div#top-part.style09 {
	background-image: url(../images/scene_img/main-photo_09.jpg);
}
div#top-part.style10 {
	background-image: url(../images/scene_img/main-photo_10.jpg);
}

div#top-part.works01 {
	background-image: url(../images/gal_img/gal01_main-photo_01.jpg);
}
div#top-part.works02 {
	background-image: url(../images/gal_img/gal02_main-photo_01.jpg);
}
div#top-part.works03 {
	background-image: url(../images/gal_img/gal03_main-photo_01.jpg);
}
div#top-part.works04 {
	background-image: url(../images/gal_img/gal04_main-photo_01.jpg);
}
div#top-part.works05 {
	background-image: url(../images/gal_img/gal05_main-photo_01.jpg);
}
div#top-part.works06 {
	background-image: url(../images/gal_img/gal06_main-photo_01.jpg);
}
div#top-part.works07 {
	background-image: url(../images/gal_img/gal07_main-photo_01.jpg);
}
div#top-part.works08 {
	background-image: url(../images/gal_img/gal08_main-photo_01.jpg);
}
div#top-part.works09 {
	background-image: url(../images/gal_img/gal09_main-photo_01.jpg);
}
div#top-part.works10 {
	background-image: url(../images/gal_img/gal10_main-photo_01.jpg);
}
div#top-part.works11 {
	background-image: url(../images/gal_img/gal11_main-photo_01.jpg);
}
div#top-part.works12 {
	background-image: url(../images/gal_img/gal12_main-photo_01.jpg);
}
div#top-part.works13 {
	background-image: url(../images/gal_img/gal13_main-photo_01.jpg);
}
div#top-part.works14 {
	background-image: url(../images/gal_img/gal14_main-photo_01.jpg);
}
div#top-part.works15 {
	background-image: url(../images/gal_img/gal15_main-photo_01.jpg);
}
div#top-part.works16 {
	background-image: url(../images/gal_img/gal16_main-photo_01.jpg);
}
div#top-part.works17 {
	background-image: url(../images/gal_img/gal17_main-photo_01.jpg);
}
div#top-part.works18 {
	background-image: url(../images/gal_img/gal18_main-photo_01.jpg);
}
div#top-part.works19 {
	background-image: url(../images/gal_img/gal19_main-photo_01.jpg);
}
div#top-part.works20 {
	background-image: url(../images/gal_img/gal20_main-photo_01.jpg);
}


img.title {
	margin-left: 14px;
}

div#top-part h1 {
	position: absolute;
	top: 405px;
	left: 967px;
	width: 164px;
	height: 108px;
	padding-top: 13px;
	border: 9px solid #EB8A7C;
	border-right: none;
	text-align: center;
}

img.caption {
	position: absolute;
	top: 561px;
	left: 870px;
}
img.side-photo {
	position: absolute;
	bottom: 0;
	left: 881px;
}

h2 {
	margin: 42px 0px 0px 27px;
	font-weight: bold;
}

@media screen and (max-width : 736px) {
	div#top-part {
		display: none;
	}
}

div.sp {
	margin-bottom: 20px;
}

div.sp p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bolder;
}

@media screen and (min-width : 736px) {
	div.sp {
		display: none;
	}
}

/*----------------------------------------------------------------------
scene-index
-----------------------------------------------------------------------*/
div.scene-index ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 30px;
}

div.scene-index ul li {
	width: calc(100% / 3);
	margin-bottom: 48px;
	font-weight: bold;
}

div.scene-index ul li img, div.scene-index ul li p {
	width: 320px;
}

@media screen and (max-width : 736px) {
	div.scene-index ul {
		direction: column;
		padding-left: 0;
	}
	
	div.scene-index ul li {
		width: calc(90.9% / 1);
		padding: 0% 4.55%;
	}

	div.scene-index ul li img, div.scene-index ul li p {
		width: 100% !important;
	}
}

/*----------------------------------------------------------------------
パンくずリスト
-----------------------------------------------------------------------*/
ul#topicPath {
	margin: 22px 0px 75px 60px;
	font-size: 93%;
}

/*----------------------------------------------------------------------
相互リンク
-----------------------------------------------------------------------*/
div#links {
	top: 1241px;
	padding-top: 10px;
}

/*----------------------------------------------------------------------
ページ送り
-----------------------------------------------------------------------*/
a.feed-rev {
	float: left;
	width: 32px;
	height: 22px;
	padding: 59px 0px 0px 9px;
	background-image: url(../images/com_img/rev_bg.gif);
	background-repeat: no-repeat;
}
a.feed-fwd {
	float: right;
	width: 25px;
	height: 22px;
	padding: 59px 0px 0px 15px;
	background-image: url(../images/com_img/fwd_bg.gif);
}

a:hover.feed-rev, a:hover.feed-fwd {
	opacity: 0.8;
	filter : alpha(opacity=80);
}

/*----------------------------------------------------------------------
次のstyleへ
-----------------------------------------------------------------------*/
a.next-style {
	display: block;
	width: 616px;
	height: 138px;
	margin: 4px 0px 0px 210px;
}
a:hover.next-style {
	opacity: 0.8;
	filter : alpha(opacity=80);
}

@media screen and (max-width: 736px) {
	a.next-style {
		width: 100%;
		margin: 4px auto 50px;
	}
}

a.next-style img {
	width: 100%;
}