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

Date: 2018-04-11
CSS Document ： 新しいこと、はじめよう！

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

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

ベース

------------------------------------*/
.emergency_cn {
color: #ff0000;
font-size: 10px;
font-weight: bold;
line-height: 1.6;
}
/*#plist {padding-top: 52px;}*/
#plist li {
  list-style: none;
}
#header_fsp, #side_fsp,#footer_fsp,.emergency_fsp,.sp_guide_ff {display:none;}
@media (max-width: 919px) {
#header_fsp, #side_fsp,#footer_fsp,.emergency_fsp,.sp_guide_ff {display:block;}
}

.pc_ff {	display: block;}
br.pc_ff {	display: inline-block;}
.sp_ff {	display: none;}
#sleep {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
color: #000000;
text-align: left;
}
body #wrapper_fsp {
height:auto;
overflow-x: auto;/*-webkit-font-smoothing: antialiased;*/
}
#wrapper {	padding-top: 0; overflow-x:hidden; 	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#sleep img {
width:auto;
height:auto;
border: none;
vertical-align: bottom;
}
#sleep a:hover {
color: #888888;
/*text-decoration: underline;*/
filter: alpha(opacity=70);
}
#sleep a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

/* ヘッダー */
/*===========================
header_dr
===========================*/
#wrap {
width: 920px;
margin: 0px auto;
text-align: left;
}
#header {
position: relative;
zoom: 1;
min-height:42px;
}
#wrap_dr {
position: absolute;
top: 0;
width: 100%;
}
/*===========================
plist
===========================*/
#plist li {
float: left;
font-size: 83.4%;
}

#plist {
max-width:920px;
margin: 10px auto;
line-height: 1;
_line-height: 1.1;
vertical-align: middle;
padding: 0;
}

/* sp用共存 */
#wrapper_fsp .emergency_fsp {
display: none;
}
#viewport_fsp {
position: relative;
}
#modal_fsp {
display: none;
}


#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;
}
#header a:hover img,
#foot-cts a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
text-decoration:underline;
}
#foot-cts p a{
padding-bottom:1px;
}
/* ---------------------------------

FOOTER

--------------------------------- */
div#footer {
clear: both;
border-top: 1px solid #EEEEEE;
text-align: center;
margin: 6px 0 0;
padding: 20px 0 25px;
font-size: 83.4%;
}

div#footer p {
font-family: "Arial";
}

div#footer p.logo {
margin: 12px 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* ページのトップへ */

.pagetop_ff {
width: 920px;
margin: 0 auto 0 auto;
padding: 0 0 2em 0!important;
}

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

基本（スマホ）

------------------------------------*/
#sp-foot-cts {
display: none;
}
#ff-foot-cts {
display: block;
}
@media (max-width: 919px) {
#wrap_dr,#footerarea_ff,#plist{	display: none ;}
#wrapper_fsp .emergency_fsp,#sp-foot-cts {
display: block;
}
#ff-foot-cts {
display: none;
}
body #wrapper_fsp {
height: auto;
}

.pc_ff {	display: none !important;}
.sp_ff {	display: block;}
#sleep {	-webkit-text-size-adjust: 100%;}

/* ヘッダー */
#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;
}
}

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

タイトルエリア

------------------------------------*/
#titlearea_inner_ff {
background:#FEF7F4;
max-height:620px;
}
#titlearea_inner_ff img.titleimage_ff{
float:left;
width:600px;
}

#titlearea_inner_ff div.pc_ff {
width: 1200px;
margin: 0 auto;
position: relative;
}
#titlearea_inner_ff .title_text_ff{
position:absolute;
top:0;
left:0px;
}
@media (max-width: 1200px) {
#titlearea_inner_ff img{
width:100%;
}
#titlearea_inner_ff img.titleimage_ff{
float:left;
width:50%;;
}
#titlearea_inner_ff div.pc_ff {
width:100%;
max-width: 1200px;
}
}
ul.change_ff li{
position:absolute;
top:0;
left:0;
}

h1{ font-size:120%; margin-top: 0; margin-bottom: 0; }

