@charset "UTF-8";
/*=============================================================

	Date: 2023-11-20
	CSS Document ： Live love cotton PROJECT

	1.基本
	2.タイトルエリア
	3.コーデたち
	4.スペック
	5.基本（スマホ）
	6.タイトルエリア（スマホ）
	7.コーデたち（スマホ）
	8.スペック（スマホ）
	9.webフォント

=============================================================*/
/*------------------------------------

基本

------------------------------------*/
#footercontent .fsc_gfooter__breadcrumb {		display: none;}

.pc_lv {
 display: block;
}
.sp_lv {
 display: none;
}
body {
 width: 100%;
 overflow-x: hidden;
}
#headerbox_lv,#wrapper {
 text-align: left;
 color: #000000;
 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","sans-serif";
 font-size: 75%;
}
#wrapper {
 padding-top: 0;
	overflow-x: hidden;
}
#headerbox_lv h1 {
 width: 55%;
 padding: 15px 0 0 15px;
 float: left;
 font-size:100%;
}
#headerbox_lv h1 a {
 padding-bottom: 1px;
 color: #888888 !important;
 text-decoration: none;
}
#headerbox_lv h1 a:visited {
 color: #888888 !important;
 text-decoration: none;
}
a:hover {
 color: #888888;
 text-decoration: underline;
}
img {
 border: none;
 vertical-align: bottom;
}
a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
a img {
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
/* ヘッダー */
#headerbox_lv {
 width: 100%;
 min-width: 920px;
 min-height: 40px;
 position: relative;
 left: 0px;
 top: 0px;
 z-index: 100;
 font-size: 70%;
}
#header_lv {
 width: 40%;
 min-width: 200px;
 margin: 0;
 padding: 15px 15px 15px 0;
 white-space: nowrap;
 float: right;
}
#header_lv ul {
 text-align: right;
}
#header_lv li {
 display: inline-block;
 _display: inline;
 margin-right: 7px;
}
*:first-child + html #header_lv li {
 display: inline;
}
#header_lv li a {
 padding-bottom: 1px;
}
/* クリアフィックス */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/*------------------------------------

基本（スマホ）

------------------------------------*/
@media (max-width: 919px) {
 .pc_lv {
  display: none;
 }
 .sp_lv {
  display: block;
 }
 body {
  -webkit-text-size-adjust: 100%;
 }
 h1 {
  width: auto;
  padding: 15px 0 0 15px;
  float: none;
  display: none;
 }
 img {
  max-width: 100%;
 }
 /* ヘッダー */
 #headerbox_lv {
  width: 100%;
  min-width: 10px;
  min-height: 12px;
  left: 0px;
  top: 0px;
  z-index: auto;
 }
 #header_lv {
  width: auto;
  min-width: 10px;
  padding: 10px 10px 10px 10px;
  white-space: normal;
  float: none;
 }
 #header_lv ul {
  text-align: left;
 }
 #header_lv li {
  display: inline-block;
  _display: inline;
  margin: 0;
  padding-right: 5px;
  font-size: 10px;
 }
}
@media (max-width: 480px) {
 #header_lv {
  padding: 5px 5px 5px 5px;
 }
 #header_lv li {
  padding-right: 3px;
  font-size: 8px;
 }
}
/*------------------------------------

タイトルエリア

------------------------------------*/
#titlearea_lv {
 width: 100%;
 background: #faf7f3;
 display: block;
}
#titlearea_inner_lv {
 max-width: 1300px;
 margin: 0 auto;
 position: relative;
 display: block;
}
#titlearea_lv h1 {
 display: block;
 position: absolute;
 top: 24.7%;
 left: 13.5%;
 margin-bottom: 0;
 z-index: 10;
 padding: 0;
}
@media (max-width: 919px) {
 /* SP */ #titlearea_lv {
  width: 100%;
  height: auto;
  margin-bottom: .0em;
  background: none;
 }
 #titlearea_inner_lv {
  max-width: none;
  margin: 0 auto;
  position: relative;
 }
 #titlearea_lv img {
  width: 100%;
  height: auto;
 }
}
/* リード*/
#lead_lv {
 width: 100%;
 margin: 0.1em auto 2.2em;
 display: inline-block;
 text-align: center;
 font-size: 135%;
 letter-spacing: 1px;
 line-height: 2.0;
}
@media (max-width: 919px) {
 #lead_lv {
  width: 94%;
  display: block;
  font-size: 100%;
  letter-spacing: 0px;
  margin: 2.8em auto 1.8em;
  line-height: 1.8;
 }
}
/*------------------------------------

メイン

------------------------------------*/
/* NAVI */
#nav_lv ul {
 max-width: 920px;
 margin: 0 auto;
 background: #FFF;
 /*position: fixed;
  top: -100px;
  left: 0;
  right: 0;*/
 width: 100%;
 padding: 0 0 0;
 z-index: 1002;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
