@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（767px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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

.swiper-container1{
	width: auto;
	height: inherit !important;
	max-height:  inherit !important;
}

.swiper-container1 img{
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

}

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

#onlineshop #cont #txt,
#onlineshop #cont #pic{
	float: none;
	width: 100%;
}

#onlineshop #cont #pic{
	padding-left: 0px;
}

#onlineshop #cont #txt h3 img{
	width: 310px;
}

#onlineshop #cont #txt h3,
#onlineshop #cont #txt p{
	text-align: center;
}

}
/* .ipad-slide{
	display: none;
}
@media (max-width: 821px) and (min-width: 768px) {
	.ipad-slide{
		display: block;
	}
	.pc-slide{
		display: none;
	}
} */

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

.pc_br,.pc{
	display: none!important;
}
.sp_br,.sp{
	display: block!important;
}

img{
	height: auto !important;
}

a[href^="tel:"] {
	pointer-events: inherit;
}

.pc_b,
.pc_img,
#mainimg_logo{
	display: none;
}

.smp_b,
.smp_img{
	display: block;
}

.smp_img{
	position: relative;
}

.loading .bg{
	width: auto;
}
.loading h2 img{
	width: 75%;
	max-width: 380px;
}

.atdisney_logo{
	width: 30px!important;
	bottom: 2px;
	right: 2px;
}

.atdisney_logo.left{
	right: auto;
	left: 2px;
}

/* #sukajan,
#kumihimo,
#onlineshop #cont,
#onlineshop #cont #pic li img,
#mainimg h2 img,
h1#logo img,
h1#logo_inner img,
#onlineshop img,
#onlineshop #cont #txt a img,
#side_logo img,
#navigation li img,
#side_os img,
h2#mainimg_logo img,
#concept_pic img,
#concept_img img,
#concept_img,
#about_bx .left,
#about_bx .right,
#about_pic,
#about_pic img,
#sukajan_pic2 img,
#online_sukajan img,
#sukajan_cont #pic img,
#sukajan_cont #txt,
h3#sukajan_kumihimo img,
#en_cont1 .block1 .right img,
#en_cont1 .block2 .right div img,
#en_cont1 .block2 .left img,
#en_cont2 .left, #en_cont2 .right,
#en_img3 img,
#concept-shop #cont .smp_img img,
#museum-box div.smp_img img,
#museum-box .left,
ul#museum-list li img,
#concept-shop #cont p.en-width,
#igamono #cont p#en-width,
#disney-img1 .pic img,
#disney-img2 .pic img,
.disney-imgs .cont p{
	width: 100%;
} */

#en_cont1 .block1 .right img,
#en_cont1 .block2 .right div img,
#en_cont1 .block2 .left img,
#en_cont2 .left, #en_cont2 .right,
#en_img3 img,
#concept-shop #cont p.en-width,
#igamono #cont p#en-width{
	width: 100%;
}

#en_cont1 .swiper-container-middle,
#en_cont1 .swiper-container-bottom,
#en_cont1 .swiper-container-igayaki{
	height: 250px;
	width: 100%!important;
}

#en_cont1 .swiper-wrapper{
	width: 100%;
}

#en_cont1 .swiper-container-middle .swiper-wrapper .swiper-slide,
#en_cont1 .swiper-container-bottom .swiper-wrapper .swiper-slide,
#en_cont1 .swiper-container-igayaki .swiper-wrapper .swiper-slide{
	width: 100% !important;
}
#en_cont1 .swiper-container-middle .swiper-wrapper .swiper-slide img,
#en_cont1 .swiper-container-bottom .swiper-wrapper .swiper-slide img,
#en_cont1 .swiper-container-igayaki .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%!important;
	object-fit: cover;
	object-position: center;
}

/* #concept_bx,
#about_bx,
#about_pic p,
p#abt_ttl,
#sukajan_bx p,
p#en_concept_txt,
#en_cont1,
#en_cont2,
#en_img3,
#concept-shop #cont,
#access-box,
#concept_bx2,
#museum-box,
.disney-imgs,
#shopmovie{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
} */
p#en_concept_txt,
#en_cont1 #link1 .left,
#en_cont1 #link1 .block1-img,
#en_cont1 #link2 .right,
#en_cont1 #link2 .block2-img,
#en_cont2,
#en_img3,
#concept-shop #cont,
#shopmovie{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

