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

	/*　トップ遅延　*/
	.chien1 {
		transition: all 1.0s ease-out;
		transform: translateY(10%);
		opacity: 1;
	}
	/* スタート時のスタイル */
	.chien1.started {
		transform: translateY(5%);
		opacity: 1;
	}

	/* エンド時のスタイル */
	.chien1.started.ended {
		transform: translateY(5%);
		opacity: 1;
	}

	.chien2 {
		transition: all 1.0s ease-out;
		transform: translateY(10%);
		opacity: 1;
	}
	/* スタート時のスタイル */
	.chien2.started {
		transform: translateY(2%);
		opacity: 1;
	}

	/* エンド時のスタイル */
	.chien2.started.ended {
		transform: translateY(2%);
		opacity: 1;
	}

	/*ハンバーガー*/

	.taishitop1 {
		display: none;
	}

	.taishitopslider_smart {
		display: inline-block;
		background: #A29596;
		z-index: 95;

	}

	.taishitopslider_smart .menubox {
		position: fixed;
		top: 20px;
		right: 50px;
		z-index: 99;

	}
	.taishitopslider_smart .menubox .taishitopslider_smart .menubox .menu-btn {
		justify-content: center;
		align-items: center;
		display: flex;
		height: 60px;
		width: 60px;
		background: rgba(114,114,114,0.77);
		z-index: 99;
	}
	.taishitopslider_smart .menubox .menu-btn span,
	.taishitopslider_smart .menubox .menu-btn span:before,
	.taishitopslider_smart .menubox .menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}
	.taishitopslider_smart .menubox .menu-btn span:before {
		bottom: 8px;
	}
	.taishitopslider_smart .menubox .menu-btn span:after {
		top: 8px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#menu-btn-check {
		display: none;
	}
	#menu-btn-check:checked ~ .menu-content {
		left: 0;/*メニューを画面内へ*/
	}

	.taishitopslider_smart .menubox .menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 100px;
		left: 100%;/*leftの値を変更してメニューを画面外へ*/
		z-index: 99;
		background-color: #96735C;
		transition: all 0.5s;/*アニメーション設定*/
	}
	.taishitopslider_smart .menubox .menu-content ul {
		padding: 70px 10px 0;
	}
	.taishitopslider_smart .menubox .menu-content ul li {
		border-bottom: solid 1px #ffffff;
		list-style: none;
	}
	.taishitopslider_smart .menubox .menu-content ul li a {
		display: block;
		width: 100%;
		font-size: 15px;
		box-sizing: border-box;
		color: #ffffff;
		text-decoration: none;
		padding: 9px 15px 10px 0;
		position: relative;
	}
	.taishitopslider_smart .menubox .menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	}

	/*モバイル用タイトル*/
	.taishitop1_mobile {
		display: block;
		width: 100%;
		padding: 20px 10px;
		text-align: center;
	}
	.taishitop1_mobile img {
		max-width: 70%;
	}
	.taishitop1_mobile .movlink {
		text-align: left;
		line-height: 130%;
		padding-right: 40px;
		font-size: 1.2em;
	}
	.taishitop1_mobile .movlink a {
		color: #000;
	}
	/*トップ画像*/
	.taishipage_imgtop {
		position: relative;
		width: 100%;
		height: 400px;
	}
	.taishipage_imgtop img {
		margin: 0;
		padding: 0;
		width: auto!important;
		height: 400px!important;
		object-fit: cover!important;
	}
	.taishipage_imgtop div {
		font-size: 1.3em;
	}
	/*トップページ２　メッセージ*/
	.taishitop2 {
		padding: 20px;
		width: 100%;
		position: relative;
	}
	.taishitop2 .box1 {
		padding: 30px 10px;
		line-height: 170%;
		text-align: left;
		font-size: 105%;
		z-index: 80;
	}
	.taishitop2 .box2 {
		padding: 30px 10px;
		line-height: 170%;
		font-size: 105%;
		z-index: 80;
	}

	.taishitop2 div.title {
		margin-top: 50px;
	}
	.taishitop2 div.title img {
		max-width: 90%;
	}
	img.back01 {
		position: inherit;
		top: 0;
	}

	/*トップページ３　共通コンテンツ*/
	.taishitop3box {
		margin: 8px;
		height: auto;
		width: 99%;
		float: none;
	}
	.taishitop3box img {
		width: 99%;
		float: none;
		height: auto;
		object-fit: contain;
		padding-right: 0;
	}
	/*プロフィール*/
	.taishitop3box2 {
		margin: 8px;
		height: auto;
		width: 99%;
		float: none;
	}
	.taishitop3box .name span.town {
		display: block;
	}
	.taishitop3box2 img {
		width: 99%;
		float: none;
		height: auto;
		object-fit: contain;
		padding-right: 0;
	}

	/*トップページ４　図鑑*/
	.taishitop4 {
		z-index: 80;
		margin-top: -450px;
		padding-bottom: 100px;
		margin-bottom: -80px;
	}
	.taishitop4 .titleimg {
		max-width: 99%;
		height: auto;
	}
	.taishitop4 .titleimg img {
		width: 100%;
	}
	/*フッター*/
	.taisifooter .box {
		margin-top: 10px;
	}
	.taisifooter .link {
		text-align: left;
		padding: 0 10px;
		margin-bottom: 8px;
	}
	.taisifooter .link a {
		display: block;
		padding: 4px 10px;
		margin-right: 0;
	}

	/*----------------------
	大使ページ
	----------------------*/

	/*関連記事*/
	.taishitop_ltitle2 span {
		padding: 5px 10px;
		font-size: 1.1em;
	}

	/*情報枠*/
	.taishik1 {
		position: inherit;
		min-height: 150px;
		margin-left: 20px;
		z-index: 10;
		text-align: center;

		padding-top: 80px;
		background: url(/oks/wp-content/uploads/taishi/taishik01mob.png) top center no-repeat;
		background-size: 100%;
	}
	.taishik1 img {
		display: none;
	}
	.taishik1 span {
		position: inherit;
		top: 100px;
		left: 10px;
		margin-left: 0px;
		font-size: 130%;
		border-bottom: 1px solid #000;
		padding-left: 0;
	}
	.taishik2 {
		margin: 0px 3% 30px 3%;
		padding: 50px 30px 30px 30px;
		z-index: 0;
		border: 1px solid #000;
		background: #FFF;
	}

	.taishipageback1 .panel-grid-cell {
		text-align: center;
		max-width: 100%;
		margin: 0 auto;
	}
	.taishipageback1 .widget_media_image img {
		border-radius: 0;
		padding: 0;
	}
	.taishipageback1 .textwidget {
		padding-top: 10px!important;
		font-size: 1.2em;
	}

	/*いいねBOX*/
	.taishipage_iineboxline {
		width: 100%;
		display: -webkit-block; /*PC-Safari,iOS8.4*/
		display: block;
	}
	.taishipage_iinebox {
		width: 90%;
		margin: 10px 5%;
		display: block;
	}
	.taishipage_iinebox .image img {
		height: auto;
		object-fit: contain;
	}
	/*いいねBOXカルーセル*/

	.taishipage_iineboxcal .image img {
		height: auto;
		object-fit: contain;
	}

	/*いいね　カスタム投稿タイプ*/
	.teshiiine {
		padding: 10px;
		width: auto;
		overflow-y: hidden;
		overflow-x: scroll;
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
	}
	.teshiiine .box {
		min-width: 290px;
		width: 99vw!important;
		margin-right: 10px;
	}
	.teshiiine .box .image {
		height: auto!important;
	}
	.teshiiine .box .text {
		padding: 10px;
		width: 100%;
	}

}

