/* CSS Document */


/*全セクション共通*/
html {
font-size: 62.5%;
}

body{
font-size: 1.6rem;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",Meiryo,sans-serif;
/*font-family:"ヒラギノ角ゴ","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", sans-serif;*/
line-height: 1.5;
min-width: auto;
}

h1{
background: #000000e0;
color: #ffffff;
text-align: center;
font-size: 85%;
line-height: 3rem;
padding: 5px 0;
}

#sshotContainer h3{
font-size:4rem;
line-height:1.4em;
color: #fff;
padding:4rem;
display: flex;
justify-content: center;
align-items: center;
}

#sshotContainer h4{
font-size:3rem;
line-height:1.4em;
}

#container{
/* min-width: 1000px; */
margin: 0 auto;
font-size:1.8rem;
text-align:center;
}

#sshotContainer *{
margin:0;
padding:0;
vertical-align:top;
box-sizing:border-box;
}

#sshotContainer{
width: 1400px;
max-width: 100%;
overflow: hidden;
margin: 0 auto;
text-align:center;
}

.yellow-line {
background: linear-gradient(transparent 60%, #ece877 0%);
}

a{
font-size: 1.6rem;
transition: all .5s;
}

a:hover{
text-decoration: none;
opacity: .8;
}

.orderBtn {
margin: 1rem 0;
width:450px;
height: 60px;
text-align:center;
position: relative;
}

.orderBtn a {
width: 100%;
height: 100%;
background: #000;
display: block;
line-height: 60px;
font-size:3rem;
color:#fff !important;
position: absolute;
top:50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-decoration: none !important;
}

.orderBtn a:hover{
  opacity: 0.6; 
  text-decoration: none;
}

.only_sp{
display: none;
}

/*各セクション共通*/

#sshotContainer #area001,
#sshotContainer #area002,
#sshotContainer #area004,
#sshotContainer #area005,
#sshotContainer #area006,
#sshotContainer #area007,
#sshotContainer #area008,
#sshotContainer #area009,
#sshotContainer #area010,
#sshotContainer #area012,
#sshotContainer #area013,
#sshotContainer #area014{
padding-bottom:6rem;
margin: 0 auto;
}

#sshotContainer .inner{
width: 100%;
margin: 0 auto;
}

#sshotContainer #area002 .diagonal_wrap,
#sshotContainer #area011 .diagonal_wrap,
#sshotContainer #area007 .diagonal_wrap{
background: #000;
width: 100%;
height: 200px;
margin-bottom: 60px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

#sshotContainer #area002  h3 .title01,
#sshotContainer #area011  h3 .title01,
#sshotContainer #area007  h3 .title01{
width:100%;
color: #fff;
display:block;
}

#sshotContainer #area002  h3 .title01 p,
#sshotContainer #area011  h3 .title01 p,
#sshotContainer #area007  h3 .title01 p{
display:inline;
color: #000;
line-height:0.9em;
}

#sshotContainer #area002 .contents,
#sshotContainer #area011 .contents{
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}

#sshotContainer #area002 .inner,
#sshotContainer #area011 .inner{
color:#000;
}

#sshotContainer #area012 .inner{
width: 900px;
margin: 0 auto;
}

#sshotContainer #area008 .inner,
#sshotContainer #area014 .inner{
margin: 0 auto;
}

#sshotContainer #area002 .inner .contents p,
#sshotContainer #area011 .inner .contents p{
width: calc((100% - 4rem) / 3);
}

#sshotContainer #area003,
#sshotContainer #area009,
#sshotContainer #area012 {
position: relative;
overflow: hidden;
margin: 0;
background: #000;
}

#sshotContainer #area003 .diagonal_wrap,
#sshotContainer #area009 .diagonal_wrap,
#sshotContainer #area012 .diagonal_wrap{
color:#000;
}

#sshotContainer #area003 .diagonal_wrap_inner,
#sshotContainer #area009 .diagonal_wrap_inner,
#sshotContainer #area012 .diagonal_wrap_inner{
color:#000;
position: relative;
z-index: 0;
padding-top: 8rem;
}

#sshotContainer #area003 .diagonal_wrap_inner:after,
#sshotContainer #area009 .diagonal_wrap_inner:after,
#sshotContainer #area012 .diagonal_wrap_inner:after{
content: '';
position: absolute;
left:0;
top: 5rem;
padding-bottom: 11rem;

/*四角形を傾けます*/
transform: skewY(-3deg);
transform-origin: bottom left;

z-index: -1;
width:100%;
height:100%;
}

#sshotContainer #area003 .diagonal_wrap_inner:after{
background: #fff url(/lp/images/scalpshot/area003_bg.png);
background-position: right top -100px;
background-repeat: no-repeat;
}

#sshotContainer #area009 .diagonal_wrap_inner:after{
background: #f9f9fb;
}

#sshotContainer #area005 .diagonal_wrap,
#sshotContainer #area010 .diagonal_wrap{
background:#000;
width: 100%;
height: 200px;
margin-bottom: 60px;
position: relative;
}

#sshotContainer #area005  h3 .title01,
#sshotContainer #area010  h3 .title01{
width:100%;
color: #fff;
display:block;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
padding-bottom: 3rem;
}

#sshotContainer #area005  h3 .title01 p,
#sshotContainer #area010  h3 .title01 p{
display:inline;
color: #000;
line-height:0.9em;
}

#sshotContainer #area005 .diagonal_wrap:before,
#sshotContainer #area010 .diagonal_wrap:before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 1400px 50px 0 ;
border-color: transparent transparent #fff transparent;
}

#sshotContainer #area006,
#sshotContainer #area013{
background:url(/lp/images/scalpshot/area006_bg.svg) center top no-repeat;
width: 100%;
}


#sshotContainer #area006 .inner,
#sshotContainer #area013 .inner{
color:#fff;
}

#sshotContainer #area006 h3 .title01,
#sshotContainer #area013 h3 .title01{
color:#fff;
display:block;
margin-bottom:10px;
padding-top: 60px;
font-size: 4rem;
}

#sshotContainer #area006 p,
#sshotContainer #area013 p{
color:#fff;
line-height:1.4;
text-align: left;
}


/*////////////////////////////////////////////////////////////////////////////////////////

FV

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area001{
background:url(/lp/images/scalpshot/mv2.jpg) center -100px no-repeat;
height: 570px;
}

#sshotContainer #area001 .inner {
color:#000;
position: relative;
}

#sshotContainer #area001 .inner h2{
color:#000;
position: absolute;
top:3rem;
right: 0;
font-size: 2.5rem;
}
#sshotContainer #area001 .inner h2 div{
font-weight: bold;
}
#sshotContainer #area001 .inner h2 div span{
font-weight: bold;
}
#sshotContainer #area001 .inner h2 .title01 {
color:#000;
}
#sshotContainer #area001 .inner h2 .title01 span{
font-size: 2.5rem;
display: inline-block;
color: #fff;
text-align: left;
padding: 0.1rem 2rem;
margin-right: 1rem;
transform: skewX(-20deg);
background: #000;
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#sshotContainer #area001 .inner h2 .title02{
display: flex;
align-items: center;
margin-top: -1.5rem;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1){
font-size: 12rem;
font-style: italic;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1) span {
font-size: 5rem;
padding-left: 0.8rem;
vertical-align: 1.5rem;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(2){
font-size: 5.5rem;
text-align: left;
line-height: 1;
font-style: italic;
margin-top: 3.5rem;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(2) span{
font-size: 6.5rem;
text-align: left;
line-height: 1;
font-style: italic;
}

#sshotContainer #area001 .inner .txt_A{
position: absolute;
top:25rem;
right:19rem;
font-size:1.6rem;
line-height: 1.4;
border: solid 2px #000;
border-radius: 50%;
width: 18rem;
height:  18rem;
}

#sshotContainer #area001 .inner .txt_A span{
position: absolute;
width: 80%;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}

#sshotContainer #area001 .inner .price{
position: absolute;
top: 38rem;
left: 17rem;
font-size: 100%;
text-align: left;
}

#sshotContainer #area001 .inner .orderBtn{
position: absolute;
top: 47rem;
width: 36%;
height: 60px;
font-size: 100%;
left: 17rem;
}
#sshotContainer #area001 .price span {
font-size: 200%;
font-family: 'DIN Alternate','DIN Condensed',sans-serif;
vertical-align: sub;
padding: 0 5px;
}
#sshotContainer #area001 .inner .orderBtn a{
font-size: 120%;
line-height: 60px;
text-decoration: none;
color: #fff;
}
#sshotContainer #area001 .inner .orderBtn a:hover {
  opacity: 0.6;
}
#sshotContainer #area001 .inner .item_img{
width: 78px;
position: absolute;
top: 23rem;
left: 8%;
}
#sshotContainer #area001 .inner .item_img img{
max-width: 100%;
}



/*////////////////////////////////////////////////////////////////////////////////////////

