@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#222;
font-family: "游ゴシック体", YuGothic, "游ゴシック", Yu Gothic, "Noto Sans JP", "小塚ゴシック Pro", "Kozuka Gothic Pro", Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

a:link {color:#008bce;text-decoration:underline;}
a:visited {color:#008bce;text-decoration:underline;}
a:hover {color:#4caedd;text-decoration:underline;}

/*---------- ベーステキストの指定 ----------*/

p {
font-size:100%;
line-height:180%;
}
@media screen and (min-width:769px){
p {font-size:18px;letter-spacing:1px;}
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}


#skin_problems{
margin:0;
padding:49px 0 1px 0;
background-image: 
url("img/sp_bksp.png"),
linear-gradient(to bottom, #ffffff, #e5f4fa);
background-position:top center;
background-repeat:no-repeat;
background-size:100% auto;
}
.sp_subtitle_bg{
margin:0 30px;
padding:20px 0 30px 0;
text-align:center;
}
.sp_subtitle{
width:100%;
margin:0;
padding:15px 0;
font-size:100%;
line-height:150%;
position:relative;
display:inline-block;
border-radius:10px;
background:#fff;
box-shadow:-3px 0 5px rgba(200,200,200,0.1);
}
.sp_subtitle:before {
content: "";
position: absolute;
top:100%;
left:50%;
margin-left:-15px;
border:15px solid transparent;
border-top:15px solid #fff;
}
.sp_title{
margin:0 20px;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.sp_topmemo{
margin:15px 20px 30px 20px;
padding:10px 0 0 0;
border-top:solid 4px #00aaee;
}
.sp_supervisor{
margin:15px 20px 45px 20px;
padding:25px 0 20px 0;
background:rgba(194,231,245,0.7);
}
.sp_supervisor_title{
margin:0;
padding:0 0 20px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.sp_supervisor_box{
margin:0 40px;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_supervisor_detail{
width:60%;
margin:0;
padding:0;
}
.sp_supervisor_role{
margin:0;
padding:20px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#00aaee;
}
.sp_supervisor_degree{
margin:0;
padding:0;
font-size:90%;
line-height:150%;
}
.sp_supervisor_name{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.sp_supervisor_photo{width:40%;margin:0;padding:0;}
.sp_supervisor_photo img{width:100%;border-radius:50%;}
@media screen and (min-width:769px){
#skin_problems{
padding:0 0 1px 0;
background-image: 
url("img/sp_bk.png"),
linear-gradient(to bottom, #ffffff, #e5f4fa);
background-size:2000px auto;
}
.sp_subtitle_bg{width:540px;margin:0 auto;padding:30px 0 40px 0;}
.sp_subtitle{padding:20px 0;font-size:20px;}
.sp_title{margin:0;font-size:36px;}
.sp_topmemo{
width:768px;
margin:20px auto 45px auto;
padding:10px 0 0 0;
}
.sp_supervisor{
width:640px;
margin:20px auto 45px auto;
padding:30px 0 25px 0;
}
.sp_supervisor_title{font-size:24px;}
.sp_supervisor_box{width:360px;margin:0 auto;}
.sp_supervisor_role{padding:25px 0 10px 0;font-size:20px;}
.sp_supervisor_degree{font-size:16px;}
.sp_supervisor_name{font-size:20px;}
}


.sp_pagelink{
margin:0 20px;
padding:0 0 20px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_link{
width:49%;
margin:0 0 10px 0;
padding:0;
font-size:85%;
font-weight:bold;
line-height:150%;
text-align:center;
display:flex;
align-items:stretch;
}
@media screen and (min-width:240px) and ( max-width:768px) {
.sp_link:nth-child(3) {
    grid-column: 1 / -1; /* 3つ目の要素を両列にまたがせる */
    max-width: 49%;
    margin: 0 auto; /* 中央揃え */
}
}
.sp_link a:link{
width:100%;
height:100%;
padding:10px 25px 10px 10px;
display:block;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
box-sizing:border-box;
color:#00aaee;
background:#fff;
border:solid 1px #00aaee;
border-radius:5px;
transition:0.8s;
position:relative;
}
.sp_link a:visited {color:#00aaee;text-decoration:none;}
.sp_link a:hover {color:#00aaee;text-decoration:none;}
.sp_link a::after {
position:absolute;
content:"";
display:inline-block;
width:14px;
height:14px;
background-image: url("img/sp_link_arrow.png");
background-size:contain;
background-repeat:no-repeat;
top:50%;
right:10px;
left:auto;
bottom:auto;
color:#00aaee;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
@media screen and (min-width:769px){
.sp_pagelink{width:1000px;margin:0 auto;padding:0 0 45px 0;}
.sp_link{width:32%;margin:0;font-size:16px;}
.sp_link a:link{padding:10px 25px;}
.sp_link a:hover {color:#fff;background:#00aaee;text-decoration:none;ransition:0.8s;}
}


#sp_container{margin:0 15px 45px 15px;padding:0;}
.sp_subhead{
margin:0;
padding:20px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
background:#00aaee;
}
.sp_contents{
margin:0 auto 45px auto;
padding:10px 20px 30px 20px;
background:#fff;
border-left:solid 1px #00aaee;
border-right:solid 1px #00aaee;
border-bottom:solid 1px #00aaee;
}
@media screen and (min-width:769px){
#sp_container{width:1000px;margin:0 auto 60px auto;}
.sp_subhead{font-size:28px;}
.sp_contents{margin:0 auto 60px auto;padding:10px 60px 45px 60px;}
}


.sp_cnt_intro{
margin:0 0 30px 0;
padding:15px 0 20px 0;
font-size:100%;
line-height:180%;
border-bottom:solid 1px #00aaee;
}
.sp_cnt_subhead{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#00aaee;
}
.sp_topspace{margin-top:30px;}
.sp_cnt_causebox{margin:20px 0 0 0;padding:0;}
.sp_cnt_cause{
margin:0 0 15px 0;
padding:15px 10px;
font-size:110%;
font-weight:bold;
line-height:160%;
text-align:center;
color:#00aaee;
background:#e8f5fb;
border-radius:10px;
-webkit-box-sizing:border-box;
}
.sp_cnt_arrow{
width:90px;
height:25px;
margin:20px auto;
padding:0;
clip-path:polygon(0 0,100% 0, 50% 100%);
background-color:#CCEAF5;
}
.sp_cnt_pict01{
margin:0 auto;
padding:15px 0 0 0;
}
.sp_cnt_pict01 img{width:100%;}
.sp_cnt_pict02{
margin:20px auto 0 auto;
padding:0;
text-align:center;
}
.sp_cnt_pict02 img{width:100%;}
@media screen and (min-width:769px){
.sp_cnt_intro{margin:0 0 45px 0;padding:15px 0 25px 0;font-size:20px;}
.sp_cnt_subhead{font-size:28px;}
.sp_topspace{margin-top:30px;}
.sp_cnt_causebox{
margin:30px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_cnt_cause{margin:0;padding:15px 0;font-size:20px;}
.sp_cnt_type2{width:49%}
.sp_cnt_type3{width:32%}
.sp_cnt_pict01{padding:20px 0 0 0;text-align:center;}
.sp_cnt_pict01 img{width:680px;}
.sp_cnt_pict02{margin:30px auto 0 auto;}
.sp_cnt_pict02 img{width:540px;}
}


.sp_cnt_check{
margin:0 auto;
padding:10px 20px 15px 20px;
border:solid 1px #2299cc;
border-radius:8px;
}
.sp_cnt_check ul{
width:fit-content; 
margin:0 auto;
padding:0;
list-style:none;
}
.sp_cnt_check ul li{
margin:0;
padding:8px 0 0 26px;
font-size:120%;
font-weight:bold;
line-height:150%;
position:relative;
}
.sp_cnt_check ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#2299cc;
position:absolute;
left:0;
}
@media screen and (min-width:769px){
.sp_cnt_check{width:540px;padding:12px 30px 20px 30px;}
.sp_cnt_check ul li{font-size:20px;line-height:180%;}
}


.sp_worry_bg{
margin:20px 0 45px 0;
padding:30px 20px;
border-radius:16px;
background:#e8f5fb;
}
.sp_worry_top{
margin:0 0 20px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#2299cc;
}
.sp_worry_box{
margin:0;
padding:10px 20px 20px 20px;
border-radius:8px;
background:#fff;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.sp_worry_item{
margin:0;
padding:0;
}
.sp_worry_item ul{
margin:0;
padding:0;
list-style:none;
}
.sp_worry_item ul li{
margin:0;
padding:10px 0 0 24px;
font-size:100%;
font-weight:bold;
line-height:150%;
position:relative;
}
.sp_worry_item ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#2299cc;
position:absolute;
left:0;
}
.sp_worry_caption{
margin:0;
padding:5px 0 0 0;
font-size:60%;
line-height:150%;
color:#666;
text-align:right;
}
.sp_worry_txt{
margin:20px 0 0 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:180%;
}
.sp_cnt_memo{
margin:0;
padding:0;
}
@media screen and (min-width:769px){
.sp_worry_bg{
margin:20px 0 45px 0;
padding:45px 60px;
border-radius:16px;
background:#e8f5fb;
}
.sp_worry_top{
margin:0 0 30px 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:150%;
text-align:center;
color:#2299cc;
}
.sp_worry_box{
margin:0;
padding:20px 0 20px 41px;
border-radius:16px;
background:#fff;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.sp_worry_item{
margin:0;
padding:0 0 0 30px;
}
.sp_worry_item ul{
margin:0;
padding:0;
list-style:none;
}
.sp_worry_item ul li{
margin:0;
padding:12px 0 0 24px;
font-size:18px;
font-weight:bold;
line-height:180%;
position:relative;
}
.sp_worry_item ul li:before {
display:block;
font-family:"Font Awesome 5 Free";
font-weight: 900;
content:'\f058';
color:#2299cc;
position:absolute;
left:0;
}
.sp_worry_caption{font-size:10px;text-align:right;}
.sp_worry_txt{
margin:30px 0 0 0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:180%;
text-align:center;
}
.sp_cnt_memo{
margin:0;
padding:0;
}
}


.sp_cnt_read{
margin:0;
padding:0 0 10px 0;
border-bottom:solid 1px #00aaee;
}
.sp_cnt_causeframe{
margin:0;
padding:30px 0 30px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
border-bottom:solid 1px #00aaee;
}
.sp_cnt_causeitem{margin:0;padding:0;}
.sp_caption{
margin:0;
padding:5px 0 15px 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.sp_cnt_causeitem img{width:100%;}
.sp_cnt_causeitem ul {margin:0;padding:0;list-style:none;}
.sp_cnt_causeitem ul li{
margin:0;
padding:0 0 0 20px;
font-size:100%;
line-height:160%;
position:relative;
}
.sp_cnt_causeitem ul li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
.sp_cnt_causeitem ul li.sp_point{
margin:0 0 0 20px;
padding:0 0 10px 20px;
font-weight:bold;
color:#00aaee;
}
.sp_cnt_causeitem ul li.sp_point:before {content: "⇒";}
.sp_cnt_causeitem ul li.sp_point_end{
margin:0 0 0 20px;
padding:0 0 0 20px;
font-weight:bold;
color:#00aaee;
}
.sp_cnt_causeitem ul li.sp_point_end:before {content: "⇒";}
@media screen and (min-width:769px){
.sp_cnt_causeframe{padding:30px 0 45px 0;}
.sp_cnt_causeitem{width:48%;}
.sp_caption{padding:10px 0 0 0;font-size:12px;}
.sp_cnt_causeitem ul li{font-size:18px;}
}


.sp_sst_skpoint{
margin:0;
padding:30px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#00aaee;
text-align:center;
}
.sp_sst_skpoint span{
padding:10px;
border-top:solid 1px #00aaee;
border-bottom:solid 1px #00aaee;
}
.sp_sst_skpoint strong{font-size:105%;}
.sp_sst_skpbox01{
margin:0;
padding:0 0 15px 0;
}
.sp_sst_skppict{
margin:0;
padding:5px 0 0 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.sp_sst_skppict img{width:100%;margin-bottom:10px;}
.sp_sst_skptxt{margin:0;padding:0;}
.sp_sst_skpbox02{margin:0;padding:20px 0 0 0;}
.sp_sst_skp{
margin:0 0 20px 0;
padding:0;
border-radius:5px;
border:solid 1px #00aaee;
}
.sp_sst_skphead{
margin:0;
padding:15px 0 14px 0;
font-size:130%;
font-weight:bold;
line-height:140%;
text-align:center;
color:#fff;
background:#00aaee;
border-radius:5px 5px 0 0;
}
.sp_sst_skpmemo{
margin:0;
padding:10px 15px 15px 15px;
}
.sp_sst_skpmemo ul {margin:0 0 20px 0;padding:0;list-style:none;}
.sp_sst_skpmemo ul li{
margin:0;
padding:10px 0 0 24px;
font-size:100%;
line-height:170%;
position:relative;
}
.sp_sst_skpmemo ul li:before {
display: block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c";
font-size:95%;
color: #00aaee;
position:absolute;
left:0;
}
.sp_sst_skplus{
margin:-10px 0 0 0;
padding:8px 20px 10px 20px;
font-size:90%;
line-height:170%;
background:#e8f5fb;
border-radius:8px;
text-align:justify;
}
.sp_sst_skplus span{font-size:110%;line-height:200%;font-weight:bold;color:#00aaee;}
@media screen and (min-width:769px){
.sp_sst_skpoint{padding:40px 0 20px 0;font-size:21px;}
.sp_sst_skpoint span{padding:10px 30px;}
.sp_sst_skpbox01{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sp_sst_skppict{width:37%;font-size:12px;}
.sp_sst_skptxt{width:60%;}
.sp_sst_skpbox02{padding:20px 0 45px 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.sp_sst_skp{width:32%;margin:0;}
.sp_sst_skphead{font-size:20px;}
.sp_sst_skpmemo p{font-size:16px;}
.sp_sst_skpmemo ul li{font-size:15px;}
.sp_sst_skpmemo ul li:before {font-size:14px;}
.sp_sst_skpguide{padding:5px 0 10px 0;font-size:14px;}
}


table.sp_spec01{
width:100%;
border-collapse:separate;
margin:20px 0 0 0;
}
table.sp_spec01 th{
font-size:105%;
font-weight:bold;
line-height:150%;
text-align:center;
padding:15px 0 15px 0;
color:#fff;
background:#2299cc;
}
table.sp_spec01 td{
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
padding:15px;
color:#2299cc;
border-bottom:solid 1px #2299cc;
}
table.sp_spec01 tr:nth-child(even) td {
background-color:#eff8fc;
}
.sp_spec_caption{
margin:10px 0 0 0;
padding:0;
font-size:80%;
line-height:150%;
text-align:right;
}
.sp_spec_title{
margin:30px 0 10px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#2299cc;
}
table.sp_spec02{
width:100%;
border-collapse:separate;
margin:0 0 30px 0;
border-top:solid 1px #2299cc;
}
table.sp_spec02 td{
font-size:100%;
line-height:150%;
padding:15px;
color:#2299cc;
border-bottom:solid 1px #2299cc;
display:block;
}
@media screen and (min-width:240px) and ( max-width:768px) {
table.sp_spec02 td:nth-child(odd) {
background-color:#eff8fc;
}
}
@media screen and (min-width:769px){
table.sp_spec02{
width:100%;
border-collapse:separate;
margin:0 0 30px 0;
border-top:solid 1px #2299cc;
}
table.sp_spec02 td{
font-size:100%;
line-height:150%;
padding:15px;
color:#2299cc;
border-bottom:solid 1px #2299cc;
display:table-cell;
}
table.sp_spec02 tr:nth-child(odd) td {
background-color:#eff8fc;
}
}


.sp_item_box{
margin:0;
padding:10px 0 0 0;
}
.sp_item_goods{
margin:0 0 30px 0;
padding:0;
}
@media screen and (min-width:240px) and ( max-width:768px) {
.sp_item_goods_under{
border-top:solid 1px #ddd;
margin:40px 0 15px 0;
padding:30px 0 0 0;
}
}
.sp_item_photo{margin:0;padding:0;text-align:center;}
.sp_item_photo img{width:100%;}
.sp_item_detail{margin:0;padding:0;}
.sp_item_catch{
margin:0 0 10px 0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:150%;
color:#f19d00;
text-align:center;
}
.sp_item_brand{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.sp_item_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:130%;
text-align:center;
}
.sp_item_subname{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.sp_item_category01{
margin:0;
padding:15px 0 5px 0;
font-size:100%;
line-height:140%;
text-align:center;
color:#f19d00;
}
.sp_item_category01 span{
padding:1px 5px 0 5px;
margin-right:5px;
font-size:90%;
color:#fff;
background:#f19d00;
}
.sp_item_category02{
margin:0;
padding:15px 0 5px 0;
font-size:100%;
line-height:140%;
text-align:center;
color:#00aaee;
}
.sp_item_category02 span{
padding:1px 5px 0 5px;
margin-right:5px;
font-size:90%;
color:#fff;
background:#00aaee;
}
.sp_item_product{
margin:0;
padding:0 0 5px 0;
font-size:80%;
line-height:140%;
text-align:center;
}
.sp_item_product span{
padding:1px 2px 0 2px;
margin-left:10px;
font-size:90%;
border:1px solid #535351;
}
.sp_item_link{width:100%;margin:0;padding:0;text-align:center;}
.sp_item_link a:link {color:#fff;text-decoration:none;transition:0.5s;}
.sp_item_link a:visited {color:#fff;text-decoration:none;}
.sp_item_link a:hover {color:#fff;text-decoration:none;transition:0.5s;filter:brightness(1.1);}
.sp_item_link2{width:100%;margin:0;padding:0;text-align:center;}
.sp_item_link2 a:link {color:#fff;text-decoration:none;transition:0.5s;}
.sp_item_link2 a:visited {color:#fff;text-decoration:none;}
.sp_item_link2 a:hover {color:#fff;text-decoration:none;transition:0.5s;filter:brightness(1.1);}
.sp_more {
width:80%;
margin:15px 0 0 0;
padding:15px 0 13px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
display:inline-block;
border-radius:60px;
position:relative;
}
.sp_more:after {
font-size:100%;
position:absolute;
content:"▶";
font-size:80%;
font-weight:900;
top:50%;
right:20px;
left:auto;
bottom:auto;
transform:translateY(-50%);
}
.sp_more_org{background:linear-gradient(to bottom,#ffd086,#f19d00);}
.sp_more_blue{background:linear-gradient(to bottom,#66bdff,#009ce5);}
@media screen and (min-width:769px){
.sp_item_box{
margin:0;
padding:30px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_item_goods{
width:48%;
margin:0;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_item_photo{width:25%;margin:0;padding:0;text-align:center;}
.sp_item_photo img{width:100%;}
.sp_item_detail{width:70%;margin:0;padding:0;position:relative;}
.sp_item_catch{
margin:0 0 5px 0;
padding:0;
font-size:21px;
font-weight:bold;
line-height:150%;
text-align:left;
}
.sp_item_brand{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:150%;
text-align:left;
}
.sp_item_name{
margin:0;
padding:0;
font-size:20px;
font-weight:bold;
line-height:130%;
letter-spacing:-1px;
text-align:left;
}
.sp_item_subname{
margin:0;
padding:0;
font-size:16px;
font-weight:bold;
line-height:150%;
text-align:left;
}
.sp_item_category01{padding:10px 0 5px 0;font-size:14px;text-align:left;}
.sp_item_category02{padding:10px 0 5px 0;font-size:14px;text-align:left;}
.sp_item_product{
margin:0;
padding:0 0 5px 0;
font-size:14px;
line-height:140%;
text-align:left;
}
.sp_item_product span{
padding:1px 2px 0 2px;
margin-left:10px;
font-size:90%;
border:1px solid #535351;
}
.sp_item_link2{position:absolute;bottom:0;}
.sp_more {
width:100%;
margin:15px 0 0 0;
padding:15px 0 13px 0;
font-size:16px;
font-weight:bold;
line-height:100%;
text-align:center;
display:inline-block;
border-radius:60px;
position:relative;
}
.sp_more:after {
font-size:100%;
position:absolute;
content:"▶";
font-size:80%;
font-weight:900;
top:50%;
right:20px;
left:auto;
bottom:auto;
transform:translateY(-50%);
}
}

.sp_bnr{
margin:0;
padding:0;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 2px #fff;
}
.sp_bnr img{width:100%;vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
@media screen and (min-width:769px){
.sp_bnr{width:640px;margin:0 auto;}
}


.sp_order_01{}
.sp_order_02{}
.sp_clr_blue{color:#00aaee;}
.bold{font-weight:bold;}
.bold-weight{font-weight:bold !important;}
.ym{font-weight:bold;background:linear-gradient(transparent 70%, #fcf69f 70%);}
@media screen and (min-width:769px){
.sp_order_01{order:1;}
.sp_order_02{order:2;}
}

.sp-only {display: none;}
/* スマホ表示（例: 768px以下）で表示 */
@media screen and (max-width: 768px) {.sp-only {display:inline;}}

.sp-txtspace {}
/* スマホ表示（例: 768px以下）で適用 */
@media screen and (max-width: 768px) {.sp-txtspace {letter-spacing:-1px;}}

/*------------------------------ フローティング ------------------------------*/

.floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0 10px 15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:rgba(255,255,255,0.7);
}

.device{
margin:0;
padding:0 20px;
text-align:center;
}
.device img{width:100%;}
@media screen and (min-width:769px){
.device{padding:0;}
.device img{width:480px;}
}