@media screen and (min-width: 481px) {
.cd_title { position:absolute; top:75px; left:280px; font-family: Lato, sans-serif; font-size:35px; 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 .cd_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 .cd_changer a { text-decoration:none; color:#FFF; }
#content_fl .cd_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; }

.cd_changer_m { display:none; }

.cd_info { position:absolute; top:180px; left:280px; right:30px; bottom:30px; min-height:1060px; 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; }
.cd_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; }
.cd_info .sub_title_hojin { position:relative; border-bottom:1px #196D8A solid; width:100%; font-family: "メイリオ", Meiryo , sans-serif;  font-weight:600; font-size:20px; letter-spacing: 3px; padding:0 0 5px 0; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }

.cd_info .cdinfo_comm { width:56%; margin:20px 0 0 260px; padding:0 0 0 16px; border-left:2px #00B2B2 solid; }
.cd_info .cdinfo_comm p { font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:13px; letter-spacing: 1px; line-height:30px; margin:0 0 10px 0; }
.cd_info .cdinfo_comm p .sub_title01 { font-family: "メイリオ", Meiryo , sans-serif; font-weight:600; font-size:13px; letter-spacing: 1px; color:#D1FCFF; }
.cd_info .cdinfo_comm p #cate_title { font-size:10px; }

.cd_info .side_fl { position:absolute; top:75px; left:10px; width:222px; height:250px; overflow: inherit; }
.cd_info .side_fl .fl_point {  width:222px; height:250px; }
.cd_info .side_fl img { width:100%; }

.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) {
.cd_title { position:absolute; top:75px; left:0; font-family: Lato, sans-serif; font-size:35px; 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 .cd_changer { display:none; }

.cd_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; }
.cd_changer_m p { position:absolute; top:-5px; right:-100px; font-size:14px; color:#FFF; }

.cd_info { position:absolute; top:180px; left:0; right:30px; bottom:30px; min-height:900px; 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; }
.cd_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; }
.cd_info .sub_title_hojin { position:relative; border-bottom:1px #196D8A solid; width:100%; font-family: "メイリオ", Meiryo , sans-serif;  font-weight:600; font-size:20px; letter-spacing: 3px; padding:0 0 5px 0; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }

.cd_info .cdinfo_comm { width:100%; }
.cd_info .cdinfo_comm.p1 { margin:380px 0 50px 0; }
.cd_info .cdinfo_comm.p2 { margin:540px 0 50px 0; }
.cd_info .cdinfo_comm p { font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:11px; letter-spacing: 1px; line-height:30px; margin:0 0 10px 0; }
.cd_info .cdinfo_comm p .sub_title01 { font-family: "メイリオ", Meiryo , sans-serif; font-weight:600; font-size:11px; letter-spacing: 1px; color:#D1FCFF; }
.cd_info .cdinfo_comm p .sub_title01 .cate_title { font-size:9px; }

.cd_info .side_fl { position:absolute; top:95px; left:0; width:222px; height:250px; overflow: inherit; }
.cd_info .side_fl .fl_point {  width:222px; height:250px; }
.cd_info .side_fl img { width:100%; }

.next_fl { position:relative; width:100%; clear:both; height:150px; }
.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; }

}
.cd_info a { color: #FFF; }
.cd_info a:hover { color: #FFF; }
.d_title{ font-size:13px; padding:1px 5px; margin:0 10px 0 0; border-radius:6px; background:#26C9FF; color:#FFF; }