/*
=====================================================
  iPad
=====================================================
*/
@media screen and (max-width:768px){
  
/*iPadキャラスタートの位置*/
.pos0 {
  top:70px;
  right:30px;
}

/*iPad右上のコンテンツの背景*/
.content2{
  margin-right: -50px;
  width:400px;
  z-index: 9998;
  opacity: 0.9;
}
 
.content2Wrap{
  position: fixed;
  height: 70px;
  background-color: #EEEBE9;
  opacity: 0.9;
  z-index: 9997;
  top:0;
}

.content2 ul li a,.nomal label a  {
  padding-left: 20px;
  letter-spacing: 0.1rem;
  text-align: right; 
}

.content2 ul li{
  display: inline-block;
  right: 90px;
}
  
/* iPadメニュー全体*/
#slideWrap {
  top:0;
  transform: translateX(330px);
}
}

/*
=====================================================
  スマホ
=====================================================
*/
@media screen and (max-width:420px){ 
/*アニメ位置*/
  .animeBox {
  width: auto;
  }
  
/*スマホキャラスタートの位置*/
.pos0 {
  top:40px;
  right:20px;
}
  
/*スマホ右上のコンテンツ*/
.content2Wrap{
  height: 50px;
  z-index: 9998;
}
  
  
 /*スマホ右上のコンテンツの背景*/ 
.content2{
  top:7px;
  right: 0;
  width: 300px;  
}
 
.content2 ul li a,.nomal label p  {
  font-size: 0.7rem;
  padding-left: 3px;
  letter-spacing: 0rem;
  text-align: right;
}

/*====================
　　　　メニュー
=======================*/

/*スマホメニュー全体*/
#slideWrap {
  width: 320px;
  padding-bottom: 50px;
  transform: translateX(282px);
}
  
/*スマホ三本線アイコン*/
#line1,#line2,#line3 {
  width: 17px;/*長さ*/
}

  /*1番目の線*/
#line1 {
  top:14px; 
}

  /*2番目の線*/
#line2 {
  top:21px; 
}
  
  /*3番目の線*/
#line3 {
  top:28px;
}

/*閉じる用アイコン*/

#trigger:checked ~ label #slideWrap #line1 {
  top: 21px;
}

#trigger:checked ~ label #slideWrap #line3 {
  top: 21px;
}

/*スマホ枠の上の3つのリスト*/
.links03 .contentsTop a{
  font-size: 0.8rem;
  line-height: 1.4rem;
  letter-spacing: 0.1rem;
}

/*スマホDESIGN COLLECTION*/
.slideWrap div{
  margin:40px 20px 10px 40px;
  font-size: 0.6rem;
}

.slideWrap h4 {
  letter-spacing: 0.1rem;
  padding-left: 0.1rem;
  font-size: 0.8rem;
}

/*スマホ3つの小見出し*/
.slideWrap h5 {
  font-size: 0.8rem;
  line-height: 1.4rem;
  letter-spacing: 0.1rem;
  padding:10px 10px 5px 40px; 
}

.slideWrap h5:hover::before{
  height: 1.4rem;
}

/*スマホメニューの小さい文字*/
.slideWrap ul li a{
  font-size: 0.8rem;
}

/*メスマホニューの小さい文字読んだ後の色*/
.slideWrap ul li a:visited{
  color: #C2DDD3;
}
}