#titlearea_ff h2{
max-width: 920px;
margin: 1.7em auto 3em;
}
#titlearea_ff h2 p{
color: #000000;
font-size: 160%;
line-height: 1.7;
text-align:center;
font-weight: bold;
}
#titlearea_ff .top_read_ff{
display:block;
margin:3em auto 0;
}
@media (max-width: 919px) {
#titlearea_inner_ff {
max-height:inherit;
}
#titlearea_ff h2{
margin: 0.9em auto 1.4em;
}
#titlearea_ff h2 p{
font-size:100%;
margin: 0 0;
line-height:1.9;
}
#titlearea_ff .top_read_ff{
width:88%;
}
}

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

ナビゲーション

------------------------------------*/
#nav_ff{position:relative; z-index:10000;}
#nav_ff ul{
position:relative;
z-index:10000;
width:920px;
margin: 0 auto 4px;
display:table;
}
#nav_ff li{
display: table-cell;
}
#nav_ff li a{
display: block;
position:relative;
}
#nav_ff li a .nav_on_ff{
position:absolute;
top:0;
left:0;
opacity:0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
#nav_ff li a:hover .nav_on_ff{
opacity:1;
}
/* Fixed nav */
#nav_ff .fixed_nav {
display:none;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
padding: 0 0 0;
z-index: 10000;
}
#nav_ff .fixed_nav ul{
background:none;
padding-top:0px;
}
#nav_ff .fixed_nav ul li{
text-align: center;
}

#nav_ff .fixed_nav ul li a img{
opacity:1;
-webkit-transition: 0.2s;
transition: 0.2s;
}
#nav_ff .fixed_nav ul li:nth-child(1) a{background: url(../images/nav01_min_on.png) no-repeat top center;}
#nav_ff .fixed_nav ul li:nth-child(2) a{background: url(../images/nav02_min_on.png) no-repeat top center;}
#nav_ff .fixed_nav ul li:nth-child(3) a{background: url(../images/nav03_min_on.png) no-repeat top center;}
#nav_ff .fixed_nav ul li:nth-child(4) a{background: url(../images/nav04_min_on.png) no-repeat top center;}
#nav_ff .fixed_nav ul li:nth-child(5) a{background: url(../images/nav05_min_on.png) no-repeat top center;}

#nav_ff .fixed_nav ul li a.current img.nav_list_min_ff,
#nav_ff .fixed_nav ul li a:hover img.nav_list_min_ff{
opacity:0;
}
#nav_ff .nav_list_sp_ff{
display:none;
}
@media (max-width: 919px) {
#nav_ff .nav_list_min_ff{
display:none;
}
#nav_ff ul{
width:100%;
margin: 3em auto 0.3em;
}
#nav_ff ul.nav_ff{
width:100%;
display:block;
text-align:center;
}
#nav_ff ul.nav_ff li{
display: block;
float:none;
display:inline-block;
margin:0 0.5% 0.8em;
width:30%;
}
#nav_ff .fixed_nav ul{
box-sizing:border-box;
/*background:#FFF;*/
border-right:1px solid #CEC5BC;
}
#nav_ff .fixed_nav ul li{
border-top:1px solid #CEC5BC;
}
#nav_ff .fixed_nav ul li a{
background:none !important;
}
#nav_ff .nav_list_sp_ff{
display: block;
}
}

#fixed_menu_lv .fixed_menu_btn {
display:none;
}

@media (max-width: 919px) {
/*------------------------------------

SP用 固定ナビ

------------------------------------*/
#nav_ff .fixed_nav {
position:relative;
}
#fixed_menu_lv {
width: 100% !important;
height: auto;
position: fixed;
right: 0px;
bottom: 140px;
z-index: 1000;
overflow: visible;
/*background:#fff;*/
}
#fixed_menu_lv .fixed_menu_btn {
display:block;
width: 120px;
height: 270px;
position: absolute;
right: 0px;
bottom: 0px;
cursor: pointer;
z-index: 1200;
}
#fixed_menu_lv li.fixed_menu_pc_ff {
float:left;
width:20%;
}
#fixed_menu_lv  li {
width:33.3%;
display:block;
float:left;
}
#fixed_menu_lv  li:nth-child(4) {
clear:both;
margin-left:33.3%;
}

#fixed_menu_lv li img {
width: 100%;
height: auto;
}
#fixed_menu_lv .fixed_menu_btn img.fixed_menu_btn_body {
width: 90%;
float:right;
height: auto;
vertical-align: bottom;
background:none;
}

