@charset "UTF-8";
/*パララックスA */

html,
body {
width: 100%;
height: 100%;
}

 

body {
font-family: "lato", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.778;
color: #222;
margin: 0;
top: 300px;

}

 

 

/* Backgrounds */


.bg-holder {
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
color: #fff;
}

 

.bg-holder .content {
color: #fff;
text-align: center;
position:  relative;
top: 50%;

-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}


h2 {
font-size: 42px;
line-height: 1.5;
}



.pic1 {
background-image: url('https://www.affiliateno1.com/img/27517cf056734bc9b4d5f81e0ee065e0_m.jpg');　　pc画像
}


.pic2 {
background-image: url('https://www.affiliateno1.com/img/beauty-1319951_1920.jpgg');　pc画像
}


.pic3 {
background-image: url('https://www.affiliateno1.com/img/pexels-photo-24507.jpg');　pc画像
}



@media (min-width: 768px) {
.pic1 {
background-image: url('https://www.affiliateno1.com/img/27517cf056734bc9b4d5f81e0ee065e0_m.jpg');　スマホ画像
}
.pic2 {
background-image: url('https://www.affiliateno1.com/img/beauty-1319951_1920.jpg');　　　スマホ画像
}
.pic3 {
background-image: url('https://www.affiliateno1.com/img/pexels-photo-24507.jpg');　　　スマホ画像
}
}

 
/* Content ＆Sections */

section {
padding: 28px;
}

 
section .content {
margin: 0 auto;
max-width: 1000px;　　//記事幅
}


section .content{
_height:10px;
padding-top: 20px;
padding-bottom: 20px;
min-height:200px;
margin-top:10px;

 

background-repeat: repeat-y;
background-position: left;
margin-top:<% topMenuMargin(47,0) %>;
}

 
.content h2 {	
width: 700px;
font-size: 32px;
line-height: 26px;
position: relative;
left: 200px;
top: 200px;
}


@media screen and (max-width: 640px) {
.content h2 {	
width: 700px;
font-size: 32px;
line-height: 26px;
position: relative;
left: 50px;
top: 200px;
} 
} 


section p {
margin: 10;
}

 

section p + p {
text-indent: 2em;
}

 

section + hr {
border: 0;
border-top: 1px solid #ccc;
height: 0;
}

 

/* Intro */

.intro h1 {
margin: 0;
font-size: 48px;
line-height: 1.5;
}

.intro p {
margin: 0;
font-size: 24px;
}
}