#en_cont1 #link1,
#en_cont1 #link2,
#en_cont1 #link1 .right,
#en_cont1 #link2 .left{
	width: 100%;
}

/* 伊賀焼 */
.igayaki-1,
.igayaki-2{
	background-image: none;
}
.igayaki-1-2{
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 16px;
}
.igayaki-2-1{
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 16px;
}
.igayaki-2-1 h3{
	line-height: 1.5;
	margin-bottom: 28px;
}
.igayaki-4-1{
	flex-direction: column;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 50px;
	gap: 20px;
	align-items: flex-start;
}
#igayaki_movie{
	width: 100%;
	height: 270px;
}

/* 英語版伊賀焼 */
.en_igayaki{
	padding-left: 0;
}
.en_igayaki-1{
	flex-direction: column;
}
.en_igayaki-2{
	padding-bottom: 0;
}
.en_igayaki-0{
	text-align: center;
}
.en_igayaki-2,
.en_igayaki-3-2{
	padding-left: 3%;
	padding-right: 3%;
	box-sizing: border-box;
}
.en_igayaki-3-2-1-1{
	flex-basis: 50%;
}
.en_igayaki-3-2-1-blank{
	display: none;
}


#sukajan,
#disney,
#about,
#aloha,
#museam,
#shop_top,
#igaushi_leathers,
#ultraman,
#igayaki_top,
#onlinestore_top{
	height: 210px;
}

#aloha h2 img:nth-child(1),
#onlinestore_top h2 img:nth-child(1){
	display: none;
}
#aloha h2 img:nth-child(2),
#onlinestore_top h2 img:nth-child(2){
	display: inline;
}


/* オンラインストア　ELEMENT */
.onlinestore_inner:after {
    background-position: left 20% center;
}
.onlinestore_inner{
	height: 230px;
}
.onlinestore_btn{
	font-size: 10px;
	white-space: nowrap;
}
.onlinestore_btn h2 img{
	max-width: 250px;
	width: 100%;
}
#onlinestore .more{
	display: none;
}
/* .onlinestore_max_width{
	justify-content: center;
} */
.onlinestore_btn div{
	margin-bottom: 0;
}
.onlinestore_calendar{
	padding: 45px 5%;
	display: block;
}
.onlinestore_calendar span{
	margin-left: 15px;
}
.onlinestore_calendar div:nth-child(1){
	margin-bottom: 10px;
}
.onlinestore_instagram{
	text-align: center;
	display: block;
}
.onlinestore_instagram div{
	margin: 10px 0 30px;
	font-size: 13px;
}
/* #onlinestore iframe{
	display: none;
} */


#onlineshop h3,
#online_sukajan{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

#onlineshop #cont #txt a{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#onlineshop #cont #txt p{
	padding-left: 3%;
	padding-right: 3%;
}

/* #onlineshop #cont #txt,
#onlineshop #cont #pic,
#en_cont1 .block1 .left,
#en_cont1 .block1 .right,
#en_cont1 .block2 .left,
#en_cont1 .block2 .right,
#concept-shop #cont .left,
#access-box h3,
#access-box .access-d .icon,
#access-box .access-d .txt,
#sukajan, #disney, #about,
#concept, #sukajan, #kumihimo, #about,
#kumihimo, #museam, #concept{
	float: none;
	width: 100%;
	text-align: center;
} */

#onlineshop #cont #txt,
#onlineshop #cont #pic,
#en_cont1 .block1 .right,
#en_cont1 .block2 .left,
#concept-shop #cont .left{
	float: none;
	width: 100%;
	text-align: center;
}

#en_cont1 .block1 .left,
#en_cont1 .block2 .right {
	float: none;
	width: 100%;
}

#mainimg h2{
	width: 70%;
}

#side_os{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

#side_logo_en{
	padding-bottom: 15px;
}

#side_os_en{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
    padding-top: 20px;
}

#side_logo,
h2#mainimg_logo{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

/* #sukajan #cont,
#kumihimo #cont,
#museam #cont,
#disney #cont{
	float: none;
	padding: 80px 0px 0px;
	text-align: center;
} */

.instagram-top {
	display: block;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 50px;
}


