/*  Typo
----------------------------------------------- */
.insert{display:none;}



a:link, a:visited{
	text-decoration: underline;
	color:#EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
/* ボタン　スタイル１ */
.j-calltoaction-link-style-1{background:#EC6D74 !important; border:none !important; transition: .5s;}
.j-calltoaction-link-style-1:hover{background:#FF8F97 !important;}


h1.page {
	font:bold 28px/140% "Trebuchet MS", Verdana, sans-serif; 
	background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/icon1.jpg?t=1440035694)no-repeat; 
	padding: 5px  0px 5px 55px !important;
	height:45px; 
	color:#EC6D74; 
	border-bottom: 1px solid #EC6D74;
}
h2 { font:bold 25px/140% "Trebuchet MS", Verdana, sans-serif; }
h2.page2 { 
	font:bold 25px/140% "Trebuchet MS", Verdana, sans-serif; 
	padding: 5px  0px 5px 0px !important;
	height:30px; color:#FF8F97;
}
h2.page2:after {
	content:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/icon2.png?t=1440144066);
	position: relative;
	top:-12px;
}
p { font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}
.clear { clear:both;}

/*  Layout
----------------------------------------------- */

body {
	background: #FEF6F5;
	padding:0px;
	margin:0;
	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}

/* 「続きをよむ」の前にアイコンを表示する */
.j-blogarticle .blogreadmore:before {
	content: url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/icon-nav.png?t=1439964456);
	margin-right: 10px;
	position: relative;
	top: 2px;
}  
    


/*  header
----------------------------------------------- */
#header1{
	width:100%
	padding:0px;
	height:115px;
	background:#FFF;
}
#header{
	width:100%
	padding:0px;
	height:115px;
	background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/header-bg.png?t=1439789829) repeat-x top;
}
#header-con{
	width:960px;
	margin:0px auto;
	padding-top:60px;
}
#title0{
	clear:both;
	width:960px;
	margin:0px auto;
	position:relative;
}
img.title{
	width:239px;
	position:absolute;
	top: -115px;
	left:360px;
	padding-top:0px;
	z-index:9999;
}
#title0 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

.header-left{
	float:left;
	width:300px;
	height:50px;
}
.header-left p{
	color:#EC6D74;
	font-size:14px;
	font-weight:bold;
	position:relative;
	padding-top:5px;
}
.header-left p span{
	color:#EC6D74;
	font-size:8px;
	position:absolute;
	top:-8px;
	left:100px;
}
.language{ width:300px; text-align:left; font-size:12px; margin-left:-5px;}

.header-right{
	float:right;
	width:340px;
	height:50px;
	margin-top:-10px;
}
.tw{float:right;width:80px; margin: 0px 10px 0px 20px;}
.fb{float:right;width:100px;}
.tell{clear:both; float:right; width:340px; text-align:right; font-size:12px; margin-top:3px;}
.tell p{float:left; margin-right:5px; padding-top:5px; color:#A3625D;}
.tell span{font-size:27px; font-weight:bold;}
.tell img{float:right; width:129px;}

img.subtop{
	width:100%;
	margin:0px;
}



/*  header-nav
----------------------------------------------- */
#header-nav{
	width:960px;
	margin:35px auto 0px auto;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  padding: 0;
}
.dropmenu li span{
	font-size:11px;
	font-weight:normal;
	letter-spacing:0px;
	color:#EC6D74;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
	position: relative;
	float:left;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	height:50px;
	line-hight:30px;
	border-right: 1px dotted #CCCCCC;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.dropmenu li.first{
	border-left: 1px dotted #CCCCCC;
}

.dropmenu li a{
	text-decoration: none;
	color:#595757;
	display: block;
	padding: 5px 17px 0px 17px;
	line-height: 1;
}
.dropmenu li.event a{
	padding: 5px 19px 0px 19px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  background: #FFF;
}

.dropmenu li ul li{
        width: 100%;
        height:auto;
}
.dropmenu li ul li a, .dropmenu li.event ul li a{
        padding: 13px 10px;
        border-top: 1px solid #EC6D74;
        background: #FFF;
        text-align: center;
        visibility: hidden;
        opacity: 0;
        transition: .5s;
        font-size:15px;
        line-height:20px;
        font-weight:normal;
        margin:0;
}
.dropmenu li ul li a:hover{
        color:#EC6D74;
}
.dropmenu li a:hover{
        text-decoration: none;
        color:#125a91;
}
.dropmenu li:hover ul{
        visibility: visible;
        opacity: 1;
}
.dropmenu li:hover ul li a{
        visibility: visible;
        opacity: 1;
}

