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

	Date: 2020-09-10
	CSS Document ： 表紙ダウンロード企画

=============================================================*/
body {
 opacity: 0;
 overflow-x: hidden;
}
body.show {
 opacity: 1;
}
body #wrapper_fsp {
 height: auto;
 overflow-x: hidden;
}
#plist {
 /* padding-top: 45px; */
}
#index_ff {
 position: absolute;
 top: 0;
 left: 0;
}
#wrapper {
 color: #000000;
 text-align: left;
 padding-top: 0;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-size: 74%;
 margin-bottom: 3em;
}
img {
 width: auto;
 height: auto;
 border: none;
 vertical-align: bottom;
}
@media (min-width: 920px) {
 a:hover {
  color: #888888;
  text-decoration: underline;
 }
 a {
  transition: all 0.3s;
  overflow: inherit;
 }
 #wrap_dr a:hover img, #titlearea_inner_ff ul li a:hover img {
  opacity: 0.7;
  text-decoration: underline;
 }
 #wrapper a:hover {
  opacity: 0.7;
 }
 .bnrArea_ff a:hover {
  opacity: 0.7;
 }
 .check a:hover {
  opacity: 0.6;
 }
}
/*------------------------------------

ヘッダー

------------------------------------*/
#wrap_dr {
 position: absolute;
 top: 0;
 width: 100%;
}
#wrap {
 max-width: 920px;
 margin: 0 auto;
}
.emergency_cn {
 color: #ff0000;
 font-size: 10px;
 font-weight: bold;
 line-height: 1.6;
 margin-top: 2px;
}


#head-topnavi_marche {
    height: 31px;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    zoom: 1;
    z-index: 9999990;
    /* background: url(../images/allb/header/sakurahead.png) no-repeat left top; */
}

