@charset "UTF-8";

/**
 *
 *  五郎島金時第1回
 *
 */

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
#contents_block{
	color: #3f3f3f;
}
#contents_block .kerning{
	letter-spacing: -9px;
}
#contents_block .img-full img{
	width: 100%;
	height: auto;
}

/* hd-box
-----------------------------------------------------------------*/
#contents_block .hd-box{
	background: url(../images/gorojima/index/sec_bg01.jpg) repeat 0 0;
	background-size: 50% auto;
	text-align: center;
}

/* sec-unit
-----------------------------------------------------------------*/
#contents_block .sec-unit{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	background: url(../images/gorojima/index/sec_bg02.jpg) repeat 0 0;
	background-size: 50% auto;
}
#contents_block .sec-unit .img{
	width: 100%;
}
#contents_block .sec-unit .img img{
	width: 100%;
	height: auto;
}
#contents_block .sec-unit .img01{
	padding: 20px 0;
	text-align: center;
}
#contents_block .sec-unit .img01 span{
	display: block;
	margin-top: 10px;
	text-align: left;
	line-height: 1.3;
}
#contents_block .sec-unit .img02{
	margin: 0 -15px;
	padding: 20px 0;
	text-align: center;
}
#contents_block .sec-unit .txt-wrap{
	padding: 24px 12px 22px;
}
#contents_block .sec-unit h3{
	-webkit-text-size-adjust: 200%;
	text-size-adjust: 100%;
	margin-bottom: 8px;
	color: #680202;
	font-size: 16px;
	line-height: 1.5;
	max-height: 999999px;
}
#contents_block .sec-unit .txt-wrap .txt{
	-webkit-text-size-adjust: 200%;
	text-size-adjust: 100%;
	letter-spacing: -0.4px;
	font-size: 12px;
	max-height: 999999px;
}

/*--------------------------------------------------------------------------
	sec-hd
--------------------------------------------------------------------------*/
#contents_block .sec-hd{
	overflow: hidden;
	width: 100%;
	height: 107px;
	padding: 20px 0 20px 0;
	background: url(../images/gorojima/index_sp/hd_bg.jpg) no-repeat 50% 100%;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
}
#contents_block .sec-hd h1,
#contents_block .sec-hd h1 img{
	line-height: 0;
}

/*--------------------------------------------------------------------------
   sec-mv
---------------------------------------------------------------------------*/
#contents_block .sec-mv .hd-wrap{
	padding-top: 191px;
	background: url(../images/gorojima/index_sp/01/mv_bg.jpg) no-repeat 50% 0;
	background-size: 320px auto;
}
#contents_block .sec-mv h2{
	text-align: center;
}
#contents_block .sec-mv h2 img{
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------------------
   sec01
---------------------------------------------------------------------------*/
#contents_block .sec01{
	padding: 25px 0 26px;
	background: #fefbfb;
}
#contents_block .sec01 .txt-wrap h3{
	-webkit-text-size-adjust: 200%;
	text-size-adjust: 100%;
	padding-bottom: 8px;
	color: #690e00;
	font-size: 133%;
	letter-spacing: 2px;
	max-height: 999999px;
	line-height: 1.5;
}
#contents_block .sec01 .txt-wrap .txt{
	font-size: 12px;
	max-height: 999999px;
}

/*--------------------------------------------------------------------------
   sec02
---------------------------------------------------------------------------*/
#contents_block .sec02{
	padding-bottom: 29px;
	border-top: 3px solid #ff8877;
	border-bottom: 3px solid #ff8877;
}
#contents_block .sec02 .c_inner-base{
	margin: 0 15px;
}
#contents_block .sec02 .sec-ttl{
	margin: -17px 0 0 -8px;
	text-align: center;
}
#contents_block .sec02 .img{
	width: 164px;
	margin: 20px auto 16px;
}
#contents_block .sec02 .ttl{
	-webkit-text-size-adjust: 200%;
	text-size-adjust: 100%;
	color: #690e00;
	font-size: 16px;
	max-height: 999999px;
	line-height: 1.5;
}
#contents_block .sec02 .txt{
	padding: 0 0 15px;
}
#contents_block .sec02 .txt-img{
	text-align: center;
}

