@charset "utf-8";

body { background: url(/product/index_img/bg.png) repeat-x 0 85px !important;}
@media (max-width: 767px) {
	body { background: url(/product/index_img/bg.png) repeat-x 0 20px; background-size: auto 371px !important;}
}

@media (min-width: 768px) {
    .item-list { width: 100%; max-width: 1170px; margin: 30px auto 50px; position: relative;}
    .item-list ul { display: -webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .item-list ul li { width: 32.136%; float: left; margin: 0 1.7% 30px 0;}
    .item-list ul li:nth-child(3n) { margin-right: 0;}
    .item-list ul li a { display: block; color: #444; text-decoration: none;}
    .item-list ul li:hover { filter: Alpha(Opacity=80); opacity: 0.8;}
    .item-list ul li span { display: block; margin-top: 10px;}
    .item-list ul li .ttl { margin: 0; font-size: 26px; margin-bottom: 10px; line-height: 1; color: #74914f; font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif; }
    .item-list ul li strong { color: #74914f; display: block;}
    .item-list ul li img { width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 1170px) {
    .item-list { width: 100%; max-width: 770px;}
    .item-list ul li { width: 49%; margin: 0 2% 30px 0;}
    .item-list ul li:nth-child(3n) { margin-right: 2%;}
    .item-list ul li:nth-child(2n) { margin-right: 0;}
}
@media (max-width: 767px) {
    .inner { padding: 0 10px;}
    .item-list { margin: 30px auto 50px; position: relative;}
    .item-list ul li { width: 100%; margin: 0 0 30px 0;}
    .item-list ul li a { display: block; color: #444; text-decoration: none;}
    .item-list ul li span { display: block; margin-top: 10px;}
    .item-list ul li .ttl { margin: 0; font-size: 24px; margin-bottom: 10px; line-height: 1; color: #74914f; font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif; }
    .item-list ul li strong { color: #74914f; display: block;}
    .item-list ul li img { width: 100%;}
	
}

.page-header_l_inner { padding: 100px 0;}
.bread-nav {  font-size: 0.6em !important; }
.bread-nav a { color: #666; }

@media (max-width: 767px) {
img { max-width: 100%; }
.img_switch { max-width: 100%; }
.f-sz_b1 { font-size: 1.4rem; }
.f-sz_s1, .f-sz_s2 { font-size: 1.1rem; }
.page-content_l_inner { padding: 0 10px; }
.bread-nav, .torisetu-btn { margin-bottom: 15px; }
}

#movie-wrap{
	width:1170px;
	margin: 5% auto;
}
@media (max-width: 767px) {#movie-wrap{width:100%;}}

/* Instagram */

.insta-area {
	text-align: center;
}

/* youtube */
.c-youtube{
	position: relative;
	max-width: 100%;
	padding-top: 56.25%;
}

.c-youtube iframe { /* 親要素内100%で動画を表示する */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.c-youtube_video { /* 親要素内100%でサムネイル画像を表示する */
	position: absolute;
	width:100%;
	height:auto;
	top:0;
}

.c-youtube_video img { /* 親要素内100%でサムネイル画像を表示する */
	width:100%;
	height:auto;
}

.c-youtube_video::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
	position: absolute;
	content: url("../images/youtube-icon.svg");
	top: 50%;
	left: 50%;
	width:80px;
	height:auto;
	transform : translate(-50%,-50%);
	opacity: .90;
	transition:.5s;
}

.c-youtube_video img:hover{ /* ホバー時にカーソル変える */
	cursor: pointer;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

.c-youtube_video:hover::before { /* ホバー時アイコンの色変える */
	opacity: 0.5;
	transition:.5s;
}

footer .footer_nav {
	background: none !important;
}