/*------------------------------------

パンくず

------------------------------------*/
#plist li {
 float: left;
}
#plist li a:link, #plist li a:visited {
 text-decoration: none;
}
#plist {
 max-width: 920px;
 margin: 10px auto;
 line-height: 1.1;
 vertical-align: middle;
}
/* sp用共存 */
#viewport_fsp {
 position: relative;
}
#header #head-topnavi_allb {
 position: absolute;
 right: 0;
 top: 12px;
}
#header #head-topnavi_allb li {
 float: left;
 margin-left: 10px;
 margin-top: 2px;
}
#add-line_allb a {
 border-left: none;
 padding-left: 0;
}
/* ---------------------------------

	clearfix
	
--------------------------------- */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/*------------------------------------

基本（スマホ）

------------------------------------*/
#header_fsp, #side_fsp, #footer_fsp, #wrapper_fsp .emergency_fsp, #modal_fsp {
 display: none;
}
.pc_ff {
 display: block;
}
.sp_ff {
 display: none;
}
@media (max-width: 919px) {
 p {
  line-height: 1.7;
 }
 #wrapper {
  font-size: 56%;
 }
 #wrap_dr, #footerarea_ff, #plist {
  display: none;
 }
 #wrapper_fsp .emergency_fsp, #header_fsp, #side_fsp, #footer_fsp {
  display: block;
 }
 body {
  -webkit-text-size-adjust: 100%;
 }
 body #wrapper_fsp {
  height: auto;
 }
 .pc_ff {
  display: none !important;
 }
 .sp_ff {
  display: block;
 }
 /* ヘッダー */
 #headerbox_ff {
  width: 100%;
  min-width: 10px;
  min-height: 12px;
  left: 0px;
  top: 0px;
  z-index: auto;
 }
 #header_ff {
  width: auto;
  min-width: 10px;
  padding: 10px 10px 10px 10px;
  white-space: normal;
  float: none;
 }
 #header_ff ul {
  text-align: left;
 }
 #header_ff li {
  display: inline-block;
  _display: inline;
  margin: 0;
  padding-right: 5px;
  font-size: 10px;
 }
}
@media (max-width: 480px) {
 #header_ff {
  padding: 5px 5px 5px 5px;
 }
 #header_ff li {
  padding-right: 3px;
  font-size: 8px;
 }
}
/*------------------------------------

title

------------------------------------*/
#titlearea_ff {
 position: relative;
 background-color: #b0cf7d;
 background-image: url(../images/title_bg.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 z-index: 1;
}
#titlearea_inner_ff {
 position: relative;
 width: 100%;
 height: 100%;
}
#titlearea_inner_ff h2 {
 width: 100%;
 position: absolute;
 top: 23%;
 left: 0;
 text-align: center;
}
.ashirai_ff img {
 position: absolute;
}
/* PC */
@media (min-width: 920px) {
 #titlearea_ff {
  height: 740px;
 }
 #titlearea_inner_ff {
  width: 920px;
  margin: 0 auto;
 }
 .ashirai_ff img.ashirai01_ff {
  top: 45%;
  left: -11%;
 }
 .ashirai_ff img.ashirai02_ff {
  top: 64%;
  left: -4%;
 }
 .ashirai_ff img.ashirai03_ff {
  top: 12%;
  left: 10%;
 }
 .ashirai_ff img.ashirai04_ff {
  top: 40%;
  left: 20%;
 }
 .ashirai_ff img.ashirai05_ff {
  top: 22%;
  left: 59%;
 }
 .ashirai_ff img.ashirai06_ff {
  top: 82%;
  left: 58%;
 }
 .ashirai_ff img.ashirai07_ff {
  top: 52%;
  left: 70%;
 }
 .ashirai_ff img.ashirai08_ff {
  top: 71%;
  left: 78.5%;
 }
 .ashirai_ff img.ashirai09_ff {
  top: 13%;
  left: 82%;
 }
 .ashirai_ff img.ashirai10_ff {
  top: 28%;
  left: 97%;
 }
 .ashirai_ff img.ashirai11_ff {
  top: 53%;
  left: 102%;
 }
 
 .ashirai_ff img.ashirai12_ff {
  top: 5%;
  left: 23%;
 }
  .ashirai_ff img.ashirai13_ff {
  top: 56%;
  left: -2%;
 }
  .ashirai_ff img.ashirai14_ff {
  top: 22%;
  left: 87.3%;
 }
  .ashirai_ff img.ashirai15_ff {
  top: 22%;
  left: -3%;
 }
  .ashirai_ff img.ashirai16_ff {
  top: 68%;
  left: 92%;
 }
 
 
 
 
 
}
#titlearea_ff p {
 color: #000;
 font-size: 145%;
 line-height: 1.6;
 text-align: center;
}
.btn_campaign_ff {
 position: absolute;
 right: -0%;
 bottom: -35px;
}
.btn_sns_campaign_ff {
 position: absolute;
 left: 0%;
 bottom: -35px;
 background: #43b2ab;
 border-radius: 50%;
 transition: all 0.3s;
}
@media (min-width: 920px) {
 .btn_campaign_ff {
  background: url(../images/btn_campaign_on.png) no-repeat center center;
 }
 .btn_campaign_ff:hover {
  opacity: 1 !important;
 }
 .btn_campaign_ff img {
  transition: all 0.3s;
 }
 .btn_campaign_ff:hover img {
  opacity: 0;
 }
 .btn_sns_campaign_ff:hover {
  background: #00758d;
  opacity: 1 !important;
 }
}
/* SP */
@media (max-width: 919px) {
 #titlearea_ff {
  height: 86vw;
  background-size: cover;
  overflow-x: clip;
 }
 .is_android #titlearea_ff {
  height: 172vw;
 }
 #titlearea_inner_ff {
  width: 100%;
 }
 #titlearea_inner_ff h2 {
  top: 22.5%;
  left: -0.3%;
 }
 #titlearea_inner_ff h2 img {
  width: 60%;
 }
 .is_android #titlearea_inner_ff {}
 .ashirai_ff img {
  width: 14%;
  ;
 }
 .ashirai_ff img.ashirai01_ff {
  top: 45%;
  left: -11%;
 }
 .ashirai_ff img.ashirai02_ff {
  top: 64%;
  left: -4%;
 }
 .ashirai_ff img.ashirai03_ff {
  top: 12%;
  left: 10%;
 }
 .ashirai_ff img.ashirai04_ff {
  top: 40%;
  left: 20%;
 }
 .ashirai_ff img.ashirai05_ff {
  top: 22%;
  left: 59%;
 }
 .ashirai_ff img.ashirai06_ff {
  top: 82%;
  left: 58%;
 }
 .ashirai_ff img.ashirai07_ff {
  top: 52%;
  left: 70%;
 }
 .ashirai_ff img.ashirai08_ff {
  top: 71%;
  left: 78.5%;
 }
 .ashirai_ff img.ashirai09_ff {
  top: 13%;
  left: 83%;
 }
 .ashirai_ff img.ashirai10_ff {
  top: 28%;
  left: 97%;
 }
 .ashirai_ff img.ashirai11_ff {
  top: 53%;
  left: 102%;
  display: none;
 }
 .ashirai_ff img.ashirai12_ff {
  top: 5%;
  left: 23%;
 }
  .ashirai_ff img.ashirai13_ff {
  top: 56%;
  left: -2%;
 }
  .ashirai_ff img.ashirai14_ff {
  top: 22%;
  left: 87.3%;
 }
  .ashirai_ff img.ashirai15_ff {
  top: 22%;
  left: -3%;
 }
  .ashirai_ff img.ashirai16_ff {
  top: 68%;
  left: 92%;
 }
 
 
 .btn_campaign_ff {
  width: 32%;
  right: 2%;
  bottom: -2%;
 }
 .btn_sns_campaign_ff {
  position: absolute;
  width: 31%;
  left: 2%;
  bottom: -2%;
  background: #43b2ab;
  border-radius: 50%;
  transition: all 0.3s;
 }
 .btn_sns_campaign_ff img, .btn_campaign_ff img {
  width: 100%;
 }
}
/* NEWS */
#news_ff {
 position: relative;
 margin-bottom: 20px;
 background: #FFF;
 padding: 17px 47px 20px;
 width: 100%;
 box-sizing: border-box;
}
.news_ttl_ff {
 font-weight: bold;
 font-size: 220%;
 letter-spacing: 0.08em;
 /* margin-bottom: 0.4em; */
 font-family: "Midashi Go MB1";
}
#news_ff ul {
 width: 100%;
 margin: 0 auto;
 font-size: 125%;
 letter-spacing: 0.08em;
}
#news_ff ul li {}
#news_ff ul li p {
 padding: 5px 0;
 display: table;
 color: #000;
}
#news_ff ul li p a {
 color: #2e318f;
 text-decoration: underline;
}
#news_ff ul li p a:hover {
 opacity: 0.7;
}
#news_ff ul li p * {
 font-weight: bold;
}
#news_ff ul li span.days_ff {
 padding: 0 25px 0 0;
 display: table-cell;
}
#news_ff ul li span:last-child {
 display: table-cell;
}
/* SP */
@media (max-width: 919px) {
 #news_ff {
  margin-top: -4em;
  padding: 15px 25px 10px;
  font-size: 120%;
 }
 #news_ff ul li p {
   padding: 5px 0;
 }
}
/*------------------------------------

リード

------------------------------------*/
#lead_ff {
 background: #fbf3d8;
 padding: 4.5em 0 3em;
}
#lead_ff .inner_ff {
 width: 920px;
 margin: 0 auto;
 padding: 0;
 box-sizing: border-box;
 position: relative;
}
#lead_ff .inner_ff img.ashirai01_ff {
 position: absolute;
 top: 0;
 left: -270px;
}
#lead_ff .inner_ff img.ashirai02_ff {
 position: absolute;
 top: 0;
 right: -280px;
}
.welcome_ff p {
 width: 500px;
 font-size: 130%;
 line-height: 1.8;
 /* margin: 0 10px 25px 0; */
 display: inline-block;
 vertical-align: middle;
 border: 2px solid #d4af46;
 border-radius: 2em;
 box-sizing: border-box;
 text-align: justify;
 padding: 1.4em 2em 1.6em;
 margin-left: 15px;
 background: #FFF;
 position: relative;
}
.welcome_ff p::before {
 content: "";
 display: block;
 height: 17px;
 width: 17px;
 background: url(../images/arrow_yellow.png) no-repeat center center;
 background-size: contain;
 transform: rotate(270deg);
 position: absolute;
 top: -17px;
 left: 30%;
}
/* PC */
@media (min-width: 920px) {
 .intro_ff {
  display: flex;
  flex-flow: nowrap;
  justify-content: space-between;
  align-items: center;
 }
 .intro_ff .welcome_ff {
  width: 60%;
 }
 .intro_ff .welcome_ff img {
  margin-left: 25px;
 }
 .intro_ff .howto_ff {
  width: 40%;
 }
}
/* SP */
@media (max-width: 919px) {
 #lead_ff .inner_ff {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
 }
 .intro_ff .welcome_ff {
  width: 100%;
 }
 .intro_ff .welcome_ff img {
  display: block;
  width: 100%;
  margin: 0 auto;
 }
 .welcome_ff p {
  width: 90%;
  margin: 0 auto;
  display: block;
  font-size: 150%;
 }
}
/* アンケートフォーム */
#lead_ff .inner_ff .check_ff {
 display: inline-block;
}
#lead_ff .inner_ff .check_ff a {
 display: inline-block;
}
.form_ff {
 display: flex;
 flex-flow: nowrap;
 justify-content: space-between;
 align-items: center;
 margin-top: 2em;
}
.form_ff p {
 text-align: center;
 font-size: 130%;
 line-height: 1.7;
 font-weight: bold;
 letter-spacing: 0.1em;
}
.form_ff p a {
 text-decoration: underline;
 font-weight: bold;
 color: #000;
}
.form_ff p span {
 font-size: 80%;
 display: block;
 margin-top: 1em;
}
/* SP */
@media (max-width: 919px) {
 #lead_ff .inner_ff .check_ff {
  display: block;
  text-align: center;
  margin-top: 3.5em;
 }
 #lead_ff .inner_ff .check_ff a {
  width: 65%;
 }
 #lead_ff .inner_ff .check_ff img {
  width: 100%;
 }
 .form_ff {
  justify-content: center;
  margin-top: 3em;
 }
 .form_ff p {
  font-size: 150%;
  margin-right: 2em;
 }
 .form_ff p a {}
 .form_ff p span {}
}
/*------------------------------------

メインコンテンツ

------------------------------------*/
#category_wrap_ff {
 font-size: 110%;
 margin: 0 auto;
 /* padding: 0 0; */
 background: #f6f2ef;
}
#category_wrap_ff a {
 overflow: inherit;
}
#list_ff > li {
 padding-bottom: 3em;
}
/* カテゴリまわり */
.brand_ttl_ff {
 font-size: 280%;
 letter-spacing: 0.08em;
 font-weight: bold;
 text-align: center;
 background: #f2f2f2;
 margin: 0 -500% 1.5em;
 padding: 0.6em 500%;
 width: 100%;
 font-family: "A1ゴシック M", "A1 Gothic M";
}
.brand_intro_ff {
 margin-bottom: 3.4em;
}
.brand_intro_ff .intro_box_ff {
 order: -1;
 text-align: center;
 width: 100%;
 box-sizing: border-box;
}
.brand_intro_ff .intro_box_ff p {
 background: #FFF;
 border: 2px solid #d4af46;
 border-radius: 1.3em;
 position: relative;
 padding: 1.1em 1.5em;
 text-align: center;
 font-size: 150%;
 display: inline-block;
 min-width: 530px;
 box-sizing: border-box;
 letter-spacing: 0.08em;
 line-height: 1.7;
 /* width: 100%;*/
}
.brand_intro_ff .intro_box_ff p::before {
 content: "";
 display: block;
 height: 17px;
 width: 17px;
 background: url("../images/arrow_yellow.png") no-repeat center center;
 background-size: contain;
 /* transform: rotate(270deg); */
 position: absolute;
 top: calc(50% - 8px);
 right: -17px;
}
#list_ff > li:nth-child(2n) .brand_intro_ff .intro_box_ff p {
 border-color: #bfa288;
}
#list_ff > li:nth-child(2n) .brand_intro_ff .intro_box_ff p::before {
 background: url("../images/arrow_brown.png") no-repeat center center;
}
#list_ff > li:last-child .brand_intro_ff .intro_box_ff p {
 border-color: #a9b0b4;
}
#list_ff > li:last-child .brand_intro_ff .intro_box_ff p::before {
 background: url("../images/arrow_gray.png") no-repeat center center;
}
.brand_intro_ff .intro_box_ff p span {
 font-size: 85%;
 display: block;
 margin-top: 0.5em;
}
.brand_link_ff {
 display: block;
 margin-top: 0.7em;
 text-align: center;
}
.brand_link_ff a {
 color: #000;
 background: #dfd0c4;
 border-radius: 1em;
 padding: 0.5em 2em 0.4em 1em !important;
 display: inline-block;
 vertical-align: middle;
 font-size: 110%;
 position: relative;
}
.brand_link_ff a img {
 height: 1.4em;
 width: auto;
 margin-right: 0.1em;
 vertical-align: middle;
}
.brand_link_ff a span {
 vertical-align: middle;
}
.brand_link_ff a::after {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 5px 0 5px 7px;
 border-color: transparent transparent transparent #FFF;
 position: absolute;
 top: calc(50% - 4px);
 right: 0.7em;
}
.brand_link_ff a:hover {
 text-decoration: none;
}
/* PC */
@media (min-width: 920px) {
 .brand_intro_ff {
  display: flex;
  flex-flow: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.4em;
 }
}
/* SP */
@media (max-width: 919px) {
 .brand_ttl_ff {
  margin: 0em 0 0.5em;
  font-size: 200%;
  padding: 0.6em;
  box-sizing: border-box;
 }
 .brand_intro_ff {
  text-align: center;
 }
 img.intro_icon_ff {
  width: 70%;
  margin: 0 auto;
  display: block;
 }
 .brand_intro_ff .intro_box_ff {
  width: 90%;
  margin: 30px auto 0;
 }
 .brand_intro_ff .intro_box_ff p::before {
  transform: rotate(270deg) !important;
  top: -17px;
  left: 50%;
  right: auto;
 }
 .brand_intro_ff .intro_box_ff p{
  width:100%;
  min-width: auto;
  padding: 0.8em 1.2em;
 }
}
/* コラムリスト */
ul.brand_list_ff {
 display: flex;
 flex-flow: wrap;
 justify-content: space-between;
}
.new_icon_ff {
 width: 22% !important;
 position: absolute;
 top: -25px;
 left: -25px;
}
ul.brand_list_ff li {
 position: relative;
 width: 31%;
 margin-bottom: 4em;
}
ul.brand_list_ff::after, ul.brand_list_ff::before {
 content: "";
 display: block;
 width: 31%;
 order: 100;
}
ul.brand_list_ff li img {
 max-width: 100%;
}
ul.brand_list_ff li .comment_ff {
 margin: 1em auto;
}
ul.brand_list_ff li .comment_ff span {
 width: 100%;
 display: block;
 letter-spacing: 0;
 font-size: 120%;
 font-weight: bold;
 text-align: center;
 line-height: 1.7;
 margin-bottom: 0.3em;
 font-family: "Midashi Go MB1";
}
ul.brand_list_ff li .comment_ff p {
 line-height: 1.8;
 font-size: 100%;
 text-align: justify;
 min-height: 5.5em;
}