#fixed_menu_lv .fixed_menu_body_outer {
width: 0px;
height: auto;
position: absolute;
right: 120px;
bottom: 0px;
overflow: hidden;
}
#fixed_menu_lv .fixed_menu_body {
display: table;
width: 80vw;
padding: 0px 0px 0px 0px;
height: auto;
/*background: #FFF;*/
background-size: contain;
left: 0;
bottom: 0;
}
.ua-android #fixed_menu_lv .fixed_menu_body, .ua-android-chrome #fixed_menu_lv .fixed_menu_body {
width: 500px;/*旧対策*/
width: 160vw;
}
#fixed_menu_lv .fixed_menu_body li a:hover img, #fixed_menu_lv .fixed_menu_body li a:active img {
opacity: 0.7;
filter: alpha(opacity=70);
}
#fixed_menu_lv .fixed_menu_body img {
vertical-align: bottom;
}
}
/*------------------------------------

コーデたち

------------------------------------*/
#category_wrap_ff{
max-width: 920px;
margin:0 auto 70px;
}
#category_wrap_ff a{
padding-bottom: 1px;
}
.category_ff{
display:block;
clear:both;
padding-top:80px;
}
.category_ff h3 {
text-align:left;
background-repeat:repeat;
background-position:center;
margin: 0px -500% 46px;
padding: 0 500% 0;
}
.category_ff h3 span {
color: #FFF;   
font-size: 150%;
font-weight:bold;
display:inline-block;
vertical-align:middle;
margin-right:-100px;
}
#con01_ff h3{	background-image: url(../images/bg_con01.jpg) ;}
#con02_ff h3{	background-image: url(../images/bg_con02.jpg) ;}
#con03_ff h3{	background-image: url(../images/bg_con03.jpg) ;}
#con04_ff h3{	background-image: url(../images/bg_con04.jpg) ;}
#con05_ff h3{	background-image: url(../images/bg_con05.jpg) ;}

.category_ff h3 img{
margin: -26px 15px -5px 0;
display:inline-block;
vertical-align:middle;
}
#con02_ff.category_ff h3 img{margin: -26px 15px -4px 0;}
#con03_ff.category_ff h3 img{margin: -25px 15px -4px 0;}
#con04_ff.category_ff h3 img{margin: -29px 15px -3px 0;}
#con05_ff.category_ff h3 img{margin: -28px 15px -2px 0;}


ul.items_ff li.item_ff{
text-align:center;
float:left;
margin: 1em 17px 1.7em 0;
}

ul.items_ff li.item_ff:nth-child(3n){
margin-right:0;
}
ul.items_ff li.item_ff:nth-child(3n + 1){
clear:both;
}