/*  content
----------------------------------------------- */
/*  コロナ情報RSS----------- */
.corona-info{
    clear:both;
    width:850px;
    margin:0px auto 30px auto;
    padding-top:45px;
    display:none;
}
.corona-rss{ margin:15px auto 0px -180px; padding:0px}
.corona-info p{text-align:right;}

.corona-rss a{font-size:14px !important;}
.corona-info a:link, .corona-info a:visited{
	text-decoration: underline !important;
	color:#FF8F97 !important;
}
.corona-info a:hover{text-decoration: none !important;}
#eed6a93b9a26091ba0154c8505684e88 li p:first-child{margin-top:20px;}
#eed6a93b9a26091ba0154c8505684e88 li p:last-child{margin-top:-50px; border-bottom:1px dotted #ccc;}

/*  コンテンツ----------- */
#content1
{
        clear:both;
        width:960px;
        margin:0px auto 0px auto;
        padding-top:45px;

}
#content
{
        width:960px;
}

/*  フォトコンテスト　ボタン----------- */
.shinsa{
width:450px;
height:30px;
padding-top:10px;
background-color: #6da8de;
font-size: 18px;
text-align: center;
border-radius:3px;
}
.shinsa:hover{
opacity: 0.7;
	filter: alpha(opacity=0.7);
	-ms-filter: "alpha(opacity=0.7)";
}
.shinsa a{
display: block;
color: #fff !important;
text-decoration: none !important;
}
.shinsa a:before{
content:"▶︎";
}

/*  スマホ用　新着一覧タイトルの表示設定----------- */
#news-m {display:none;}


/*  新着一覧タイトルの設定----------- */
#news{
        width:620px;
        height:40px;
        background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/news.jpg?t=1447720626) no-repeat;
        position:relative;
}
#news p a{
        color:#FFF;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
}
#news p.rss{
        position:absolute;
        top:12px;
        left:472px;
}
#news p.itiran{
        position:absolute;
        top:12px;
        left:543px;
}


#facebook{
        display:none;
        float:left;
        width:290px;
        margin-top:5px;
}
#facebook img.fb-title{
        height:40px;
        width:290px;
}
#facebook img.fb-bn{
        /* height:45px; */
        width:290px;
        margin-top:10px;
}
.fb-kyoukai{
        width:290px;
        margin-top:20px;
}


.link{
        margin-left:20px;
}
.link p{
        line-height:28px;
}


.intro img{
        float:left;
        margin-right:5px;
}
.intro img.introlast{
        margin-right:0px;
}
.intro-m {display:none;}



/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
.table-style {
        width: 100%;
        border-collapse: collapse;
}

.table-style2, .table-style3 {
        width: 100%;
        border-collapse: collapse;
}
/* thの指定 */
.table-style th {
        font-weight: normal;
        background-color: #EEEEEE;
        border:1px solid #999999;
        text-align: center;
        padding: 12px;
}
.table-style2 th, .table-style3 th {
        font-weight: normal;
        background-color: #EEEEEE;
        border:1px solid #999999;
        text-align: center;
        padding: 5px;
}

/* tr tdの指定 */
.table-style tr td {
        width: 75%;
        background-color: #FFFFFF;
        border:1px solid #999999;
        text-align: left;
        padding: 12px;
}
.table-style2 tr td {
        width: 25%;
        background-color: #FFFFFF;
        border:1px solid #999999;
        text-align: left;
        padding: 5px;
}
.table-style3 tr td {
        background-color: #FFFFFF;
        border:1px solid #999999;
        text-align: left;
        padding: 10px;
}