#nav_lv ul li a img {
 -webkit-transition: all 0.0s;
 transition: all 0.0s;
}
#nav_lv ul li {
 width: 184px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-align: center;
 float: left;
 display: inline-block;
 border-left: 1px solid #D9D9D9;
 border-top: 1px solid #D9D9D9;
 border-bottom: 1px solid #D9D9D9;
 padding: 12px 0 5px;
 background-repeat: no-repeat;
 background-position: 16px 12px;
}
#nav_lv ul li:nth-child(1) {
 background-image: url(../images/nav_01_on.png);
}
#nav_lv ul li:nth-child(2) {
 background-image: url(../images/nav_02_on.png);
}
#nav_lv ul li:nth-child(3) {
 background-image: url(../images/nav_05_on.png);
}
#nav_lv ul li:nth-child(4) {
 background-image: url(../images/nav_03_on.png);
}
#nav_lv ul li:nth-child(5) {
 background-image: url(../images/nav_04_on.png);
 border-right: 1px solid #D9D9D9;
}
#nav_lv ul.on {
 position: fixed;
 top: 0px;
 left: 0;
 right: 0;
}
#nav_lv ul.on li {
 border-top: none;
}
#nav_lv ul li.on {
 background-color: #99DBCD;
}
#nav_lv ul li.on img {
 opacity: 0;
}
@media (min-width: 920px) {
 #nav_lv {
  background: #faf7f3;
  margin: 0 -500% 30px;
  padding: 0 500%;
  height: 80px;
 }
 #nav_lv ul li:hover {
  background-color: #99DBCD;
 }
 #nav_lv ul li:hover img {
  opacity: 0;
 }
}
@media (max-width: 919px) {
 #nav_lv {
  background: none;
  height: 58px;
  margin-bottom: 30px;
 }
 #nav_lv ul li {
  width: 20%;
  box-sizing: border-box;
  background-size: contain;
  padding: 8px 0 7px;
  background-position: center 8px;
 }
 #nav_lv ul li:nth-child(1) {
  border-left: 1px solid #FFF;
 }
 #nav_lv ul li:nth-child(5) {
  border-right: none;
 }
 #nav_lv ul li img {
  width: 100%;
 }
}
/* 見出し */
h3 {
 color: #00A681;
 font-size: 245%;
 line-height: 1.0;
 display: block;
 text-align: center;
 border-bottom: 1px solid #00A681;
}
h3 > img {
 margin-bottom: 0;
}
h3 > span {
 display: block;
 line-height: 1.2em;
 margin: 0.1em 0 0.1em;
}
#con02_lv h3 > span, #con05_lv h3 > span {
 margin: 0.3em 0 0.4em;
 letter-spacing: 1px;
}
h3 > span > * {
 display: inline-block;
 vertical-align: middle;
}
h3 span img {
 margin-right: 0.4em;
 margin-bottom: 0.2em;
 vertical-align: middle;
}
#main_lv {
 font-size: 140%;
 text-align: center;
 clear: both;
}
#main_lv > div:not(#con04_lv) > div {
 background: #FFF;
 margin: 30px auto 20px;
 display: inline-block;
}
@media (min-width: 920px) {
 #main_lv > div {
  margin: 0 -500%;
  padding: 0 500%;
 }
 #main_lv > div:not(#con04_lv) > div {
  padding: 30px 50px;
 }
 #main_lv > div#con02_lv > div {
  padding: 15px 50px 0;
  margin-bottom: 0;
 }
}
@media (max-width: 919px) {
 #main_lv {
  font-size: 110%;
 }
 #main_lv > div:not(#con04_lv) > div {
  padding: 20px 5% 0;
  margin: 25px auto 20px;
 }
  #main_lv > div#con02_lv > div {
   padding-top:0;
  }
 h3 {
  font-size: 180%;
 }
 h3 > span {
  margin: 0.3em 0 0.4em;
 }
 h3 span img {
  width: 15%;
  margin-bottom: 0em;
 }
}
/* リブ ラブ コットン プロジェクトって？ */
#main_lv > div#con01_lv {
 background: #F2FBF9;
}
p.text_lv {
 margin: 1em auto;
 text-align: justify;
 line-height: 1.9;
 letter-spacing: 1px;
}
p.text_lv img {}
p.text_lv span {
 display: block;
 line-height: 1.9;
 letter-spacing: 1px;
}
#con01_lv ul {
 clear: both;
}
#con01_lv ul li {
 display: block;
 clear: both;
 text-align: left;
 margin-left: 120px;
 margin-bottom: 15px;
}
#con01_lv ul li > img {
 display: inline-block;
 vertical-align: top;
}
#con01_lv ul li > div {
 display: inline-block;
 vertical-align: top;
}
#con01_lv ul li p span {
 color: #00A681;
}
#con01_lv ul li p span span {
 font-size: 130%;
 letter-spacing: 1px;
}
#con01_lv ul li p * {
 font-weight: bold;
}
@media (max-width: 919px) {
 p.text_lv img {
  display: block;
  width: 70%;
  margin: 1em auto;
 }
 #con01_lv ul {
  margin-top: 2em;
 }
 #con01_lv ul li {
  margin-left: 0px;
  margin-bottom: 1.5em;
 }
  #con01_lv ul li:last-child {
  margin-bottom: 3.5em;
 }
 #con01_lv ul li > img {
  width: 50%;
  margin-left: -6%;
 }
 #con01_lv ul li > div {
  width: 54%;
 }
}
/* プロジェクトのしくみ */
#con02_lv .pbp_lv {
 text-align: center;
 margin: 2em auto 0;
}
#con02_lv .pbp_lv > * {
 margin: 1em 1em 0;
 display: inline-block;
 vertical-align: middle;
 text-align: left;
}
#con02_lv .pbp_lv p {
 text-align: left;
}
@media (min-width: 920px) {
 /* PCのみ */
 #con01_lv > div {
  width: 920px;
  margin: 0 auto;
 }
 #main_lv > div#con03_lv > div {
  padding: 15px 0px 0;
  margin-bottom: 50px;
 }
 #con03_lv a {
  display: block;
 }
 p.text_lv {
  width: 780px;
 }
 p.text_lv img {
  float: right;
 }
 p.text_lv span {
  float: left;
  width: 440px;
 }
 #con02_lv p.text_lv {
  width: 720px;
 }
}
@media (max-width: 919px) {
 #con02_lv .sp_lv {
  width: 110%;
  max-width: 110%;
  margin-left: -5%;
 }
 #con02_lv .pbp_lv img {
  width: 20%;
 }
 #con02_lv .pbp_lv p {
  width: 70%;
  margin: 0;
 }
}
/* オーガニックコットンのこんなイイコト。 */
#con05_lv {
 text-align: center;
 margin-top: 5em !important;
 background: #F2FBF9;
}
#con05_lv .qa_lv {
 margin: 1em auto 2em;
}
#con05_lv .q_lv {
 color: #00a681;
 font-weight: bold;
 font-size: 160%;
 text-align: left;
 text-indent: -1.7em;
 padding-left: 1.7em;
 line-height: 1.4;
 margin-top: 1.2em;
 margin-bottom: 0.2em;
 clear: both;
}
#con05_lv .a_lv {
 font-weight: bold;
 font-size: 140%;
 text-align: left;
 text-indent: -1.8em;
 letter-spacing: 0.07em;
 padding-left: 2.0em;
 line-height: 1.4;
}
#con05_lv .qa_icon {
 font-size: 130%;
 font-weight: bold;
 margin-right: 0.2em;
}
#con05_lv .qa_lv span {
 font-weight: bold;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#con05_lv p.cotton_lv {
 text-align: left; 
 padding-left: 2.1em;
 margin-top: 1em;
 letter-spacing: 0.1em;
 line-height: 1.7;
}
#con05_lv p.cotton_lv img { float: right; margin-top: -3em;} 
#con05_lv p.img_box {
 text-align: center;
 margin: 1em 0;
}
@media (min-width: 920px) {
 /* PCのみ */
 #con05_lv > div {
  width: 920px;
 }
 #con05_lv .qa_lv {
 width: 780px;
}
}
@media (max-width: 919px) {
 /* SP */
#con05_lv .qa_lv {font-size: 90%;margin-bottom: 4em;}
#con05_lv p.cotton_lv{
 padding-left: 1em;
}
#con05_lv p.cotton_lv img {
width: 30%;
margin-top: -0.5em;
}


}
/* 商品一覧 */
#main_lv > div#con03_lv {
 margin: 0 0;
 padding: 0 0;
}
h4 {
 color: #00A681;
 font-size: 195%;
 line-height: 1.3;
 margin: 0.4em auto 0.6em;
}
#con03_lv ul li {
 margin: 0 0;
 padding: 20px 0;
}
#con03_lv ul li:nth-child(2n-1) {
 background: #faf7f3;
}
#con03_lv ul li:nth-child(2n) {
 padding-top: 0;
}
#con03_lv ul.bnrArea_lv {
 margin: 0 auto;
 padding: 0;
}
#con03_lv ul.bnrArea_lv li {
 background: #FFF;
 margin: 0px auto 0;
 padding: 0;
}
#con03_lv ul li > div {
 text-align: center;
 background: #FFF;
 padding: 50px 80px 55px;
}
#con03_lv ul li div.photo_lv > * {
 display: inline-block;
}
#con03_lv ul li div.photo_lv div a {
 display: block;
}
#con03_lv ul li div img {
 vertical-align: top;
}
#con03_lv ul li div.photo_lv img {
 float: left;
}
#con03_lv ul li div.photo_lv img.right_lv {
 float: right;
}
/* ITEM 01 */
/* ITEM 02 */
/* ITEM 03 */
#con03_lv ul li:nth-child(3) div.photo_lv img:nth-child(1) {
 margin-right: 72px;
}
/* ITEM 04 */
#con03_lv ul li:nth-child(4) div.photo_lv {}
#con03_lv ul li:nth-child(4) div.photo_lv img:nth-child(2) {
 margin-top: 70px;
}
#con03_lv ul li:nth-child(4) div.photo_lv img:nth-child(1) {
 margin-top: 40px;
 margin-left: -70px;
 position: relative;
}
@media (min-width: 920px) {
 #con03_lv ul li {
  margin: 0 -500%;
  padding: 20px 500%;
 }
}
@media (max-width: 919px) {
 #main_lv > div#con03_lv > div {
  padding: 0;
 }
 #con03_lv ul li > div {
  padding: 30px 5% 20px;
 }
 #con03_lv ul li > div > img {
  width: 40%;
 }
 h4 {
  font-size: 170%;
 }
 #con03_lv ul li div.photo_lv > * {
  margin: 0.5em auto;
 }
 #con03_lv ul li div.photo_lv img {
  float: none;
 }
 #con03_lv ul li div.photo_lv img.right_lv {
  float: none;
 }
 /* ITEM 01 */
 #con03_lv ul li:nth-child(1) div.photo_lv img:nth-child(2) {
  /*width: 80%;*/
  margin: 1em auto 1em;
 }
 #con03_lv ul li:nth-child(4) div.photo_lv img:nth-child(1) {
  margin: 0 auto;
  width: 90%;
 }
 #con03_lv ul li:nth-child(4) div.photo_lv img:nth-child(2) {
  width: 40%;
  margin-top: 13%;
  margin-left: -6%;
  z-index: 1;
  position: relative;
  float: left;
 }
 #con03_lv ul li:nth-child(4) div.photo_lv img:nth-child(3) {
  width: 79%;
  margin-left: -6%;
  margin-right: -8%;
  float: right;
 }
 #con03_lv ul li:nth-child(4) div.photo_lv img:nth-child(4) {
  margin-top: 0px;
  margin-left: -6%;
  width: 33%;
  float: left;
 }
 #con03_lv ul.bnrArea_lv li {
  margin: 0px auto 0;
 }
}
/*------------------------------------

スペック

------------------------------------*/
.spec_lv {
 clear: both;
 font-size: 115%;
 margin: 1.6em auto 0;
 display: inline-block;
}
.spec_lv * {
 font-weight: bold;
 line-height: 1.5;
}
.spec_lv > a {
 display: block;
}
.spec_lv .num_lv {
 font-family: 'Tajawal';
 font-weight: 700;
 font-size: 140%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 line-height: 1;
}
.spec_lv a {
 display: inline;
}
.spec_lv a:hover {
 text-decoration: none;
 border-bottom: 1px solid #333;
}
.color_lv {
 text-align: center;
}
.kikin_lv {
 color: #D10012;
 font-size: 75%;
 margin: 0.4em 0 0;
 display: block;
}
@media (max-width: 919px) {
 .spec_lv {
  margin: 0.6em auto 0;
 }
 .color_lv a {
  display: inline-block;
 }
}
/* 活動報告 */
#con04_lv {}
#main_lv #con04_lv {
 background: url(../images/kikin_head.jpg) repeat-x top;
 padding-top: 65px;
 margin-top: 40px;
}
#main_lv #con04_lv .inner_lv {
 background: url(../images/kikin_bg.jpg) repeat;
 padding-bottom: 80px;
}
#main_lv #con04_lv .inner_lv * {
 font-weight: bold;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#main_lv #con04_lv .inner_lv .kikin_ttl_lv {
 text-align: center;
 padding-top: 50px;
}
#main_lv #con04_lv .inner_lv .kikin_ttl_lv p {
 color: #00A681;
 font-size: 170%;
 display: inline-block;
 vertical-align: middle;
}
#main_lv #con04_lv .inner_lv .kikin_ttl_lv p > span {
 font-size: 150%;
 line-height: 1.0;
 letter-spacing: 1px;
}
#main_lv #con04_lv .inner_lv .kikin_ttl_lv p > span span {
 font-size: 125%;
 vertical-align: baseline;
 line-height: 1.0;
}
#main_lv #con04_lv .inner_lv .kikin_ttl_lv img {
 margin: 0.8em 1em;
 display: inline-block;
 vertical-align: middle;
}
#main_lv #con04_lv .inner_lv > p {
 color: #40220f;
 font-size: 130%;
 letter-spacing: 2px;
 margin: 0.8em auto 1em;
 line-height: 1.7;
 text-indent: -2em;
}
#main_lv #con04_lv .inner_lv > p img {
 margin-right: 1em;
}
#main_lv #con04_lv .inner_lv > img {
 margin: 0.8em auto 1em;
}
#main_lv #con04_lv .inner_lv .link_lv {
 display: block;
}
#main_lv #con04_lv .inner_lv .link_lv a {
 display: inline-block;
 margin-top: 30px;
}

