@charset "utf-8";
div.wrapper { width:100%; margin-bottom:-30px; background:url(/deramecha/images/bg_map.jpg) repeat-y center top #fff;
/*background:url(../images/bg_head.jpg), url(../images/bg.jpg), #000;
background-repeat:no-repeat, repeat-y;
background-position:center top, center top;*/
/**/
-webkit-background-size:120%;
background-size: 120%;
background-attachment: fixed;
-webkit-background-attachment: fixed;
}
a img { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";}
a img:hover { opacity: 0.85; filter: alpha(opacity=85); -ms-filter: "alpha(opacity=85)";}
.animated{
/*animation-delay:1s;1秒待ってから*/
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;/*1秒かけて*/
animation-timing-function:ease-out;/*最初・中間・最終の時間配分ベジェ*/
}

section.title_box { width:100%;}
section.title_box div.title_catch { position:relative; z-index:1; width:950px; margin:0 auto;}
section.title_box div.title_catch ul,
section.title_box div.title_catch p { position:absolute; z-index:9; top:0; left:0;}
section.title_box div.title_catch ul li { position:absolute; z-index:10;}
section.title_box div.title_catch ul li.name_ai { top:90px; left:220px;}
section.title_box div.title_catch ul li.name_kanako { top:160px; left:815px;}
section.title_box div.oa_txt { width:100%; background:url(../images/bg_lead.jpg) repeat-x center top; text-align:center;}
section.title_box div.lead_txt { width:100%; background:url(../images/bg_ami80.png) repeat left top;}
section.title_box div.lead_txt p { font-size:130%; font-weight:bold; position:relative; width:680px; margin:0 auto; padding:40px 0; line-height:1.8;}
section.title_box div.lead_txt p img { position:absolute; right:50px; bottom:20px;}
section.title_box div.lead_txt p:before {
  content:'';
  display:block;
  box-sizing:border-box;
  width:0;
  height:0;
  border-top:65px solid #333333;
  border-right: 2px solid #333333;
  border-bottom: 65px solid #333333;
  border-left: 2px solid #333333;
  border-radius:2px;
  position:absolute;
  left:-30px;
  top:30px;
  -moz-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
}
section.title_box div.lead_txt p:after {
  content:'';
  display:block;
  box-sizing:border-box;
  width:0;
  height:0;
  border-top:65px solid #333333;
  border-right: 2px solid #333333;
  border-bottom: 65px solid #333333;
  border-left: 2px solid #333333;
  border-radius:2px;
  position:absolute;
  right:0;
  top:30px;
  -moz-transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
    -o-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
}

section.next_box { width:100%; padding-bottom:50px; background-color: rgba(255,255,255,0.65);}
section.next_box div.next_inner { position:relative; width:950px; margin:0 auto; padding-top:5px;}
section.next_box div.next_inner img.ico_01 { position:absolute; z-index:1; top:150px; left:-105px;}
section.next_box dl { width:840px; margin:10px auto; padding-left:50px; display: -webkit-flex; display: flex;}
section.next_box dl dt { width:23%; align-self: flex-start;}
section.next_box dl dd { width:77%; align-self: flex-end; padding-bottom:30px;}
section.next_box dl dd h2,
section.archive_box ul.archives li.oa_archive h3 { font-size:130%; font-weight:bold; color:#e60012; margin-bottom:10px; padding:15px 0 0 45px; background:url(../images/pin.png) no-repeat left top;}
section.next_box dl dd p { line-height:1.8;}
section.next_box dl dd p strong { font-weight:bold;}
section.next_box div.box-photogallery,
section.archive_box ul.archives li.oa_archive div { position:relative; z-index:9; display: -webkit-flex; display: flex; -webkit-justify-content: space-between;  justify-content:space-between; width:890px; margin:-15px auto 0;}
section.next_box div.box-photogallery a,
section.archive_box ul.archives li.oa_archive div a { width:23.4%;}
section.next_box div.box-photogallery a img,
section.archive_box ul.archives li.oa_archive div a img { width:100%; height:auto;}
section.next_box div.pr_movie { position:relative; z-index:9; width:860px; margin:20px auto 0; padding:15px; background:url(../images/bg_ami100.png) repeat left top #fff;}

section.haishin_box { width:100%; padding-bottom:50px; background-color: rgba(79,171,196,0.8);}
section.haishin_box div.haishin_inner { position:relative; width:890px; margin:0 auto;}
section.haishin_box div.haishin_inner img.ico_02 { position:absolute; z-index:1; top:-325px; right:-170px;}
section.haishin_box div.haishin_inner img.ico_03 { position:absolute; z-index:1; top:80px; left:-170px;}
section.haishin_box h2 { margin-bottom:-10px; padding-top:10px; text-align:center;}
section.haishin_box dl { width:630px; margin:0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between;  justify-content:space-between; -webkit-flex-wrap: wrap; flex-wrap:wrap;}
section.haishin_box dl img { width:100%; height:auto;}
section.haishin_box dl dt { position:relative; width:100%; margin-bottom:10px;}
section.haishin_box dl dt span.oa_date { position:absolute; top:-15px; left:15px; padding-top:30px; background:url(../images/bg_oadate.png) no-repeat center top;}
section.haishin_box dl dt span.oa_date span { font-weight:bold; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; display:inline-block; color:#FFFF00; padding:10px; border-radius:5px; background:#000; -moz-transform: rotate(-5deg);  -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}
section.haishin_box dl dd { width:49%;}
section.haishin_box dl dd.comingsoon_locipo,
section.haishin_box dl dd.comingsoon_gyao,
section.haishin_box dl dd img { border-radius:5px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
section.haishin_box dl dd.comingsoon_locipo img,
section.haishin_box dl dd.comingsoon_gyao img { display:block; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
section.haishin_box dl dd.comingsoon_locipo { background:url(../images/comingsoon_locipo.jpg) no-repeat left top; -webkit-background-size:100%; background-size:100%;}
section.haishin_box dl dd.comingsoon_gyao { background:url(../images/comingsoon_gyao.jpg) no-repeat left top; -webkit-background-size:100%; background-size:100%;}

section.tweet_box { width:100%; padding-bottom:50px; background-color: rgba(255,255,255,0.65);}
section.tweet_box div.tweet_inner { position:relative; width:950px; margin:0 auto; padding-top:50px;}
section.tweet_box div.tweet_inner img.ico_04 { position:absolute; z-index:1; top:310px; right:-140px;}
section.tweet_box h2 { position:absolute; z-index:9; top:0; left:5px;}
section.tweet_box div.twiter_tl { width:600px; margin:0 auto; padding:15px; background:url(../images/bg_ami100.png) repeat left top #fff;}

section.post_box { width:100%; padding-top:30px; background-color: rgba(255,181,87,0.8);}
section.post_box div.post_inner { position:relative; width:950px; margin:0 auto;}
section.post_box div.post_inner img.ico_05 { position:absolute; z-index:1; top:-100px; right:-70px;}
section.post_box h2 { position:absolute; z-index:9; top:-65px; left:0;}
section.post_box p { font-size:120%; font-weight:bold; padding-bottom:15px; text-align:center; line-height:1.7;}
section.post_box p a img { border-radius:5px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
section.post_box p:last-child { background:url(../images/ph_post.png) no-repeat left bottom; padding:20px 0 30px;}
section.post_box p:last-child img { position:relative; left:120px;}
section.post_box p span.tag { margin-right:0.5em; padding: 8px 0.5em 8px 20px; background:url(../images/bg_tag.png) no-repeat left center;}
section.post_box p span.tag span.tag_txt { color:#ff6a00; padding: 8px 0.5em 8px 0.5em; border-top-right-radius:4px;  border-bottom-right-radius:4px; background:#fff;}

section.cast_box { width:100%; padding-top:10px; padding-bottom:50px; background:url(../images/bg_ami80.png) repeat left top;}
section.cast_box h2 { position:relative; z-index:9; text-align:center;}
section.cast_box ul { position:relative; z-index:1; width:425px; margin:-20px auto 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between;  justify-content:space-between;}
section.cast_box ul li { color:#fff; font-weight:bold; width:48%; text-align:center;}
section.cast_box ul li img { width:100%; height:auto;}
section.cast_box ul li:first-child { background:#ff8f00;}
section.cast_box ul li:last-child { background:#0092b9;}
section.cast_box ul li p { padding:0.5em;}

section.archive_box { width:100%; padding-bottom:50px; background-color: rgba(255,255,255,0.65);}
section.archive_box div.archive_inner { position:relative; width:950px; margin:0 auto; padding-top:40px;}
section.archive_box div.archive_inner h2 { text-align:center;}
section.archive_box ul.archives li.oa_archive { background:#fff; padding:30px; margin-bottom:20px; text-align:center;}
section.archive_box ul.archives li.oa_archive h3 { display:inline;}
section.archive_box ul.archives li.oa_archive p { padding:15px 0; text-align:left; line-height:1.8;}
section.archive_box ul.archives li.oa_archive div { margin-top:0;}


/*アーカイブス*/
section.arc_title { width:100%; background:url(/deramecha/archives/images/bg_archive_title.png) repeat-x left bottom; text-align:center;}
section.arc_title h1 { position:relative; width:950px; margin:0 auto;}
section.arc_title h1 img.h1_img { position:absolute; top:0; left:0;}
p.ttl_archives { position:relative; width:950px; margin:0 auto;}
p.ttl_archives img { position:absolute; top:-70px; left:0; -moz-transform: scale3d(0.7,0.7,0.7); -webkit-transform: scale3d(0.7,0.7,0.7); -o-transform: scale3d(0.7,0.7,0.7); -ms-transform: scale3d(0.7,0.7,0.7);}
section.arc_blog { width:100%; padding:20px 0 50px; background-color: rgba(255,255,255,0.65);}
section.arc_blog div.arc_detail { width:680px; margin:0 auto; padding:30px 50px 50px; background:#fff;}
section.arc_blog div.arc_detail h2 { font-size:130%; font-weight:bold; color:#e60012; margin-bottom:10px; padding:15px 0 0 45px; background:url(/deramecha/images/pin.png) no-repeat left top;}
section.arc_blog div.arc_detail h3 { font-weight:bold; font-size:120%; margin:15px 0; padding:15px 3%; border-left:solid 5px #000; background:#FF3;}
section.arc_blog div.arc_detail p { padding:20px 0; line-height:1.8;}
section.arc_blog div.arc_detail p span { background:#FF3;}
section.arc_blog div.arc_detail p.ph_one img,
section.arc_blog div.arc_detail p.ph_two img,
section.arc_blog div.arc_detail p.ph_three img { display:inline-block; width:100%; height:auto;}
section.arc_blog div.arc_detail p.ph_two img { width:50%;}
section.arc_blog div.arc_detail p.ph_three img { width:33%;}
section.arc_blog div.arc_detail dl.ai,
section.arc_blog div.arc_detail dl.kanako,
section.arc_blog div.arc_detail dl.other { margin:15px 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
section.arc_blog div.arc_detail dl.kanako { -webkit-flex-direction: row-reverse; flex-direction:row-reverse;}
section.arc_blog div.arc_detail dl.ai dt,
section.arc_blog div.arc_detail dl.kanako dt,
section.arc_blog div.arc_detail dl.other dt { width:10%;}
section.arc_blog div.arc_detail dl dt img { width:100%; height:auto;}
section.arc_blog div.arc_detail dl.ai dd,
section.arc_blog div.arc_detail dl.kanako dd,
section.arc_blog div.arc_detail dl.other dd { position:relative; width:75%; padding:20px 5%; border:solid 2px #ddd; border-radius:5px; align-self: center;}
section.arc_blog div.arc_detail dl.other { border:solid 1px #ccc; border-radius:5px;}
section.arc_blog div.arc_detail dl.other dt { font-weight:bold; width:15%; align-self: center; text-align:center;}
section.arc_blog div.arc_detail dl.other dd { border:none;}
section.arc_blog div.arc_detail dl.ai dd:before {
  border-style: solid;
  border-width: 8px 15px 8px 0;
  border-color: transparent #fff transparent transparent;
  content: "";
  position: absolute;
  top: 30%; left: -13px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 1;
}
section.arc_blog div.arc_detail dl.ai dd:after {
  border-style: solid;
  border-width: 9px 16px 9px 0;
  border-color: transparent #ddd transparent transparent;
  content: "";
  position: absolute;
  top: 30%; left: -17px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 0;
}
section.arc_blog div.arc_detail dl.kanako dd:before {
  border-style: solid;
  border-width: 8px 0 8px 15px;
  border-color: transparent transparent transparent #fff;
  content: "";
  position: absolute;
  top: 30%; right: -13px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 1;
}
section.arc_blog div.arc_detail dl.kanako dd:after {
  border-style: solid;
  border-width: 9px 0 9px 16px;
  border-color: transparent transparent transparent #ddd;
  content: "";
  position: absolute;
  top: 30%; right: -17px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 0;
}
section.arc_blog div.arc_detail hr { display:block; padding:20px 0; border:none; background:url(../archives/images/line.png) no-repeat center center;  -webkit-background-size:100%; background-size:100%;}
section.arc_blog div.arc_detail ul.shops {}
section.arc_blog div.arc_detail ul.shops li { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top:30px; padding-bottom:20px; border-bottom:dashed 1px #aaa;}
section.arc_blog div.arc_detail ul.shops li p { width:40%; padding:0;}
section.arc_blog div.arc_detail ul.shops li p img { width:100%; height:auto;}
section.arc_blog div.arc_detail ul.shops li dl { width:55%;}
section.arc_blog div.arc_detail ul.shops li dl dt { font-size:70%; color:#777; text-align:center; letter-spacing:0.8em; background:#eee;}
section.arc_blog div.arc_detail ul.shops li dl dd { font-size:95%; margin-bottom:10px;}
/*最新５件リスト*/
section.arclist_5 { width:100%; padding:20px 0; background:url(../images/bg_ami80.png) repeat left top;}
#oatitle_list { width:780px; margin:0 auto; padding:50px 0 20px;}
#oatitle_list li { margin-bottom:10px; border:solid 1px #bbb; border-radius:10px; background: -moz-linear-gradient(top, #fff, #eee);
  background: -webkit-linear-gradient(top, #fff, #eee);
  background: linear-gradient(to bottom, #fff, #eee);}
#oatitle_list li a { font-size:120%; font-weight:bold; color:#333; position:relative; display:block; padding:20px 30px; text-decoration:none;}
#oatitle_list li a:hover { color:#777;}
#oatitle_list li a:after {
  border-style: solid;
  border-width: 7px 0 7px 13px;
  border-color: transparent transparent transparent #333;
  content: "";
  position: absolute;
  top: 40%; right: 20px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 0;
}
#oatitle_list li a:hover:after{
  border-color: transparent transparent transparent #777;
}
section.arclist_5 p#archive_more,
section.archive_box p#archive_more { padding-bottom:50px; text-align:center;}
section.arclist_5 p#archive_more a,
section.archive_box p#archive_more a { font-size:130%; font-weight:bold; color:#333;}
section.arclist_5 p#archive_more a:hover,
section.archive_box p#archive_more a:hover { color:#777;}
/*アーカイブ全件リスト*/
section.arc_blog ul.archives_all { width:800px; margin:50px auto 0;}
section.arc_blog ul.archives_all h2 { font-weight:bold; font-size:120%; margin:15px 0; padding:15px 3%; border-left:solid 5px #000; background:#FF3;}
section.arc_blog ul.archives_all h3 { font-weight:bold; font-size:130%;}
section.arc_blog ul.archives_all li ul li ul { margin-bottom:20px; padding:10px; border-radius:10px; background:#fff;}
section.arc_blog ul.archives_all li ul li ul li { margin:0 30px; padding:10px 0; list-style:disc;}
section.arc_blog ul.archives_all li ul li ul li a { font-size:120%; color:#333; text-decoration:none;}
section.arc_blog ul.archives_all li ul li ul li a:hover { text-decoration:underline;}

.pc_none { display:none;}

@media screen and (max-width: 768px) {
div.wrapper img { width:100%; height:auto;}
/*div.wrapper { -webkit-background-size:800px; background-size:800px;}*/
div.wrapper {background:none} /*PC用の背景はオフ*/
body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(/deramecha/images/bg_map.jpg) center top repeat-y #fff;
 -webkit-background-size:900px; background-size:900px;
  }
  
section.title_box div.title_catch,
section.next_box div.next_inner,
section.next_box dl,
section.tweet_box div.tweet_inner,
section.post_box div.post_inner,
section.archive_box ul.archives li.oa_archive div,
section.archive_box div.archive_inner { width:100%; margin:0 auto; padding:0;}
section.next_box div.box-photogallery,
section.next_box div.pr_movie,
section.haishin_box div.haishin_inner,
section.haishin_box dl,
section.tweet_box div.twiter_tl,
section.cast_box ul { width:90%; margin:0 auto; padding:0;}
section.next_box div.pr_movie iframe { width:100%; height:200px;}
section.post_box p:last-child img { position:relative; left:0;}
section.next_box div.next_inner img.ico_01,
section.haishin_box div.haishin_inner img.ico_02,
section.haishin_box div.haishin_inner img.ico_03,
section.tweet_box div.tweet_inner img.ico_04,
section.post_box div.post_inner img.ico_05 { display:none;}

section.title_box div.title_catch ul li.name_ai { position:relative; width:45%; top:30px; left:90px;}
section.title_box div.title_catch ul li.name_kanako { position:relative; width:45%; top:50px; left:300px;}
section.title_box div.title_catch p { width:43%;}
section.title_box div.oa_txt { background:url(../images/bg_lead.jpg) repeat-x center center #1a1a1a;  -webkit-background-size:800px; background-size:800px;}
section.title_box div.lead_txt p { font-size:100%; width:76%; margin:0 10% 0 14%; padding:20px 4% 20px 0; line-height:1.5;}
section.title_box div.lead_txt p img { display:none;}
section.title_box div.lead_txt p:before {
  content:'';
  display:block;
  box-sizing:border-box;
  width:0;
  height:0;
  border-top:55px solid #333333;
  border-right: 2px solid #333333;
  border-bottom: 55px solid #333333;
  border-left: 2px solid #333333;
  border-radius:2px;
  position:absolute;
  left:-30px;
  top:30px;
  -moz-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
}
section.title_box div.lead_txt p:after {
  content:'';
  display:block;
  box-sizing:border-box;
  width:0;
  height:0;
  border-top:55px solid #333333;
  border-right: 2px solid #333333;
  border-bottom: 55px solid #333333;
  border-left: 2px solid #333333;
  border-radius:2px;
  position:absolute;
  right:0;
  top:30px;
  -moz-transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
    -o-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
}

section.next_box { padding-top:10px; padding-bottom:20px;}
section.next_box dl { padding-left:0; -webkit-flex-wrap: wrap; flex-wrap:wrap;}
section.next_box dl dt { width:30%; margin:0 35%;}
section.next_box dl dd { width:90%; margin:0 auto; padding-bottom:30px;}
section.next_box div.box-photogallery { position:relative; top:-15px;}
section.next_box div.pr_movie { width:calc(90% - 20px); padding:10px;}

section.haishin_box { padding-bottom:20px;}
section.haishin_box h2 { width:65%; margin-left:auto; margin-right:auto;}
section.haishin_box dl dt span.oa_date { left:-20px; -moz-transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7); -ms-transform: scale(0.7,0.7);}

section.tweet_box h2 { position:relative; width:30%;}
section.tweet_box div.twiter_tl { width:330px; margin-top:-30px; padding:15px 0; text-align:center;}
section.tweet_box div.twiter_tl iframe { width:300px !important; height:430px !important; margin:0 auto;}

section.post_box {}
section.post_box h2 { position:absolute; left:0; width:25%;}
section.post_box p { font-size:100%; padding-left:5%; padding-right:5%; text-align:left; line-height:1.5;}
section.post_box p:nth-of-type(1) { width:65%; padding-left:30%;}
section.post_box p:nth-of-type(2) { width:90%; text-align:center; line-height:2.5;}
section.post_box p:nth-of-type(3) { width:90%; text-align:center;}
section.post_box p:last-child { background:url(../images/ph_post.png) no-repeat center bottom; padding:0 0 150px;  -webkit-background-size:60%; background-size:60%;}
section.post_box p img { width:90%; margin:0 5%;}

section.cast_box h2 { width:35%; margin:0 auto;}
section.cast_box ul { margin-top:-30px;}

section.archive_box div.archive_inner h2 { width:50%; margin:0 auto; padding-top:15px;}
section.archive_box ul.archives { width:90%; margin-left:auto; margin-right:auto; padding:15px 5%;}
section.archive_box ul.archives li.oa_archive h3 { display:block; text-align:left; margin-bottom:0; padding-bottom:10px;}
section.archive_box ul.archives li.oa_archive p { padding-top:0;}

/*アーカイブス*/
section.arc_title { padding-top:3px;  -webkit-background-size:8%; background-size:8%;}
section.arc_title h1 { width:100%;}
section.arc_title h1 img.h1_img { width:30%;}
p.ttl_archives { width:90%;}
p.ttl_archives img { width:40%; top:-30px; left:23%; -moz-transform: scale3d(0.8,0.8,0.8); -webkit-transform: scale3d(0.8,0.8,0.8); -o-transform: scale3d(0.8,0.8,0.8); -ms-transform: scale3d(0.8,0.8,0.8);}
section.arc_blog div.arc_detail { width:86%; margin:0 auto; padding:30px 4% 50px;}
section.arc_blog div.arc_detail h2 { font-size:115%;}
section.arc_blog div.arc_detail p { padding:10px 0;}
section.arc_blog div.arc_detail dl.ai dt,
section.arc_blog div.arc_detail dl.kanako dt,
section.arc_blog div.arc_detail dl.other dt { width:18%;}
section.arc_blog div.arc_detail dl.ai dd,
section.arc_blog div.arc_detail dl.kanako dd,
section.arc_blog div.arc_detail dl.other dd { width:67%;}
section.arc_blog div.arc_detail ul.shops li { display:block; margin-top:20px; padding-bottom:15px;}
section.arc_blog div.arc_detail ul.shops li p { width:100%; margin-bottom:1em;}
section.arc_blog div.arc_detail ul.shops li dl { width:100%;}
/*最新５件リスト*/
#oatitle_list { width:90%; padding:30px 0 10px;}
#oatitle_list li a { font-size:90%;}
#oatitle_list li a:after { right:10px;}
/*アーカイブ全件リスト*/
section.arc_blog ul.archives_all { width:90%;}
section.arc_blog ul.archives_all li ul li ul { margin-bottom:20px; padding:10px; border-radius:10px; background:#fff;}

.pc_none { display:block;}
.sp_none { display:none;}
/* ↓（画面が横の時） */
@media (orientation: landscape){
section.title_box div.lead_txt p:before { border-top:35px solid #333333; border-bottom:35px solid #333333;}
section.title_box div.lead_txt p:after { border-top:35px solid #333333; border-bottom:35px solid #333333;}
section.title_box div.title_catch ul li.name_ai { width:80%; top:30px; left:160px;}
section.title_box div.title_catch ul li.name_kanako { width:80%; top:80px; left:490px;}
section.haishin_box dl dt span.oa_date { left:10px; -moz-transform: scale(1.0,1.0); -webkit-transform: scale(1.0,1.0); -o-transform: scale(1.0,1.0); -ms-transform: scale(1.0,1.0);}
section.tweet_box h2 { width:18%; left:20%;}
section.post_box p img { width:70%; margin:0 15%;}
section.post_box p:last-child { -webkit-background-size:40%; background-size:40%;}
section.next_box div.pr_movie iframe { height:300px;}
p.ttl_archives img { width:25%; top:-45px; left:10%;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
body::before { -webkit-background-size:1300px; background-size:1300px; background-repeat:repeat-y;}
section.title_box div.lead_txt p:before { border-top:35px solid #333333; border-bottom:35px solid #333333;}
section.title_box div.lead_txt p:after { border-top:35px solid #333333; border-bottom:35px solid #333333;}
section.title_box div.title_catch ul li.name_ai { width:80%; top:40px; left:190px;}
section.title_box div.title_catch ul li.name_kanako { width:80%; top:80px; left:630px;}
section.haishin_box dl dt span.oa_date { left:10px; -moz-transform: scale(1.0,1.0); -webkit-transform: scale(1.0,1.0); -o-transform: scale(1.0,1.0); -ms-transform: scale(1.0,1.0);}
section.tweet_box h2 { width:18%; left:20%;}
section.post_box p img { width:60%; margin:0 20%;}
section.post_box p:last-child { padding-bottom:200px; -webkit-background-size:40%; background-size:40%;}
section.next_box div.pr_movie iframe { height:400px;}
p.ttl_archives img { width:25%; top:-45px; left:10%;}
}



.pc_none { display:block;}
.sp_none { display:none;}
}