@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;
}

}