ul.items_ff .item_photo_ff{
text-align:center;
box-sizing:border-box;
border-width:1px;
border-style:solid;
}
ul.items_ff li .item_photo_ff img{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin:0;
padding:2px;
border-color:#FFF;
border-width:3px;
border-style:solid;
}
ul.items_ff li a h4,
ul.items_ff li a .spec_name_ff{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.items_ff li a:hover h4,
ul.items_ff li a:hover .spec_name_ff{
opacity: 0.6;
}
ul.items_ff li a:hover .item_photo_ff img{

}
#con01_ff ul.items_ff li a .item_photo_ff,
#con01_ff ul.items_ff li a:hover .item_photo_ff img{ border-color: #F7B9B2;}
#con02_ff ul.items_ff li a .item_photo_ff,
#con02_ff ul.items_ff li a:hover .item_photo_ff img{ border-color: #D0BEAC;}
#con03_ff ul.items_ff li a .item_photo_ff,
#con03_ff ul.items_ff li a:hover .item_photo_ff img{ border-color: #A4D2E1;}
#con04_ff ul.items_ff li a .item_photo_ff,
#con04_ff ul.items_ff li a:hover .item_photo_ff img{ border-color: #E9C382;}
#con05_ff ul.items_ff li a .item_photo_ff,
#con05_ff ul.items_ff li a:hover .item_photo_ff img{ border-color: #ABD3C7;}

ul.items_ff h4{
text-align:center;
color:#231815;
font-size: 135%;
letter-spacing: 1px;
font-weight:bold;
margin: 1.3em -20px 0.9em;
}
.spec_name_ff{
text-align:center;
line-height:1.8;
font-size:  110%;
}
.spec_name_ff span{
color: #000;
border-bottom: 1px solid #444;
}
.spec_name_ff span.min_text_ff{
font-size:90%;
border-bottom:none;
}
.spec_name_ff span.price_ff{
font-size:160%;
border-bottom:none;
font-family: 'Oswald', sans-serif;
font-weight:500;
letter-spacing:1px;
}
.spec_name_ff span.torikeshi_ff{
background: url(../images/torikeshi_dubble.gif) repeat-x center;
background-size:auto;
border-bottom:none;
font-size:90%;
}
.spec_name_ff span.torikeshi_ff .price_ff{
font-size:130%;
}
.spec_name_ff span.red_ff,
.spec_name_ff span.red_ff .price_ff{
color:#C80852;
border-bottom:none;
}

/* もっと見るバナー */
.motto_bnr_ff{
max-width:689px;
margin: 20px auto 15px;
text-align:center;
position:relative;
clear:both;
display:block;
}
.motto_bnr_ff a{
margin: 0.9em auto;
display:inline-block;
}
.motto_bnr_ff a img{
opacity:1;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.motto_bnr_ff a:hover img{
opacity:0.6;
}

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

コーデたち（スマホ）

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

/*
@media (max-width: 919px) {
img{
width:100%;
}
これあると左ナビメニューの最下部矢印が巨大化する*/
    
.category_ff h3{
text-align:center;
padding-bottom: 1em;
}
.category_ff h3 img{
width:80%;
margin: -2em auto 0.8em !important;
display:inline-block;
vertical-align:middle;
}
#con01_ff.category_ff h3 img{	width:60%;}
#con02_ff.category_ff h3 img{	width:60%;}
#con03_ff.category_ff h3 img{	width:80%;}
#con04_ff.category_ff h3 img{	width:90%;}
.category_ff h3 span{
margin:0 5% 0 10%;
font-size: 180%;
line-height: 1.4;
font-weight: bold;
}
ul.items_ff h4{
font-size:210%;
}
.spec_name_ff{
font-size:  180%;
}
#footer_logo_fsp img{
width:auto;
}
ul.items_ff li.item_ff{
width:100%;
float:none;
margin-bottom: 3em;
}
ul.items_ff .item_photo_ff{
width:90%;
height:auto;
margin:0 auto;
}
ul.items_ff li .item_photo_ff img{
width:98%;}
ul.items_ff li a:hover h4,
ul.items_ff li a:hover .spec_name_ff{
opacity: 1.0;
}

}

ul.items_ff .item_ff a{
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow:inherit;
}
ul.items_ff .item_ff a:hover{
text-decoration: none;
}


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

スペック（スマホ）

------------------------------------*/
@media (max-width: 919px) {

.motto_bnr_ff{
width: 95%;
max-width:100%;
margin: 0em auto 4em !important;
text-align:center;
}
.motto_title_ff{
width:60%;
}
.motto_bnr_ff a{
width: 47%;
margin: 1.2em 1%;
}

.bnrArea_ff {
display: block;
width: 90%;
text-align: center;
margin: 3.5em auto;
}
.bnrArea_ff li {
width:100%;
}
}
/* アニメーション */
.item_ff,.fade_ff{
opacity: 0;
}
.fadein_ff {
animation: fadein_ff 1.0s forwards;
-webkit-animation: fadein_ff 1.0s forwards;
visibility: visible !important;
opacity: 1.0;
}
@-webkit-keyframes fadein_ff {
0% { opacity: 0;}
100% { opacity: 1;}}
@keyframes fadein_ff {
0% { opacity: 0;}
100% { opacity: 1;}}
.fade01_ff {
animation: fade01_ff 1.5s forwards;
-webkit-animation: fade01_ff 1.5s forwards;
visibility: visible !important;
animation-delay: 0s;
-webkit-animation-delay: 0s;
}

