/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */


html,body,button,
input,div,
select,
textarea {
	line-height:170%;
	color:#5B5038;
font-family:FontAwesome,sans-serif;
}


/*コンテンツ本文行間*/
p {
	line-height:200%;
	font-size:17px;
	color:#5B5038;
}

article {
	box-shadow: none!important;
	padding-right:180px;
}
.header-wrap {
	box-shadow: none;
}
header {
	height:auto;
	padding-right:180px;
	z-index:10!important;
	
}
#container {
	max-width:100%;
	padding:0!important;
	margin:0 auto;
	z-index:10;
	
	
}
.tg-container {
	display:block;
	max-width: 1100px;
	margin: 0 auto!important;
	clear:left;
}

#primary {
	float: left;
	width: 70%;
}

#secondary {
	float: right;
	width: 27.22%;
}

.singleblogpage {
	margin:60px 0!important;
	padding:25px;
	box-shadow: 3px 3px 3px 3px gray;
	
}
.singleblogpage img {
	width:99%;
	max-width:600px;
	margin:0 auto!important;
	padding:8px;
}

a {color:#333333;}
a:hover {color:#F52653;}

h1 {
	font-size:1.4em!important;
}
h2 {
	font-size:1.3em!important;
	text-align:center!important;
}

/*ヘッダーロゴ*/
#logo {
	padding:8px;
}
	#logo img {
		max-width:300px;
		height:auto;
	}
.header-logo {
		width:auto;
		margin:auto;
		text-align:left;
}


/*ヘッダーロゴ　英語サイト画像切替*/
.entopheader {
	display:block;
}
.entopheaderm {
	display:none;
}
/*スクロールjs*/
/* 基本のスタイル */
.foo.delighter {
	transition: all 1s ease-out;
	transform: translateX(-100%);
	opacity: 0;
}
/* スタート時のスタイル */
.sho-top2.started {
    transform: translate(-5%, 0%);
    opacity: 1;
}

/* エンド時のスタイル */
.sho-top2.started.ended {
    transform: translate(0%, 0%);
}

/*リンク画像*/
.org-linkimg { width:100%; }
.org-linkimg img {
	padding:8px;
	max-width:99%;
	text-align:center;
}

/*singleコンテンツ本文行間*/
p {
	line-height:200%;
}

/*カテゴリートップ*/
/*タイトル*/
.sho-cattitlehead {
	padding:0 20px;
	background:#C3DDC5;
	color:#486C4A;
}
.sho-cattitle {
	margin:0 0 20px 0;
	padding:8px;
	text-align:left;
	border-top:3px solid #436637;
	border-bottom:3px solid #436637;
	font-size:130%;
	font-weight:bold;
	text-indent:20px;
}
.sho-cattitle a {
	color:#271C1C;
}
.sho-cattitle a:hover {
	color:#806566;
}
.sho-wakuA {
	padding:10px 10px 10px 20px;
	border-left:15px solid #629469;
	border-right:1px solid #629469;
	border-bottom:1px solid #629469;
	background:#FFFFFF;
	margin:0;
}
/*カテゴリ共通　cat*/
.post-box-contents {
	padding:10px 10px 10px 20px;
	border-left:15px solid #629469;
	border-right:1px solid #629469;
	border-bottom:1px solid #629469;
	background:#FFFFFF;
	margin:0;
}
.post-box-contents .post-substr {
	font-size:0.85em;
}

/*--------------------
お宿ブログ　single
--------------------*/
.oyadoblog {
	padding:10px;
	margin:8px;
	border:1px solid #D4D4D4;
}
.oyadoblog-title {
	padding:8px 20px;
	border-bottom:3px dotted #6FC078;
	font-weight:bold;
	font-size:1.3em;
	border-radius: 10px;
}
.oyadoblog-text {
	padding:10px;
}
.oyadoblog-listdate {
	background:#FBFDE9;
	padding:4px 10px;
	font-size:0.8em;
	text-align:right;
	margin-bottom:20px;
	color:#553A3B;
}
.pagesborder {
	margin-top:40px;
	border-top:1px dotted #A1A1A1!important;
}
/*--------------------
お知らせ　single
--------------------*/
.newssingle {
	padding:10px;
	margin:8px;
	border:2px solid #CCD9B2;
	
}
.newssingle-title {
	padding:8px 20px;
	background:#8EAA8D;
	border-radius: 10px;
	font-weight:bold;
	font-size:1.3em;
	color:#FFFFFF;
}
.newssingle-text {
	padding:10px;
}
.newssingle-listdate {
	padding:4px 10px;
	font-size:0.8em;
	text-align:right;
	margin-bottom:20px;
}
.news-cattitle {
	margin:0 0 20px 0;
	padding:8px;
	text-align:left;
	border-bottom:1px solid #629469;
	font-size:120%;
	font-weight:bold;
	text-indent:20px;
}


