@charset "euc-jp";

/***************************************************
	index.css
***************************************************/

/* トップページ index.html
------------------------------------------------------------ */
#home.index {}

#slider01_wrap {
	position: relative;
	min-height: 440px;
	background-color: #050505;
}
#slider01_wrap .sp-slides-container:before {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 2px;
	height: 440px;
	background-color: #050505;
	z-index: 99;
}
#slider01_wrap .sp-thumbnails-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: auto;
	width: 100%!important;
	margin: 0;
	padding: 5px 20px 5px 0;
	background-color: rgba(0,0,0,0.85);
	z-index: 98;
}
#slider01_wrap .sp-thumbnails_wrap {
	position: relative;
}
#slider01_wrap .sp-thumbnails {
	float: right;
	margin-bottom: 0;
}
#slider01_wrap .sp-thumbnails .sp-thumbnail {
	border: 1px solid #614a24;
	opacity: .5;
	cursor: pointer;
}
#slider01_wrap .sp-thumbnails .sp-selected-thumbnail .sp-thumbnail {
	opacity: 1;
}
/*#slider01_wrap .sp-thumbnails .sp-selected-thumbnail .sp-thumbnail img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}*/
#slider01_wrap #slider01_prev,
#slider01_wrap #slider01_next {
	position: absolute;
	bottom: 13px;
	cursor: pointer;
	z-index: 100;
}
#slider01_wrap #slider01_prev {	left: 5px;}
#slider01_wrap #slider01_next {	right: 5px;}


#content {
	padding: 0;
	overflow: hidden;
}

#weblogSec {
	border-bottom: 10px solid #070d02;
	background: url(/img/index/weblog_bg01.jpg) 50% 0 no-repeat;
	background-size: cover;
}
#weblogSec .container {
	position: relative;
	width: auto;
	max-width: 1080px;
	min-width: 960px;
	padding: 30px 0 40px;
	background: url(/img/index/weblog_bg02.png) 50% 0 no-repeat;
	background-size: 960px 100%;
}
#weblogSec .container:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 960px;
	height: 10px;
	margin-left: -480px;
	background: url(/img/index/weblog_bg02.png) 50% 0 no-repeat;
	background-size: 960px auto;
}
#weblogSec .headingBox {
	width: 960px;
	margin: 0 auto 25px;
	padding: 0 23px 0 45px;
}
#weblogSec .headingBox .ttl01 {
	float: left;
	margin-bottom: 0;
}
#weblogSec .headingBox .btn01 {
	float: right;
	margin-bottom: 0;
	padding-top: 5px;
}
#weblogSec .entryList {}
#weblogSec .entryList dl {
	float: left;
	width: 18%;
	margin: 0 1%;
}
#weblogSec .entryList dt {
	margin-bottom: 5px;
	color: #234008;
	font-size: 12px;
	font-size: 1.2rem;
}
#weblogSec .entryList dt img {
	margin-bottom: 5px;
}
#weblogSec .entryList dd {
	color: #1a110f;
	font-size: 13px;
	font-size: 1.3rem;
}
#weblogSec .entryList dd a {
	color: #1a110f;
}

#shunshoSec {
	background: url(/img/index/shunsho_bg01.jpg) 0 0 repeat-x;
}
#shunshoSec .container {
	background: url(/img/index/shunsho_bg02.jpg) 0 0 no-repeat;
}
#shunshoSec .headingBox {
	float: right;
	margin-right: 50px;
}
#shunshoSec .headingBox .ttl01 {
	margin-bottom: 0;
}
#shunshoSec .inn {
	padding: 84px 0 0 46px;
}
#shunshoSec .inn .ttl02 {
	margin-bottom: 30px;
}
#shunshoSec .inn .txt01 {
	margin-bottom: 40px;
}
#shunshoSec .inn .btn01 li:first-child {
	margin-bottom: 15px;
}