/* 編集　23/11/21 */
@media (max-width: 919px) {
 #main_lv #con04_lv {
  background-size: auto 50px;
  padding-top: 50px;
  margin-top: 40px;
 }
 #main_lv #con04_lv .inner_lv .kikin_ttl_lv p {
  font-size: 130%;
 }
 #main_lv #con04_lv .kikin_ttl_lv img {
  width: 35%;
  margin: 1em auto 0;
 }
 #main_lv #con04_lv .inner_lv {
  padding: 0 0 40px;
  margin: 0 auto;
 }
 #main_lv #con04_lv .inner_lv > p {
  color: #40220f;
  font-size: 110%;
  letter-spacing: 2px;
  margin: 0.8em auto 1em;
  line-height: 1.7;
  text-indent: -2em;
  padding: 0 1em;
 }
 #main_lv #con04_lv .inner_lv > p img {
  width: 1.5em;
 }
 #main_lv #con04_lv .inner_lv .link_lv a {
  width: 80%;
  margin-top: 20px;
 }
}
/*------------------------------------

バナーエリア

------------------------------------*/
ul.bnrArea_lv {
 max-width: 920px;
 text-align: center;
 margin: 40px auto 0px;
}
ul.bnrArea_lv li {
 margin: 0 0 40px;
 display: inline-block;
}
@media (max-width: 919px) {
 /* バナーエリア */
 ul.bnrArea_lv {
  text-align: center;
  margin: 2em auto 0em;
  clear: both;
 }
 ul.bnrArea_lv li {
  width: 90%;
  display: inline-block;
  margin-bottom: 20px;
 }
 .bnrArea_lv img {
  width: 100%;
  height: auto;
 }
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
 display: none;
 position: relative;
 height: 0;
 margin: 0 auto;
 max-width: 1000px;
 width: 100%;
 z-index: 10000;
}
.pageTop a {
 position: fixed;
 bottom: 0px;
 right: 15px;
 left: auto;
 display: block;
 width: 100px;
 height: 100px;
 padding-bottom: 10px;
 background: url(../images/pagetop.png);
 background-repeat: no-repeat;
 z-index: 10000;
}
.pageTop a:hover {
 background: url(../images/pagetop_on.png);
 background-repeat: no-repeat;
}
@media (max-width: 480px) {
 .pageTop a {
  right: 10px;
  bottom: 15px;
  width: 45px;
  height: 45px;
  background: url(../images/pagetop.png);
  background-repeat: no-repeat;
  background-size: contain;
 }
 .pageTop a:hover {
  background: url(../images/pagetop.png);
  background-repeat: no-repeat;
  background-size: contain;
 }
}
/*------------------------------------

	SNS

------------------------------------*/
#sns_lv {
 text-align: center;
 display: block;
 margin: 0px auto 20px;
}
#sns_lv li {
 width: 30px;
 display: inline-block;
 margin: 5px;
}
#sns_lv li.sp_lv {
 display: none;
}
#sns_lv li a {
 display: block;
 width: 100%;
}
#sns_lv li img {
 width: 100%;
 height: auto;
}
/* 編集　23/11/21 */
.x_lv {
  width: 74% !important;
  margin: 0 0 13% 30%;
}