スカルプケアをしているつもりでもこんな悩みありませんか？

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area002{
background:#d2d2d2;
padding-bottom: 4rem;
}

#sshotContainer #area002 .inner .contents p{
position: relative;
}

#sshotContainer #area002 .inner .contents p:nth-of-type(1):before{
content:"1";
}

#sshotContainer #area002 .inner .contents p:nth-of-type(2):before{
content:"2";
}

#sshotContainer #area002 .inner .contents p:nth-of-type(3):before{
content:"3";
}

#sshotContainer #area002 .inner .contents p:nth-of-type(1):before,
#sshotContainer #area002 .inner .contents p:nth-of-type(2):before,
#sshotContainer #area002 .inner .contents p:nth-of-type(3):before{
position: absolute;
font-size: 10rem;
top:-60px;
left:-10px;
font-style:italic;
}

#sshotContainer #area002 .inner .contents span{
display: block;
color: #fff;
position: absolute;
bottom: 1rem;
left: 3rem;
}


/*////////////////////////////////////////////////////////////////////////////////////////

ご存知でしたか？これらの悩みは
頭皮の汚れが原因です

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area003 .inner {
color:#000;
}

#sshotContainer #area003 .diagonal_wrap h3 {
padding-top: 4rem;
padding-bottom: 4rem;
}

#sshotContainer #area003 h4{
padding-top: 1rem;
margin-bottom: 1rem;
}
#sshotContainer #area003 .contents p.ex_h{
display:flex;
width: 40%;
justify-content: space-around;
margin-left: auto;
margin-right: auto;
}
#sshotContainer #area003 .contents p.ex_h span{
margin-left: auto;
margin-right: auto;
border:solid black 1px;
padding: 0.5rem 2rem;
}
#sshotContainer #area003 .contents ul{
display:flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-top: 4rem;
margin-bottom: 4rem;
}
#sshotContainer #area003 .contents ul:nth-of-type(2){
width: 68%;
}
#sshotContainer #area003 .contents li{
font-size: 1.8rem;
line-height: 1.2;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
color: #fff;
margin-left: auto;
margin-right: auto;
width: 193px;
height: 170px;
position: relative;
}
#sshotContainer #area003 .contents li span{
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 90%;
}
#sshotContainer #area003 .contents li:nth-of-type(1){
background:url(/lp/images/scalpshot/area003_01.png) center center no-repeat;
}
#sshotContainer #area003 .contents li:nth-of-type(2){
background:url(/lp/images/scalpshot/area003_02.png) center center no-repeat;
}
#sshotContainer #area003 .contents li:nth-of-type(3){
background:url(/lp/images/scalpshot/area003_03.png) center center no-repeat;
}
#sshotContainer #area003 .contents li:nth-of-type(4){
background:url(/lp/images/scalpshot/area003_04.png) center center no-repeat;
}
#sshotContainer #area003 .contents li:nth-of-type(5){
background:url(/lp/images/scalpshot/area003_05.png) center center no-repeat;
}
#sshotContainer #area003 .contents p.pic_ex_h{
font-size: 3rem;
margin: 2rem auto;
border: none;
}
#sshotContainer #area003 .contents p.pic_ex_h span{
font-size:4rem;
line-height: 1.6;
}
#sshotContainer #area003 .contents div.pic_ex{
display:flex;
justify-content: center;
font-weight: 500;
align-items: center;
}

#sshotContainer #area003 .contents div.pic_ex p:nth-of-type(1){
margin-right: 3rem;
}

/*////////////////////////////////////////////////////////////////////////////////////////

そして「頭皮」が汚れていると…

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area004 {
background: url(/lp/images/scalpshot/area004_bg2.png) 45% top no-repeat, url(/lp/images/scalpshot/area004_bg.png) center top no-repeat;
height: 1750px;
padding-top: 5rem;
}
#sshotContainer #area004 .contents {
position: relative;
padding-top: 4rem;
}
#sshotContainer #area004 h3:nth-of-type(1),
#sshotContainer #area004 h3:nth-of-type(2){
position: absolute;
color: #000;
padding-bottom: 100px;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
/*background: url(/lp/images/scalpshot/area004_arrow.png) center bottom no-repeat;*/
background-size: 100%;
}
#sshotContainer #area004 h3:nth-of-type(1){
top: 30px;
width: 100%;
}
#sshotContainer #area004 h3:nth-of-type(2){
top: 700px;
width: 100%;
margin: 0 auto;
}
#sshotContainer #area004 p:nth-of-type(1),
#sshotContainer #area004 p:nth-of-type(2),
#sshotContainer #area004 p:nth-of-type(3),
#sshotContainer #area004 p:nth-of-type(4),
#sshotContainer #area004 p:nth-of-type(5){
position: absolute;
font-size:3rem;
line-height:1.4;
}
#sshotContainer #area004 p:nth-of-type(1){
top: 340px;
left: 34%;
}
#sshotContainer #area004 p:nth-of-type(2){
top: 500px;
left: 40%;
}
#sshotContainer #area004 p:nth-of-type(3){
top: 1150px;
left: 49%;
}
#sshotContainer #area004 p:nth-of-type(4){
top: 1310px;
left: 59%;
}
#sshotContainer #area004 p:nth-of-type(5){
top: 1520px;
left: 57%;
}


/*////////////////////////////////////////////////////////////////////////////////////////

そこで、新習慣シャンプー前の
スカルプショットで頭皮ケア！

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area005{
background:url(/lp/images/scalpshot/area005_01.png) center 250px no-repeat;
}

#sshotContainer #area005 .inner {
color:#000;
position: relative;
padding-top: 60rem;
padding-bottom: 20rem;
}

#sshotContainer #area005 .inner .contents p{
text-align: left;
}

#sshotContainer #area005 .inner .contents p:nth-of-type(1),
#sshotContainer #area005 .inner .contents p:nth-of-type(2){
position: absolute;
font-size: 3.5rem;
color:#fff;
text-align: left;
padding-top: 0.5rem!important;
padding-bottom: 0.5rem!important;
padding-left: 3rem;
transform: skewX(-20deg);
background: #000;
height: 60px;
}

#sshotContainer #area005 .inner .contents p:nth-of-type(1){
width: 400px;
top:550px;
}

#sshotContainer #area005 .inner .contents p:nth-of-type(2){
top:620px;
left: 60px;
width: 500px;
}

#sshotContainer #area005 .inner .contents p:last-child{
position: absolute;
top:710px;
width:75%;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}



/*////////////////////////////////////////////////////////////////////////////////////////

さらに、スカルプショットは
「プラセンタ配合！」

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area006{

}
#sshotContainer #area006 .inner{
width:750px;
margin: 2rem auto;
}
#sshotContainer #area006 .inner p{
margin: 2rem auto;
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;

}
#sshotContainer #area006 .inner div img{
margin: 2rem auto;
}