/* ダウンロードボタン */

#list_ff .download_ff {
 width: 100%;
 display: flex;
 flex-flow: nowrap;
 justify-content: space-between;
}
#list_ff .download_ff a {
 display: block;
 width: 49%;
 text-align: center;
}
#list_ff .download_ff a img {
 transition: all 0.2s;
}
/* PC */

@media (min-width: 920px) {
 #list_ff {
  width: 920px;
  margin: 0 auto;
  text-align: center;
 }
 #list_ff .download_ff a {
  background: url(../images/download_a6_on.png) no-repeat center center;
 }
 #list_ff .download_ff a:nth-child(2) {
  background: url(../images/download_a5_on.png) no-repeat center center;
 }
 #list_ff .download_ff a:hover {
  opacity: 1;
 }
 #list_ff .download_ff a:hover img {
  opacity: 0;
 }
}


/* SP */
@media (max-width: 919px) {
 ul.brand_list_ff {
  width: 96%;
  margin: 0 auto;
  font-size: 120%;
 }
 ul.brand_list_ff li {
  /* width: 48%; */
  width: 80%;
  margin: 0 auto 3em;
 }
 ul.brand_list_ff li img {
  width: 100%;
 }
 ul.brand_list_ff li .comment_ff span {
   font-size:150%;
 }
 #list_ff ul.brand_list_ff li p{
      font-size:120%;
 }
 #list_ff .download_ff {
  width: 95%;
  margin: 0 auto;
 }
}

