@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(font-awesome.min.css);
@import url(owl.carousel.css);
@import url(owl.theme.css);
@import url(common_parts.css);
@import url(common.css);


/*
 index
==============================*/

/* mv ----------*/
#mv { background-color: #DCF5F2; }
#mv img { width: 100%; }
#mv ul { position: relative; width: 100%; margin: 0 auto; }
#mv ul li { position: absolute; top: 0; left: 0;  width: inherit; }
#mv h2 { position: relative; z-index: 99997; width: inherit; margin: 0 auto; }

.h2 { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Times New Roman", Meiryo, serif; }
.h3 { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Times New Roman", Meiryo, serif; }

/* recommend ----------*/
#recommend { position: relative;
	padding: 4rem 0 2rem 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
#recommend a { display: block; color: #333; text-decoration: none; }
#recommend .p { display: block; overflow: hidden; text-align: center; }
#recommend .owl-nav { width: 100%; }
#recommend .owl-nav i { font-size: 5rem; color: #33CBCC; }
#recommend .owl-prev, #recommend .owl-next { position: absolute; top: calc(50% - 3rem); padding: 0; margin: 0; background-color: transparent; }
#recommend .owl-prev { left: -6rem; }
#recommend .owl-next { right: -6rem; }

@media screen and (max-width: 720px) {
	#recommend .owl-prev, #recommend .owl-next { display: none !important;}
}


/* picup ----------*/
#picup { padding: 6rem 0; }
#picup .pic a { position: relative; display: block; padding-top: 90%; background-repeat: no-repeat; background-position: top center; background-size: contain; border: solid 4px #33CBCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
#picup .pic-1 a { background-image: url(../_img/index/pic_bg_1_3.jpg); }
#picup .pic-2 a { background-image: url(../_img/index/pic_bg_2.jpg); }
#picup .pic-3 a { background-image: url(../_img/index/pic_bg_3.jpg); }
#picup .pic-4 a { background-image: url(../_img/index/pic_bg_4.jpg); }
#picup .pic-5 a { background-image: url(../_img/index/pic_bg_5.jpg); }
#picup .pic-6 a { background-image: url(../_img/index/pic_bg_6.jpg); }
#picup .pic h2 { position:absolute; bottom: 0; left: 0; width: 100%; padding: 1rem; font-size: 1.8rem; text-align: center; background-color: rgba(51,203,204,1); }
#picup .pic-4 a, #picup .pic-5 a { padding-top: 15%; background-position: left center; background-color: rgba(51,203,204,1); border: none; }
#picup .pic-4 h2, #picup .pic-5 h2 { bottom: auto; top: 50%; left: auto; right: 0; width: 65%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

/* news ----------*/
#news {}
#news .h { position: relative; margin-bottom: 3rem; }
#news .h h2 { display: block; margin-bottom: 0; font-size: 2.4rem; font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Times New Roman", Meiryo, serif; font-weight: normal; line-height: 1.2; border-bottom: solid 1px rgba(0,0,0,0.1); }
#news .h h2 span { display: inline-block; margin-bottom: -1px; padding-bottom: 1rem; border-bottom: solid 1px #33CBCC; }
#news .h p { position: absolute; top: 0; right: 0.5rem; font-style: italic; color: #666; margin-top: 0;}
#news .lw { padding: 2rem; background-color: #FAFAFA; }
#news .news_list {}
#news .news_list li { margin-bottom: 4rem; }
#news .news_list span { display: block; }
#news .news_list .c { display: block; margin-right: 2rem; margin-bottom: 1rem; padding: 0.5rem 1rem; font-size: 1.4rem; font-style: italic; font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Times New Roman", Meiryo, serif; color: #FFF; line-height: 1; background-color: #6DCCCD; float: left; }
#news .news_list .w { overflow: hidden; }
#news .news_list .d { font-size: 1.4rem; font-weight: bold; color: #666; }
#news .bt { width: 100%; padding-top: 1rem; padding-bottom: 1rem; text-align: right; background-color: #6DCCCD; }
#release .news_list .c { background-color: #F79D44; }

/* side ----------*/
#side {}
#side .h { position: relative; margin-bottom: 3rem; }
#side .h h2 { display: block; margin-bottom: 0; font-size: 2.4rem; font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Times New Roman", Meiryo, serif; font-weight: normal; line-height: 1.2; border-bottom: solid 1px rgba(0,0,0,0.1); }
#side .h h2 span { display: inline-block; border-bottom: solid 1px #33CBCC; padding-bottom: 1rem; margin-bottom: -1px; }
#side .h p { position: absolute; top: 0; right: 0.5rem;  font-style: italic; color: #666; margin-top: 0;}
#side .youtube_wrap { background-color: #FAFAFA;; padding: 2rem; margin-bottom: 4rem; }
#side .youtube { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 2rem; }
#side .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
#side .youtbe_channel {}
#side .bt { padding-top: 1rem; padding-bottom: 1rem; background-color: #6DCCCD; width: 100%; text-align: right; }

/* picup2 ----------*/
#picup2 {}
#picup2 a { position: relative; display: block; text-align: center; }