/*////////////////////////////////////////////////////////////////////////////////////////

CTA

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area008 .cta,
#sshotContainer #area014 .cta{
color:#000;
margin-top: 3rem;
}

#sshotContainer #area008 .cta h3,
#sshotContainer #area014 .cta h3{
padding: 3rem 0 1rem 0!important;
}

#sshotContainer #area008 .inner .cta_wrapper,
#sshotContainer #area014 .inner .cta_wrapper{
border:solid #000 8px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: left;
margin: 0 auto;
padding:3rem 5rem 3rem 8rem;
}

#sshotContainer #area008 h3 .title01,
#sshotContainer #area014 h3 .title01{
display:block;
color:#000;
margin-bottom:10px;
text-align: center;
}

#sshotContainer #area008 h3 .title02,
#sshotContainer #area014 h3 .title02{
display:block;
text-align: center;
}

#sshotContainer #area008 .en_itemname,
#sshotContainer #area014 .en_itemname{
font-size: 1.6rem;
vertical-align:bottom;
line-height: 1.5em;
}


#sshotContainer #area008 .en_itemname span,
#sshotContainer #area014 .en_itemname span{
font-size: 2rem;
padding-right: 1rem;
vertical-align:bottom;
}

#sshotContainer #area008 .item_Number,
#sshotContainer #area014 .item_Number{
font-size: 100%;
}

#sshotContainer #area008 .jp_itemname span, 
#sshotContainer #area014 .jp_itemname span {
font-size: 160%;
font-weight: bold;
}

#sshotContainer #area008 .price,
#sshotContainer #area014 .price{
text-align: right;
vertical-align:bottom;
padding:0;
margin-bottom: 1rem;
}

#sshotContainer #area008 .price span,
#sshotContainer #area014 .price span{
font-size: 5rem;
display: inline-block;
margin-bottom: -1rem;
padding-right: 1rem;
vertical-align:bottom;
font-family: 'DIN Alternate','DIN Condensed',sans-serif;
vertical-align: sub;
font-size: 350%;
}

#sshotContainer #area008 .about_teiki,
#sshotContainer #area014 .about_teiki{
font-size: 1.4rem;
width: 100%;
padding-top:1rem; 
}

#sshotContainer #area008 .about_teiki span,
#sshotContainer #area014 .about_teiki span{
display: block;
border-bottom: solid #000 1px;
font-size: 1.6rem;
}
/*////////////////////////////////////////////////////////////////////////////////////////

スカルプショットはここが違う

/////////////////////////////////////////////////////////////////////////////////////////*/
#sshotContainer #area009{
padding-bottom: 9rem;
}

/* #sshotContainer #area009 .diagonal_wrap h3 {
padding-top: 4rem;
padding-bottom: 4rem;
} */

#sshotContainer #area009 .inner {
margin: 0 auto;
}

#sshotContainer #area009 .diagonal_wrap_inner {
padding-top: 10rem;
}

#sshotContainer #area009 .inner div:nth-of-type(1){
background:url(/lp/images/scalpshot/area009_02-1.png) center top no-repeat;
height:448px;
margin: 0 auto 4rem;
position: relative;
}

#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(1){
position: absolute;
font-size: 3rem;
top:0;
left: 80px;
width: 50%;
text-align: left;
}

#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(2){
position: absolute;
font-size: 3rem;
top:200px;
left: 45px;
width: 50%;
text-align: left;
}

#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(2) span{
font-size: 4rem;
vertical-align: bottom;
}

#sshotContainer #area009 .inner div:nth-of-type(2){
background:url(/lp/images/scalpshot/area009_02-3.png) center top no-repeat;
height:265px;
margin: 0 auto;
position: relative;
}

#sshotContainer #area009 .inner div:nth-of-type(2) p:nth-of-type(1){
position: absolute;
font-size: 3rem;
top:22%;
left: 45px;
width: 50%;
text-align: left;
}

#sshotContainer #area009 .inner div:nth-of-type(2) p:nth-of-type(2){
position: absolute;
font-size: 2rem;
top:100px;
left: 20px;
width: 50%;
text-align: left;
}


/*////////////////////////////////////////////////////////////////////////////////////////

スカルプショットが頭皮に届ける有効成分

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area010{
background:url(/lp/images/scalpshot/area009_bg.png) right 100px no-repeat;
}

#sshotContainer #area010 .inner{
color:#000;
}

#sshotContainer #area010  h3 .title01{
display:block;
font-size:4rem;
line-height:1.4;
}

#sshotContainer #area010 .inner .contents p{
font-size: 3.6rem;
}

#sshotContainer #area010 .inner .contents p span:nth-of-type(2){
font-size: 3.6rem;
}

#sshotContainer #area010 .inner .contents p:nth-of-type(2){
background:url(/lp/images/scalpshot/area010_10_bg.png) 56% 55% no-repeat;
padding: 3rem 0;
margin-bottom:4rem;
}

#sshotContainer #area010 .inner .contents ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 4rem auto 0 auto;
}

#sshotContainer #area010 .inner .contents ul li{
width: 340px;
margin-bottom: 2rem;
text-align: left;
position: relative;
}
#sshotContainer #area010 .inner .contents ul li img{
max-width: 100%;
}
#sshotContainer #area010 .inner .contents p span {
font-size: 160%;
vertical-align: sub;
font-style: italic;
padding-right: 5px;
font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Times New Roman','Script',sans-serif;
}
#sshotContainer #area010 .inner .contents p span.txt1 {
font-size: 4.4rem;
vertical-align: 20% 70% !important;
}
}


/*////////////////////////////////////////////////////////////////////////////////////////

どの髪型が一番好印象に見えますか？

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area011 {
background:#d2d2d2;
padding-bottom: 2rem;
}

#sshotContainer #area011 .inner > p{
font-size: 3rem;
margin-top: 2rem;
vertical-align: bottom;
}

#sshotContainer #area011 .inner > p span.large{
font-size: 4rem;
margin-top: 2rem;
margin-bottom: -2rem;
vertical-align: bottom;
}

#sshotContainer #area011 .inner .contents p{
position: relative;
}

#sshotContainer #area011 .inner .contents p:nth-of-type(1):before{
content:"1";
}

#sshotContainer #area011 .inner .contents p:nth-of-type(2):before{
content:"2";
}

#sshotContainer #area011 .inner .contents p:nth-of-type(3):before{
content:"3";
}

#sshotContainer #area011 .inner .contents p:nth-of-type(1):before,
#sshotContainer #area011 .inner .contents p:nth-of-type(2):before,
#sshotContainer #area011 .inner .contents p:nth-of-type(3):before{
position: absolute;
font-size: 10rem;
top:-60px;
left:-10px;
font-style:italic;
}


/*////////////////////////////////////////////////////////////////////////////////////////

使用方法

/////////////////////////////////////////////////////////////////////////////////////////*/

#sshotContainer #area012 .diagonal_wrap_inner:after {
background: #f9f9fb;
}


#sshotContainer #area012 .diagonal_wrap h3 {
padding-top: 4rem;
padding-bottom: 4rem;
}


#sshotContainer #area012 .inner h4{
text-align:center;
font-size:3rem;
}

#sshotContainer #area012 .inner div{
margin-top:4rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

#sshotContainer #area012 img{
display: block;
padding-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}


/*////////////////////////////////////////////////////////////////////////////////////////

さらに、スカルプショットは「プラセンタ配合！」

/////////////////////////////////////////////////////////////////////////////////////////*/
#sshotContainer #area013 {
background: url(/lp/images/scalpshot/area006_bg.svg) center top -400px no-repeat;
}
#sshotContainer #area013 .inner{
width:750px;
margin: 0 auto;
}
#sshotContainer #area013 .inner p{
margin: 2rem auto;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#sshotContainer #area013 .inner div img{
margin: 2rem auto;
}