@media screen and (max-width:1198px) {
	/*トップページ３*/
	.taishitop3box {
		margin: 8px;
		height: auto;
	}
	.taishimap {
		margin: 5px;
		height: 300px;
		width: 97%;
	}
	.taishimap iframe {
		height: 298px;
	}
	/*プロフィール*/
	.taishitop3box2 {
		margin: 8px;
		height: auto;
	}

	/*情報枠*/
	.taishik1 {
		position: inherit;
		min-height: 150px;
		margin-left: 20px;
		z-index: 10;
		text-align: center;

		padding-top: 100px;
		background: url(/oks/wp-content/uploads/taishi/taishik01mob.png) top center no-repeat;
		background-size: 70%;
	}
	.taishik1 img {
		display: none;
	}
	.taishik1 span {
		position: inherit;
		top: 100px;
		left: 10px;
		margin-left: 0px;
		font-size: 130%;
		border-bottom: 1px solid #000;
		padding-left: 0;
	}
	.taishik2 {
		margin: 0px 3% 30px 3%;
		padding: 50px 30px 30px 30px;
		z-index: 0;
		border: 1px solid #000;
		background: #FFF;
	}
	/*トップページ４　図鑑*/
	.taishitop4 {
		z-index: 80;
		margin-top: -450px;
		padding-bottom: 100px;
		margin-bottom: -80px;
	}
	/*いいね　カスタム投稿タイプ*/
	.teshiiine {
		width: auto;
		text-align: left;
		justify-content: flex-start;
	}

}