#pagetop{
	margin-top: -3px;
	display: block;
}

.media-grid .media-list-item{
	width: 50%;
}

#about_bx .ttl h3,
p#abt_ttl span,
#sukajan_bx p span,
#concept-shop #cont p b,
#museum-box .left h3,
.disney-imgs .cont h3{
	font-size: 22px;
}

/* #sukajan #cont p, #aloha #cont p,
#concept p, #about p,
#onlineshop #cont #txt h3 span,
.mainimg_inner h2 span,
#igamono #cont h3{
	font-size: 18px;
} */
#onlineshop #cont #txt h3 span{
	font-size: 18px;
}
footer p#footer_nav span{
	font-size: 16px;
}

p#concept_txt,
p#abt_ttl,
h3#sukajan_kumihimo p,
h2#mainimg_logo p#en,
p#en_concept_txt{
	font-size: 14px;
}

h2#mainimg_logo p{
	font-size: 13px;
}

#disney-img1{
	margin: 50px 0px 30px;
	width: 100%;
	padding-left: 3%;
	padding-right: 3%;
	box-sizing: border-box;
}
#disney-img1 .cont,
#disney-img2 .cont{
	position: static;
}

#disney-img1 .pic img{
	width: 100%;
}

#disney-img2 .pic div{
	width: 100%;
}

#pagetop a{
	text-align: center;
	padding: 15px 0px;
	background-color: #c6c6c6;
	display: block;
}

#onlineshop #cont #pic{
	padding: 25px 1% 50px;
	box-sizing: border-box;
}

#onlineshop #cont #pic li{
	float: none;
	display: inline-block;
	width: 48%;
	margin: 10px 1% 0px;
}

#onlineshop{
	padding:  0px;
	margin-bottom: 0px;
}

#en_img2 img{
	padding-top: 50px;
}

#onlineshop #cont #txt p{
	text-align: center;
	padding-bottom: 50px;
}

.disney-imgs{
	width: 100%;
	padding-left: 3%;
	padding-right: 3%;
	box-sizing: border-box;
}
.disney-imgs img{
	width: 100%;
}
.disney-imgs .cont{
	padding-top: 20px;
}

.disney-imgs .cont p{
	padding-top: 10px;
	width: 100%;
}

#disney-img2 .cont div{
	text-align: center;
}

#disney-img2 .cont div img{
	width: 250px;
}

#disney-eimg img{
	margin-left: 0px;
	width: 100%;
}

#disney-eimg{
	padding-top: 30px;
	padding-bottom: 30px;
}

#disney_ttl{
	position: static;
	width: 94%;
	padding: 30px 0px 20px;
	margin: 0 auto;
}

#disney_ttl img,
#disney-emain img{
	width: 100%;
}

#disney_ttl{
	padding-top: 50px;
}

#disney-emain{
	padding-top: 0px;
	margin-top: 0px;
}

#disney-img3{
	margin: 30px 0px 40px;
	width: 100%;
}

footer{
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000;
	background-image: url(../image/common/footer_smp.jpg);
}

h1#logo{
	top: 10px;
	left: 3%;
	width: 200px;
}

h1#logo_inner{
	top: 3%;
	left: 3%;
	width: 200px;
}

.clone-nav{
	padding: 18px 3% 12px;
}

/* #concept h2 img, */
#sukajan h2 img,
#about h2 img,
#disney h2 img,
h3#en_concept_ttl img,
#en_cont1 h3 img,
#en_cont1 .block2 .block2-top h3 img,
#en_cont2 h3 img,
#concept-shop #cont h3 img,
#concept-shop #cont .shop-under .en-width-sp img,
.instagram-top h3 img,
#access-box h3 img,
#shop_top h2 img,
#ultraman h2 img,
#igayaki_top h2 img{
	width: auto !important;
	height: 38px !important;
}
#igaushi_leathers h2 img,
#onlinestore_top h2 img,
#aloha h2 img{
	width: auto !important;
	height: 80px !important;
}

/* TOPメニュー画像のコピーライト */
.top-menu-copyright{
	font-size: 8px;
}
#ultraman .top-menu-copyright{
	right: 10px;
	left: auto;
}