/*////////////////////////////////////////////////////////////////////////////////////////

商品詳細情報

/////////////////////////////////////////////////////////////////////////////////////////*/

#item_data{
width: 750px;
margin:0 auto;
}

#item_data table {
border: solid 2px #eee;
line-height: 1.3em;
font-size: 12px;
margin-bottom: 20px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#item_data table th {
width: 15%;
text-align: center;
padding: 10px 2%;
font-weight: bold;
vertical-align: middle;
border-top: solid 1px #eee;
}


@media screen and (max-width: 1400px) {
#sshotContainer #area005 .diagonal_wrap:before,
#sshotContainer #area010 .diagonal_wrap:before{
border-width: 0 100vw 50px 0 ;
}
}
@media screen and (min-width: 980px) {
#sshotContainer #area001 .inner,
#sshotContainer #area002 .inner,
#sshotContainer #area003 .inner,
#sshotContainer #area005 .inner,
#sshotContainer #area008 .inner,
#sshotContainer #area009 .inner,
#sshotContainer #area010 .inner .contents ul,
#sshotContainer #area008 .inner .cta_wrapper, #sshotContainer #area014 .inner .cta_wrapper,
#sshotContainer #area014 .inner {
width: 750px;
}
}

@media screen and (max-width: 992px) {
#container{
width: 100%;
min-width: unset;
font-size:2rem;
}
*{
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
}
#sshotContainer {
width: 100%;
}
#sshotContainer .inner{
width: 100%;
box-sizing: border-box;
}

#sshotContainer #area002 .contents img{
width: 90%;
}
#sshotContainer #area002 .inner .contents p {
}
#sshotContainer #area003 .contents div.pic_ex {
display: block;
margin-top: 3rem;
}
#sshotContainer #area003 .contents div.pic_ex p:nth-of-type(1) {
margin-right: 0;
}
#sshotContainer #area003 .contents div.pic_ex img{
width: 60%;
margin-top: 3rem;
margin-right: -6rem;
}
#sshotContainer #area004 {
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -43px -10px no-repeat;
height: 1990px;
}
#sshotContainer #area004 p:nth-of-type(1) {
left: 22%;
 }
 #sshotContainer #area004 p:nth-of-type(2) {
top: 570px;
left: 30%;
 }
 #sshotContainer #area004 h3:nth-of-type(2) {
top: 790px;
left: 47%;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 1255px;
left: 47%;
}
#sshotContainer #area004 p:nth-of-type(4) {
left: 62%;
top: 1414px;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 1661px;
left: 58%;
}
#sshotContainer #area002 .inner .contents,
#sshotContainer #area005 .inner .contents,
#sshotContainer #area006 .inner,
#sshotContainer #area008 .cta,
#sshotContainer #area014 .cta,
#sshotContainer #area009 .inner,
#sshotContainer #area010 .inner .contents
#sshotContainer #area011 .inner .contents,
#sshotContainer #area012 .inner div,
#sshotContainer #area013 .inner{
max-width: 100%;
padding-right: 4rem;
padding-left: 4rem;
}
#sshotContainer #area008 .inner .cta_wrapper, #sshotContainer #area014 .inner .cta_wrapper {
padding: 3rem 5rem;
 }
#sshotContainer #area009 .inner div:nth-of-type(1),
#sshotContainer #area009 .inner div:nth-of-type(2){
background-size: 100%;
}
#sshotContainer #area009 .inner div:nth-of-type(1){
height: 53.4vw;
}
#sshotContainer #area009 .inner div:nth-of-type(2){
height: 31.6vw;
}
#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(2) {
top: 23vw;
}
#sshotContainer #area009 .inner div:nth-of-type(2) p:nth-of-type(2) {
top: 23vw;
}
#sshotContainer #area010 .inner .contents ul {
width: 90%;
}

#area011 .inner .contents p:nth-of-type(2) {
margin: unset;
}
#area011 .contents img{
width: 70%;
}
#item_data{
width: 90%;
font-size: 2.2rem;
}
#sshotContainer #area012 img {
padding-left: 1rem;
padding-right: 1rem;
width: 90%;
}
}

@media screen and (max-width: 834px) {
#sshotContainer #area004 {
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -55px -10px no-repeat;
height: 1800px;
 }
#sshotContainer #area004 h3:nth-of-type(1) {
top: 0;
width: 100%;
left: 50%;
}
#sshotContainer #area004 p:nth-of-type(1){
top: 840%;
left: 22%;
font-size: 140%;
}
#sshotContainer #area004 p:nth-of-type(2){
top: 1220%;
left: 34%;
font-size: 140%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1810%;
left: 48%;
}
#sshotContainer #area004 p:nth-of-type(3){
top: 2910%;
left: 49%;
font-size: 140%;
}
#sshotContainer #area004 p:nth-of-type(4){
top: 3283%;
left: 65%;
font-size: 140%;
}
#sshotContainer #area004 p:nth-of-type(5){
top: 3805%;
left: 62%;
font-size: 140%;
}
#sshotContainer #area008 .inner .cta_wrapper .cta_itemimg,
#sshotContainer #area014 .inner .cta_wrapper .cta_itemimg {
margin: 0 auto;
}
#sshotContainer #area012 .inner {
width: 700px;
}
#sshotContainer #area012 .inner div {
max-width: 100%;
padding-right: 0;
padding-left: 0;
margin-left: 6rem;
}
#sshotContainer #area012 img {
padding-left: 0;
padding-right: 0;
width: 80%;
}
#sshotContainer #area012 p {
width: 33%;
}
#sshotContainer #area012 p span {
font-size: 90%;
text-align: center;
padding: 0;
margin-left: -20%;
display: block;
}
}

@media screen and (max-width: 694px) {
#sshotContainer #area002 .inner .contents span {
margin: 0 auto;
width:70%;
font-size: 2rem;
}
#sshotContainer #area001 .inner .item_img {
width: 78px;
position: absolute;
top: 22rem;
left: 8%;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: -10%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1740%;
}
#sshotContainer #area004 p:nth-of-type(1){
top: 510%;
left: 21%;
}
#sshotContainer #area004 p:nth-of-type(2){
top: 700%;
left: 33%;
}
#sshotContainer #area004 p:nth-of-type(3){
top: 2620% !important;
left: 50%;
}
#sshotContainer #area004 p:nth-of-type(4){
top: 3020% !important;
left: 68%;
}
#sshotContainer #area004 p:nth-of-type(5){
top: 3445% !important;
left: 64%;
}
}

@media screen and (min-width 695px) and (max-width 766px){
#sshotContainer #area001 .inner .price {
width: 100%;
 }
