@charset "utf-8";

/* CSS Document */


/* RESET
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead  {
    border  : 0;
    margin  : 0;
    padding : 0;
}

caption, th, td {
    border-spacing : 0px;
    empty-cells    : show;
    text-align     : left;
    font-weight    : normal;
}
a img,
iframe {
    border : none;
}
img,
a img {
    vertical-align: bottom;
}
ol,ul,li {
    list-style : none;
}
input,textarea,select,button {
    font-size   : 100%;
    font-family : inherit;
}


/* setting start */

body {
font-size: 16px;
font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
}

a {
color:#FFF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”
}



/* frame */

#journey_wrapper_outer {
background: #f2f2f2;
}

#journey_wrapper{
width: 1280px;
padding: 1px 0;
margin: 0 auto;
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/natsutabi2019/mainimage.png) 0 0 no-repeat;
color: #111;
}

#journey_header {
position: relative;
width: 1280px;
height: 547px;
padding: 0;
}

#journey_header #main_menu{
position: relative;
width: 1170px;
padding: 0 0 70px;
margin: 0;
}

#journey_header #main_menu h3 {
position: absolute;
width: 496px;
height: 250px;
top: 30px;
left: 60px;
}

#journey_header #main_menu p.date {
position: absolute;
width: 480px;
top: 300px;
left: 60px;
background: #fff;
color: #32322c;
padding: 8px;
font-weight: bold;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
}

#journey_header #main_menu ul {
position: absolute;
height: 60px;
top: 360px;
left: 60px;
margin: 0 auto;
font-size: 120%;
font-weight: bold;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
vertical-align:middle;
line-height: 50px;
z-index: 5;
overflow: hidden;
}

#journey_header #main_menu li {
display: block;
float: left;
text-align: center;
font-weight: bold;
background: #dd2f06;
height:60px;
width: 212px;
padding: 0 10px;
}

#journey_header #main_menu li a {
position: absolute;
text-decoration: none;
display: block;
}

#journey_header li a:after {
position: absolute;
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid;
border-color:  transparent transparent #fff #fff;
transform: rotate(-45deg);
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
}

#journey_header li.menu01 {
margin: 0 30px 0 0;
}

#journey_header li a {
width: 212px;
}

#journey_header li.menu02 em {
font-style: normal;
color: #ffba00;
font-weight: bold;
}

#journey_header li.menu01:hover,
#journey_header li.menu02:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”
}


/* content */

#main_content_wrap {
}

#main_content{
position: relative;
width: 1280px;
margin: 0 auto;
z-index: 0;
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/natsutabi2019/bg_present.png) center 0 no-repeat #f0e64a;
}

section#info {
}

section#info p.tag {
padding-left: 40px;
}

section#info,
section#info_inner,
.txt_box_outer {
position: relative;
}

.txt_box_outer {
min-height: 600px;
}

.txt_box {
position: absolute;
top: 40px;
left: 0;
right: 0;
width: 1042px;
margin: 0 auto 30px;
padding: 70px 0 130px;
text-align: center;
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/natsutabi2019/bg_intro.png) center top no-repeat;
z-index: 80;
}

.txt_box p {
font-size: 130%;
margin: 20px 0;
line-height: 1.5em;
color: #fff;
}

.txt_box em {
color: #dd2f06;
font-weight: bold;
font-size: 120%;
font-style: normal;
}

div.gift_outer h3 {	
text-align: center;
margin: 0 0 15px;
}

div.gift_outer {
width: 1035px;
min-height: 700px;
margin: 0 auto;
}

#gift_box {
float: left;
width: 500px;
margin: 0 0 0 200px;
}

#gift_box p {
padding: 9px 0 4px;
}

dl#gift_1st,
dl#gift_2nd {
position: relative;
width:500px;
margin: 0 0 50px;
padding: 30px;
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/natsutabi2019/line_bk.png) center bottom no-repeat;
}


#gift_1st dt p,
#gift_2nd dt p {
position: absolute;
}

#gift_1st dt p#pht01 {
width: 200px;
height: 197px;
top: -30px;
left: -90px;
}

#gift_2nd dt p#pht01 {
width: 107px;
height: 109px;
top: -30px;
left: 20px;
}


#gift_1st dd,
#gift_2nd dd {
color: #111;
font-weight: bold;
font-size: 200%;
text-align: center;
}