/* TOPメニュー背景画像 */
#ultraman:after{
	background-image: url(../image/top/ultraman_sp.jpg);
	background-position: center;
}
/* #museam h2 img{
	width: auto !important;
	height: 90px !important;
} */

/* #concept h2,
#sukajan h2,
#kumihimo h2,
#about h2{
	padding-top: 75px;
} */

#sukajan #cont, #aloha #cont{
	padding-top: 0px;
}

#onlineshop #cont #txt{
	padding-top: 30px;
}

/* #concept,
#sukajan,
#kumihimo,
#about,
#museam,
#disney{
	height: auto;
	padding-bottom: 75px;
} */

#disney{
	background-position: center center;
}

.menu-trigger{
	top: 0px;
	right: 0px;
}

#navigation{
	/* width: 275px; */
	width: 300px;
}

.active{
	/* transform: translateX(-275px); */
	transform: translateX(-300px);
}

#side_icon{
	padding: 10px 0px;
}

#side_icon img{
	margin: 0px 15px;
}

#navigation li{
	padding: 0px 0px 25px 30px;
	width: 90%;
	box-sizing: border-box;
}

#navigation .side_img_en li{
	padding: 0px 0px 25px 0;
	width: 90%;
	box-sizing: border-box;
	width: fit-content;
    margin: auto;
}
#navigation .side_img_en li img{
	height: 26px!important;
}

#navigation li a div:nth-child(2){
	font-size: 10px;
}

#navigation li img {
    height: 17px!important;
}

#navigation .side_img_en li.side-igayaki img{
	height: 21px!important;
}

.swiper-container1 .swiper-pagination,
.swiper-container2 .swiper-pagination {
	/* top: auto !important;
	right: 0px !important;
	left: 0px !important;
	bottom: -90px !important;
	width: 100% !important; */
	display: none;
}

.wrapper .swiper-pagination .swiper-pagination-bullet{
	display: inline-block !important;
	background-color: #fff !important;
	opacity: 1 !important;
	margin: 0px 10px !important;
}

.wrapper .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #f1a700 !important;
}

#concept a, #about a, #sukajan a, #aloha a,
#museam a, #disney a{
	margin-left: auto !important;
	margin-right: auto !important;
	float: inherit;
}

.swiper-container2 img{
	width: 100%;
	height: 100vh !important;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

#slide6_smp img{
    object-position: 53%;
}

h2#mainimg_logo{
	margin-top: 45%;
	height: 300px;
}



/* アロハ */
#mainimg_aloha.mainimg_inner h2{
	left: 3%;
	right: auto;
	text-align: left;
}
.aloha-font h3{
	font-size: 22px;
	line-height: 1.5;
}
#aloha-1{
	flex-direction: column;
}
.aloha-1-1{
	padding-left: 3%;
	padding-right: 3%;
}
.aloha-1-2 div{
	margin-left: 0;
	width: 100%;
	height: 240px;
}
#aloha-2{
	justify-content: space-between;
	margin-top: 0px;
}
.aloha-1-1 p{
	width: 100%;
}
.aloha-4-1{
	order: 2;
	margin-top: 40px;
}
.aloha-4-1 div{
	flex-basis: 50%;
}
.aloha-4-1 img{
	width: 100%;
}
.aloha-4-2{
	order: 1;
	flex-direction: column;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 0;
	gap: 25px;
}
.aloha-4-2 h3{
	padding-left: 0;
}
#aloha-5{
	margin-top: 20px;
}
#aloha-5 div:nth-child(2){
	display: none;
}
#aloha-5 div{
	flex-basis: 100%;
}
#aloha-6{
	justify-content: space-between;
	margin-top: 20px;
}
#aloha-6 div{
	flex-basis: 33.3%;
}
#aloha-7{
	gap: 30px;
	flex-direction: column;
}
.aloha-7-1-pc{
	display: none;
}
.aloha-7-1-sp{
	display: block;
	padding-left: 3%;
	padding-right: 3%;
}
#aloha-7 div:nth-child(2){
	flex-basis: 100%;
}
#aloha-8{
	margin-top: 20px;
}
#aloha-8 div{
	flex-basis: 33.3%;
}
.aloha-9-sp{
	display: block;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 60px;
	margin-bottom: 60px;
}
.aloha-9-sp h3{
	margin-bottom: 25px;
}
/* #online_aloha{
	display: none;
} */
#aloha-10{
	width: 100%;
    height: 270px;
}
#aloha-10 iframe{
	height: 270px;
}