#outlineSec {
	background: #0b0a0a;
	-webkit-box-shadow: 00 5px 18px -5px rgba(0,0,0,0.7) inset;
	-moz-box-shadow: 0 5px 18px -5px rgba(0,0,0,0.7) inset;
	box-shadow: 0 5px 18px -5px rgba(0,0,0,0.7) inset;
}
#outlineSec .container {
	position: relative;
	padding-top: 405px;
}
#outlineSec .container .txt01 {
	position: absolute;
	top: 50px;
	left: 10px;
	z-index: 2;
}
#outlineSec .container .pic01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#outlineSec .container .link01 {
	margin-bottom: 0;
	padding-bottom: 30px;
}
#outlineSec .container .link01 li {
	float: left;
}

#historySec {}
#historySec .container {
	padding-bottom: 40px;
	background: url(/img/index/history_bg01.jpg) 50% 0 no-repeat;
}
#historySec .container .txt01 {
	margin-bottom: 25px;
	padding: 170px 0 0;
	text-align: right;
}
#historySec .container .txt02 {
	margin-bottom: 25px;
	text-align: right;
}
#historySec .container .link01 {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
#historySec .container .link01 li {
	float: left;
}

#studySec {
	background: #100804;
	-webkit-box-shadow: 00 5px 18px -5px rgba(0,0,0,0.7) inset;
	-moz-box-shadow: 0 5px 18px -5px rgba(0,0,0,0.7) inset;
	box-shadow: 0 5px 18px -5px rgba(0,0,0,0.7) inset;
}
#studySec .container {
	padding: 35px 0;
}
#studySec .bnn {	margin-bottom: 10px;}
#studySec .btn01 {
	text-align: right;
}
#studySec .btn01 a {
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: underline;
}
#studySec .btn01 a:hover {
	text-decoration: none;
}

#linksSec {
	background: url(/img/index/links_bg01.png) 0 0 repeat;
	-webkit-box-shadow: 00 5px 18px -5px rgba(0,0,0,0.7) inset;
	-moz-box-shadow: 0 5px 18px -5px rgba(0,0,0,0.7) inset;
	box-shadow: 0 5px 18px -5px rgba(0,0,0,0.7) inset;
}
#linksSec .container {
	padding: 33px 0 0;
}
#linksSec .ttl01 {
	margin-bottom: 28px;
}
#linksSec .list01 {
	float: left;
	width: 570px;
}
#linksSec .list01 li {
	float: left;
	margin-bottom: 25px;
}
#linksSec .list01 li a img {
	margin-bottom: 5px;
}
#linksSec .list01 li:nth-child(even) {
	float: right;
}
#linksSec .fb_page_wrap {
	float: right;
}

#photodiarySec {
/*	padding-bottom: 400px;
	background: url(/img/index/dummy_instagram.jpg) 50% 100% repeat-x;*/
}
#photodiarySec .headingBox {
	width: 960px;
	margin: 0 auto 28px;
	padding: 33px 0 0;
}
#photodiarySec .headingBox .ttl01 {
	float: left;
	margin-bottom: 0;
}
#photodiarySec .headingBox .txt01 {
	float: right;
	margin-bottom: 0;
	padding-top: 5px;
}
#photodiarySec #instafeed {
	width : 120%;
	width : -webkit-calc(100% + 200px);
	width : calc(100% + 200px);
	max-width: 2000px;
	min-width: 1200px;
	max-height: 400px;
	margin: 0;
	overflow: hidden;
}
#photodiarySec #instafeed a {
	display: block;
	float: left;
	width: 200px;
	background-color: #fff;
}
#photodiarySec #instafeed a img {
	width: 200px;
}
#photodiarySec #instafeed a:hover img {
	opacity: .9;
}

#instafeed a {
	display: inline-block;
	width: 200px;
	height: 200px;
	background-size: cover;
}

#chashodoBnr {
    margin-bottom: 35px;
}

#chashodoBnr .bnn {
    margin-bottom: 10px;
}

#chashodoBnr .btn01 {
    text-align: right;
}

#chashodoBnr .btn01 a {
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: underline;
}

#chashodoBnr .btn01 a:hover {
    text-decoration: none;
}