/* ダウンロードボタン　カレンダーコンテンツ用 */

#list_ff .download_ffc {
 width: 100%;
 display: flex;
 flex-flow: nowrap;
 justify-content: space-between;
}
#list_ff .download_ffc a {
 display: block;
 width: 49%;
 text-align: center;
}
#list_ff .download_ffc a img {
 transition: all 0.2s;
}
#list_ff .download_ffd {
 width: 100%;
 display: flex;
 flex-flow: nowrap;
 justify-content: space-between;
}
#list_ff .download_ffd a {
 display: block;
 width: 49%;
 text-align: center;
}
#list_ff .download_ffd a img {
 transition: all 0.2s;
}

/* PC */

@media (min-width: 920px) {
 #list_ff .download_ffc a {
  background: url(../images/download_12-5_on.png) no-repeat center center;
 }
 #list_ff .download_ffc a:nth-child(2) {
  background: url(../images/download_6-11_on.png) no-repeat center center;
 }
 #list_ff .download_ffc a:hover {
  opacity: 1;
 }
 #list_ff .download_ffc a:hover img {
  opacity: 0;
 }
 #list_ff .download_ffd a {
  background: url(../images/download_12-3_on.png) no-repeat center center;
 }
 #list_ff .download_ffd a:nth-child(2) {
  background: url(../images/download_4-11_on.png) no-repeat center center;
 }
 #list_ff .download_ffd a:hover {
  opacity: 1;
 }
 #list_ff .download_ffd a:hover img {
  opacity: 0;
 }
}