/* フッター */
footer{
	background-image: url("<?php echo $directory?>image/common/footer_smp.jpg");
	height: 210px;
}
.footer{
	flex-direction: column;
}
.footer-calendar{
	display: none;
}
.footer-logo img{
	width: 200px;
}
.footer-logo p{
	display: none;
}
.footer-sns{
	margin-top: 0;
}
.copyright{
	font-size: 12px;
}


/* 20200715 add_YSD at:333~343 */
@media screen and (orientation: landscape) {
.wrapper {
    overflow: hidden;
}
h2#mainimg_logo{
	margin-top:6%;
	height: 300px;
}
h2#mainimg_logo img{
	width:50%;
}

}

.swiper-container1,
.swiper-container2 {
	height: 100vh;
	/* height: 86vh;
	max-height: 86vh; */
}

#navigation{
	z-index: 55;
}

#detail,
p#name,
p#concept_txt{
	padding-left: 0px;
}

/* #concept_img_sp{
	position: static;
	padding-top: 75px;
} */
#mainimg_concept{
	overflow: hidden;
	height: 250px;
}

#mainimg_concept #catchy{
	left: 80%;
	top: 13%;
    transform: translate(0,0);
	width: 14px;
}
#mainimg_concept #catchy img{
	width: 100%;
}
#mainimg_concept.mainimg_inner h2{
	top: 50%;
	left: 3%;
	transform: translateY(-50%);
}

#concept_bx{
	padding-top: 25px;
	width: 100%;
}

p#concept_txt{
	width: 100%;
}

#concept_main{
	padding-left: 3%;
	padding-right: 3%;
}
#concept_img{
	display: none;
}
#concept_img_sp{
	display: block;
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	width: 100%;
	height: 35vh;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-image: url("../image/concept/pic1.jpg");
}
#concept_img_sp:after{
}
/* #concept_img_sp img{
	width: 100%;
} */





#detail{
	min-height: auto;
	background-size: 60%;
    padding-bottom: 300px;
    margin-right: 0;
    background-position: bottom center;
}

#detail .sign {
    position: absolute;
    right: 40px;
    bottom: 20px;
    width: 70px;
}
#detail .sign img{
	width: 70px;
}

#detail th,
#detail td{
	display: block;
}

#detail th{
	padding-bottom: 10px;
}

.mainimg_inner h2{
	top: 40%;
	left: 3%;
}

/* .mainimg_inner #catchy{
	width: 97% !important;
	height: auto !important;
	left: 3% !important;
	bottom: auto !important;
	top: 60% !important;
	font-size: 18px;
	right: 0px;
	letter-spacing: 0.1em;
} */

#mainimg_disney{
	background-position: center center;
}

#mainimg_disney h2:nth-child(1){
	display: none;
}
#mainimg_disney h2:nth-child(2){
	display: block;
	right: auto;
    top: 40%;
    text-align: left;
}

p#abt_ttl{
	left: 0px;
	margin-left: 0;
	margin-top: 100px;
	font-size: 12px;
	padding: 0 3%;
	width: auto;
}


/* スカジャン */
.sukajan_pic2_sp{
	display: block;
	margin-bottom: 70px;
}
#sukajan_pic2{
	margin-top: 35px;
}
.sukajan_pic2_pc{
	display: none!important;
}
#sukajan_pic2 div{
	flex-basis: 45%;
}
.sukajan_pic2_1{
	text-align: center;
}
.sukajan_pic2_1 img{
	width: 80%;
}
#mainimg_sukajan #catchy{
	left: 80%;
    top: 13%;
}
#sukajan_bx{
	padding-left: 3%;
	padding-right: 3%;
}
#sukajan_bx p {
	width: 100%;
	line-height: 2.1em;
}

#online_sukajan{
	padding-bottom: 0;
}
#online_sukajan img{
	width: 100%;
}

#sukajan_cont{
	overflow: hidden;
}

#sukajan_cont #pic{
	position: static;
	width: 60%;
	text-align: left;
	margin: 0px 0px 0px 3%;
}

#sukajan_cont #txt{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	padding-top: 35px;
}

