/*
Theme Name:     biwako-valley 2017
Template: twentyseventeen
*/

@import "/common/css/topics.css?210420";


#main {
	clear: both;
	overflow: hidden;
	padding: 0 0 0 0;
}

a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:active,
a:hover {
	color: #666;
}
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
input[type=submit] {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

div#contents div#main div.article {
padding:0 0 20px;
}
div#contents div#main div.article p {
margin:0 0 20px;
}

.wp-caption {
	background:#FFF;
	padding:0;
	text-align: left;
	margin-bottom:0;
}
.wp-caption img {
	margin:0;
}
.wp-caption p.wp-caption-text {
	color: #5E5E5E;
}
.alignleft, img.alignleft {
	margin-right:5px;
	margin-top:0;
}
.alignright,
img.alignright {
	margin-left: 4px;
	margin-top: 0px;
}
.alignleft img, img.alignleft,
.alignright img, img.alignright,
.alignnone img, img.alignnone {
	border:1px solid #CCC;
	padding:2px;
}
body#standard div#contents div#main div.topicsLink {
	clear:both;
	border: 3px solid #ffcc01;
	margin: 0 0 20px 0;
}
.floatCl {
	clear:both;
	display:block;
}
.article .floatCl img {
	border:none;
	padding:0;
}
#topicsDetail h2 {
	font-weight:bold;
}

/* -----------------------------------------------------------------------------
** valuable
----------------------------------------------------------------------------- */
body#winter div#contents div#main div.linkBlock,
body#green div#contents div#main div.linkBlock {
	background: url(/common/img/line_dl.gif) bottom left no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	}
body#winter div#contents div#main div.linkBlock h3,
body#green div#contents div#main div.linkBlock h3  {
	background:none;
	color: #9a906f;
	margin: 0 0 5px 0;
	font-size: 116%;
	background: none;
	padding: 0;
	}
body#winter div#contents div#main div.linkBlock h3 a,
body#green div#contents div#main div.linkBlock h3 a {
	color: #9a906f;
	}
body#winter #contents div#main div.linkBlock h3 a:hover,
body#green #contents div#main div.linkBlock h3 a:hover {
	color: #9a906f;
	}
body#winter div#contents div#main div.linkBlock div.block01,
body#green div#contents div#main div.linkBlock div.block01 {
	float: left;
	width: 194px;
	margin: 0;
	}
body#winter div#contents div#main div.linkBlock div.block02,
body#green div#contents div#main div.linkBlock div.block02 {
	width: 480px;
	float: left;
	margin: 0 15px 0 0;
	}
body#winter div#contents div#main div.linkBlock div.block01 p.img,
body#green div#contents div#main div.linkBlock div.block01 p.img {
	padding: 0;
	border: none;
	text-align: center;
	}



/* display */
.only_pc {	display: block;}
.only_pc_tb {	display: block;}
.only_tb {	display: none;}
.only_sp {	display: none;}
@media screen and (min-width: 768px) and (max-width: 970px){
.only_pc {	display: none;}
.only_pc_tb {	display: block;}
.only_tb {	display: block;}
.only_sp {	display: none;}
}
@media only screen and (max-width: 767px) {
.only_pc {	display: none;}
.only_pc_tb {	display: none;}
.only_tb {	display: none;}
.only_sp {	display: block;}
}


@media only screen and (max-width: 767px) {

#side{
	display:none;
}


/*header*/
#new_pageNav {
    width: 100%;
}

#wrapperAll {
    width: 100%;
    text-align: left;
    background: #FFF;
    margin: 0 auto;
	position:relative;
}

#headWrap.new_header {
    width: 100%;
    min-width: 100%;
}

.new_header #headArea {
    width: 100%;
    height: 90px;
    position: relative;
    background: #fff;
}

.new_header #headLogo {
    position: absolute;
    top: 20px;
    left: 15px;
}

