@charset "utf-8";

/* =================================================================
		Reset Styles
================================================================= */
section#nomikurabe_lp {
    overflow-x: scroll;
}

section#nomikurabe_lp>.scroll {
    width: 1060px;
	margin: auto;
}

body#fs_CustomPage .fs-l-main section#nomikurabe_lp h2 {
	all: unset;
}

/* HTML5 */
article, aside, figure, figcaption, footer, header,
hgroup, nav, section, summary{
	display: block;
}

p {
	margin: 0;
}

img {
	display: inline-block;
}

ol, ul {
	margin: 0;
	padding: 0;
}

/* Base Styles */

body{
	text-align:center;
	margin:0 auto;
}

img {
	border: none;
	vertical-align: bottom;
}

table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

label{
	cursor: pointer;
}

input,
select,
textarea{
	padding: 2px;
}

ol,ul {
	list-style: none;
}


/* form */
select option {
	padding : 0 5px 0 5px;
}
form label{
	cursor : pointer;
}

a,
input{
	outline: none;
}

.pkg {
    zoom: 1; 
}
.pkg:after{
    content: "";
    clear: both;
    display: block;
}


/* head
--------------------------------------------------------------- */

.head{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/head_bg.png) no-repeat top center;
	width:100%;
}


/* key
--------------------------------------------------------------- */

.key{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/key_bg.png) no-repeat top center;
	width:100%;
}

.key_1850{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/key_bg_1850.png) no-repeat top center;
	width:100%;
}



/* cv
--------------------------------------------------------------- */

.cv{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/cv_bg.png) no-repeat top center;
	width:100%;
}

.cv .cv-btn{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/cv-btn_bg.png) no-repeat bottom center;
	padding-bottom:42px;
}




/* chart
--------------------------------------------------------------- */

#chart{
	margin-top:57px;
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/chart_bg.png) no-repeat top center;
	width:100%;
	padding-top:93px;
	padding-bottom:110px;
}

#chart ul li{
	margin-bottom:17px;
}

#chart .chart_mb{
	margin-bottom: 17px;
}

/* gift
--------------------------------------------------------------- */

#gift{
	margin:25px 0 90px;
}


/* reason
--------------------------------------------------------------- */

#reason{
	padding-bottom:35px;
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/reason_bg.png) no-repeat bottom center;
	width:960px;
	margin:0 auto;
}

#reason ol li{
	float:left;
}


/* reason
--------------------------------------------------------------- */

#good{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/good_bg.png) no-repeat top center;
	margin-top:60px;
	padding-bottom:68px;
}

#good .good-inner{
	width:1000px;
	margin:0 auto;
	padding-top:74px;
}

#good .good-inner h2{
	float:left;
	padding-top:77px;
}

#good .good-inner ul{
	float:left;
}


/* natural
--------------------------------------------------------------- */

#natural ul li:first-child{
	text-align:left;
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/natural_bg1.png) no-repeat top center;
}

#natural ul li:nth-child(2){
	text-align:right;
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/natural_bg2.png) no-repeat top center;
}

#natural ul li:last-child{
	text-align:left;
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/natural_bg3.png) no-repeat top center;
}

#natural ul li p{
	width:960px;
	margin:0 auto;
}


/* message
--------------------------------------------------------------- */

#message{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/message_bg-top.gif) repeat-x top right;
	width:100%;
	margin:0 auto;
	padding-bottom:60px;
}

#message h2{
	padding:97px 0 67px;
}

#message .message-inner1 {
	text-align:left;
	width:960px;
	margin:0 auto 20px;
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/message_bg1.png) no-repeat top right;
}

#message .message-inner2 {
	text-align:right;
	width:960px;
	margin:0 auto;
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/message_bg2.png) no-repeat top left;
}

/* voice
--------------------------------------------------------------- */

#voice{
	background:url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/voice_bg.png) no-repeat top center;
	height:936px;
}

#voice ul{
	width:960px;
	margin:0 auto;
}

#voice ul li{
	float:left;
}

/* btn
--------------------------------------------------------------- */

#btn{
	margin:56px 0 50px;
}

/* media
--------------------------------------------------------------- */
#media{
	background: url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/media_bg.png) no-repeat center top;
}
#media-inner{
	width: 960px;
	margin: 0 auto;
}

/* footer
--------------------------------------------------------------- */
#footer{
	background: url(https://p-its.sakura.ne.jp/harada_s_img/nomikurabe/img/fotter_bg.png) no-repeat center top;
	margin-top:36px;
}

#footer p{
	width:960px;
	text-align:right;
	margin:0 auto;
}

/* copy
--------------------------------------------------------------- */
small{
	display:block;
	background-color:#0D304C;
	color:#fff;
	text-align: center;
	padding:15px;
}

/* ページトップ
--------------------------------------------------------------- */
#pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#pagetop a{
	background-color: #0D304C;
	display: block;
	z-index: 999;
	width: 6em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	padding: 13px 20px;
}

#pagetop a:hover{
	opacity: 0.7;
}