#sukajan_cont #txt #t1{
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.1em;
}

#sukajan_cont #txt #t2{
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.1em;
}

#sukajan_cont #txt #t3{
	display: block;
	font-size: 12px;
	line-height: 2em;
	padding-top: 10px;
	letter-spacing: 0.1em;
}

#sukajan_cont{
	margin-top: 25px;
}

#sukajan_cont{
	padding-bottom: 75px;
}

h3#sukajan_kumihimo{
	margin-left: 3%;
	width: 250px;
}
h3#sukajan_kumihimo img{
	width: 100%;
}

#sukajan_pic3{
	margin-top: 0px;
	padding-top: 25px;
}

#mainimg_sukajan{
	background-position: center center;
}

#mainimg_about{
	background-position: right 20% center;
	height: 250px;
}

#mainimg_about.mainimg_inner h2{
	top: 20%;
}

#mainimg_about #catchy{
	top: 75%;
    left: 4%;
}

#mainimg_aloha{
	background-image: url(../image/aloha/mainimg_smp.jpg);	
	background-position: center;
}

#sukajan_bx{
	background-image: none;
}

#sukajan_movie{
	width: 100%;
    height: 270px;
}

/* ABOUT */
#about_bx{
	padding: 100px 3% 80px;
    width: auto;
}
#about_bx .left,
#about_bx .right{
	width: auto;
}
#about_pic{
	width: 100%;
}
#about_pic p{
	padding-left: 3%;
	padding-right: 3%;
}



#lang{
    top: 85px;
	right: auto;
	left: 3%;
}

#lang div{
}

#lang div#icon_usa{
	margin-right: 10px;
}

h3#en_concept_ttl{
	padding-bottom: 30px;
	padding-top: 100px;
}

p#en_concept_txt{
	padding-bottom: 0;
}

#en_img1 img{
	padding-bottom: 100px;
}

#en_cont1 .block1 {
	padding-bottom: 0;
}

#en_cont1 #link1 .block1-top {
	text-align: center;
}

#en_cont1 #link2{
	padding-top: 0;
}

#en_cont1 .block2 .block2-top {
	text-align: center;
	margin-left: 0;
}

#en_cont1 .block1 .left p,
#en_cont1 .block2 .right p{
	line-height: 2em;
}

#en_cont1 .block2 .right p {
	padding-bottom: 0;
}

#en_cont1 .block1-img{
	padding-top: 100px;
}
#en_cont1 .block1-img,
#en_cont1 .block2-img {
	width: 100%;
	/* width: 94%;
	padding-left: 3%;
	padding-right: 3%; */
	justify-content: center;
	margin-bottom: 80px;
}

#en_cont1 .block2-img {
	padding-top: 100px;
	padding-bottom: 0;
	margin-right: auto;
}

#en_cont1 .block1-img .under-img ,
#en_cont1 .block2-img .under-img  {
	width: 45%;
	margin-left: 5px;
	margin-right: 10px;
}

#en_cont1 .block1-img .under-img img,
#en_cont1 .block2-img .under-img img {
	width: 100%;
	
}

#en_cont1 .block2 .right div{
	padding-bottom: 25px;
}

#en_cont1 .block2 .left {
	padding-top: 0px;
}

#en_img3{
	padding: 50px 0px 100px;
}

#en_cont1{
	padding-top: 50px;
	padding-bottom: 0;
}

footer p#footer_nav{
	position: static;
	text-align: center;
	padding-bottom: 25px;
	font-size: 14px;
	line-height: 1.6em;
}

footer address{
	padding: 35px 0px 25px;
}


/* SHOP */
#mainimg_shop{
	background-position: center;
}
.shop-1{
	flex-direction: column;
	padding: 40px 3%;
	gap: 45px;
}
.shop-1-1{
	/* padding: 0 3%; */
}
.shop-1-1 h3{
	font-size: 30px;
}
.shop-2{
	padding: 20px 0;
}
.shop-sp{
	display: block;
}
.shop-sp img{
	width: 100%;
}

/* 英語ページ */

#concept-shopimg {
	height: 200px;
}

#concept-shop #cont p b{
	padding-top: 50px;
}

#concept-shop #cont span{
	padding: 15px 0px 25px;
	text-align: center;
}