#sshotContainer #area002 .inner .contents span {
display: block;
color: #fff;
position: absolute;
bottom: 0.5rem;
left: 4rem;
font-size: 1.6rem;
}
#sshotContainer #area001 {
background: url(/lp/images/scalpshot/mv2.jpg) top right no-repeat !important;
background-size: cover !important;
}
#sshotContainer #area001 .inner h2 {
color: #000;
position: absolute;
top: 3rem;
left: 2rem;
font-size: 2.5rem;
}
#sshotContainer #area001 .inner .item_img {
width: 78px;
position: absolute;
top: 22rem;
left: 8%;
}
}

 
@media screen and (max-width: 767px) {
#sshotContainer h3 {
font-size: 5.6vw;
padding: 4rem 1rem;
}
#sshotContainer #area003 .diagonal_wrap h3 {
padding: 4rem 1rem;
}
#sshotContainer #area003 .diagonal_wrap_inner:after,
#sshotContainer #area009 .diagonal_wrap_inner:after,
#sshotContainer #area012 .diagonal_wrap_inner:after {
top: 2rem;
}
#sshotContainer #area003 .contents p.ex_h{
width: 95%;
}
#sshotContainer #area003 .inner{
padding-right: 4rem;
padding-left: 4rem;
}
#sshotContainer #area003 .contents p.pic_ex_h {
font-size: 6vw;
}
#sshotContainer #area003 .contents p.pic_ex_h span {
font-size: 6vw;
}
#sshotContainer #area003 .contents div.pic_ex {
font-size: 4vw;
}
#sshotContainer #area003 .contents ul {
flex-wrap: wrap;
margin-bottom: 0;
}
#sshotContainer #area003 .contents ul:nth-of-type(2) {
width: 100%;
margin-top: 0;
margin-bottom: 4rem;
}
#sshotContainer #area003 .contents li {
width: 50%;
font-size: 3.6vw;
}
#sshotContainer #area003 .contents li:nth-of-type(1),
#sshotContainer #area003 .contents li:nth-of-type(2),
#sshotContainer #area003 .contents li:nth-of-type(3),
#sshotContainer #area003 .contents li:nth-of-type(4),
#sshotContainer #area003 .contents li:nth-of-type(5){
background-size: 95%;
}
#sshotContainer #area003 .contents div.pic_ex img {
width: 80%;
margin-right: -4rem;
}
#sshotContainer #area004 .contents {
margin-top: -2rem;
}
#sshotContainer #area005 {
background: url(/lp/images/scalpshot/area005_01.png) center 220px no-repeat;
background-size: 96%;
padding-bottom: 0;
}
#sshotContainer #area005 .inner  {
padding-bottom: 0;
padding-top: 50rem;
}

#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
width: 50%;
top: 180px;
font-size: 2.4rem;
height: unset;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 240px;
left: 60px;
width: 300px;
font-size: 2.4rem;
height: unset;
}
#sshotContainer #area005 .inner {
padding-bottom: 0;
padding-top: 40rem;
margin-top: 30%;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 310px;
left: 7%;
}

#sshotContainer #area005 .inner .contents p:last-child{
width: 85%;
}

#sshotContainer #area006 .inner {
width: 100%;
}

#sshotContainer #area006 h3 .title01, #sshotContainer #area013 h3 .title01 {
font-size: 2.4rem;
}
#sshotContainer #area006 .inner div img:nth-of-type(2) {
width: 90%;
}
#sshotContainer #area008 .cta,
#sshotContainer #area014 .cta {
padding: 0 2rem;
}
#sshotContainer #area008 .jp_itemname,
#sshotContainer #area008 .item_Number,
#sshotContainer #area014 .jp_itemname,
#sshotContainer #area014 .item_Number {
font-size: 90%;
}
#sshotContainer #area008 .item_datail,
#sshotContainer #area014 .item_datail {
font-size: 80%;
}
#sshotContainer #area008 .price,
#sshotContainer #area014 .price {
text-align: center;
}
#sshotContainer #area009 img.only_sp:nth-of-type(2) {
width: 60%;
height: 440px;
}
#sshotContainer #area009 img.only_sp:nth-of-type(1) {
margin: 0 auto;
width: 60%;
}
#sshotContainer #area001 .price span {
font-size: 200%;
font-family: 'DIN Alternate','DIN Condensed',sans-serif;
vertical-align: sub;
padding: 0 5px;
}
#sshotContainer #area008 .price span,
#sshotContainer #area014 .price span {
font-size: 250%;
font-family: 'DIN Alternate','DIN Condensed',sans-serif;
vertical-align: sub;
}
#sshotContainer #area008 .inner .cta_wrapper,
#sshotContainer #area014 .inner .cta_wrapper {
border: solid #000 8px;
display: block;
justify-content: space-between;
text-align: left;
margin: 0 auto;
padding: 2rem;
text-align: center;
}
#sshotContainer #area008 .inner .cta_wrapper img, #sshotContainer #area014 .inner .cta_wrapper img{
width: 15%;
}
.orderBtn {
width: 100%;
}
.orderBtn a {
font-size: 2rem;
}

#sshotContainer #area009 img.only_sp{
display: block;
margin:0 auto;
width: 100%;
}
#sshotContainer #area009 img.only_sp:nth-of-type(1){
margin: 0 auto;
width: 80%;
}
#sshotContainer #area009 img.only_sp:nth-of-type(2){
width: 80%;
margin: 0 auto;
object-fit: cover;
object-position: 0% -20px;
}

#sshotContainer #area009 .inner div:nth-of-type(1),
#sshotContainer #area009 .inner div:nth-of-type(2) {
background: none;
height: auto;
}

#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(1) {
display: none;
}

#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(2) {
font-size: 2rem;
width: 100%;
position: static;
text-align: center;
margin-top: 2rem;
}
#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(2) span {
font-size: 2.6rem;
}
#sshotContainer #area009 .inner div:nth-of-type(2) p:nth-of-type(1) {
font-size: 2rem;
width: 100%;
position: static;
text-align: center;
margin-top: 2rem;
}
#sshotContainer #area009 .inner div:nth-of-type(2) p:nth-of-type(2) {
width: 100%;
position: static;
text-align: center;
margin-top: 2rem;
}

#sshotContainer #area010 h3 .title01 {
font-size: 5.6vw;
}
#sshotContainer #area010 .inner .contents p {
font-size: 3.2rem;
}
#sshotContainer #area005 .diagonal_wrap, #sshotContainer #area010 .diagonal_wrap {
margin-bottom: 4rem;
}

#sshotContainer #area010 .inner .contents ul {
width: 80%;
margin: 4rem auto;
}
#area011 .contents {
display: flex;
}
#area011 .contents img {
width: 100%;
height: 200px!important;
object-fit: cover;
object-position: 0% -20px;
/*border-bottom: 10px solid #000;*/
}
#sshotContainer #area011 .inner > p {
font-size: 2.6rem;
}
#sshotContainer #area011 .inner > p span.large {
font-size: 3rem;
margin-bottom: 2rem;
vertical-align: bottom;
display: block;
}
#sshotContainer #area011 .inner > p span.only_pc {
display: none;
}
#sshotContainer #area011 .inner > p span.only_sp {
display: inline-block;
}
#sshotContainer #area011 .inner .contents p {
width: 80%;
margin: 2rem auto;
}
#sshotContainer #area012 .inner h4 {
font-size: 6vw;
padding: 0 2rem;
}
#sshotContainer #area012 .inner div{
justify-content: center;
}
#sshotContainer #area012 .inner div p{
margin-bottom: 2rem;
font-size: 90%;
}
#sshotContainer #area006 .inner div img,
#sshotContainer #area013 .inner div img {
width: 20%;
}
#item_data table th {
width: 100%;
display: block;
text-align: left;
padding: 1rem;
}
#item_data table tr:nth-of-type(1) th {
width: 100%;
padding: 1rem;
}
#item_data table td {
display: block;
text-align: left;
width: 100%;
padding: 1rem;
}
#sshotContainer #area001 .inner h2 {
font-size: 2rem;
}
#sshotContainer #area001 .inner h2 .title02 {
text-align: left;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1) {
font-size: 20vw;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1) span {
font-size: 10vw;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(2) {
margin-top: 0;
font-size: 8vw;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(2) span {
font-size: 11vw;
}
#sshotContainer #area001 .inner h2 .title01 span {
display: inline-block;
width: 16%;
margin-right: 2rem;
}
#sshotContainer #area001 .inner .orderBtn {
position: absolute;
top: 47rem;
width: 60%;
left: 0 auto;
height: 60px;
font-size: 1.3rem;
}
#sshotContainer #area001 .inner .orderBtn a {
font-size: 2rem;
padding: 10px 0;
}
#sshotContainer #area001 .inner .price {
position: absolute;
top: 43rem;
right: 50%;
}
#sshotContainer #area002 .contents {
display: block;
}
#sshotContainer #area002 .contents img {
width: 100%;
height: 280px!important;
object-fit: cover;
object-position: 0% -20px;
border-bottom: 4rem solid #000;
}
#sshotContainer #area002 .inner .contents p:nth-of-type(1):before,
#sshotContainer #area002 .inner .contents p:nth-of-type(2):before,
#sshotContainer #area002 .inner .contents p:nth-of-type(3):before{
left: 20px;
}
#sshotContainer #area002 .inner .contents p:nth-of-type(2){
margin: unset;
margin-bottom: 6rem;
}
#sshotContainer #area002 .inner .contents p {
margin-bottom: 6rem;
width: 100%;
}
#sshotContainer #area002 .inner .contents span {
width: 70%;
margin: -2% auto !important;
}
}

