@charset "UTF-8";

/************************************************************
RESET & DEFAULT
************************************************************/

/***************************RESET & DEFAT*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, button, textarea, select {
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: normal;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img	{
	width:auto;
  border-width: 0;
  border-style: none;
  vertical-align: bottom;
}

.aspect_inner{
	position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
	
	background:#ff0000;
}

/************************************************************
PC LAYOUT
************************************************************/

/*OUTLINE***************************************/

body {
	background-color: #ffffff;
}

.container{
	width: 100%;
}

/*TITLE_AREA***************************************/

.title_area{
	width:100%;
	background:
		url('/library/stories/pit/img/gotouchi/sp/shd_titlle_area.png') center bottom no-repeat,
		url('/library/stories/pit/img/gotouchi/sp/bkg_blue_area.gif') center bottom repeat;
	background-size:
		contain,
		auto;		
		z-index:1;
}

/*---------------------------------title*/

.title_inner{
	position:relative;
	padding:0 0 154.784% 0;
	width:100%;
	height:0;
}

#fig_pits{
	position:absolute;
	width:100%;
	height:auto;
}

#fig_title{
	position:absolute;
	width:100%;
	height:auto;
}

#txt_title{
	position:absolute;
	width:100%;
	height:auto;
}

/*COPY_AREA***************************************/

.copy_area{
	position:relative;
	width:100%;
	background-color:#faf7ef;
	text-align:center;
	overflow:hidden;
	z-index:-1;
}

#txt_copy{
	width:100%;
	height:auto;
}

/*---------------------------------star*/

#fig_star01,
#fig_star02,
#fig_star03,
#fig_star04,
#fig_star05,
#fig_star06,
#fig_star07{
	position:absolute;
}

#fig_star01{
	top:3.6%;
	left:28.5%;
	width:2.7778%;
	height:auto;
}

#fig_star02{
	top:7%;
	left:12.4%;
	width:4.321%;
	height:auto;
}

#fig_star03{
	top:52%;
	left:7.6%;
	width:6.3272%;
	height:auto;
}

#fig_star04{
	top:93%;
	left:8%;
	width:4.321%;
	height:auto;
}

#fig_star05{
	top:8%;
	left:80%;
	width:6.3272%;
	height:auto;
}

#fig_star06{
	top:45%;
	left:89%;
	width:4.321%;
	height:auto;
}

#fig_star07{
	top:90%;
	left:90%;
	width:2.7778%;
	height:auto;
}

/*LIST_AREA***************************************/

.list_area{
	padding:0 0 7.7126% 0;
	width:100%;
	background:
		url('/library/stories/pit/img/gotouchi/sp/shd_list_area.png') center top no-repeat,
		url('/library/stories/pit/img/gotouchi/sp/bkg_blue_area.gif') center top repeat;
	background-size:
		contain,
		auto;		
}

.list_area h2{
	text-align:center;
}

#ttl_list{
	margin:10.8025% 0 0 0;
	width:81.1728%;
	height:auto;
}

/*---------------------------------area_block*/

.area_block{
	margin:7.7126% auto 0 auto;
	width:89.50617%;
}

.area_block h3 img{
	width:100%;
	height:auto;
}

.area_block h3 .btn_open{
	position:absolute;
	top:7px;
	right:35px;
	width:36px;
	height:36px;
	cursor:pointer;
}

#hokkaitohoku h3{
	position:relative;
	width:100%;
	height:50px;
	background:#ffffff url('/library/stories/pit/img/gotouchi/sp/ttl_hokkaitohoku.png') left center no-repeat;
	background-size:contain;
}

#hokkaitohoku .btn_open.open{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_hokkaitohoku_minus.png') center center no-repeat;
	background-size:contain;
}

#hokkaitohoku .btn_open.close{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_hokkaitohoku_plus.png') center center no-repeat;
	background-size:100%;
}

#kanto h3{
	position:relative;
	width:100%;
	height:50px;
	background:#ffffff url('/library/stories/pit/img/gotouchi/sp/ttl_kanto.png') left center no-repeat;
	background-size:contain;
}

#kanto .btn_open.open{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_kanto_minus.png') center center no-repeat;
	background-size:contain;
}

#kanto .btn_open.close{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_kanto_plus.png') center center no-repeat;
	background-size:contain;
}

#chubu h3{
	position:relative;
	width:100%;
	height:50px;
	background:#ffffff url('/library/stories/pit/img/gotouchi/sp/ttl_chubu.png') left center no-repeat;
	background-size:contain;
}

#chubu .btn_open.open{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_chubu_minus.png') center center no-repeat;
	background-size:contain;
}