/* SP */
@media (max-width: 919px) {
 #list_ff .download_ffc {
  width: 95%;
  margin: 0 auto;
 }
 #list_ff .download_ffd {
  width: 95%;
  margin: 0 auto;
 }
}


/*------------------------------------

メイン

------------------------------------*/
@media (max-width: 919px) {
 #wrapper img {
  max-width: 100%;
 }
 #footer_logo_fsp img {
  width: auto;
 }
}
/*------------------------------------

バナー

------------------------------------*/
#foot_area_ff {
 margin-top: 6em;
 /* padding: 0 0 25px; */
}
.bnrArea_ff {
 display: block;
 max-width: 920px;
 text-align: center;
 margin: 0 auto;
}
.bnrArea_ff li {
 display: inline-block;
 margin: 0px 0 35px;
}
@media (max-width: 919px) {
 #foot_area_ff {
  margin-top: 3em;
  /* padding: 20px 0 20px; */
 }
 #foot_area_ff img {
  width: 100%;
 }
 .bnrArea_ff li {
  width: 85%;
  margin: 0px 0 2.0em;
 }
 .bnrArea_ff li:last-child {
  float: none;
 }
}
/*------------------------------------

アニメーション

------------------------------------*/
.fade_ff {
 animation: fade_ff 1.0s forwards;
 visibility: visible !important;
 opacity: 1.0;
}
.fadeTitle_ff {
 animation: fade_ff 1s forwards;
 visibility: visible !important;
 opacity: 0;
 animation-delay: 0.9s;
}
@keyframes fade_ff {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
.fade01_ff {
 animation: fade01_ff 0.5s forwards;
 visibility: visible !important;
 animation-delay: 0s;
}
@keyframes fade01_ff {
 0% {
  opacity: 0;
  transform: translateY(35px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}
@keyframes fade02_ff {
 0% {
  opacity: 0;
  transform: translateY(25px);
 }
 20% {
  opacity: 0;
  transform: translateY(25px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}
.fadeInTop_ff {
 animation: fadeInTop_ff 1.5s forwards;
 visibility: visible !important;
}
@keyframes fadeInTop_ff {
 0% {
  opacity: 0;
 }
 70% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
.anime_ff {
 animation: vertical 1.0s ease-in-out infinite alternate;
}


.ashirai_ff img.ashirai01_ff{
 animation: rotate_anime2 1.5s ease-in-out infinite alternate;
 animation-delay: 0.5s;
}
.ashirai_ff img.ashirai04_ff{
animation: ashirai_anime_id 3.0s forwards;
visibility: visible !important;
opacity: 1;
animation-iteration-count:infinite;
animation-delay: 1s;
}
.ashirai_ff img.ashirai11_ff {
animation: ashirai_anime_id 3.0s forwards;
visibility: visible !important;
opacity: 1;
animation-iteration-count:infinite;
animation-delay: 0.2s;
}
.ashirai_ff img.ashirai09_ff {
 animation: rotate_anime 1.5s ease-in-out infinite alternate;
}
.ashirai_ff img.ashirai06_ff {
 animation: rotate_anime2 1.5s ease-in-out infinite alternate;
}

.ashirai_ff img.ashirai12_ff {
 animation: vertical 1.0s ease-in-out infinite alternate;
}
.ashirai_ff img.ashirai13_ff {
 animation: vertical 1.0s ease-in-out infinite alternate;
  animation-delay: 0.3s;
}
.ashirai_ff img.ashirai14_ff {
 animation: vertical 1.0s ease-in-out infinite alternate;
  animation-delay: 0.6s;
}
.ashirai_ff img.ashirai15_ff {
 animation: vertical2 1.2s ease-in-out infinite alternate;
}
.ashirai_ff img.ashirai16_ff {
 animation: vertical2 1.2s ease-in-out infinite alternate;
 animation-delay: 0.5s;
}

@keyframes ashirai_anime_id {
0% {transform: translateY(-0px);}
76% {transform: translateY(-0px);}
82% {transform: translateY(-3px);}
88% {transform: translateY(-0px);}
94% {transform: translateY(-4px);}
100% {transform: translateY(0);}
}

@keyframes vertical {
 0% {
  transform: translateY(-4px);
 }
 100% {
  transform: translateY(0px);
 }
}
@keyframes vertical2 {
 0% {
  transform: translateX(-4px);
 }
 100% {
  transform: translateX(0px);
 }
}

@keyframes rotate_anime {
 0% {
  transform:rotate(3deg);
  transform-origin:50% 0%;
 }
 100% {
  transform:rotate(-3deg);
  transform-origin:50% 0%;
 }
}
@keyframes rotate_anime2 {
 0% {
  transform:rotate(-2deg);
  transform-origin:50% 50%;
 }
 50% {
  transform:rotate(-2deg);
 }
 51% {
  transform:rotate(3deg);
 }
 100% {
  transform:rotate(3deg);
 }
}


/* safari調整 */
.is_safari #Footer_fca {
 font-size: 120% !important;
}
/*------------------------------------

webフォント

------------------------------------*/
#wrapper,#wrapper h1, #header_ff, #Footer_fca {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#list_ff ul.brand_list_ff li p {
 font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#list_ff ul.brand_list_ff li p span {
 font-family: "ヒラギノ角ゴ W5 JIS2004", "Hiragino Kaku Gothic W5 JIS2004", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#Footer_fca ul {
 /* border-top: none; */
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
 display: none;
 position: relative;
 height: 0;
 margin: 0 auto;
 max-width: 1000px;
 width: 100%;
 z-index: 10000;
}
.pageTop a {
 position: fixed;
 bottom: 17px;
 right: 26px;
 left: auto;
 display: block;
 width: 105px;
 height: 105px;
 padding-bottom: 10px;
 background: url(../images/pagetop.png) no-repeat;
 z-index: 10000;
}
@media (min-width: 920px) {
 .pageTop a:hover {
  bottom: 27px;
  opacity: 1;
 }
}
@media (max-width: 919px) {
 .pageTop a {
  right: 15px;
  bottom: 7px;
  width: 50px;
  height: 50px;
  background-size: contain;
  transition: all 0.4s ease-in-out;
 }
}
/*------------------------------------

SNSボタン

------------------------------------*/
#sns_ff ul {
 text-align: center;
 display: block;
 margin: 0 auto;
 /* padding: 0px 0 38px; */
}
#sns_ff li {
 display: inline-block;
 margin: 0 5px;
 overflow: hidden;
}
#sns_ff li img {
 height: auto;
 width: 30px;
}
/* SP */
@media (max-width: 919px) {
 #sns_ff li img {
  height: auto;
  /* width: 50px; */
 }
}
/* 使い方 */
.tsukaikata_ff {
 font-size: 115%;
}