@-webkit-keyframes fade01_ff {
0% {
opacity: 0;
-webkit-transform: translateY(25px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fade01_ff {
0% {
opacity: 0;
-ms-transform: translateY(25px);
transform: translateY(25px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fade02_ff {
0% {
opacity: 0;
-webkit-transform: translateY(25px);
}
20% {
opacity: 0;
-webkit-transform: translateY(25px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fade02_ff {
0% {
opacity: 0;
-ms-transform: translateY(25px);
transform: translateY(25px);
}
20% {
opacity: 0;
-ms-transform: translateY(25px);
transform: translateY(25px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInTop_ff {
animation: fadeInTop_ff 2.0s forwards;
-webkit-animation: fadeInTop_ff 2.0s forwards;
visibility: visible !important;
}
@-webkit-keyframes fadeInTop_ff {
0% { opacity: 0;}
60% { opacity: 0;}
100% { opacity: 1;}
}
@keyframes fadeInTop_ff {
0% { opacity: 0;}
40% { opacity: 0;}
100% { opacity: 1;}
}
.fadeTitle_ff {
animation: fadeTitle_ff 1.5s forwards;
-webkit-animation: fadeTitle_ff 1.5s forwards;
visibility: visible !important;
opacity: 0;
animation-delay: 1.0s;
-webkit-animation-delay: 1.0s;
}
@-webkit-keyframes fadeTitle_ff {
0% { opacity: 0;}
100% { opacity: 1;}}
@keyframes fadeTitle_ff {
0% { opacity: 0;}
100% { opacity: 1;}}

ul.change_ff li {
animation: fadechange_ff 24s none;
-webkit-animation: fadechange_ff 24s none;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;
opacity: 0;
animation-delay: 0s;
-webkit-animation-delay: 0s;
}/*2,4,9*/
ul.change_ff li:nth-child(1),
ul.change_ff li:nth-child(3),
ul.change_ff li:nth-child(6) {
animation-delay: 4.0s;
-webkit-animation-delay: 4.0s;
}
ul.change_ff li:nth-child(5),
ul.change_ff li:nth-child(7),
ul.change_ff li:nth-child(8),
ul.change_ff li:nth-child(10){
animation-delay: 8.0s;
-webkit-animation-delay: 8.0s;
}
@-webkit-keyframes fadechange_ff {
0% { opacity: 0;}
20% { opacity: 0;}
25% { opacity: 1;}
75% { opacity: 1;}
80% { opacity: 0;}
}
@keyframes fadechange_ff {
0% { opacity: 0;}
20% { opacity: 0;}
25% { opacity: 1;}
75% { opacity: 1;}
80% { opacity: 0;}
}

/* safari調整 */
.is_safari #Footer_fca {	font-size: 120% !important;}
.is_safari .category_ff h3 span {
-webkit-font-smoothing: subpixel-antialiased;
}
/*------------------------------------

webフォント

------------------------------------*/
#titlearea_ff p,
ul.items_ff{
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul.items_ff h4{
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
}

#sleep {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ▼ SNS ▼ */
div.sns{	background:url(http://www.felissimo.co.jp/contents/sp/images/common/foot_sns_bg.jpg) repeat-x 0 0;	background-size:cover;}
div.sns ul{	width:100%;	overflow:hidden;	margin:0 auto;	padding:40px 0;}
div.sns ul li{	width:28%; overflow:hidden;	float:left;	margin: 0 4% 0 0;}
div.sns ul li img{  width: 100%;  height: auto;}
div.sns ul li:first-child{	margin: 0 4%;}
div.sns ul li:last-child{	margin: 0;}
/* ▼ pagetop ▼ */
#footerarea_ff{ width:920px; margin:0 auto;}
.pagetop {	text-align: right;	margin-top: 30px;}
.pagetop a { padding: 2px 0 0 0;}
.pagetop a,
.pagetop a:visited {  text-decoration: none;}
.pagetop a:hover { border-bottom:1px solid #000;}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop_ff {
display: none;
position: relative;
height: 0;
margin: 0 auto;
max-width: 1000px;
width: 100%;
z-index: 10000;
}
.pageTop_ff 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;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.pageTop_ff a:hover {
background: url(../images/pagetop.png);
background-repeat: no-repeat;
opacity:0.7;
}
@media (max-width: 919px) {
.pageTop_ff a {
right: 5px;
bottom: 20px;
width: 100px;
height: 100px;
background: url(../images/pagetop_sp.png);
background-repeat: no-repeat;
background-size: contain;
}
.pageTop_ff a:hover {
background: url(../images/pagetop_sp.png);
background-repeat: no-repeat;
background-size: contain;
opacity:1.0;
}
}