@charset "Shift_JIS";

/*--------------------------------------------------------
  youtube aspect and for sp 
--------------------------------------------------------*/
/* youtube aspect fixed*/
.youtube_outer{
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* youtube aspect fixed */
.youtube_outer iframe{
   width: 100%;
  height: 100%;
}

.myvideo{
	position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.myvideo iframe{
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.my-gmap{
	height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.my-gmap iframe{
	position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.my-formz{
	height: 0;
overflow: hidden;
padding-bottom: 80%;
position: relative;
}
.my-formz iframe{
	position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/*--------------------------------------------------------
  border-for-img
--------------------------------------------------------*/
/* border-for-img*/
.border-for-img { 
}

/* border-for-img */
.border-for-img img{
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/*--------------------------------------------------------
  title-backimg
--------------------------------------------------------*/
/* title-backimg-for-concept*/
.title-backimg-for-concept{
	 
   	background-image : url("../img/animeglass-concept-imgtop.jpg");	
    width: 940px;
	height: 365px;	
}

/* title-backimg-for-howtouse*/
.title-backimg-for-howtouse{
	 
    background-image : url("../img/animeglass-howtouse-imgtop.jpg");
    width: 940px;
	height: 365px;	
}

/* title-backimg-for-spec*/
.title-backimg-for-spec{
	 
    background-image : url("../img/animeglass-spec-imgtop.jpg");
    width: 940px;
	height: 100px;	
}

/* title-backimg-for-movie*/
.title-backimg-for-movie{
	 
    background-image : url("../img/animeglass-moviedemo-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-movie-special*/
.title-backimg-for-movie-special{
	 
    background-image : url("../img/animeglass-moviedemospecial-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-company*/
.title-backimg-for-company{
	 
    background-image : url("../img/animeglass-company-imgtop.jpg");	
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-recruit*/
.title-backimg-for-recruit{
	 
    background-image : url("../img/animeglass-recruit-imgtop.jpg");	
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-privacypolicy*/
.title-backimg-for-privacypolicy{
	 
    background-image : url("../img/animeglass-privacypolicy-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-contactus*/
.title-backimg-for-contactus{
	 
    background-image : url("../img/animeglass-contactus-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-sdgs*/
.title-backimg-for-sdgs{
	 
    background-image : url("../img/animeglass-sdgs-imgtop.jpg");
     width: 940px;
	height: 598px;	
}

/* title-backimg-for-patents*/
.title-backimg-for-patents{
	 
    background-image : url("../img/animeglass-patents-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-shop*/
.title-backimg-for-shop{
	 
    background-image : url("../img/animeglass-shop-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-blog*/
.title-backimg-for-blog{
	 
    background-image : url("../img/animeglass-blog-imgtop.jpg");
     width: 940px;
	height: 100px;	
}


/* title-backimg-for-access*/
.title-backimg-for-access{
	 
    background-image : url("../img/animeglass-access-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-gallery*/
.title-backimg-for-gallery{
	 
    background-image : url("../img/animeglass-gallery-imgtop.jpg");
     width: 940px;
	height: 100px;	
}

/* title-backimg-for-innyuchan*/
.title-backimg-for-innyuchan{
	 
    background-image : url("../img/animeglass-innyuchan-imgtop.jpg");
     width: 940px;
	height: 100px;	
}


/* padding-for-concept-for-layoutset-02*/
.padding-for-concept-for-layoutset-02{
	padding-top : 445px !important;
}

/* height-h2-for-concept-for-layoutset-02*/
.height-h2-for-concept-for-layoutset-02{
	height : 360px !important;
}

/* padding-for-howtouse-for-layoutset-02*/
.padding-for-howtouse-for-layoutset-02{
	padding-top : 445px !important;
}

/* height-h2-for-howtouse-for-layoutset-02*/
.height-h2-for-howtouse-for-layoutset-02{
	height : 360px !important;
}

/* padding-for-sdgs-for-layoutset-02*/
.padding-for-sdgs-for-hpb-layoutset-02{
	padding-top : 690px !important;
}

/* height-h2-for-sdgs-for-layoutset-02*/
.height-h2-for-sdgs-for-layoutset-02{
	height : 605px !important;
}

/* padding-for-common-for-layoutset-02*/
.padding-for-common-for-hpb-layoutset-02{
	padding-top : 180px !important;
}

/* height-h2-for-common-for-layoutset-02*/
.height-h2-for-common-for-layoutset-02{
	height : 95px !important;
}

/*--------------------------------------------------------
 SP
--------------------------------------------------------*/
@media screen and (max-width: 568px) {

    .title-backimg-for-concept{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}

    .title-backimg-for-howtouse{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
    .title-backimg-for-spec{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
    .title-backimg-for-movie{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
    
      .title-backimg-for-movie-special{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
    
    .title-backimg-for-company{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
    .title-backimg-for-recruit{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
        .title-backimg-for-privacypolicy{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
        .title-backimg-for-contactus{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
        .title-backimg-for-sdgs{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
        .title-backimg-for-patents{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
        .title-backimg-for-shop{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
        .title-backimg-for-blog{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
       .title-backimg-for-access{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
     .title-backimg-for-gallery{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
  
     .title-backimg-for-innyuchan{
	
		max-width: 98% !important;
        height: auto !important;	
		margin-top: 10px;
		background-size: contain;
	}
    
/* padding-for-concept-for-layoutset-02*/
.padding-for-concept-for-layoutset-02{
	padding-top : 18px !important;
}

/* height-h2-for-concept-for-layoutset-02*/
.height-h2-for-concept-for-layoutset-02{
	height : 18px !important;
}

/* padding-for-howtouse-for-layoutset-02*/
.padding-for-howtouse-for-layoutset-02{
	padding-top : 18px !important;
}

/* height-h2-for-howtouse-for-layoutset-02*/
.height-h2-for-howtouse-for-layoutset-02{
	height : 18px !important;
}

    /* padding-for-sdgs-for-layoutset-02*/
.padding-for-sdgs-for-hpb-layoutset-02{
	padding-top : 18px !important;
}

/* height-h2-for-sdgs-for-layoutset-02*/
.height-h2-for-sdgs-for-layoutset-02{
	height : 18px !important;
}

/* padding-for-common-for-layoutset-02*/
.padding-for-common-for-hpb-layoutset-02{
	padding-top : 18px !important;
}

/* height-h2-for-common-for-layoutset-02*/
.height-h2-for-common-for-layoutset-02{
	height : 18px !important;
}
    
}
/*--------------------------------------------------------
 mytable
--------------------------------------------------------*/

/* mytable-1*/
.mytable-1 p{
  font-size: 100% !important;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
.mytable-1 table{
  margin: 20px auto !important;
}
.mytable-1 th{
  background: #e9727e !important;
  border: solid 1px #ccc !important;
  color: #fff !important;
  padding: 10px !important;
}
.mytable-1 td{
	　border: solid 1px #ccc !important;
  padding: 10px !important;
}
 
/* sp */
@media screen and (max-width: 568px) {  
  .mytable-1{
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
  .mytable-1 th,
  .mytable-1 td{
	　　border-bottom: none !important;
    display: block !important;
    width: 93%; !important;
  }
}

/* mytable-1-1*/
.mytable-1-1 p{
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  margin: 60px auto 40px !important;
}
.mytable-1-1 table{
  margin: 20px auto !important;
}
.mytable-1-1 th{
	 
  border: solid 1px #ccc !important;
  color: #333333 !important;
  padding: 10px !important;
}
.mytable-1-1 td{
	　border: solid 1px #ccc !important;
  padding: 10px !important;
}
 
/* sp */
@media screen and (max-width: 568px) {  
  .mytable-1-1{
    width: 80% !important;
  }
  .mytable-1-1 th,
  .mytable-1-1 td{
	　　border-bottom: none !important;
    display: block !important;
    width: 93%; !important;
  }
}

/* mytable-2*/
.mytable-2 p{
  font-size: 100% !important;
  font-weight: bold !important;
  text-align: center !important;
  margin: 60px auto 40px !important;
}
.mytable-2 tr{
  border-bottom: 1px solid #b5b1b1;
}

.mytable-2 th,
.mytable-2 td{
  padding: 24px 0;
  border: none;
}

.mytable-2 th{
  width: 30%;
}

/* sp */
@media only screen and (max-width: 568px) {
  .mytable-2 th,
  .mytable-2 td{
    width: 100%;
    display: block;
  }

  .mytable-2 th{
    width: 100%;
  }

  .mytable-2 td{
    padding-top: 0;
  }
}

/* mytable-3*/
.mytable-3 p{
  font-size: 100% !important;
  font-weight: bold !important;
  text-align: center !important;
  margin: 60px auto 40px !important;
}
.mytable-3 tr{
  border-bottom: 1px solid #b5b1b1;
}

.mytable-3 th,
.mytable-3 td{
  padding: 24px 0;
  border: none;
}

.mytable-3 th{
  width: 30%;
}

/* sp */
@media only screen and (max-width: 568px) {
  .mytable-3 th,
  .mytable-3 td{
    width: 100%;
    display: block;
  }

  .mytable-3 th{
    width: 100%;
  }

  .mytable-3 td{
    padding-top: 0;
  }
}
/*--------------------------------------------------------
#banner a#banner-my-xxx
--------------------------------------------------------*/

/* banner-my-concept */
#banner a#banner-my-concept{
    /* アクセスバナー */
    background-size: contain;
	}
#banner a#banner-my-concept{
    /* アクセスバナー */
    background-image : url(../img/leftbanner-concept.png);
}

/* banner-my-howtouse */
#banner a#banner-my-howtouse{
    /* アクセスバナー */
    background-size: contain;
	}
#banner a#banner-my-howtouse{
    /* アクセスバナー */
    background-image : url(../img/leftbanner-howtouse.png);
}

/* banner-my-movie */
#banner a#banner-my-movie{
    /* アクセスバナー */
    background-size: contain;
	}
#banner a#banner-my-movie{
    /* アクセスバナー */
    background-image : url(../img/leftbanner-movie.png);
}

/* banner-my-shop */
#banner a#banner-my-shop{
    /* アクセスバナー */
    background-size: contain;
	}
#banner a#banner-my-shop{
    /* アクセスバナー */
    background-image : url(../img/leftbanner-shop.png);
}

/* banner-my-blog */
#banner a#banner-my-blog{
    /* アクセスバナー */
    background-size: contain;
	}
#banner a#banner-my-blog{
    /* アクセスバナー */
    background-image : url(../img/leftbanner-blog.png);
}

/*--------------------------------------------------------
 myh4-for-main
--------------------------------------------------------*/
/* myh4-for-main*/
.myh4-for-main{
    font-weight: bold !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-right: 15px !important;
	padding-bottom: 10px !important;
	padding-left: 15px !important;
	line-height: 24px !important;
	text-align: left !important;
}
.myh4big-for-main{
    font-size: 120% !important;
    font-weight: bold !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-right: 15px !important;
	padding-bottom: 10px !important;
	padding-left: 15px !important;
	line-height: 24px !important;
	text-align: left !important;
}
.myh4-2-for-main{
	   
	margin: 0 !important;
	padding-top: 0 !important;
	padding-right: 15px !important;
	padding-bottom: 10px !important;
	padding-left: 15px !important;
	line-height: 24px !important;
	text-align: left !important;
}
@media screen and (max-width:568px){


    .myh4big-for-main{
    font-size: 16px !important;
    font-weight: bold !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-right: 15px !important;
	padding-bottom: 10px !important;
	padding-left: 15px !important;
	line-height: 24px !important;
	text-align: left !important;
    }

}
/*--------------------------------------------------------
original class and id
--------------------------------------------------------*/
p.mylarge1{
	font-size: 110%;
	padding-top: 0px;
	padding-bottom: 12px;
}

p.mylarge2{
	font-size: 110%;
    font-weight: bolder;
	padding-top: 0px;
	padding-bottom: 10px;
}

p.mylarge3{
	    
	padding-top: 6px;
	padding-bottom: 6px;
    color: #696969;
}

p.mylarge4{
    font-size: 110%;
	padding-top: 6px;
	padding-bottom: 6px;
    color: #696969;
}

@media screen and (max-width:568px){
	
    p.mylarge1{
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 12px;
    }


    p.mylarge2{
	font-size: 16px;
    font-weight: bolder;
	padding-top: 0px;
	padding-bottom: 10px;
    }

p.mylarge3{
	    
	padding-top: 6px;
	padding-bottom: 6px;
    color: #696969;
    }

p.mylarge4{
    font-size: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
    color: #696969;
    }	

}

.mysns-good{
    padding: 0.2em 0.2em;
    margin: 0.5em;   
    background: white;
    border-top: solid 1px #b0c4de;
    border-bottom: solid 1px #b0c4de;  
}
.mysns-good-2{
    text-align: center !important;
}
#mynews1-firstpremier1{}
#newmovie-1{
   color: #0000cd;
}

/*--------------------------------------------------------
original class for blog
--------------------------------------------------------*/
.myblog-new p{
 color: #696969;
}

p.blog-mylarge1{
    font-size : 120%;
	padding-top: 8px;
	padding-bottom: 8px;
    color: #696969;
}
p.blog-cautionRed{
    color: #ff0000;
}
#newblog-1{
   color: #16160e;
}
#blog-back-number-top{
}
/*--------------------------------------------------------
mybottom-footer-nav and mybottom-sitemap and mybottom-copyrihgt
--------------------------------------------------------*/

/* -------------------------- mybottomfooter-nav */
#mybottom-footer-nav{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	background: rgba(0,0,0,0.8);
}
#mybottom-footer-nav::after{
	/* 上にグラチE�Eションの緁E*/
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #4a4437 25%, #4a4437 75%, transparent);
    background-image: linear-gradient(to right, transparent, #4a4437 25%, #4a4437 75%, transparent);
}
#mybottom-footer-nav::before{
	/* 下にグラチE�Eションの緁E*/
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #4a4437 25%, #4a4437 75%, transparent);
    background-image: linear-gradient(to right, transparent, #4a4437 25%, #4a4437 75%, transparent);
}
#mybottom-footer-nav ul li{
	display: inline-block;
	padding: 0 10px 3px 10px;
	border-right: 1px solid rgba(255,255,255,0.2);
}
#mybottom-footer-nav ul li:last-child{
	border-right: none;
}
#mybottom-footer-nav ul li a{
	color: #bcab88;/* dark beige */
	font-size: 11px;
}

/* -------------------------- mybottom-sitemap */
	#mybottom-sitemap{
		display: none;
	}
/* -------------------------- mybottom-copyrihgt */
#mybottom-copyrihgt{
	width: 96%;
	height: auto;
	margin: 0 auto;
	padding: 30px 2% 10px 2%;
	background: #151515;
    
}
#mybottom-copyrihgt a{
	color: #948669;/* footer beige */
}
#mybottom-copyrihgt p{
	font-size: 10px;
	color: #948669;/* footer beige */
	text-align: center;
	font-style: normal;
	margin: 0;
	line-height: 1.2em;
}

/* -------------------------- sp */

@media screen and (max-width:768px){
	
	#mybottom-sitemap{
		display: none;
	}
	#mybottom-footer-nav ul li{
		display: block;
		border: none;
		line-height: 2em;
	}
	#mybottom-footer-nav ul li:hover{
		background: rgba(255,255,255,0.1);
	}
	#mybottom-copyrihgt p{
		font-size: 12px;
		line-height: 1.2em;
	}
	

}/* /0-768px */