.new_header #btnAccess {
    position: absolute;
    top: 20px;
    right: 15px;
    line-height: 0;
}
.new_header #btnEnglish {
    position: absolute;
    top: 31px;
    right: 190px;
}
.new_header #btnEnglish a {
    width: 40%;
    font-size: 25px;
    text-decoration: none;
    text-align: center;
    padding: 9px 16px 9px;
    border: 1px solid #898989;
    color: #898989;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.new_header #headLogo img{
	width: 300px;
	height: auto;
}

.new_header #btnAccess img{
	width: 160px;
	height: auto;
}

.new_header #gNav ul {
    padding-left: 0px;
}

.new_header #gNav {
    width: 100%;
}

.new_header #gNav ul li {
    width: 50%;
    float: left;
    line-height: 0;
}

.new_header #gNav ul li img {
    width: 100%;
    height: auto;
}

/*content*/
div#allMain{
    width: 100%;
    padding: 0;
    background: none;
}

body#winter div#contents {
    width: 100%;
    padding: 0;
}

div#contents div#main h2 {
    font-size: 11px;
}

body#winter div#contents div#main h2 {
    line-height: 115%;
	padding-top: 10px;
    padding-bottom: 10px;
}

div#contents div#main {
    padding: 10px;
}

div#contents h1 {
    margin: 0;
    width: 100%;
}

h1.h1img img{
     width: 100%;
     height:auto;
	 margin-left:0;
}

h1.h1img span {
    top: 24px;
    left: 24px;
}

div#contents div#main h2 {
    font-size: 11px;
}

body#winter div#contents div#main h3.pisteTitle {
    font-size: 11px;
    line-height: 20px;
    background: #f5f5f5;
    padding-top: 8px;
    padding-bottom: 8px;
    border-left: 7px solid #53B3C3;
}

#new_pageNav {
    display: none;
}


#pageTop {
    width: 100%;
    text-align: right;
}


/*footer*/

#footArea {
    width: 100%;
	height: 100px;
    background: url(/sp/images/common/bg_foot.gif) left bottom repeat-x;
    background-size: auto 100%;
    color: #FFF;
    padding: 0;
}
#footAddress {
    font-size: 11px;
    line-height: 1.4em;
    margin-bottom: 5px;
    padding-top: 20px;
}



}


/* -----------------------------------------------------------------------------
** popup
----------------------------------------------------------------------------- */
.js-popup-show ,
.js-popup-show body {
    overflow-y: hidden;
    height: 100%;
}

.popup-area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}
.popup-area.js-show {
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.7);
	z-index: 1001;
}

.popup-box {
	position: absolute;
	top: 7%;
	left: 50%;
	height: 86%;
	overflow: auto;
	/*position: relative;*/
	z-index: 1002;
	margin: auto;
	max-width: 900px;
	width: 96%;
	/*max-height: 85vh;*/
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .6);
	opacity: 0;
	transition: opacity .2s;
	transform: translate3d(-50%,0,0);
}
.popup-box.js-content-load {
	opacity: 1;
}
.popup-box.js-v-center {
	height: auto;
	/*top: auto;*/
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}

.popup-content {
	padding: 50px 46px;
}

.popup-content.js-scroll-bar {
	overflow-y: scroll;
	height: calc(85vh - 100px);
}

.popup-content p {
	line-height: 1.6;
	text-align: left;
}

.popup-content > * {
	margin-top: 0;
	margin-bottom: 1.6em;
}
.popup-content > *:last-child {
	margin-bottom: 0;
}

.popup-content img {
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	max-width: 100%;
	max-height: 500px;
}

.popup-btn-close {
	display: inline-block;
	width: 46px;
	height: 46px;
	text-indent: -9999px;
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1002;
}
.popup-btn-close:before ,
.popup-btn-close:after {
	content: '';
	display: block;
	width: 60%;
	height: 1px;
	background: #333;
	position: absolute;
	top: 50%;
	left: 20%;
}
.popup-btn-close:before {
	transform: rotate(45deg);
}
.popup-btn-close:after {
	transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {

	.popup-box {
		margin: 0 auto;
		width: 96%;
	}
	.popup-content {
		padding: 30px 20px;
	}
	.popup-btn-close {
		width: 30px;
		height: 30px;
	}
}