/*トップページ*/

/*メッセージ*/
.sho-top3block {
	transition: all 1s ease-out;
	transform: translateY(20%);
	opacity: 1; 
}
/* スタート時のスタイル */
.sho-top3block.started {
	transform: translateY(5%);
    opacity: 1;
   }

/* エンド時のスタイル */
.sho-top3block.started.ended {
    transform: translateY(5%);
	opacity: 1;
   }
.sho-top3 {
	text-align:center;	
	color:#5B5038;
}

/*タイトル*/
.sho-top3-title {
	margin-top:20px;
	margin-bottom:30px;
	padding:0;	
}
.sho-top3-titletop {
	display:inline-block;
	font-size:26px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding-bottom:10px;
	color:#734700;
}
.sho-top3-titlebottom {
	font-size:22px;
	font-family:"Times New Roman", Times, "serif";
	color:#786D50;
	padding-top: 10px;
	border-top:1px solid #5E5540;
	display:inline-block;
}
.sho-top3 img {
	padding:8px;
	max-width:300px;
}
.sho-top3b {
	text-align:center;
}
.sho-top3b img {
	max-width:700px;
	margin-top:40px;
}


/*新着情報*/
.sho-sincyaku {}
.sho-sincyakuA {}
.sho-sincyakuAtitle {
	margin:8px;
	color:#6D8B74;
	font-size:120%;
}
.sho-sincyakuAtitle span {
	padding:2px 8px;
	border:1px solid #6D8B74;
}
.sincyaku-top {
	padding:10px 30px;
	font-size:95%;
	line-height:170%;
	margin-bottom:30px;
}
.sincyaku-date {margin-left:10px;}
.sincyaku-cat {
	font-size:95%;
	color:rgba(216,143,38,1.00);
	padding:4px;
	border:1px solid rgba(216,143,38,1.00);
}
.sincyaku-main {}
.sincyaku-title {}

.sincyaku-listA {
	padding:3px;
	border-bottom:2px dotted #88C496;
}

/*フッター*/
#bottom-footer {
	background:#39573D;
	padding:20px;
}
#bottom-footer a {
	font-size:0.9em;
	color:#FFFFFF;
}
#bottom-footer a:hover {
	color:#82E998;
}
.footertitle {
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:0.8em;
}
/*----------------------
　　ページおくり
-----------------------*/

.orgpageright {
	margin:20px 10px;
	font-size:90%;
	color:#61966E;
	width:40%;
	float:right;
	text-align:right;
}
.orgpageleft {
	margin:20px 10px;
	font-size:90%;
	color:#61966E;
	width:40%;
	float:left;
}
.orgpagelink {
	margin:3px 0;
	padding:10px;
	background:#61966E;
	font-size:95%;
	text-align:center;
	border-radius: 8px;
}
.orgpagelink a {
	color:#FFFFFF;
}
.orgpagelink:hover {
	background:#7FB87C;
}


/*ヘッダーメニュー*/
.topbottomlink {
	clear:left;
	margin:0;
	padding:0;
	display:inline-block;
}
.topbottomlink ul {
	margin:0;
	padding:0;
	clear:left;
}
.topbottomlink li {
	float:left;
	margin-right:10px;
	margin-left:10px;
	padding-left:8px;
	padding-right:8px;
}
.topbottomlink li a {
	color:#393636;
	font-size:95%;
}
.topbottomlink li:hover {
	background:#FDEAFF;
}
.topbottomlink li a:hover {
	color:#E3254E;
}

/*----------------------
　　言　語　切　替
----------------------*/
.langlink {
	margin:0;
	padding:0;
	width:100%;
	text-align:right;
}
.langlink a {
	font-size:75%;
	padding:5px 10px;
	background:#807D7D;
	color:#FFFFFF;
	border-left:3px solid #000000;
	border-right:3px solid #000000;
}
.langlink a:hover {
	background:#A65759;
}