@media screen and (max-width: 740px) {
h1 {
line-height: 3rem;
height: 3rem;
padding-top: 10px;
}
#sshotContainer #area001 .inner h2 .title01 {
font-size: 120%;
}
#sshotContainer #area001 .inner h2 .title01 span {
width: 17%;
margin-right: 3rem;
display: inline-block;
}
#sshotContainer #area001 .inner .price {
top: 35rem;
font-size: 120%;
left: 21%;
}
#sshotContainer #area001 .inner .item_img {
top: 24rem;
}
#sshotContainer #area002 .inner .contents span {
width: 100%;
top: 92%;
left: 0%;
}
#sshotContainer #area004{
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) 70% 10% no-repeat;
background-size: 120%;
height: 1800px;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 80%;
}
#sshotContainer #area004 p:nth-of-type(1){
top: 970%;
left: 16%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(2){
top: 1440%;
left: 29%;
font-size: 150%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1900%;
left: 45%;
font-size: 190%;
}
#sshotContainer #area004 p:nth-of-type(3){
top: 3050%;
left: 50%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(4){
top: 3430%;
left: 66%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(5){
top: 3978%;
left: 63%;
font-size: 150%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
width: 30%;
top: 180px;
font-size: 150%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 240px;
left: 60px;
width: 55%;
font-size: 150%;
}
#sshotContainer #area005 .inner {
padding-bottom: 10%;
}
#sshotContainer #area005 .inner .contents p:last-child {
width: 57%;
top: 68%;
}
#sshotContainer #area006 h3 .title01, #sshotContainer #area013 h3 .title01 {
font-size: 90%;
}
#sshotContainer #area008 .jp_itemname span, #sshotContainer #area014 .jp_itemname span {
font-size: 110%;
font-weight: bold;
}
#sshotContainer #area012 .inner h4 {
font-size: 5vw;
} 
}

@media screen and (max-width: 736px) {
h1 {
line-height: 3rem;
padding: 10px 0;
height: 2rem;
}
#sshotContainer #area001 .inner h2 .title01 {
font-size: 140%;
}
#sshotContainer #area001 .inner h2 .title01 span {
display: inline-block;
width: 20%;
font-size: 100%;
margin-right: 3rem;
}
#sshotContainer #area002 .inner .contents span {
left: 0;
top: 92%;
}
#sshotContainer #area001 .inner h2 .title02 {
margin-left: 1rem;
}
#sshotContainer #area001 .inner .price {
top: 34rem;
font-size: 120%;
left: 23%;
width: 100%;
}
#sshotContainer #area001 .inner .orderBtn {
top: 46rem;
width: 60%;
left: 23%;
}
#sshotContainer #area001 .inner .item_img {
top: 25rem;
}
#sshotContainer #area004 {
margin-bottom: unset;
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -90px -10px no-repeat;
height: 1750px;
background-size: 115%;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 50%;
width: 100%;
left: 50%;
}
#sshotContainer #area004 p:nth-of-type(1){
top: 850%;
left: 18%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(2){
top: 1210%;
left: 30%;
font-size: 150%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1660%;
width: 100%;
margin: 0 3rem;
left: 47%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(3){
top: 2840%;
left: 46%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(4){
top: 3270%;
left: 64%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(5){
top: 3765%;
left: 63%;
font-size: 150%;
}
#sshotContainer #area005 .inner {
padding-bottom: 0;
padding-top: 50rem;
margin-top: 30%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
width: 34%;
top: 171px;
font-size: 3.4rem;
height: unset;
} 
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 240px;
left: 60px;
width: 60%;
font-size: 3.4rem;
height: unset;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 336px;
left: 7%;
width: 56%;
}
#sshotContainer #area006 h3 .title01, #sshotContainer #area013 h3 .title01 {
font-size: 4.4rem;
}
#sshotContainer #area008 .en_itemname span, #sshotContainer #area014 .en_itemname span {
font-size: 100%;
}
#sshotContainer #area008 .jp_itemname, #sshotContainer #area014 .jp_itemname {
font-size: 130%;
font-weight: bold;
}
#sshotContainer #area010 h3 .title01 {
font-size: 3.4rem;
}
#sshotContainer #area012 .inner h4 {
font-size: 4vw;
}
#sshotContainer #area012 p span {
font-size: 60%;
}
#sshotContainer #area012 .inner div p {
font-size: 120%;
}
#sshotContainer #area008 .price span, #sshotContainer #area014 .price span {
font-size: 350%;
}
}


@media screen and (max-width: 667px) {
#sshotContainer #area001 .inner h2 .title01 {
display: block;
font-size: 125%;
}
#sshotContainer #area001 .inner h2 .title01 span {
font-size: 2.4rem;
width: 19%;
margin-left: 1rem;
margin-bottom: 1rem;
}
#sshotContainer #area001 .inner .price {
position: absolute;
top: 37rem;
font-size: 90%;
text-align: center;
background-color: #ffffffbd;
width: 65%;
margin: 0 auto;
left: 30%;
padding-top: 10px;
}
#sshotContainer #area001 .inner .orderBtn {
position: absolute;
top: 47rem;
width: 65%;
left: 30%;
height: 60px;
font-size: 1.3rem;
}
#sshotContainer #area001 .inner .item_img {
width: 78px;
position: absolute;
top: 24rem;
left: 10%;
}
#sshotContainer #area002 .inner .contents span {
left: 0;
top: 92%;
}
#sshotContainer #area004 {
margin-bottom: unset;
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -78px -10px no-repeat;
height: 1550px;
background-size: 115%;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 60%;
width: 100%;
left: 50%;
}
#sshotContainer #area004 p:nth-of-type(1){
top: 840%;
left: 18%;
font-size: 140%;
}
#sshotContainer #area004 p:nth-of-type(2){
top: 1220%;
left: 29%;
font-size: 140%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1660%;
width: 100%;
margin: 0 3rem;
left: 45%;
font-size: 150%;
}
#sshotContainer #area004 p:nth-of-type(3){
top: 2618%;
left: 46%;
font-size: 140%;
}
#sshotContainer #area004 p:nth-of-type(4){
top: 2953%;
left: 65%;
font-size: 140%;
}
#sshotContainer #area004 p:nth-of-type(5){
top: 3405%;
left: 62%;
font-size: 140%;
}
#sshotContainer #area005 .inner {
padding-bottom: 0;
padding-top: 50rem;
margin-top: 30%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 240px;
left: 40px;
width: 62%;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 376px;
left: 7%;
width: 87%;
}
#sshotContainer #area005 .inner {
padding-bottom: 5%;
}
#sshotContainer #area012 .inner {
width: 100%;
}
#sshotContainer #area012 p span {
font-size: 60%;
}
#sshotContainer #area012 .inner div p {
font-size: 120%;
}
}

@media screen and (max-width: 640px) {
#sshotContainer #area001 .inner h2 .title01 span {
font-size: 2.5rem;
width: 20%;
margin-left: 0rem;
margin-bottom: 1rem;
}
#sshotContainer #area001 .inner h2 .title01 {
font-size: 108%;
}
#sshotContainer #area001 .inner h2 .title02 {
margin-top: -2rem;
} 
#sshotContainer #area002 .inner .contents span {
top: -30%;
left: 0;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1600%;
}
#sshotContainer #area004 p:nth-of-type(1) {
top: 790%;
}
#sshotContainer #area004 p:nth-of-type(2) {
top: 1150%;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 2520%;
} 
#sshotContainer #area004 p:nth-of-type(4) {
top: 2820%;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 3255%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
width: 36%;
top: 180px;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 260px;
left: 39px;
width: 64%;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 366px;
left: 7%;
width: 86%;
}
#sshotContainer #area012 .inner div p {
font-size: 110%;
}
#sshotContainer #area006 h3 .title01, #sshotContainer #area013 h3 .title01 {
font-size: 3.4rem;
}
}