@media (max-width: 919px) {
 #sns_lv li.sp_lv {
  display: inline-block !important;
 }
 #sns_lv li {
  width: 7%;
 }
}
/* アニメーション */
#main_lv > div, #con03_lv ul li {
 opacity: 0;
}
.fadeIn_lv {
 animation: fadeIn_lv 1.1s;
 visibility: visible !important;
 opacity: 1.0;
}
@keyframes fadeIn_lv {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
.fadeIn02_lv {
 animation: fadeIn02_lv 1.3s forwards;
 opacity: 0;
}
#titlearea_lv, #lead_lv, #prof_lv, .bnrArea_lv {
 animation: fadeIn_lv 0.7s forwards;
 animation-delay: 0.7s;
 opacity: 0;
}
#titlearea_lv h1 {
 animation: fadeIn_lv 1.1s forwards;
 visibility: visible !important;
 animation-delay: 1.0s;
 opacity: 0;
}
@keyframes fadeIn02_lv {
 0% {
  opacity: 0;
  transform: translateY(25px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}
/* スライダー */
.slick-slider li {
 display: inline-block;
 position: relative;
}
.slick-slider li img:first-child {
 /* margin: 0 auto; */
}
/* TOP */
.slide_lv {
 max-width: 1300px;
 margin: 0 auto 0;
}
.slide_lv img {
 /* float: left; */
 /* padding: 0; */
 /* display: block; */
}
@media (max-width: 1319px) {
 .slide_lv {
  width: 100%;
  margin: 0 auto 0;
 }
 .slide_lv img, #titlearea_lv h1 img {
  /* width: 100%; */
 }
 .slide_lv .half_lv img {
  width: 50% !important;
 }
 #titlearea_lv h1 {
  width: 31.8%;
  top: 28.8%;
  left: 12.2%;
  z-index: 10;
 }
}
@media (max-width: 919px) {
 #titlearea_lv h1 {
  width: 44%;
  top: 20%;
  left: 3%;
  margin: 0px auto 25px;
  text-align: center;
 }
 .slide_lv {
  width: 120%;
  margin-left: -10%;
 }
 .slick-dotted.slick-slider {
  margin-bottom: 35px;
 }
 .slick-slide img {
  width: 100%;
 }
 .slick-slide img.slide_side_lv {
  width: 4.155%;
  right: 0.9%;
  top: 0;
 }
}
@media (max-width: 760px) {
 .item_slide_lv {
  width: 100%;
  margin: 0 auto 0;
 }
}
/*------------------------------------

webフォント

------------------------------------*/
#wrapper, #headerbox_lv h1, #header_lv, #Footer_fca {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.item_lv, #wrapper h3, #wrapper h4 {
 font-family: "Shuei MaruGo L", "秀英丸ゴシック L", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W3 JIS2004", Koburina Gothic W3 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.spec_lv * {
 font-family: "Gothic MB101 DemiBold", "ゴシックMB101 DB", "游ゴシック Medium", YuGothic, "游ゴシック体", "こぶりなゴシック W6 JIS2004", Koburina Gothic W6 JIS2004, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
#lead_lv, #main_lv {
 color: #333333;
}