@charset "UTF-8";

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

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

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;
}


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

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

body {
	background-color: #ffffff;
}

.container{
	width: 100%;
}

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

.title_area{
	position:relative;
	padding:30px 0 30px 0;
	width:100%;
	min-width:694px;
	height:912px;
	background:
		url('/library/stories/pit/img/gotouchi/shd_titlle_area.png') center bottom no-repeat,
		url('/library/stories/pit/img/gotouchi/bkg_blue_area.gif') center bottom repeat;
	background-size:
		contain,
		auto;		
		z-index:1;
}

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

.title_inner{
	position:relative;
	margin:0 auto 0 auto;
	width:694px;
	height:852px;
}

#fig_title{
	position:absolute;
	top:183px;
	left:102px;
}

#txt_title{
	position:absolute;
	top:232px;
	left:184.5px;
}

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

.copy_area{
	padding:128px 0 0 0;
	width:100%;
	height:525px;
	background-color:#faf7ef;
	text-align:center;
	overflow:hidden;
}

/*---------------------------------copy*/

.copy_inner{
	position:relative;
	margin:0 auto 0 auto;
	width:700px;
	height:525px;
}

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

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

#fig_star01{
	top:-80px;
	left:135px;
}

#fig_star02{
	top:90px;
	left:0;
}

#fig_star03{
	top:310px;
	left:50px;
}

#fig_star04{
	top:-105px;
	right:80px;
}

#fig_star05{
	top:110px;
	right:0;
}

#fig_star06{
	top:330px;
	right:100px;
}

/*MAP_AREA***************************************/

.map_area{
	width:100%;
	min-width:700px;
	height:955px;
	background:
		url('/library/stories/pit/img/gotouchi/shd_map_area.png') center top no-repeat,
		url('/library/stories/pit/img/gotouchi/bkg_blue_area.gif') center top;
	background-size:
		contain,
		auto;		
	overflow:hidden;
}

/*---------------------------------map*/

.map_inner{
	position:relative;
	margin:160px auto 0 auto;
	width:820px;
	height:690px;
}

.wrp_map{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-330px;
	width:660px;
 	height:auto;
}

.wrp_map #fig_map{
	width:100%;
	height:auto;
}

#ttl_map{
	position:absolute;
}

#ttl_map{
	top:-22px;
	left:111px;
}

area{
	border:none;
	outline:none;
}

/*---------------------------------cloud*/

#fig_cloud01,
#fig_cloud02,
#fig_cloud03,
#fig_cloud04,
#fig_cloud05{
	position:absolute;
}

#fig_cloud01{
	top:60px;
	left:20px;
}

#fig_cloud02{
	top:375px;
	left:55px;
}

#fig_cloud03{
	top:610px;
	left:360px;
}

#fig_cloud04{
	top:285px;
	right:10px;
}

#fig_cloud05{
	top:530px;
	right:60px;
}

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

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

#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;
}

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

.pop{
	display:none;
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	max-width:1024px;
	height:auto;
	background-size:contain;
}

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

.pop a{
	outline:none;
}

.fig_pit{
	position:absolute;
	top:7.8%;
	left:5.2734%;
	width:38.379%;
	height:auto;
}

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

.text_title{
	position:absolute;
	top:43.2%;
	left:48.7305%;
	width:40.2344%;
	height:7.8%;
	text-align:center;
}

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

.btn_link{
	position:absolute;
	top:71%;
	left:48.7305%;
	width:40.2344%;
	height:auto;
}

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

.fancybox-content {
    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:58px;
		height:58px;
}

.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: 10px;
    top: 10px;
}

.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: 95px;
    opacity: 1;
    position: absolute;
    top: calc(50% - 47.5px);
    width: 38px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

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

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

/*-----------------------width 1024 or less*/

@media screen and (max-width:1024px){
	.fancybox-navigation .fancybox-button--arrow_left {
			left:0;
			margin:0 0 0 0;
			padding:0 0 0 0 ;
			background-image:url('/library/stories/pit/img/gotouchi/arw_left.png');
			background-color:transparent;
	}
	
	.fancybox-navigation .fancybox-button--arrow_right {
			margin:0 0 0 0;
			padding:0 0 0 0;
			right:0;
			background-image:url('/library/stories/pit/img/gotouchi/arw_right.png');
			background-color:transparent;
	}
	
}

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

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

/*MODAL***************************************/