@media screen and (max-width: 568px) {
#sshotContainer #area001 .inner h2 .title01 span {
font-size: 100%;
width: 25%;
margin-left: 1rem;
margin-bottom: 1rem;
}
#sshotContainer #area001 .inner h2 .title01 {
font-size: 85%;
}    
#sshotContainer #area002 .inner .contents span {
left: 0;
top: 254px;
}
#sshotContainer #area004 {
margin-bottom: unset;
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -100px 10px no-repeat;
height: 1500px;
background-size: 125%;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 80%;
width: 100%;
left: 50%;
}
#sshotContainer #area004 p:nth-of-type(1){
top: 760%;
left: 16%;
font-size: 130%;
}
#sshotContainer #area004 p:nth-of-type(2){
top: 1100%;
left: 29%;
font-size: 120%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1500%;
width: 100%;
margin: 0 3rem;
left: 45%;
font-size: 140%;
}
#sshotContainer #area004 p:nth-of-type(3){
top: 2400% !important;
left: 46%;
font-size: 120%;
}
#sshotContainer #area004 p:nth-of-type(4){
top: 2710% !important;
left: 66%;
font-size: 120%;
}
#sshotContainer #area004 p:nth-of-type(5){
top:  3135% !important;
left: 62%;
font-size: 120%;
}
#sshotContainer #area005 .inner {
padding-bottom: 0;
padding-top: 50rem;
margin-top: 30%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
top: 140px;
width: 36%;
font-size: 2.8rem;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 203px;
left: 37px;
width: 60%;
font-size: 2.8rem;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 325px;
left: 7%;
width: 87%;
font-size: 100%;
}
#sshotContainer #area006 h3 .title01, #sshotContainer #area013 h3 .title01 {
font-size: 3.4rem;
}
#sshotContainer #area008 .inner .cta_wrapper img, #sshotContainer #area014 .inner .cta_wrapper img {
margin-bottom: 2rem;
}
#sshotContainer #area012 .inner {
width: 100%;
}
#sshotContainer #area012 .inner h4 {
font-size: 5vw;
}
#sshotContainer #area012 .inner div p {
font-size: 110%;
}    
}

@media screen and (max-width: 507px) {
#sshotContainer #area001 .inner h2 .title01 span {
font-size: 100%;
width: 22%;
margin-right: 1rem;
}
#sshotContainer #area001 .inner .item_img {
top: 22rem;
}
#sshotContainer #area004 {
margin-bottom: unset;
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -85px 10px no-repeat;
height: 1360px;
background-size: 125%;
}
#sshotContainer #area004 p:nth-of-type(1) {
top: 650% !important;
}
#sshotContainer #area004 p:nth-of-type(2) {
top: 980% !important;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 1290% !important;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 2120% !important;
}
#sshotContainer #area004 p:nth-of-type(4) {
top: 2400% !important;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 2805% !important;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
top: 130px;
width: 39%;
font-size: 100%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 196px;
left: 37px;
width: 70%;
font-size: 100%;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 285px;
}
#sshotContainer #area005 .inner {
padding-top: 45rem;
}
#sshotContainer #area008 .jp_itemname span, #sshotContainer #area014 .jp_itemname span {
font-size: 100%;
}
#sshotContainer #area009 img.only_sp:nth-of-type(2){
width: 70%;
height: auto;
}
#sshotContainer #area009 img.only_sp:nth-of-type(1) {
width: 70%;
}
#sshotContainer #area012 .inner {
width: 100%;
}
#sshotContainer #area012 .inner div p {
font-size: 110%;
width: 100% !important;
margin-left: 3rem;
}
#sshotContainer #area012 .inner h4 {
font-size: 4.8vw;
width: 80%;
margin: 0 auto;
}
}

@media screen and (max-width: 438px) {
#sshotContainer #area001 .inner h2 .title01 span {
font-size: 110%;
width: 30%;
display: block;
}
#sshotContainer #area001 .inner h2 .title01 {
font-size: 100%;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(2) {
margin-top: 0rem;
font-size: 7.5vw;
}
#sshotContainer #area001 .inner .price {
position: absolute;
top: 38rem;
right: 0;
font-size: 79%;
font-weight: bold;
background-color: #fff9;
padding: 7px;
left: 30.5%;
width: 64%;
text-align: center;
margin: 0;
}
#sshotContainer #area004 {
margin-bottom: unset;
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -43px -10px no-repeat;
height: 1040px;
background-size: 115%;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: -10px;
font-size: 6vw;
}
#sshotContainer #area004 p:nth-of-type(1) {
top: 210px;
left: 19%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(2) {
top: 747%;
left: 30%;
font-size: 100%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 400px;
width: 100%;
font-size: 5vw;
margin: 0;
left: 52%;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 680px;
left: 48%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(4) {
top: 754px;
left: 67%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 878px;
left: 63%;
font-size: 100%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
width: 73%;
font-size: 120%;
top: 41%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
top: 110px;
width: 42%;
font-size: 120%;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 245px;
left: 7%;
width: 87%;
}
#sshotContainer #area005 .inner {
padding-top: 42rem;
}
}

@media screen and (max-width: 420px) {
#sshotContainer #area004 {
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -43px -10px no-repeat;
height: 1000px;
background-size: 115%;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 0px;
width: 100%;
left: 52%;
}
#sshotContainer #area004 p:nth-of-type(1) {
top: 210px;
left: 19%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(2) {
top: 745%;
left: 28%;
font-size: 100%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 390px;
width: 100%;
font-size: 5vw;
margin: 0;
left: 52%;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 660px;
left: 45%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(4) {
top: 729px;
left: 67%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 848px;
left: 63%;
font-size: 100%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
width: 50%;
top: 120px;
font-size: 2.4rem;
height: unset;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 180px;
left: 60px;
width: 300px;
font-size: 2.4rem;
height: unset;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 250px;
left: 7%;
}
#sshotContainer #area006 h3 .title01, #sshotContainer #area013 h3 .title01 {
font-size: 2.8rem;
}
#sshotContainer #area012 .diagonal_wrap h3 {
font-size: 3.4rem;
}
}


@media screen and (max-width: 414px) {
#sshotContainer #area001 .inner h2 .title01 span {
font-size: 2.2rem;
width: 30%;
margin-left: 1rem;
margin-bottom: 1rem;
display: block;
}
#sshotContainer #area001 .inner h2 .title01 {
font-size: 100%;
}
#sshotContainer #area001 .inner .price {
position: absolute;
top: 388px;
font-weight: bold;
background-color: #fff9;
font-size: 67%;
text-align: center;
left: 35%;
width: 60%;
margin: 0;
padding-top: 4%;
}
#sshotContainer #area001 .inner .orderBtn {
position: absolute;
top: 48rem;
width: 60%;
right: 1.5rem;
left: 35%;
height: 60px;
font-size: 1.3rem;
}
#sshotContainer #area001 {
background: url(/lp/images/scalpshot/mv2.jpg) -1000px -100px no-repeat;
}
#sshotContainer #area002 .inner .contents span {
font-size: 2rem;
width: 100%;
text-align: left;
top: 90%;
left: 17%;
}

#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1) span {
font-size: 8vw;
padding-left: 0;
}

#sshotContainer #area004 {
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -6rem 0 no-repeat;
background-size: 120%;
height: 1000px;
 margin-bottom: unset;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 0;