.button-link a{
        display:block;
        width:200px;
        height:30px;
        background:#EC6D74;
        color:#FFF !important;
        margin:0 auto;
        text-align:center !important;
        font-size:14px;
        text-decoration:none !important;
        padding:12px 0px 0px 0px;
}
.button-link2 a{
        display:block;
        width:280px;
        height:30px;
        background:#EC6D74;
        color:#FFF !important;
        margin:0 auto;
        text-align:center !important;
        font-size:14px;
        text-decoration:none !important;
        padding:12px 0px 0px 0px;
}
.button-link3 a{
        display:block;
        width:200px;
        height:30px;
        background:#EC6D74;
        color:#FFF !important;
        margin:0 auto;
        text-align:center !important;
        font-size:14px;
        text-decoration:none !important;
        padding:12px 0px 0px 0px;
}
.table-style4 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
.table-style4 th {
	width: 20%;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
.table-style4 td {
	
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

/*  水平線の設定　---------- */
.hr { margin:15px 0px !important;}


 /*  スマホ用メニュー・タイトルの設定　---------- */
.m-menu, p.m-news { display:none;}   


/*  reisure-itiran
----------------------------------------------- */
#reisure-itiran1{
	clear:both;
	width:100%;
	background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/reisure-itiranbg.png?t=1440047407) repeat-x;
	height:670px;
	padding-top:60px;
	display:none;
}
#reisure-itiran{
	width:960px;
	margin:0 auto;
}
#reisure-itiran .reisure-menu{display:flex; justify-content:center;}
#reisure-itiran .reisure-menu:first-of-type{
	margin-top:15px;
}
#reisure-itiran .reisure-menu img{
	/*float:left;*/
	/*margin-left:20px;*/
}



/*  reisure　トップページおすすめ観光レジャー・ツアー　パネル
----------------------------------------------- */
#reisure1{
	clear:both;
	width:100%;
	padding-top:60px;
	display:none;
}

#reisure{
	width:960px;
	margin:0 auto;
}
#reisure p.reisure-title{
	width:960px;
	height:82px;
	background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/reisure.jpg?t=1439947886) no-repeat;
}
#reisure p.reisure-title img{
	margin-left:840px;
	display: inline;
}
#panel1{
	width:100%;
	position:relative;
	height:533px;
	padding-top:20px;
}
#panel1 img.reisure-bg1{
	position:absolute;
	left:0;
	z-index:-1;
}
#panel1 img.reisure-bg2{
	position:absolute;
	right:0;
	z-index:-1;
}
#panel{
	width:960px;
	margin:0 auto;
}
#panel-con1{
	width:960px;
	height:350px;
}

#panel-con1 figure{
	float: left;
	width: 192px;
	margin:0px;
	position: relative;
	overflow: hidden;
}

#panel-con1 figcaption, #panel-con2 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
#panel-con1 figure:hover figcaption, #panel-con2 figure:hover figcaption {
	
	opacity: 1;
}
#panel-con1 figure h3 {
	padding: 40px 0 5px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
		}
#panel-con1 figure p {
	color: #fff;
	width:152px;
	padding:20px;
	font-size: 12px;
		}
#panel-con1 figure a, #panel-con2 figure a{
	display:block;
	width:100px;
	height:25px;
	background:#EC6D74;
	color:#FFF;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:8px;
}

#panel-con2{
	clear:both;
	width:960px;
	height:183px;
}
#panel-con2 figure{
	float: left;
	width: 240px;
	margin:0px;
	position: relative;
	overflow: hidden;
}
#panel-con2 figure h3 {
	padding: 20px 0 0px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
		}

#panel-con2 figure p {
	color: #fff;
	width:200px;
	padding:10px 20px;
	font-size: 12px;
		}





/*  sidebar navigation
----------------------------------------------- */

#sidebar{
	width:960px;
	margin:40px auto 30px auto;
}

#content2{
   	width:960px;
	margin:0px auto 45px auto;

}
#navigation
{
	float:left;
	width:288px;
	margin-right:45px;
	margin-bottom:30px;
	border:1px solid #CCCCCC;

}

.left-bn{margin-top:30px; padding-top:30px; border-top: 1px dotted #999;}
.bnr{
    clear:both;
    margin:15px 0;
    width:960px;
    /*height:180px;*/
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.bnr img, .bnr a{width:288px; height:74px; margin-top:8px;}


.bnr2{width:960px; margin-top:10px;}
.bnr2 img, .bnr2 a{width:960px; height:147px;} 

/*  gallery　一度は行ってみたい湯梨浜町
----------------------------------------------- */

#gallery{
    float:right;
   width:625px;
}

#photo{
    float:left;
    width:290px;
    height:270px;
    margin-top:15px;
    margin-bottom:20px;
    padding-right:22px;
    border-right: 1px dotted #CCCCCC;
}
#photo p.photo-title{
    background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/icon-gallery.jpg?t=1439967012) no-repeat left;
    padding-left:35px;
    font-size:16px;
    font-weight:bold;
    color:#595757;
    border-bottom: 1px solid #595757;
}
#movie{
    float:right;
    width:290px;
    padding-left:22px;
    height:290px;
    margin-top:15px;
}
#movie p.movie-title{
    background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/icon-gallery2.jpg?t=1439966133) no-repeat left;
    padding-left:25px;
    font-size:16px;
    font-weight:bold;
    color:#595757;
    border-bottom: 1px solid #595757;
}
#gallery p.gallerytext{
    margin:5px 0px;
    font-size:11px;
}
#gallery a.gallery-more{
    display:block;
    width:285px;
    height:20px;
    padding:5px 5px 4px 0px;
    margin-top:0px;
    background:#595757;
    color:#FFFFFF;
    text-align:right;
    font-size:11px;
    text-decoration: none;
}
#gallery a.gallery-more2{
    display:block;
    width:285px;
    height:20px;
    padding:5px 5px 4px 0px;
    margin-top:-5px;
    background:#595757;
    color:#FFFFFF;
    text-align:right;
    font-size:11px;
    text-decoration: none;


}