#chubu .btn_open.close{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_chubu_plus.png') center center no-repeat;
	background-size:contain;
}

#kansai h3{
	position:relative;
	width:100%;
	height:50px;
	background:#ffffff url('/library/stories/pit/img/gotouchi/sp/ttl_kansai.png') left center no-repeat;
	background-size:contain;
}

#kansai .btn_open.open{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_kansai_minus.png') center center no-repeat;
	background-size:contain;
}

#kansai .btn_open.close{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_kansai_plus.png') center center no-repeat;
	background-size:contain;
}

#chushikoku h3{
	position:relative;
	width:100%;
	height:50px;
	background:#ffffff url('/library/stories/pit/img/gotouchi/sp/ttl_chushikoku.png') left center no-repeat;
	background-size:contain;
}

#chushikoku .btn_open.open{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_chushikoku_minus.png') center center no-repeat;
	background-size:contain;
}

#chushikoku .btn_open.close{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_chushikoku_plus.png') center center no-repeat;
	background-size:contain;
}

#kyushu h3{
	position:relative;
	width:100%;
	height:50px;
	background:#ffffff url('/library/stories/pit/img/gotouchi/sp/ttl_kyushu.png') left center no-repeat;
	background-size:contain;
}

#kyushu .btn_open.open{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_kyushu_minus.png') center center no-repeat;
	background-size:contain;
}

#kyushu .btn_open.close{
	background:url('/library/stories/pit/img/gotouchi/sp/icn_kyushu_plus.png') center center no-repeat;
	background-size:contain;
}

.area_block ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	font-size:0;
	line-height:0;
}

.area_block ul li{
	display:inline-block;
	margin:10% 0 0 0;
	padding:0;
	width:50%;
}

.area_block ul li:first-child,
.area_block ul li:nth-child(2){
	margin:7.4138% 0 0 0;
}

.area_block ul li a{
	border:none;
	outline:none;
}

.area_block ul li img{
	width:100%;
	height:auto;
}

/*---------------------------------modal*/

.pop{
	display:none;
	position:relative;
	margin:auto;
	width:90%;
	max-width:400px;
	height:auto;
	background-size:contain;
}

.pop > img{
	width:100%;
	height:auto;
}

.pop a{
	outline:none;
}

.fig_pit{
	position:absolute;
	top:8%;
	left:14.507%;
	width:71.2676%;
	height:auto;
}

.fig_pit img{
	width:100%;
	height:auto;
}

.btn_link{
	position:absolute;
	top:83%;
	left:14.507%;
	width:71.2676%;
	height:auto;
}

.btn_link img{
	width:100%;
	height:auto;
}

.text_title{
	position:absolute;
	top:69.4%;
	left:14.507%;
	width:71.2676%;
	height:auto;
	text-align:center;
}

.text_title img{
	width:33.925%;
	height:auto;
}

.text_title img.cha4{
	width:45.6%;
	height:auto;
}

.fancybox-content {
		padding:0;
    background:transparent;
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding:0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 401;
		width:11.7333%;
		height:11.7333%;
}

.fancybox-close-small img{
	width:100%;
	height:auto;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 0;
    right: 1.3333%;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 1;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: visible;
    z-index: 99997;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 62px;
    opacity: 1;
    position: absolute;
    top: calc(50% - 31px);
    width: 24px;
}

.fancybox-navigation .fancybox-button div {
    padding: 0;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left:50%;
		margin:0 0 0 -50%;
    padding:0 0 0 0 ;
		background-image:url('/library/stories/pit/img/gotouchi/sp/arw_left.png');
		background-color:transparent;
}

.fancybox-navigation .fancybox-button--arrow_right {
    margin:0 -50% 0 0;
		padding:0 0 0 0;
    right:50%;
		background-image:url('/library/stories/pit/img/gotouchi/sp/arw_right.png');
		background-color:transparent;
}


/*---------------------------------share_area*/

.share_area{
	position:relative;
	margin:7.7126% auto 0 auto;
	width:246px;
	height:60px;
	border-radius:30px;
	box-shadow:0px 0px 25px 0px #619ba3;
	background:url('/library/stories/pit/img/gotouchi/sp/bkg_share_area.png') center top no-repeat;
	background-size:contain;
}

#btn_line,
#btn_twitter,
#btn_facebook{
	position:absolute;
}

#btn_line{
	top:12px;
	left:100px;
}

#btn_twitter{
	top:12px;
	left:143px;
}

#btn_facebook{
	top:12px;
	left:186px;
}

/*FOOTER***************************************/

footer img	{
  vertical-align: bottom;
  border-style: none;
  width: 100%;
}