left: 50%;
}
#sshotContainer #area004 p:nth-of-type(1) {
top: 552%;
left: 15%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(2) {
top: 775%;
left: 28%;
font-size: 100%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 412px;
width: 100%;
font-size: 5vw;
margin: 0;
left: 50%;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 681px;
left: 45%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(4) {
top: 755px;
left: 67%;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 878px;
left: 63%;
font-size: 100%;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 260px;
left: 9%;
width: 85%;
}
#sshotContainer #area006 h3 .title01, 
#sshotContainer #area013 h3 .title01 {
font-size: 6vw;
line-height: 1.6;
margin-bottom: 0;
padding-top: 20px;
}
#sshotContainer #area006 .inner,
#sshotContainer #area013 .inner {
margin: 0 auto;
}
#sshotContainer #area008 .jp_itemname, #sshotContainer #area014 .jp_itemname {
font-size: 100%;
font-weight: bold;
}
#sshotContainer #area010 {
padding-bottom: 0;
}
#sshotContainer #area010 h3 .title01 {
font-size: 3.0rem;
}
#sshotContainer #area012 img {
padding-left: 0;
padding-right: 0;
}
#sshotContainer #area012 .inner div p {
font-size: 80%;
}
#sshotContainer #area008 .price span, #sshotContainer #area014 .price span {
font-size: 250%;
}
}


@media screen and (max-width: 375px) {
#sshotContainer #area001 .inner h2 .title01 {
margin-left: -2rem;
margin-left: 0;
display: block;
font-size: 90%;
}
#sshotContainer #area001 .inner h2 .title01 span {
margin-left: 2rem;
width: 35%;
margin-bottom: 1rem;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1) span {
font-size: 8vw;
padding-left: 0;
}
#sshotContainer #area002 .inner .contents p {
margin-bottom: 6rem;
width: 100%;
}

#sshotContainer #area004 {
height: 950px;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 0px;
font-size: 6vw;
left: 49%;
}
#sshotContainer #area004 p:nth-of-type(1) {
top: 502%;
left: 10%;
text-align: left;
line-height: 1.2;
font-size: 110%;
}
#sshotContainer #area004 p:nth-of-type(2) {
top: 283px;
left: 28%;
text-align: left;
line-height: 1.2;
font-size: 100%;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 880%;
width: 100%;
font-size: 5vw;
margin: 0;
left: 48%;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 1490%;
left: 43%;
text-align: left;
line-height: 1.2;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(4) {
top: 1710%;
left: 64%;
text-align: left;
line-height: 1.2;
font-size: 100%;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 1970%;
left: 60%;
text-align: left;
line-height: 1.2;
font-size: 100%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
width: 50%;
top: 100px;
font-size: 2.4rem;
height: unset;
left: 7%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 159px;
left: 30px;
width: 300px;
font-size: 2.4rem;
height: unset;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 228px;
left: 11%;
width: 80%;
}
}

@media screen and (max-width: 360px) {
#sshotContainer #area004 {
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -6rem 0 no-repeat;
background-size: 120%;
height: 910px;
}
}

@media screen and (max-width: 356px) {
#sshotContainer #area001 .inner h2 .title01 span {
width: 35%;
}
}

@media screen and (max-width: 320px) {
h1 {
font-size: 66%;
}
#sshotContainer #area001 .inner h2 .title01 {
font-size: 85%;
}
#sshotContainer #area001 .inner h2 .title01 span {
margin-left: 2rem;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1) span {
font-size: 8vw;
padding-left: 0;
}
#sshotContainer #area001 .inner h2 .title02 div:nth-of-type(1) span {
font-size: 8vw;
padding-left: 0;
}
#sshotContainer #area001 .inner h2 .title02 {
margin-left: 0.5rem;
margin-top: -1rem;
}
#sshotContainer #area001 .inner .orderBtn {
right: 2.5%;
}
#sshotContainer #area001 .inner .orderBtn a {
font-size: 2rem;
width: 100%;
}
#sshotContainer #area001 .inner .item_img {
left: 7%;
}
#sshotContainer #area001 .inner h2 .title01 span {
display: block;
width: 40%;
margin-left: 1rem;
text-align: center;
font-size: 2.2rem;
}
#sshotContainer #area002 .inner .contents span {
width: 100%;
margin: 0 auto;
left: 9%;
}
#sshotContainer #area003 h4 {
padding-top: 1rem;
margin-bottom: 1rem;
font-size: 2.5rem;
}
#sshotContainer #area003 .contents p.ex_h {
display: unset;
}
#sshotContainer #area003 .contents p.ex_h span {
display: block;
margin-top: 3%;
}
#sshotContainer #area003 .contents li {
width: 50%;
font-size: 3.6vw;
margin-top: -4rem;
}
#sshotContainer #area004 {
background: #d2d2d2 url(/lp/images/scalpshot/area004_bg2.png) -3rem 0 no-repeat;
background-size: 110%;
height: 730px;
}
#sshotContainer #area004 h3:nth-of-type(1) {
top: 0;
font-size: 5vw;
}
#sshotContainer #area004 p:nth-of-type(1) {
top: 406%;
left: 19%;
text-align: left;
line-height: 1.2;
font-size: 4.5vw;
}
#sshotContainer #area004 p:nth-of-type(2) {
top: 225px;
left: 32%;
text-align: left;
line-height: 1.2;
font-size: 4.5vw;
}
#sshotContainer #area004 h3:nth-of-type(2) {
top: 272px;
width: 100%;
font-size: 5vw;
margin: 0;
left: 160px;
}
#sshotContainer #area004 p:nth-of-type(3) {
top: 490px;
left: 45%;
text-align: left;
line-height: 1.2;
font-size: 4.5vw;
}
#sshotContainer #area004 p:nth-of-type(4) {
top: 550px;
left: 66%;
line-height: 1.2;
text-align: left;
font-size: 4.5vw;
}
#sshotContainer #area004 p:nth-of-type(5) {
top: 630px;
left: 58%;
text-align: left;
line-height: 1.2;
font-size: 4.5vw;
}
#sshotContainer #area005 .inner {
padding-top: 35rem;
}
#sshotContainer #area005 .inner .contents p:last-child {
width: 75%;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(1) {
width: 55%;
top: 80px;
font-size: 2.4rem;
height: unset;
left: 2.5rem;
}
#sshotContainer #area005 .inner .contents p:nth-of-type(2) {
top: 140px;
left: 4rem;
width: 260px;
font-size: 2rem;
height: unset;
}
#sshotContainer #area005 .inner .contents p:last-child {
top: 205px;
width: 87%;
left: 9%;
font-size: 80%;
}
#sshotContainer #area006 h3 .title01, 
#sshotContainer #area013 h3 .title01 {
margin-bottom: 0;
}
#sshotContainer #area006, 
#sshotContainer #area013 {
padding-bottom: 1rem;
}
#sshotContainer #area006 .inner, #sshotContainer #area013 .inner {
font-size: 90%;
}
340#sshotContainer #area008 .en_itemname span, #sshotContainer #area014 .en_itemname span {
font-size: 100%;
display: block;
}
#sshotContainer #area009 .inner div:nth-of-type(1) p:nth-of-type(2) {
font-size: 1.6rem;
}
#sshotContainer #area009 .inner div:nth-of-type(2) p:nth-of-type(1) {
font-size: 1.6rem;
}
#sshotContainer #area010 h3 .title01 {
 font-size: 2.0rem;
}
#sshotContainer #area010 .inner .contents p {
font-size: 1.8rem;
}
#sshotContainer #area012 .inner {
width: 100%;
}
}

#pageTop { position: fixed; z-index: 999; bottom: 10px; right: 10px;width: 10%;opacity: 0.3;}.caption{position: absolute; top: 84%;width: 100%;font-size: 60%;text-align: right;right: 5%;letter-spacing: 0.05em;}.caption a {color: #a6a6a6; text-decoration: underline;}.caption a:hover {text-decoration: none; color: #004195;}