/*--------------------------------------------------------------------------
   sec03
---------------------------------------------------------------------------*/
#contents_block .sec03 .hd-box{
	padding: 19px 0 29px;
}


/*--------------------------------------------------------------------------
   sec04
---------------------------------------------------------------------------*/
#contents_block .sec04 .hd-box{
	padding: 21px 0 24px;
}
#contents_block .sec04 .lead-txt{
	margin-bottom: 20px;
}


/*--------------------------------------------------------------------------
   sec05
---------------------------------------------------------------------------*/
#contents_block .sec05{
	padding-bottom: 40px;
	background: url(../images/gorojima/index/sec_bg02.jpg) repeat 0 0;
	background-size: 50% auto;
}
#contents_block .sec05 .hd-box{
	padding: 20px 0 24px;
}

/* deco */
#contents_block .sec05 .item-wrap:before{
	content: '';
	display: table;
	position: absolute;
	bottom: 34px;
	right: 11px;
	width: 116px;
	height: 85px;
	background: url(../images/gorojima/index_sp/01/sec05_deco.png) no-repeat 0 0;
	background-size: 115px auto;
}

/* item */
#contents_block .sec05 .item-wrap{
	position: relative;
	width: 100%;
	margin-top: 68px;
	margin-bottom: 30px;
	padding: 0 10px 0;
	background: url(../images/gorojima/index_sp/01/sec05_cont_bg.png) no-repeat 50% 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
	box-sizing: border-box;
}
#contents_block .sec05 .item{
	position: relative;
	width: 224px;
	clear: both;
}
#contents_block .sec05 .item .img{
	position: relative;
	z-index: 0;
}
#contents_block .sec05 .item._rt{
	float: right;
}
#contents_block .sec05 .item .c_base-box{
	position: relative;
	z-index: 1;
	width: 159px;
	margin: -30px auto 30px;
	padding: 23px 17px 25px 20px;
	border-radius: 0;
}
#contents_block .sec05 .item .c_base-box:after{
	content: '';
	display: table;
	position: absolute;
	bottom: 0;
	right: 8px;
	width: 48px;
	height: 23px;
	background: no-repeat 0 0;
	background-size: 100% auto;
}
#contents_block .sec05 .item .ttl{
	-webkit-text-size-adjust: 200%;
	text-size-adjust: 100%;
	margin: 0 0 10px;
	color: #690e00;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	max-height: 999999px;
}
#contents_block .sec05 .item .ttl .sub{
	font-size: 12px;
}
#contents_block .sec05 .item .txt{
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: -0.5px;
	max-height: 999999px;
}

/* item01
-----------------------------------------------------------------*/
#contents_block .sec05 .item01 .c_base-box:after{
	background-image: url(../images/gorojima/index/01/sec05_item_bg01.png) ;
}
/* item02
-----------------------------------------------------------------*/
#contents_block .sec05 .item02 .c_base-box:after{
	background-image: url(../images/gorojima/index/01/sec05_item_bg02.png) ;
}
/* item03
-----------------------------------------------------------------*/
#contents_block .sec05 .item03 .c_base-box{
	width: 157px;
	padding: 23px 19px 25px 20px;
}
#contents_block .sec05 .item03 .c_base-box:after{
	background-image: url(../images/gorojima/index/01/sec05_item_bg03.png) ;
}
/* item04
-----------------------------------------------------------------*/
#contents_block .sec05 .item04 .c_base-box{
	margin: 0 auto 41px;
}
#contents_block .sec05 .item04 .c_base-box:after{
	background-image: url(../images/gorojima/index/01/sec05_item_bg04.png) ;
}
/* item05
-----------------------------------------------------------------*/
#contents_block .sec05 .item05 .c_base-box:after{
	background-image: url(../images/gorojima/index/01/sec05_item_bg05.png) ;
}

