/* --------------------------------------------------

	SiteName : 浜坂温泉保養荘
	FileName : news.css
	
	== URL ======================================
	https://www.hamasaka-ni.com/
	
-------------------------------------------------- */

/* 共通
================================================== */
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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; outline: 0; }
img { max-width: 100%; height: auto; }
a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.logo a ,
.logo a img {opacity:1 !important; }
address,cite,em { font-style: italic; }
strong { font-weight: 600; }
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; }

/*  base : clear
/* ------------------------------------ */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/*  base : font awesome square size
/* ------------------------------------ */
.fa { width: 1em; text-align: center; }

/*  base : forms
/* ------------------------------------ */
input, textarea, button, select, label { font-family: inherit; }

/*  base : layout
/* ------------------------------------ */
article{position: relative;}
html {overflow-y: scroll;height: 100%;background-color:#fff;}
body{height: 100%;}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 15px;
	line-height: 160%;
	text-align: left;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
	color:#222222;
	margin:0;
	padding:0;
	background-color:#fff;
}

header{
	display:flex;
	-js-display:flex;
	display:-webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: center;
	-webkit-align-items: center;
	background-color:#195471;
	padding: 10px 20px;
}
header h1{
	color: #fff;
	font-size: 16px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}

footer{
	text-align:center;
	font-size:11px;
	background-color:#cecece;
	color:#175270;
	padding:5px 0;
}
/* 新着情報
================================================== */
#top_news {
	margin:0px;
	padding: 0;
	/*background: #FFF url("../img/news_back.gif") 0% 0% repeat-x;*/
	color:#000000;
}
table.news {
	display:block;
	text-align:left;
	margin:0 10px 15px;
	border-bottom: 1px dotted #CCC;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-bottom:15px;
}
table.news:last-child{
	padding-bottom:0;
}
table.news td.photo {
	width:200px;
	text-align: left;
	vertical-align:top;
	padding-right:10px;
}
table.news td.photo img{
	max-width:200px;
	width:100%;
}
table.news td.news_tit {
	color: #cdaa3a;
	text-align: left;
	vertical-align:top;
	padding:0px;
	padding-bottom:10px;
}
table.news td.news_tit .date{
	color: #cdaa3a;
	text-align: left;
	vertical-align:top;
	padding:0px;
	margin-right:1em;
}
table.news td.news_tit .ttl{
	color: #cdaa3a;
	text-align: left;
	vertical-align:top;
	padding:0px;
}
table.news td.news_tit a.ttl{
	color:#0000ee;
}
table.news td.news_contents {
	color:#222222;
	vertical-align:top;
}
.nextxx a{
	font-size:15px;
	color:#222222;
	margin-left:10px;
}

/*  ニューウィンドウ情報
================================================== */
#news_window {
	margin:0px auto;
}
#news_window section#main{
	margin:20px;
}
#news_window h2 {
	margin:20px 0px;
	text-align:center;
	letter-spacing:1px;
	color:#cdaa3a;
	text-shadow: 1px 1px 0 rgba(205,170,58,0.4);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
	padding:0 20px;
}
#news_window ul{
}
#news_window ul li{
	margin-bottom:10px;
	text-align:center;
}
#news_window ul li:last-child{
	margin-bottom:20px;
}
#news_window .text {
	letter-spacing:0.2px;
}

#news_window .news_txt2 {
	text-align:left;
	font-size:14px;
	margin:0 10px 20px;
}

/* マージン
================================================== */
.m_b00   {margin-bottom:0px;}
.m_b04   {margin-bottom:4px;}
.m_b05   {margin-bottom:5px;}
.m_b08   {margin-bottom:8px;}
.m_b10   {margin-bottom:10px;}
.m_b15   {margin-bottom:15px;}
.m_b20   {margin-bottom:20px;}
.m_b30   {margin-bottom:30px;}
.m_b40   {margin-bottom:40px;}
.m_b50   {margin-bottom:50px;}
.m_t05   {margin-top:5px;}
.m_t10   {margin-top:10px;}
.m_t15   {margin-top:15px;}
.m_t20   {margin-top:20px;}
.m_t30   {margin-top:30px;}
.m_r05   {margin-right:5px;}
.m_r10   {margin-right:10px;}
.m_l10   {margin-left:10px;}
.m_all05 {margin:5px auto;}
.m_all10 {margin:10px auto;}
.m_all15 {margin:15px auto;}
.m_all50 {margin:50px auto;}
.m_t08b05 {margin:8px auto 5px;}
.m_t10b20 {margin:10px auto 20px;}
.m_t10b30 {margin:10px auto 30px;}
.m_t10b40 {margin:10px auto 40px;}