#movie video{

    width:290px;
    height:165px;}

/*only Firefox css*/
@-moz-document url-prefix() {
	#gallery a.gallery-more2 {
		margin-top: -6px;
	}
}


/*  footer
----------------------------------------------- */

#footer1{
    clear:both;
width:100%;
    margin-top:0px;
padding:0px;
    background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/footer-bg.png?t=1439874900) repeat-x;
    height:400px;
z-index:1;
position:relative;
 overflow:hidden;
}
#footer{  
width:100%;
    margin-top:0px;
padding:0px;
    background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/footer-bg2.png?t=1439883566) repeat-x bottom;
    height:400px;
z-index:9999;
}

#footer-con{
 width:960px;
margin:0 auto;
padding-top:10px;

}
#footer-con p.site-title{
float:left;
font-size:23px;
font-weight:bold;
color:#595757;
margin-right:20px;
}
#footer-con p.address{
float:left;
font-size:14px;
color:#595757;
}
#footer-con img.QR{
float:right;
width:291px;
height:89px;
}
#footer-bn{
 clear:both;
width:960px;
padding-top:40px;
margin:0px auto 0px auto;

}
#footer-bn img{
float:left;
margin-right:45px;
margin-bottom:30px;
}
#footer-bn img.footer-bn3{
float:right;
margin:0px 0px 30px 0px;
}
#footer1 img.footer-side1{
position:absolute;
bottom:-30px;
left:0px;
z-index:-1;
}
#footer1 img.footer-side2{
position:absolute;
bottom:0px;
right:-30px;
z-index:-1;
}

.tophr{
 clear:both;
height: 1px;
border: none;
border-top: 1px #595757 solid;
}
p.copyright{
font-size:10px;
text-align:center;
color:#595757;
margin-top:20px;
z-index:9999;
letter-spacing:1px;
}
.gutter 
{width:960px;
margin:0px auto 0px auto;
    padding-bottom:20px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}




ul.mainNav1 li a
{
    font:normal 13px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px dotted #CCC;
    background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/icon-nav.png?t=1439964456) no-repeat left;
    height:25px;
}


ul.mainNav2 li a
{
    font:normal 13px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px dotted #CCC;
    height:20px;
    background:none;
}


ul.mainNav1 li a { padding:13px 4px 4px 25px; }
ul.mainNav2 li a { padding:8px 4px 4px 30px; }
ul.mainNav3 li a { padding:8px 4px 4px 35px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:#EC6D74;
    background:url(https://u.jimcdn.com/cms/o/sefb624c7a8fc2972/userlayout/img/icon-nav.png?t=1439964456) no-repeat left;
}

ul.mainNav1 a.current { font-weight:bold; }


/* Cycle2
----------------------------------------------- */
/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/
*{margin:0px; padding:0px;}

#cycle2
{width:100%; margin: 0px auto; clear:both; z-index:-9999px; display:none;}
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 100%; padding: 0; position: relative; 

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow a { 
    position: absolute; top: 0; left: 0;
    width: 100% !important; padding: 0; display: block;
}
.cycle-slideshow img{ 
    width: 100% !important; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.example-pager { 
    text-align: center; width: 100%; z-index: 500; overflow: hidden;
}
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.example-pager span { 
    font-family: arial; font-size: 45px; width: 20px; height: 20x; margin-top:5px; 
    display: inline-block; color: #ddd; cursor: pointer;;
}
.example-pager span.cycle-pager-active { color: #EC6D74;}
.example-pager > * { cursor: pointer;}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16x; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #EC6D74;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(left.png) 0% 50% no-repeat;}
.cycle-next { right: 0; background: url(right.png) 100% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobild devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 100%;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}