@charset "UTF-8";
/*
Theme Name: Umimachi-sanpo English Themes
Author: SHOKODO
Description: 2020Dec16_インスタグラムタイムライン削除,2020Mar06_SNS(インスタグラム)タイムライン表示およびTwitterタイムライン削除,
2019Mar12_SNSタイムライン表示
Version: 3.6
*/

/* ------------------- 基本構造 -------------------
font-familyにHelvetica Neueを入れると、Chromeで白抜き文字になるので指定OFF//2020dec16wed
*/
body {
	/*font-family: "Avenir","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	background-color:#FFFFFF;
	font-size:1.0em;
	line-height:1.8em;
	margin:0;
	padding:0;
	color:#634435;
	width:100%;
}
.clearfix::after {
    content : " ";
    display : block;
    clear : both;
}

.row {
	padding-bottom:10px;
}
.text-center {
	text-align:center;
}
@media screen and (max-width:767px) {
	.container-fluid {
		width:100%;
	}

	.row{
		width:100%;
		margin:0 auto;
	}
}
@media screen and (min-width:768px) {
	.container-fluid {
	    	max-width: 78%;
		width:78%;
	}
	.container {
	    max-width: 940px;
		width:940px;
	}
	.row{
		padding-bottom:10px;
	}
}


h5 {
	line-height:20px;
	font-size:1em;
}

.big { font-size:120%; }
.fo-b { color:#5bc2d8; }
.fo-o { color:#ef901e; }

span.ind01 {
	margin-left:1em;
}
span.ind02 {
	margin-left:2em;
}
span.ind03 {
	margin-left:3em;
}
span.bk-b {
	display:block;
	width:100%;
	padding:0.1em 0.5em;
	margin:0 0 -1em 0;
	color:#fff;
	background:#5bc2d8;
	box-sizing:border-box;
}
/* clearfix ///////////////////////////////////*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}

/*//////////////////////////////////////////////*/

/* ------------------- go to top */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
}
	.pagetop a {
		display: block;
		background-color: #ccc;
		text-align: center;
		color:#1A7A06
		font-size: 14px;
		text-decoration: none;
		padding: 5px 10px;
			filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	.pagetop a:hover {
		display: block;
		background-color: #b2d1fb;
		text-align: center;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		padding:5px 10px;
			filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
/* ------------------- link*/
.text-bonipin{
	text-align:center;
	font-size:0.8em;
}

.bg-row{
	background-color:#FFFFFF;
}

blockquote {
background: rgba(255,255,255,0.8) !important;
    padding: 20px 30px 10px !important;
    margin: 20px 0px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
    font-size: 90% !important;
    line-height: 180% !important;
}

/* ------------------- line */

.title02 {
    padding: 20px 0 40px;
    background: url(../img/bd01.png) repeat-x left bottom;
}

/* ------------------- プラグイン*/

.gmap{
    position: relative;
    height: 300;
    overflow: hidden;
}


.bg-row-orange{
	background-color:#f89d16
}
.bg-row-orange p{
	color:#ffffff;
	line-height:28px;
}
.bg-row p{
	line-height:28px;
	font-size:14px;
}

.bg-img{
	background-size:cover;
	background-attachment: fixed;
}

.img-border{
	border: 5px solid #d7d7d7 ;
}

.navbar{
	font-size:16px;
}

.navbar a{
	color:#FFFFFF;
}

.img-responsive-overwrite{
    margin: 0 auto;
}

.pic-area{
	height:760px;
	width:560px;
}

.navbar-default{
	background-color:#66cc00;
	color:#FFFFFF;
}

.navbar{
	margin-bottom:0px;
	background-color:#ffffff;
}

.navbar-default-link-color,.navbar-default-link-active-color,.navbar-default-color{
	color:#FFFFFF;
}

.btn-ghost {
  background: transparent;
   border-radius: 0;
}

.btn-ghost.btn-default {
  color: #777;
}
 
.btn btn-primary {
  color:#923B00;
}
 
.btn-ghost.btn-success {
  color: #5cb85c;
}
 
.btn-ghost.btn-info {
  color: #5bc0de;
}
 
.btn-ghost.btn-warning {
  color: #f0ad4e;
}
 
.btn-ghost.btn-danger {
  color: #d9534f;
}

.btn-ghost.btn-primary:hover,
.btn-ghost.btn-success:hover,
.btn-ghost.btn-info:hover,
.btn-ghost.btn-warning:hover,
.btn-ghost.btn-danger:hover {
  color: #fff;
}

.btn-ghost.btn-white {
  color: #fff;
  border: 1px solid #fff;
}
 
.btn-ghost.btn-white:hover {
  background: #fff;
}
#footerArea {
	text-align: center;
	font-size: 20px;
	position: fixed !important;
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: -moz-linear-gradient(top, #ffff55 50%,#ffcc00 50%,#ffff80);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffaa), color-stop(0.5,#ffff55), color-stop(0.5,#ffcc00), to(#ffff80));
	border: 1px solid #DDD;
	padding: 10px 0;
}
#footerArea a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.featurette-divider{
	height:1px;
}

/* ------------------- 上下中央揃え*/
.row-center{
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}

/* ------------------- access for ishinomaki*/

table {
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:40px;
}

table.route {
  background-color:#ffffff;
}

table td,table th {
    padding: 5px 15px;
    vertical-align: top;
}
table.route th {
    padding: 3px 10px 5px;
}
tbody {
    display: table-row-group;
    border-color: inherit;
}

.txt01 {
    color: #028c78;
}

.txt02 {
    color: #e95513;
}

table.route td.traffic {
    padding: 8px 15px 5px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    position: relative;
}

td.traffic .time {
    display: block;
    width: 96%;
    position: relative;
    background: #4d4d4d;
    padding: 0 3%;
    margin: 0;
    color: #fff;
    z-index: 5;
}

.box02{
	margin-top:10px;
}
a:link,
a:visited {
	text-decoration: none;
}

a,
a:visited {
	color: #010028;
	cursor: pointer;
}

.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.anchor_nav i {
	margin: 0 5px 0 0;
}

/* ボックスの上下の間隔 */
.sub-header { padding-top: 5px; }

#contents {
	width:100%;
	padding:1em;
	overflow: visible;
	word-wrap:break-all;/*IE only*/
}