/* bt-cont */
#contents_block .sec05 .bt-cont{
	position: relative;
	padding: 1px 0 0;
}
#contents_block .sec05 .bt-cont .bt-cont-ttl{
	margin: -23px 0 22px;
	text-align: center;
}
#contents_block .sec05 .bt-cont .img-box{
	margin: 0 20px;
}
#contents_block .sec05 .bt-cont .img-box img{
	width: 100%;
	height: auto;
}
#contents_block .sec05 .bt-cont .txt-box{
	padding: 20px 20px 30px;
}
#contents_block .sec05 .bt-cont .txt-box-ttl{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #690e00;
	max-height: 999999px;
	line-height: 1.5;
}
#contents_block .sec05 .bt-cont .txt-box-txt{
	font-size: 12px;
	max-height: 999999px;
}

/*--------------------------------------------------------------------------
   sec06
---------------------------------------------------------------------------*/
#contents_block .sec06 .hd-box{
	padding: 20px 0 24px;
}

#contents_block .sec06 .c_base-box{
	margin: 10px 0 30px 0;
	box-shadow: 10px 15px 30px rgba(208,208,185,.4);
}


/*--------------------------------------------------------------------------
   sec07
---------------------------------------------------------------------------*/
#contents_block .sec07{
	padding: 36px 0 26px 0;
	background:  url(../images/gorojima/index/sec_bg01.jpg) repeat 0 0;
	background-size: 50% auto;
}

#contents_block .sec07 .share-box{
	margin: 0 15px;
}
#contents_block .sec07 .share-box ul li{
	margin-bottom: 10px;
}

/*--------------------------------------------------------------------------
   sec08
---------------------------------------------------------------------------*/
#contents_block .sec08{
	position: relative;
}
#contents_block .sec08 .next-article{
	padding: 30px 0 40px;
	text-align: center;
}
#contents_block .sec08 .list-area{
	padding: 42px 0;
	background:  url(../images/gorojima/index/sec_bg02.jpg) repeat 0 0;
	background-size: 50% auto;
}
#contents_block .sec08 .list-area li{
	margin-bottom: 1px;
}


/*--------------------------------------------------------------------------
   pagetop
---------------------------------------------------------------------------*/
#pagetop{
	position: absolute;
	bottom: -25px;
	right: 10px;
	z-index: 19;
}


/*--------------------------------------------------------------------------
   ページ下部マップ
---------------------------------------------------------------------------*/
#contents_block .btm-map{
	position: relative;
	min-height: 740px;
	background: url(../images/index_sp/btm_map_bg.jpg) no-repeat 50% 0;
	background-size: cover;
}

/* map-item
-----------------------------------------------------------------*/
#contents_block .btm-map .map-item{
	position: absolute;
}
#contents_block .btm-map .map-ttl{
	padding-top: 33px;
	text-align: center;
}
#contents_block .btm-map .ico{
	position: absolute;
}

/* map-item01 */
#contents_block .btm-map .map-item._type01{
	top: 130px;
	left: 0;
}

/* map-item02 */
#contents_block .btm-map .map-item._type02{
	top: 130px;
	right: 0;
}

/* map-item03 */
#contents_block .btm-map .map-item._type03{
	top: 280px;
	left: 0;
}

/* map-item04 */
#contents_block .btm-map .map-item._type04{
	top: 280px;
	right: 0;
}
#contents_block .btm-map .map-item._type04 .ico{
	top: 13px;
	left: -6px;
}

/* map-item05 */
#contents_block .btm-map .map-item._type05{
	top: 430px;
	right: 0;
}
#contents_block .btm-map .map-item._type05 .ico{
	top: -1px;
	left: 3px;
}

/* map-item06 */
#contents_block .btm-map .map-item._type06{
	top: 430px;
	left: 0;
}
#contents_block .btm-map .map-item._type06 .ico{
	top: 0;
	right: 0;
}

/* map-item07 */
#contents_block .btm-map .map-item._type07{
	top: 576px;
	left: 2px;
}
#contents_block .btm-map .map-item._type07 .ico{
	top: 0;
	right: 0;
}

/* map-item08 */
#contents_block .btm-map .map-item._type08{
  top: 563px;
  left: 157px;
}
#contents_block .btm-map .map-item._type08 .ico{
  top: 0;
  right: 0;
}