@charset "UTF-8";
/* CSS Document */




#Journal h1 {text-indent:-99999px; background:url(https://www.storybox.jp/pic-labo/rt-logi.jpg) left top no-repeat; height: 0;   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */  padding-top: 37%;
background-size: contain; margin-bottom:50px;}
#contents #Journal article {margin-top:0px;}
#contents #Journal article h2 { display:none;}
#contents #Journal article .journal-cont h2 {text-indent:inherit; display:block;}





#JournalList h1 {text-indent:-99999px; background:url(https://www.storybox.jp/pic-labo/rt-logi.jpg) left top no-repeat; height: 0;   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */  padding-top: 37%;
background-size: contain; margin-bottom:50px;}
#contents #JournalList article {margin-top:0px;}
#contents #JournalList article h2 { display:none;}
#contents #JournalList article .journal-cont h2 {text-indent:inherit; display:block;}



#super-logi { width:900px; margin:0 auto; line-height:2; margin-top:0; }
#super-logi h2 {border-bottom:1px solid #333; font-size:18px; font-weight:bold;}
#super-logi p { font-size:13px; margin-top:20px;}
#super-logi .rt-flow {text-align: center; margin:50px 0;}
#super-logi table.pc {margin-top:20px;}
#super-logi table .pc td {width:calc(100% / 3) ; text-align:center; border:1px solid #ccc; box-sizing:border-box; padding:30px 0;}
#super-logi table.pc td p { text-align:left; padding:0 20px;}

.precautions {background-color:#E00003; padding:40px; color:#fff; margin-top:50px;}
#super-logi  .precautions h2 {border-color:#fff;}

#super-logi  .precautions p {color:#fff;}

.cansel-contents {border:2px solid #E00003; padding:50px; margin-top:50px;}
#super-logi  .cansel-contents h2 {text-align:center; font-size:24px; color:#E00003; border:none;}

#super-logi  .cansel-box {background-color:#E00003; text-align:center; color:#fff; padding:40px; width:600px; margin:0 auto;}
#super-logi  .cansel-box h3 { font-size:70px; margin-bottom:0; padding-bottom:0; line-height:1;}
#super-logi  .cansel-box p {margin-top:10px; color:#fff;}

#super-logi .pc { display:block;}
#super-logi .sp { display:none;}


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

#contents article #main-column #Journal h1 {margin-top:0px;}

#JournalList h1 {margin-top:0px;}

 }





 @media screen and (max-width: 580px) {
	 
	  #cashless-bn-sp-free {display:none;}
	 
#Journal h1 {text-indent:-99999px; background:url(https://www.storybox.jp/pic-labo/rt-logi.jpg) left top no-repeat; height: 0;   /* 表示画像の高さ ÷ 表示画像の幅 × 100 */  padding-top: 37%;
background-size: contain; margin-bottom:20px; margin-top:20px;}

	#JournalList h1 {
background-size: contain; margin-bottom:20px;}
	

#main-column #Journal h2 { font-size:14px; margin:0; }




#super-logi { width:100%; margin:0 auto; line-height:2; margin-top:0; padding:0 10px; box-sizing:border-box;}
#super-logi .rt-flow img {width:100%;}
#super-logi .sp { display:block;}
#super-logi .pc { display:none;}


#super-logi h2 {font-size:14px;}
#super-logi p  {font-size:12px;}
#super-logi table.sp {margin-top:20px;}
#super-logi table.sp td {width:100% ; text-align:center; border:1px solid #ccc; box-sizing:border-box; padding:30px 0;}
#super-logi table.sp td p { text-align:left; padding:0 20px;}

.precautions {padding:20px;}
.cansel-contents {border:2px solid #E00003; padding:20px; margin-top:50px; }
#super-logi  .cansel-contents h2 {text-align:center; font-size:14px; color:#E00003; border:none;}

#super-logi  .cansel-box {background-color:#E00003; text-align:center; color:#fff; padding:20px; width:100%; margin:0 auto; box-sizing:border-box;}
#super-logi  .cansel-box h3 { font-size:30px; margin-bottom:0; padding-bottom:0; line-height:1;}
#super-logi  .cansel-box p {margin-top:10px; font-size:9px;}
#super-logi  .cansel-contents p {font-size:10px;}


#bread-crumb {

	padding-top:0px;
}


	  }