.sub {
	padding-top: 20px;
	padding-bottom: 20px;
}

footer {
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (max-width: 599px) {
	.contents { padding-top: 10px; }

}


/* ボックスの左右の余白 */
header, footer, .container, .sub-header {
	padding-left: 10px;
	padding-right: 10px;
}


@media (min-width: 768px) and (max-width: 1039px) {
	/* 全体の横幅 */
/*	.container, .header-inner, .footer-inner, .sub-header { 
		margin-left: auto;
		margin-right: auto;
	}
*/
}

.cat-box {
	height:300px;
	margin:2em 0;
	padding:0;
	display:flex;
	justify-content:space-between;
}
	.cat-thum {
		width:41.10%;
		height:100%;
		margin-right:1em;
	}
		.cat-thum img {

		}
	.cat-txt {
		position:relative;
		width:55.89%;
		line-height:1.8;
		letter-spacing:0.2em;
		text-justify:inter-character;/*日本語・中国語用均等割り*/
		text-justify:inter-ideograph;/*IEハック*/
	}
		.cat-txt h4.cat-title {
			font-size:180%;
			line-height:1.5;
			margin:0 0 1em 0;
			padding:0.5em 0.5em 0.3em 0.5em;
			background:url('images/header02.png') no-repeat right bottom;
		}
		a.more-btn {
			position:absolute;
			bottom:1em;
			right:0;
			display:block;
			background:#5bc2d9;
			padding:0.3em 1em;
			color:#fff;
		}
			a.more-btn:hover {
				display:block;
				background:#fff;
				border:2pt solid #5bc2d9;
				color:#5bc2d9;
				box-sizing:border-box;
				text-decoration:none;
			}
@media (max-width: 599px) {
	.cat-box {
		height:auto;
		margin:2em 0;
		padding:0;
		display:block;;
	}
		.cat-thum {
			width:100%;
			height:100%;
			margin-right:0em;
			margin-bottom:1em;
			text-align:center;
		}
			.cat-thum img {
				width:300px;
				height:auto;
			}
		.cat-txt {
			position:relative;
			width:100%;
			padding-bottom:3em;
			line-height:1.8;
			letter-spacing:0.2em;
			text-justify:inter-character;/*日本語・中国語用均等割り*/
			text-justify:inter-ideograph;/*IEハック*/
		}
}

	.cate { padding-right: 350px; }

@media (min-width: 1040px) {
	/* 全体の横幅 */
	.container, .header-inner, .footer-inner, .sub-header { 
		margin-left: auto;
		margin-right: auto;
	}

}



/* ------------------- ヘッダー ------------------- */

/* サイト名 */
.site h1 a {
	display: inline-block;
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
}

.site h1 { 
	font-family: 'Arial Black', sans-serif;
	font-size: 30px;
}



/* ------------------- フッター ------------------- */

/* コピーライト */
.copyright p {
	margin: 0;
	font-size: 14px;
}
/* ------------------- 記事の概要 ------------------- */

/* 概要 */
.gaiyou a { 
	padding: 20px 0;
	border-bottom: dotted 2px #dddddd;
	text-decoration: none;
}

.gaiyou a:hover { background-color: #eeeeee; }

.gaiyou a:after { content: "";
	display: block;
	clear: both;
}

.gaiyou img { float: left;
	width: 200px;
}

.gaiyou .text { float: none;
	width: auto;
	margin-left: 220px;
}
	
.gaiyou .txt01{
	margin-top:20px;
}

.gaiyou h1 { margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;;
}

.gaiyou p { margin: 0;
	font-size: 14px;
}

.gaiyou .kiji-date { margin-bottom: 8px;
}


@media (max-width: 599px) {
	.gaiyou img { width: 100px; }
	.gaiyou .text { margin-left: 110px; }
	.gaiyou h1 { font-size: 16px; }
	.gaiyou p {
	}
	.gaiyou .kiji-date { margin-bottom: 0; }

}


/* 概要（大サイズ） */
.gaiyou-large a {
	display: block;
	padding: 20px 0;
	border-bottom: dotted 2px #dddddd;
	text-decoration: none;
}

.gaiyou-large:first-child a { padding-top: 0; }

.gaiyou-large a:hover { background-color: #eeeeee; }

.gaiyou-large h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
}

.gaiyou-large p {
	margin: 0;
	font-size: 14px;
}

.gaiyou-large .kiji-date { margin-bottom: 8px; }

.gaiyou-large .thumb {
	width: 100%;
	height: 350px;
	background-size: cover;
	background-position: 50% 50%;
}


@media (max-width: 599px) {
	.gaiyou-large a { padding: 10px 0; }
	.gaiyou-large h1 { font-size: 18px; }
	.gaiyou-large p { font-size: 12px; }
	.gaiyou-large .thumb { height: 200px; }
}


/* ------------------- 記事 ------------------- */

/* 記事 */
.kiji:after {
	content: "";
	display: block;
	clear: both;
}

.kiji h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 36px;
}

.kiji p {
	margin-top: 0;
	margin-bottom: 20px;
}

@media (max-width: 599px) {
	.kiji h1 { font-size: 24px; }
	.kiji p { font-size: 14px; }
}


/* 小見出し */
.kiji h2 {
	position: relative;
	margin-top: 40px;
	padding-left: 32px;
	padding-bottom: 5px;
	border-bottom: solid 2px #00a0e9;
	font-size: 24px;
	clear: both;
}

.kiji h2:before {
	position: absolute;
	left: 0px;
	top: 3px;
	content: '\f14a';
	color: #00a0e9;
	font-family: 'FontAwesome';
	font-size: 28px;
	line-height: 1;
}

.kiji h3 {
	margin-top: 25px;
	padding-left: 10px;
	border-left: solid 10px #a5e2fe;
	font-size: 18px;
	clear: both;
}

@media (max-width: 599px) {
	.kiji h2 {
		padding-left: 21px;
		font-size: 18px;
}

	.kiji h2:before { font-size: 20px; }

	.kiji h3 {
		padding-left: 6px;
		font-size: 15px;
	}
}


/* 補足情報 */
.point {
	position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #cfedb7;
	font-size: 14px;
	clear: both;
}

.point:before {
	position: absolute;
	left: 15px;
	top: -15px;
	content: '\f0eb';
	z-index: 2;
	width: 32px;
	height: 32px;
	padding-top: 3px;
	border-radius: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #5ab80e;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
	text-align: center;
}

.point:after {
	position: absolute;
	left: 32px;
	top: -8px;
	z-index: 1;
	content: 'POINT';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #5ab80e;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1;
}

/* 注意書き */
.attention {
	position: relative;
	margin: 40px 0 30px;
	padding: 20px;
	border-radius: 10px;
	border: dotted 2px #ff0000;
	background-color: #ffefef;
	font-size: 14px;
	clear: both;
}

.attention:before {
	position: absolute;
	left: 20px;
	top: -15px;
	content: '\f071';
	background-color: #ffffff;
	color: #ff0000;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
}


/* 投稿日・更新日 */
.kiji-date {
	margin-bottom: 20px;
	/*color: #666666;*/
	font-size: 12px;
}

@media (max-width: 599px) {
	.kiji-date { font-size: 11px; }
}


/* タグ */
.kiji-tag { margin-bottom: 18px; }

.kiji-tag ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kiji-tag li a {
	display: block;
	margin-right: 5px;
	margin-bottom: 2px;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: #75dbe7;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

.kiji-tag li a:hover { background-color: #94ecf6; }

.kiji-tag ul:after {
	content: "";
	display: block;
	clear: both;
}

.kiji-tag li {
	float: left;
	width: auto;
}


/* パンくずリスト */
.bread ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bread li a {
	display: inline-block;
	padding: 5px 5px;
	color: #888888;
	text-decoration: none;
}

.bread li a[href]:hover { background-color: #eeeeee;
}

.bread ol:after { content: "";
	display: block;
	clear: both;
}

.bread li { float: left;
	width: auto;
}

.bread li:after { content: '\003e';
	margin-left: 2px;
	margin-right: 2px;
	color: #888888;
}

.bread li:last-child:after { content: none;
}

.bread span { display: inline-block;
	text-indent: -9999px;
}

@media (max-width: 599px) {
	.bread li:last-child { text-indent: -9999px; }
}



/* シェアボタン */
.share {
	margin-top: 40px;
	clear: both;
}

.share ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.share li a {
	display: block;
	padding: 8px 17px;
	border-radius: 10px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

.share li a:hover { opacity: 0.8; }

.share ul:after {
	content: "";
	display: block;
	clear: both;
}

.share li {
	float: left;
	width: auto;
	margin-right: 5px;
}

.share-tw { background-color: #55acee; }
.share-fb { background-color: #3b5998; }
.share-gp { background-color: #dd4b39; }

@media (max-width: 599px) {
	.share span {
		display: inline-block;
		text-indent: -9999px;
}

	.share li a { padding: 8px 10px; }
}


/* ページネーション */
.pagination {
	margin: 40px 0 30px;
	text-align: center;
}

.pagination ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination li a,
.pagination li > span {
	display: block;
	margin: 0 5px;
	padding: 6px 8px;
	border: solid 1px #cccccc;
	/*color: #000000;*/
	font-size: 14px;
	text-decoration: none;
}

.pagination li > span  { background-color: #efefef; }

.pagination li a:hover { background-color: #eeeeee; }

.pagination ul:after {
	content: "";
	display: block;
	clear: both;
}

.pagination li {
	float: left;
	width: auto;
}


/* 記事一覧のページネーション */
.pagination-index li .dots {
	padding: 6px 2px;
	border-color: transparent;
	background-color: transparent;
}

@media (max-width: 599px) {
	.pagination-index li a,
	.pagination-index li > span {
		margin: 0;
		padding: 6px 7px;
		border-left: none;
		font-size: 12px;
	}

	.pagination-index li:first-child a,
	.pagination-index li:first-child > span {
		border-left: solid 1px #cccccc;
	}

	.pagination-index li .dots {
		border-right-color: #cccccc;
	}
}



/* ------------------- サイドバー ------------------- */

/* メニュー */
.mymenu { margin-bottom: 30px; }

.mymenu h2 {
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 2px #dddddd;
	/*color: #666666;*/
	font-size: 18px;
}

.mymenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mymenu li a {
	display: block;
	padding: 10px 5px;
	/*color: #000000;*/
	font-size: 14px;
	text-decoration: none;
}

.mymenu li a:hover { background-color: #eeeeee; }


/* サムネイル画像を付けたメニューのデザイン */
.mymenu-thumb li a {
	padding: 5px 0;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb;
}

.mymenu-thumb li a:after {
	content: "";
	display: block;
	clear: both;
}

.mymenu-thumb li .thumb { float: left;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: 50% 50%;
}

.mymenu-thumb li .text { float: none;
	width: auto;
	margin-left: 75px;
}

.mymenu-thumb li span { display: block;
	color: #666666;
	font-size: 12px;
}



/* サムネイル画像に文字を重ねたメニュー */
.mymenu-large li a { position: relative;
	margin-bottom: 10px;
	padding: 0;
}

.mymenu-large li a:hover { opacity: 0.8;
}

.mymenu-large li .thumb { width: 100%;
	height: 130px;
	background-size: cover;
	background-position: 50% 50%;
}

.mymenu-large li .text { position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


@media (min-width: 400px) and (max-width: 1039px) {
	.mymenu-large ul:after { content: "";
		display: block;
		clear: both;
}

	.mymenu-large li { float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

	.mymenu-large li:nth-child(odd) {clear: both;
		padding-right: 7px;
}

	.mymenu-large li:nth-child(even) {padding-left: 7px;
}
;
}



/* 関連記事メニュー */
.mymenu-related { margin: 40px 0 0;
	padding: 20px;
	border: solid 1px #dddddd;
	background-color: #f6f6f6;
}

.mymenu-related h2 { padding: 0 0 0 7px;
	border-left: solid 8px #bac6cb;
	border-bottom: none;
	font-size: 20px;
	font-weight: normal;
}

.mymenu-related h2:before { content: none;
}

.mymenu-related li a {
	border: none;
	/*color: #000000;*/
}


@media (max-width: 599px) {
	.mymenu-related { padding: 10px;
}

	.mymenu-related li .thumb { width: 80px;
		height: 50px;
}

	.mymenu-related li .text { margin-left: 95px;
}
;
}


@media (min-width: 600px) {
	.mymenu-related ul:after { content: "";
		display: block;
		clear: both;
}

	.mymenu-related li { float: left;
		width: 25%;
		padding: 0 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

	.mymenu-related li .thumb { width: 100%;
		height: 80px;
		margin-bottom: 5px;
}

	.mymenu-related li .text { margin-left: 0;
}
;
}



/* ------------------- ウィジェット ------------------- */

/* 検索フォーム */
.search-field { width: 100%;
	height: 44px;
	padding: 5px;
	border: solid 2px #dddddd;
	border-radius: 0;
	background-image: none;
	font-family: inherit;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;;
}

.screen-reader-text, .search-submit
 { display: block;
	visibility: hidden;
	height: 0;
}

/* タグクラウド */
.tagcloud a {
	display: inline-block;
	color: #2288bb;
	text-decoration: none;
}

/* 広告 */
.myad { text-align: center;
}


/* ------------------- 固定ページ ------------------- */

/* コンテンツメニュー */
.mymenu-page { border: solid 2px #dddddd;
}

.mymenu-page h2 { margin: 0;
	padding: 10px;
}

.mymenu-page li a { padding: 20px 10px;
	border-bottom: solid 1px #dddddd;
}

.mymenu-page li:last-child a { border: none;
}



/* ------------------- トップページ ------------------- */

/* トップページのコンテンツメニュー */
.mymenu-top li a { position: relative;
	margin-bottom: 10px;
	padding: 0;
}

.mymenu-top li a:hover { opacity: 0.8;
}

.mymenu-top li .thumb { width: 100%;
	height: 100px;
	background-size: cover;
	background-position: 50% 50%;
}

.mymenu-top li h2 { margin: 10px 0 5px;
	border: none;
	font-size: 20px;
}

.mymenu-top li p { margin: 0;
	font-size: 14px;
}


@media (min-width: 600px) {
	.mymenu-top ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.mymenu-top li {
		float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mymenu-top li:nth-child(odd) {
		clear: both;
		padding-right: 15px;
	}

	.mymenu-top li:nth-child(even) {
		padding-left: 15px;
	}

}


/* トップページのお知らせメニュー */
.mymenu-news {
	padding: 20px;
	border: solid 1px #dddddd;
}

.mymenu-news ul { list-style: none; }

.mymenu-news li {
	position: relative;
	padding-left: 20px;
}

.mymenu-news li:before {
	position: absolute;
	left: 0px;
	top: 12px;
	content: '\f138';
	color: #aaaaaa;
	font-family: 'FontAwesome';
	line-height: 1;
}


/* ヘッダー画像 */
.hero { position: relative; }

.hero-img {
	width: 100%;
	height: 300px;
	margin: 20px 0 10px;
	background-color: #dddddd;
	background-size: cover;
	background-position: 50% 50%;
}

.hero-text {
	position: absolute;
	top: 120px;
	right: 30px;
	color: #ffffff;
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 0 0 10px #000000;
}

@media (max-width: 599px) { 
	.hero-img { height: 200px; }

	.hero-text {
		top: 100px;
		right: 10px;
		font-size: 18px;
		text-align: center;
	}
}



/* ------------------- 画像 ------------------- */

/* 画像のキャプション */
.wp-caption-text {
	margin: 0;
	/*color: #666666;*/
	font-size: 12px;;
}

.wp-caption-text a { color: #666666; }

/* 画像の配置 */
.aligncenter {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 599px) {
	.alignleft, .alignright {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}

}

@media (min-width: 600px) {
	.alignleft {
		float: left;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 30px;
}

	.alignright {
		float: right;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 30px;
	}
}


/* Internet Explorer用の設定 */
a img { border: none; }

/* 大きい画像用の設定 */
img, .wp-caption {
	max-width: 100%;
	height: auto;
}

/* アイキャッチ画像 */
.catch {
	margin-top: 30px;
	margin-bottom: 30px;
}


/* ------------------- 外部コンテンツ ------------------- */
iframe {
	width: 100%;
	height:380px;
}

.embed-box {

}
	.col-lg-7 {
		position:relative;
		width:56.25%;
		height:230px;
		margin-right:2%;
		float:left;
	}
		.col-lg-7 iframe {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
	.text-movie {

	}
@media screen and (max-width : 766px) {
	iframe {
		width:100%;
		height:380px;
	}

}
@media screen and (max-width : 566px) {
	iframe {
		width:100%;
		height:340px;
		margin-top:1em;
	}
		.col-lg-7 {
			position:relative;
			width:100%;
			height:190px;
			margin-right:2%;
			float:none;
		}
			.col-lg-7 iframe {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
			}
}
/* ------------------- カテゴリー／タグ ------------------- */

.contents > h1 {
	margin-top: 0;
	font-size: 34px;
}

@media (max-width: 599px) {
	.contents > h1 {
		font-size: 22px;
	}

	.archive .bread li:last-child {
		text-indent: 0;
	}
}




/* ------------------- ナビゲーションメニュー ------------------- */

.mainmenu ul {
	list-style: none;
}

.mainmenu li a {
	display: block;
	padding: 10px 5px;
	font-size: 16px;
	text-decoration: none;
}

.mainmenu li a:hover { background-color: #eeeeee; }

/* トグルボタン */
.header-inner { position: relative; }

@media (min-width: 768px) {
	/* サイト名とナビゲーションメニューを横に並べる設定 */
	.header-inner:after { 
		content: "";
		display: block;
		clear: both;
	}

	.site {
		float: left;
		width: auto;
	}

	/* ナビゲーションメニューのリンクを横に並べる設定 */
	#mainmenu { display: block !important; }

	.mainmenu ul:after { content: "";
		display: block;
		clear: both;
	}
}

	.mainmenu li a { padding: 10px 15px; }


.mainmenu { margin:4em 0; }


/* top */

.site-info{
	margin-top:0px;
	width:100%;
	font-size:14px;
	text-align:left;
}

.site-info p{
	padding-top:10px;
}

.box1{
	float:left;
	width:700px;
}

.box2{
	float:left;
	width:260px;
}


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

　　4.  Menu

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

.item {
		float: left;
		width: 100%;
		position: relative;
		margin: 0 3% 25px 0;
}

.item01 { width: 48.5%; ;
}

.itemR { margin: 0 0 25px 0; ;
}

.item .inner {
		background: #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
}

.item a {
		display: block;
		padding: 10px;
}

.item01 a { background: #000; ;
}

.item02 a { background: #efc237; ;
}

.item03 a { background: #8ab8a5; ;
}

.item a:hover { background: #d1511f; ;
}

.item .txt {
		position: absolute;
		top: 22px;
		left: 44%;
		padding: 0 15px 0 0;
		letter-spacing: normal;
}

.item01 .txt {
		top: 28px;
		left: 54%;
}

.item figure { margin: 0; ;
}

.item h3 {
		margin: 0 0 8px;
		font-size: 15px;
		line-height: 20px;
		font-weight: bold;
}

.item h3 + p {
		font-size: 13px;
		line-height: 18px;
}

/* item_post
----------------------------------------*/

.item_post a { background: #e6e8e2; ;
}

.item_post a:hover { background: #d1511f; ;
}

.item_post .inner {
		background: #fff;
		padding: 0 0 15px;
}

.item_post .date,
.item_post h3 { padding: 0 15px; ;
}

.item_post .photo img {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
}

.item_post h3 {
		margin: 5px 0;
		font-size: 14px;
		line-height: 24px;
}

.item_post .photo img {
		width: 100%;
		height: auto;
}

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

.item,
.itemR,
.item01 {
		float: none;
		width: 100%;
		margin: 0 auto 15px;
}

.item .txt {
		top: 20%;
		left: 20%;
}

.item01 .txt {
		top: 20%;
		left: 35%;
}

.item01 img { width: 65%; ;
}

.item02 img,
.item03 img { width: 40%; ;
}

.item h3 br { display: none; ;
}



.item,
.itemR,
.item01 { margin: 0 auto 10px; ;
}

.item .txt {
		top: 36%;
		left: 35%;
		text-align: center;
}

.item02 figure,
.item03 figure { margin: 0 0 0 8%; ;
}

.item a { padding: 6px; ;
}

.item h3 { color: #010028;
}

.item h3 + p { display: none; ;
}
;
}

ul.bnr_action li {
		float: left;
		width: 310px;
		position: relative;
}

ul.bnr_action li.action01 { margin: 0 20px 0 0; ;
}

ul.bnr_action li.action01 span {
		display: block;
		width: 60px;
		height: 60px;
		background: url(../images/index/sale30.png) no-repeat;
		background-size: contain;
		position: absolute;
		left: -15px;
		top: -55px;
		z-index: 50;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

海街さんぽ仕様//2017nov18sat by.SHOKODO

※日本語版とデザインを合わせる

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ヘッダーとフッターをバーの形にする設定 */
header {
	width:100%;
	height:250px;
	padding:0;
	background:url('images/header-bg.png') repeat-x bottom center;
}
	nav {

	}
		.navbar-header {
			width:730px;
			margin:0 auto;
			display:flex;
		}
			.navbar-box {
				width:28%;
			}
			.sitenav {
				position:relative;
				width:70%;
				text-align:right;
			}
					ul.menu {
						position:absolute;
						bottom:20px;
						right:-270px;
						display:flex;
						width:100%;
						margin:0;
						padding:0;
					}
						ul.menu li {
							margin:0;
							padding:0;
						}
				img.logo-size {
					width:auto;
					height:180px;
					margin:20px 0;
					padding:0;
				}

.wrap {
	width:730px;
	margin:0 auto;
}
@media screen and (max-width : 768px) {
	.wrap {
		width:100%;
		margin:0 auto;
	}
	header {
		width:100%;
		height:250px;
		padding:0;
		background:url('images/header-bg.png') repeat-x bottom center;
	}
		.navbar-header {
			width:100%;
			margin:0 auto;
			display:flex;

		}
			.navbar-box {
				width:60%;
				height:auto;
			}
				.sitenav {
					width:40%;
					padding:0;
					margin:30px 0 0 0;
					text-align:right;
				}
					ul.menu {
						display:block;
						width:100%;
						margin:0;
						padding:0;
					}
						ul.menu li {
							margin:0;
							padding:0;
						}
}
@media screen and (max-width : 480px) {
	.mainmenu {
		margin:0 0;
	}
			ul.menu {
				position:absolute;
				bottom:20px;
				right:0;
				display:block;
				width:100%;
				margin:0;
				padding:0;
			}
				ul.menu li {
					margin:0;
					padding:0;
				}
}


h3 {
	letter-spacing:1.5px;
	font-size:2em;
	line-height:1.2em;
	padding:1.5em 0 0.8em 0;
	width:100%;
	background:url('images/header01.png') no-repeat right bottom;
}
.txt h3 {
	letter-spacing:1.5px;
	font-size:2em;
	padding:1.5em 0;
	width:100%;
	background:url('images/header00.png') no-repeat right bottom;
}
h4 {
	font-size:1.8em;
	line-height:1.0em;
	margin:0;
	letter-spacing:0.1em;
	text-align:left;
	padding:0 0 0.8em 0;
	margin:0 auto;
	background:url('images/header02.png') no-repeat right bottom;
}

@media screen and (max-width : 768px) {
	h3 {
		letter-spacing:1.5px;
		font-size:2em;
		line-height:1.2em;
		padding:1.5em 0;
		width:100%;
		background:url('images/header01.png') repeat-x right bottom;
	}
	h4 {
		font-size:1.8em;
		line-height:1.0em;
		margin:0;
		letter-spacing:0.1em;
		text-align:left;
		padding:0 0 1.8em 0;
		margin:0 auto;
		background:url('images/header02.png') repeat-x right bottom;
	}
}

ol.cat-sort {
	width:100%;
	margin:1em 0;
	padding:0;

	display: -webkit-flex; /* Safari */
	display: flex;
}
	ol.cat-sort li {
		display:block;
		list-style-type:none;
		margin:0 0.5em 0 0.5em;
		padding:0.5em 1em;
		font-size:120%;
	}
		ol.cat-sort li:first-child {
			margin:0 0.5em 0 0;
		}
		ol.cat-sort li:last-child {
			margin:0 0 0 0.5em;
		}

		ol.cat-sort li:nth-child(1n) {
			background:#66ccff;
		}
		ol.cat-sort li:nth-child(2n) {
			background:#99ff66;
		}
		ol.cat-sort li:nth-child(3n) {
			background:#ff99cc;
		}
		ol.cat-sort li:nth-child(4n) {
			background:#ffff99;
		}

	section#movie-main {
		width:100%;
		padding:1em 0;
	}
	section.area-comment {
		width:100%;
		padding-bottom:1em;
		text-indent: 1em;
	}
	section.overview {
		width:100%;
		text-indent: 1em;
	}
		section.area-comment h3,
		section.overview h3 {
			text-align:center;
			margin:1em auto 0.7em auto;
		}
	section#movie-sub {
		width:100%;
		max-height:100%;
		height:auto;
		padding:1em 0;
		margin:0 0 2em 0;
	}
@media screen and (max-width : 768px) {
	section.overview {
		width:100%;
		text-indent: 1em;
		padding-bottom:1em;
	}
	section#movie-sub {
		width:100%;
		height:100%;
		padding:1em 0 2em 0;
		margin-bottom:2em;
	}
}
		.text-movie {
			height:100%;
			line-height:1.5em;
			font-size:1em;
			text-indent: 1em;

			background-image:url('images/txt-area-back.png');
			background-position:bottom right;
			background-repeat:no-repeat;
		}
@media screen and (max-width : 768px) {
		.text-movie {
			height:100%;
			line-height:1.5em;
			font-size:1em;
			text-indent: 1em;

			background-image:url('images/txt-area-back.png');
			background-position:bottom right;
			background-repeat:no-repeat;
		}
}
		.text-movie h4 {
			font-weight:bold;
		}
/*バナー2カラム*/
	section.bn-area {
		width:100%;
		height:auto;
		margin:1em 0;
		padding:0;

		display: -webkit-flex; /* Safari */
		display: flex;
		justify-content:space-between;
	}
		section.bn-area img {
			width:360px;
			height:auto;
			margin-right:5px;
		}
		section.bn-area img.last {
			width:360px;
			height:auto;
			margin-right:0;
		}

/*バナー3カラム*/
	section.bn-area3 {
		width:100%;
		height:auto;
		margin:1em 0;
		padding:0;

		display: -webkit-flex; /* Safari */
		display: flex;
		justify-content:space-between;
	}
		section.bn-area3 img {
			width:240px;
			height:auto;
			margin-right:5px;
		}
		section.bn-area3 img.last {
			width:240px;
			height:auto;
			margin-right:0;
		}
@media screen and (max-width : 566px) {
	/*バナー2カラム*/
		section.bn-area {
			width:100%;
			height:auto;
			margin:1em 0;
			padding:0;

			display: block; /* Safari */
			display: block;
			justify-content:space-between;
		}
			section.bn-area img {
				width:100%;
				height:auto;
				margin-right:0px;
				margin-bottom:1em;
			}
			section.bn-area img.last {
				width:100%;
				height:auto;
				margin-right:0;
			}

	/*バナー3カラム*/
		section.bn-area3 {
			width:100%;
			height:auto;
			margin:1em 0;
			padding:0;

			display: block; /* Safari */
			display: block;
			justify-content:space-between;
		}
			section.bn-area3 img {
				width:100%;
				height:auto;
				margin-right:0;
				margin-bottom:1em;
			}
			section.bn-area3 img.last {
				width:100%;
				height:auto;
				margin-right:0;
			}
}

	section#movie-box {
		width:100%;
		padding:2em;
		text-align:center;
		color:#684736;
		font-weight:bold;
		border:2pt solid #5bc2d8;
	}

/*	 Footer
----------------------------------------*/
#footer-feature-area {
	background-image:url('images/header-bg.png');
	background-color:#ceedf4;
	background-repeat:repeat-x;
	background-position:bottom;
	width:100vw;
	height:auto;
	margin:1em 0 0 0;
	padding:1.5em 0 3em 0;
	box-sizing:border-box;
}
	#footer-feature-area .wrap img.map {
		width:695px;
		margin:0 auto;
	}
	#footer-feature-area div.wrap section.overview {
		width:90%;
		margin:0 auto;
		text-indent: 0;
	}
	#footer-feature-area div.wrap section.overview h3 {
			text-align:center;
			margin:1em auto 0.7em auto;
		}
	.bus-attention {
		width:100%;
		margin:1em 0;
		padding:1em;
		border:2pt solid #5bc2d8;
		font-size:120%;
		box-sizing:border-box;
	}

@media screen and (max-width : 768px) {
	#footer-feature-area {
		background-image:url('images/header-bg.png');
		background-color:#ceedf4;
		background-repeat:repeat-x;
		background-position:bottom;
		width:100vw;
		height:auto;
		margin:1em 0 0 0;
		padding:1.5em 0 3em 0;
		box-sizing:border-box;
	}
}
/*	 Gallery
※標準のcssはfunctionsでクリア
----------------------------------------*/
.gallery {
	}
	.gallery-item {
		float: left;
		margin-top: 0;
		margin-bottom: 20px;
		margin-left: 0;
	}
		.gallery-icon {
			text-align: center;
		}
			.gallery-icon img {
				width: 100%;
				padding: 0%;
				margin: 0%;
				float: left;
				height: auto;
			}
			.gallery-caption {
				font-size: 90%;
				margin: 0;
				text-align: center;
			}
.gallery-columns-1 .gallery-item {
	width: 100%;
	margin: 0%;
	box-sizing: border-box;
	float: left;
	height: auto;
}
.gallery-columns-2 .gallery-item {
	width: 48%;
	margin: 1%;
	float: left;
	height: auto;
}
.gallery-columns-3 .gallery-item {
	width: 32%;
	margin-left: 1%;
	float: left;
	height: auto;
}
.gallery-columns-4 .gallery-item {
	width: 23%;
	margin: 1%;
	float: left;
	height: auto;
}

@media screen and (max-width : 768px) {
	.gallery br {
		display: none;
	}
			.gallery-caption {
				height:140px;
				margin:0;
				text-align: center;
				line-height:1.2;
				background:#fff;
			}

	.gallery-columns-3 .gallery-item {
		width: 48%;
		margin-left: 1%;
		float: left;
		height: auto;
	}
	.gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 1%;
		float: left;
		height: auto;
	}
}
/* Facebook Timeline
--------------------------------------------*/
.fb-box {
	height:300px;
}
	.fb-page {
		width:1000px; /*400px;*/
		height:300px;
		margin:1% auto 1% auto;
		padding:0;
	}
@media screen and (max-width:767px) {
	.fb-page {
		width:300px;
		height:200px;
		margin:1% auto 1% auto;
		padding:0;
	}
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

SNSタイムライン表示用style //20190228thu
インスタグラムタイムライン削除+Facebookタイムライン中央寄せ //20201216wed

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#sns-frame {
	max-width:730px;
	margin:2em auto;
	padding:10px;
	background:#ceedf4;
}
	.sns-box {
		margin:0;
		padding:0 10px 10px 10px;
		display: -webkit-flex; /* Safari */
		display: flex;
		justify-content: center;
	}
		h2.sns-title {
			display:block;
			width:100%;
			height:35px;
			text-align: center;
			font-size:140%;
			padding: 15px 0;
			margin:0;
			color: #5bc2d9;
			background:url('images/sns-ttl-bg.png') no-repeat top;
		}
		.sns-box iframe {
			height:300px!important;
		}
			.fb-box {
				width:710px; /*345px;*/
				height:300px;
				margin:0 auto;
				padding:0;
			}
				.fb-page {
					display:block!important;
					width:500px; /*345px;*/
					height:300px;
					overflow:hidden;
					padding:0;
				}
			.tw-box {
				width:345px;
				height:300px;
				margin:1% 1% 1% 0.5%;
				padding:0;
			}
				.twiter-timeline {
					height:300px!important;
				}
@media screen and (max-width : 768px) {
#sns-frame {
	width:88%;
	/*height:620px;*/
	margin:0 auto;
	padding:16px 0 24px 0;
	background:#ceedf4;
}
	.sns-box {
		margin:0;
		padding:10px;
		display: block; /* Safari */
		display: block;
	}
		h2.sns-title {
			display:block;
			width:100%;
			text-align: center;
			padding: 15px 0;
			margin:0;
			color: #5bc2d9;
			background:none;
			height:auto;
		}
		.sns-box iframe {
			height:300px!important;
		}
		.fb-box {
			width:380px;
			height:300px;
			margin:0 auto;
			padding:0;
		}
			.fb-page {
				display:block!important;
				width:380px;
				height:300px;
				margin:0 0 0 0;
				padding:0;
			}
		.tw-box {
			width:380px;
			height:300px;
			margin:0 auto 1em auto;
			padding:0;
		}
			.twiter-timeline {
				height:300px!important;
			}
}
@media screen and (max-width : 480px) {
	#sns-frame {
		width:100%;
		margin:0;
		padding:20px;
		box-sizing:border-box;
		background:#ceedf4;
	}
	.sns-box {
		width:100%;
		margin:0;
		padding:0;
		display: block; /* Safari */
	}
		h2.sns-title {
			display:block;
			text-align: center;
			padding: 15px 0;
			margin:0;
			color: #5bc2d9;
			background:none;
		}
		.sns-box iframe {
			height:250px!important;
		}
		#sns-frame iframe {
			height:250px!important;
		}
		.fb-box {
			width:100%;
			height:250px;
			margin:0 auto;
			padding:0;
		}
			.fb-page {
				display:block!important;
				width:100%;
				height:250px;
				margin:0 auto;
				padding:0;
			}
		.tw-box {
			width:100%;
			height:250px;/*auto;*/
			margin:0 auto 1em;
			padding:0;
		}
			.twiter-timeline {
				height:250px!important;
			}
}
@media screen and (max-width : 320px) {
	#sns-frame {
		width:320px;/*100%;*/
		height:500px;/*auto;*/
		margin:0 auto;
		background:#ceedf4;
	}
	.sns-box {
		display: block; /* Safari */
		display: block;
	}
		h2.sns-title {
			display:block;
			width:100%;
			text-align: center;
			padding: 15px 0;
			margin:0;
			color: #5bc2d9;
		}
		.sns-box iframe {
			height:215px!important;
		}
		.fb-box {
			width:250px;/*100%;*/
			height:215px;/*auto;*/
			margin:0 2em 1em 2em;
			padding:0;
		}
			.fb-page {
				display:block!important;
				width:250px;/*100%;*/
				height:auto;
				margin:1% auto 1% auto;
				padding:0;
			}
		.tw-box {
			width:250px;/*79%;*/
			height:215px;/* auto;*/
			margin:1em 2em 1em 2em;
			padding:0;
		}
			.twiter-timeline {
				height:215px!important;
			}
}