@media screen and (min-width: 481px) {
.story_title { position:absolute; top:75px; left:280px; font-family: Lato, sans-serif; font-size:60px; font-weight:900; font-style:italic; color:#FFF; letter-spacing: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin: 0 0 10px 25px; z-index:2; }

#content_fl { position:relative; width:100%; min-width:980px; }
#content_fl .story_changer { position:absolute; top:75px; right:5%; width:38%; font-family: Lato, sans-serif; font-size:24px; font-weight:400; color:#FFF; text-align:right; line-height:32px; z-index:2; }
#content_fl .story_changer a { text-decoration:none; color:#FFF; }
#content_fl .story_changer a:hover { text-decoration:none; color:#FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }

.story_changer_m { display:none; }

.story_info { position:absolute; top:180px; left:280px; right:30px; bottom:30px; min-height:760px; color:#FFF; letter-spacing: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-decoration:none; margin: 0 0 10px 25px; z-index:2; word-wrap:break-all; min-width:640px; clear:both; }
.story_info .sub_title { position:relative; border-bottom:1px #196D8A solid; width:100%; font-family: Lato, sans-serif; font-weight:600; font-size:22px; letter-spacing: 3px; padding:0 0 5px 0; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }
.story_info .sub_title .jp_wd     { font-family:"メイリオ", Meiryo , sans-serif; font-weight:600; font-size:22px; }
.story_info .sub_title .jp_wd_sub { font-family:"メイリオ", Meiryo , sans-serif; font-weight:600; font-size:18px; }
.story_info .info_comm { min-height:300px; text-align:left; }
.story_info .info_comm p { width:100%; text-align:left; font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:13px; letter-spacing: 1px; line-height:40px; text-decoration:none; margin: 50px 0; }
.story_info .info_comm p .point { font-weight:900; font-size:20px; }
.story_info .info_comm p rt { position: relative; top: 0.9ex; font-size:8px; }

.story_info .main_phfl { padding:0 0 20px 0; }
.story_info .main_phfl img { width:50%; min-width:300px; max-width:380px }

.story_info .stinfo_comm { width:56%; margin:20px 0 0 0; }
.story_info .stinfo_comm p { font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:12px; letter-spacing: 1px; line-height:30px; }
.story_info .side_fl { position:absolute; top:55px; right:35px; width:38%; overflow: inherit; }
.story_info .side_fl .fl_point { max-width:380px; min-width:280px; margin:0 auto; }
.story_info .side_fl img { width:100%; }

.story_info .staff_list { width:100%; font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:12px; line-height:30px; padding:20px 0 50px 0; }
.story_info .staff_list h1 { font-family: Lato, sans-serif; font-weight:700; font-size:20px; }

.next_fl { position:relative; width:100%; clear:both; height:150px; display:none; }
.next_fl .flont_go { position:absolute; top:0; left:0;  font-family: Lato, sans-serif; font-weight:400; font-size:50px; width:50%; padding:5px 0 10px 0; margin:0 auto; background:rgba(51,51,51,0.5); border-radius:30px 0 0 30px; }
.next_fl .next_go  { position:absolute; top:0; right:0; font-family: Lato, sans-serif; font-weight:400; font-size:50px; width:50%; padding:5px 0 10px 0; margin:0 auto; background:rgba(119,119,119,0.5); text-align:right; border-radius:0 30px 30px 0 ; }
.next_fl a { margin:0 30px; color:#FFF; text-decoration:none; }
.next_fl a:hover { margin:0 10px; color:#FFF; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }

}

@media screen and (max-width: 480px) {
.story_title { position:absolute; top:75px; left:0; font-family: Lato, sans-serif; font-size:40px; font-weight:900; font-style:italic; color:#FFF; letter-spacing: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin: 0 0 10px 25px; z-index:2; }

#content_fl { position:absolute; top:40px; left:0; width:100%; max-width:400px; margin:100px auto; z-index:2; }
#content_fl .story_changer { display:none; }

.story_changer_m { position:absolute; top:80px; right:0; width: 0; height: 0; border-top: 60px solid transparent; border-right: 100px solid #000; border-bottom: 60px solid transparent; border-left: 30px solid transparent; padding:0 0 0 0; z-index:3; }
.story_changer_m p { position:absolute; top:-5px; right:-100px; font-size:14px; color:#FFF; }

.story_info { position:absolute; top:180px; left:0; right:30px; bottom:30px; min-height:600px; color:#FFF; letter-spacing: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-decoration:none; margin: 0 0 10px 25px; z-index:2; word-wrap:break-all; }

.story_info .sub_title { position:relative; border-bottom:1px #196D8A solid; width:100%; font-family: Lato, sans-serif; font-weight:600; font-size:22px; letter-spacing: 3px; padding:0 0 5px 0; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }
.story_info .sub_title .jp_wd     { font-family:"メイリオ", Meiryo , sans-serif; font-weight:600; font-size:18px; }
.story_info .sub_title .jp_wd_sub { font-family:"メイリオ", Meiryo , sans-serif; font-weight:600; font-size:14px; }

.story_info .info_comm { width:100%; padding:30px 0 150px 0; }
.story_info .info_comm p { font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:13px; line-height:44px; letter-spacing: 3px; text-decoration:none; margin: 0 0 10px 25px; }
.story_info .info_comm p .point { font-weight:900; font-size:18px; }
.story_info .info_comm p rt { position: relative; top: 0.9ex; font-size:6px; }
.story_info .info_comm p br { display:none; }

.story_info .main_phfl { padding:40px 0 20px 0; min-width:400px; }
.story_info .main_phfl img { width:200px; }

.story_info .stinfo_comm { width:100%; margin:30px 0; }
.story_info .stinfo_comm p { font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:12px; letter-spacing: 1px; line-height:30px; }
.story_info .side_fl { position:absolute; top:55px; right:35px; width:38%; overflow: inherit; }

.story_info .side_fl { display:none; }

.story_info .staff_list { width:100%; font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:13px; line-height:30px; padding:0 0 50px 0; }
.story_info .staff_list h1 { font-family: Lato, sans-serif; font-weight:700; font-size:20px; }

.next_fl { position:relative; width:100%; clear:both; height:150px; display:none; }
.next_fl .flont_go { position:absolute; top:0; left:0;  font-family: Lato, sans-serif; font-weight:400; font-size:20px; width:50%; padding:5px 0 10px 0; margin:0 auto; background:rgba(51,51,51,0.5); border-radius:20px 0 0 20px; }
.next_fl .next_go  { position:absolute; top:0; right:0; font-family: Lato, sans-serif; font-weight:400; font-size:20px; width:50%; padding:5px 0 10px 0; margin:0 auto; background:rgba(119,119,119,0.5); text-align:right; border-radius:0 20px 20px 0 ; }
.next_fl a { margin:0 20px; color:#FFF; text-decoration:none; }
.next_fl a:hover { margin:0 5px; color:#FFF; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }

}