#concept-shop #cont h3{
	padding-top: 120px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#concept-shop #cont .shop-under {
	flex-direction: column;
}

#concept-shop #cont .shop-under .en-width {
	display: none;
}

#concept-shop #cont .shop-under .en-width-sp {
	display: block;
	padding-top: 50px;
}

#concept-shop #cont .shop-under .en-width-sp b {
	text-align: center;
}

#concept-shop #access-box .access-d{
	text-align: center;
	padding-left: 0px;
	display: flex;
    align-items: center;
	flex-direction: row;
	gap: 25px;
}

#concept-shop #access-box .access-d .icon{
	padding: 0;
}

#concept-shop #access-box .access-d .txt{
	padding: 10px 0px 20px;
	text-align: left;
}



.right-pc_img {
	width: 100%;
	margin-top: 30px;
}

.right-pc_img img{
	width: 100%;
}

#access-box{
	flex-direction: column;
	display: flex;
    align-items: center;
    width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

#access-box h3{
	text-align: center;
}
#access-box span{
	font-size: 18px;
	display: none;
	padding: 20px 0px 20px;
}

#onlineshop #cont #txt{
	position: static;
}

#access-box .access-d{
	text-align: center;
	padding-left: 0px;
	display: flex;
    flex-direction: column;
    align-items: center;
}
#access-box .access-d .icon{
	padding: 0;
}

#access-box .access-d .txt{
	padding: 10px 0px 20px;
}

#onlineshop #cont #pic{
	margin-left: 0px;
}

/* IGAMONO */
#igamono{
	width: 100%;
	height: auto;
	background-size: 110%;
	background-repeat: no-repeat;
	padding-top: 80%;
}

#igamono #cont{
	float: none;
	width: 84%;
	margin: 0 auto 0px;
	box-sizing: border-box;
	padding: 0%;
	text-align: center;
}

#igamono #cont h3{
	padding-top: 0px;
	text-align: left;
	font-size: 18px;
}

#igamono #cont p{
	text-align: left;
}
#igamono #cont div{
	position: static;
	padding-top: 20px;
	padding-bottom: 20px;
}


/* 英語用IGAMONO */
#igamono-en{
	width: 100%;
	height: auto;
	background-size: 140%;
	background-repeat: no-repeat;
	padding-top: 65%;
}

#igamono-en #cont{
	float: none;
	width: 84%;
	margin: 0 auto 0px;
	box-sizing: border-box;
	padding: 0%;
	text-align: center;
}

#igamono-en #cont h3{
	padding-top: 0px;
	text-align: left;
	font-size: 18px;
}

#igamono-en #cont p{
	text-align: left;
}
#igamono-en #cont div{
	position: static;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* #sukajan_pic2{
	padding: 60px 0px 65px;
} */


/* 博物館 */
#museum-box{
	padding: 75px 3% 0;
	width: 100%;
	box-sizing: border-box;
}
#museum-box .left{
	width: 100%;
}
#museum-box .left h3 span{
	text-align: left;
	padding-left: 85px;
}

#museum-box .left h3{
	padding-bottom: 20px;
}
#museum-box .left div img{
	width: 100%;
}
#museum-box .left p{
	padding-top: 25px;
}

#museum-list{
	flex-wrap: wrap;
	gap: 5px 5px;
}
#museum-list div{
	flex-basis: 49%;
}
#museum_movie{
	width: 100%;
    height: 270px;
	margin: 0 auto 50px;
}
/* ul#museum-list li{
	width: 49%;
	margin-bottom: 10px;
	margin-right: 2%;
}

ul#museum-list li:nth-child(even){
	margin-right: 0px;
} */

.museum-en a img{
	width: 250px;
}

.museum-en .left h3 img{
	width: 250px;
}

#mainimg_museum{
	background-position: right 40% center;
}

#museam:after{
	background-position: right 40% center;
}

.swiper-container2 .atdisney img{
	width: 45px !important;
    height: auto !important;
}
.swiper-container2 .mgrace img{
	width: 30px !important;
    height: auto !important;
}

#igaueno-c{
	display: none;
}
#igaueno-c-sp{
	display: block;
	height: 300px;
}

#igaueno-c-sp iframe{
	height: 100%;
}