#gift_1st dd span,
#gift_2nd dd span {
display: block;
font-size: 60%;
margin: 0 0 15px;
color: #111;
}

#gift_1st dd p em,
#gift_2nd dd p em {
margin: 0 0 30px;
font-style: normal;
color: #dd2f06;
background: linear-gradient(transparent 90%, #103282 90%);
}

.product_detail {
position: relative;
float: right;
width: 224px;
top: -25px;
text-align: center;
}

.product_detail dl {
margin: 0 0 18px;
}

.product_detail dl.premium {
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/natsutabi2019/bg_premium.png) center center no-repeat;
padding: 20px 0;
}

.product_detail dl.window {
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/natsutabi2019/bg_window.png) center center no-repeat;
padding: 20px 0;
}

.product_detail dl.premium dt {
padding: 40px 0 0 15px;
}

.product_detail dl.window dt {
padding: 60px 0 0;
}

.product_detail dt {
margin: 0 0 15px;
}

.product_detail dd {
background: #dd2f06;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.product_detail dd a {
position: relative;
text-decoration: none;
display: block;
}

.product_detail dd a:after {
position: absolute;
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid;
border-color:  transparent transparent #fff #fff;
transform: rotate(225deg);
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
}

#sec02_entry_outer {
padding-bottom: 0;
}

#sec02_entry_outer h3 {
text-align: center;
}

@-moz-document url-prefix() {
#sec02_entry_outer h3 {
padding: 0 0 0 330px;
}
}

#sec02_entry {
color: #32322c;
background: #fff;
margin: 0 25px 25px;
padding: 60px 0;
position: relative;
}

#sec02_entry .inner {
width: 1160px;
margin: 0 auto;
}

ul.entry_box {
	width: 1090px;
	height: 330px;
	margin: 0 auto 10px auto;
	padding: 50px 0 0 70px;
}

ul.entry_box>li{
	width:277px;
	height: 280px;
	font-size: 15px;
	text-align: center;
	padding:20px;
	margin-right: 25px;
	border: solid 3px #103282;
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float:left;	
	position: relative;
}

.entry_inner {
	margin-top:30px;
}

.entry_inner p,
.entry_inner li {
color: #32322c;
font-size: 12px;
font-weight: bold;
text-align: center;

}

.entry_txt em {
font-style: normal;
color: #e5194d;
font-weight: bold;
}

.entry_inner li {
width: 263px;
height:68px;
padding: 4px 0 0 15px;
}

.entry_inner li a {
display: table-cell;
width: 263px;
height:68px;
text-align: center;
vertical-align: middle;
}

.entry_inner li.bt_inst {
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/harutabi2019/btn_inst.png) no-repeat;
}

.entry_inner li.bt_twit {
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/harutabi2019/btn_twitter.png) no-repeat;
}

.entry_txt {
	padding:10px 0;
	text-align: left;
}

.entry_txt_last {
	padding:50px 0;
	text-align: left;
}

.step {
	position: absolute;
	left: 91px;
    top: -64px;
}

.txt_box2{
	width: 945px;
	height: 100px;
	border: solid 1px #32322c;
	color: #32322c;
	margin: 0 auto 30px;
	padding:25px 25px 25px 48px;
	clear: both;
}

.txt_box2 p{
	margin: 10px auto;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	float:left;
}

.txt_box2 ul{
	margin-left: 190px;
	padding-left: 15px;
	font-size: 12px;
	border-left: solid 1px #32322c;
}

#agree_box {
	margin:0 auto;
	text-align: center;
	padding: 0 0 50px;
}

#agree_box .box_inner{
	margin: 20px auto;
	padding: 20px;
	width:800px;
	height: 500px;
	overflow: scroll;
	background-color: #fff;
	font-size: 12px;
	text-align: left;
	border: solid 1px #32322c;
}

#sec03_gallery {
background: url(https://www.pika2rain.com/voice/wp-content/themes/pikapika_wp_theme/images/harutabi2019/bg_last.png) center bottom no-repeat #fff;
padding: 30px;
}

#sec03_gallery h3,
#sec03_gallery .btn {
margin: 0 0 50px;
text-align: center;
}

#sec04_bottom {
margin: 0 auto;
padding: 50px 0;
text-align: center;
background: #f0e64a;
}

.btn_totop{
	position: fixed;
	bottom: 10px;
	right: 0;
	z-index: 5;
}


#main_content .explain a {
color: #111;
}

#main_content .explain a:hover {
color: #333;
}