/* 伊賀牛レザー */
#mainimg_leathers.mainimg_inner h2{
	left: 5%;
	right: auto
}
#mainimg_leathers.mainimg_inner h2 img{
	width: 200px;
}
.leathers-1{
	padding-bottom: 50px;
}
.leathers-1-1{
	flex-direction: column;
}
.leathers-1-1-2 img{
	width: 80%;
}
.leathers-1-2{
	flex-direction: column-reverse;
}
.leathers-1-2-1 img{
	width: 100%;
}
	/* パララックス系 */
.leathers-front-1,
.leathers-back-1,
.leathers-back-1-gray{
	display: none;
}
.leathers-front-1-sp{
	width: 100%;
	height: 300px;
	background-image: url(../image/leathers/mainimg.jpg);
	background-size: cover;
	background-position: center;
	display: block;
}
.leathers-3{
	background-image: none;
}
.gray{
	display: none;
}
.leathers-2{
	height: 200px;
}
.leathers-3{
	height: auto;
}
.leathers-3-1{
	margin-top: 25px;
	position: relative;
	top: 0; right: 0;
	width: 100%;
	justify-content: space-between;
	gap: 5px 1%;
}
.leathers-4{
	padding-bottom: 50px;
}
.leathers-4 h3 img{
	width: 120px;
}
.leathers-4 h3 span{
	font-size: 12px;
}
.leathers-4-1{
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 5%;
}
.leathers-4-1 .p1 img,
.leathers-4-1 .p3 img,
.leathers-4-1 .p4 img{
	width: 85%;
}
.leathers-4-1 .p2 img{
	width: 60%;
}
.leathers-4-1-text{
	font-size: 10px;
}
.leathers-4-1-1{
	flex-basis: 45%;
}

/* ウルトラマン */
#mainimg_ultraman{
	background-position: 25%;
}
#mainimg_ultraman.mainimg_inner h2{
	left: 5%;
}
#mainimg_ultraman.mainimg_inner .mainimg_inner-1{
	display: none;
}
/* .ultraman-1{
	height: auto;
	background-size: 90% auto;
} */
.ultraman-1-1{
	position: relative;
	top: 0; left: 0;
	transform: none;
}
.ultraman-1-1-img{
	width: 45%;
	margin: 0 auto;
}
.ultraman-1-1-img img{
	width: 100%;
}
.ultraman-1-1-title{
	font-size: 18px;
}
.ultraman-1-1-text{
	font-size: 13px;
	letter-spacing: 0.1rem;
}
	/* パララックス系 */
.ultraman-back-1{
	display: none;
}
.ultraman-front-1,
.ultraman-back-1-sp{
	background-size: 80% auto;
}
.ultraman-back-1-sp{
	display: block;
}
.ultraman-1{
	height: auto;
}
.ultraman-front-2,
.ultraman-back-2-gray,
.ultraman-back-2{
	display: none;
}
.ultraman-front-2-sp{
	display: block;
	background-image: url("../image/ultraman/pic1.jpg");
	background-size: cover;
	background-position: center;
	height: 300px;
	position: relative;
}

.ultraman-2{
	aspect-ratio: auto;
	min-height: 200px;
}
.ultraman-3{
	padding: 30px 0 15px;
}
.ultraman-3-bg{
	display: none;
}
.ultraman-3 .ultraman-copyright{
	font-size: 6px;
	bottom: 0;
	right: 2px;
}
.ultraman-3-1,
.ultraman-3-2,
.ultraman-3-3{
	min-height: auto;
}


@media screen and (orientation: landscape) {
#onlineshop #cont {
    width: 100%;
}
#onlineshop h3,
#online_sukajan{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

#onlineshop #cont #txt a{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#onlineshop #cont #txt p {
	font-size: 7px;
    text-align: center;
    padding-bottom: 50px;
}
#onlineshop #cont #pic {
    padding: 0px;
    box-sizing: border-box;
}
#onlineshop #cont #pic li {
    float: none;
    display: inline-block;
    width: 48%;
    margin: 10px 1% 0px;
}
#onlineshop #cont #pic li img{
	width: 100%;
}
#onlineshop #cont #txt,
#onlineshop #cont #pic{
	float: none;
	width: 100%;
	text-align: center;
}
}
}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */

