@media screen and (min-width: 481px) {
.bd_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 .bd_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 .bd_changer a { text-decoration:none; color:#FFF; }
#content_fl .bd_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; }

.bd_changer_m { display:none; }

.bd_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; }
.bd_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; }
.bd_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; }

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

.bd_info .side_fl { position:absolute; top:55px; left:10px; width:222px; height:300px; overflow: inherit; }
.bd_info .side_fl .fl_point {  width:222px; height:312px; }
.bd_info .side_fl img { width:100%; }

.bd_info .bd_open { position:absolute; top:385px; left:10px; width:222px; height:200px; overflow: inherit; }
.bd_info .bd_open 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; }

.oritoku_title { font-size:15px; font-weight: 600; padding:5px 10px; letter-spacing: 8px; border-radius:10px; margin: 10px 0; }
.n_01 { background:#C926FF; }
.ot_all { background:#4DBBEA; }
.ot_fl { float: left; width: 300px; margin: 0 10px 10px 0; }
.ot_fl .maker_name { font-size:12px; font-weight: 600; padding:5px 10px; letter-spacing: 6px; background:#168CBE; border-radius:10px; text-align: center; }
.ot_fl .title {   font-size:12px; padding:5px 0; letter-spacing: 8px; text-align: center; }
.ot_fl .title2 {   font-size:11px; padding:5px 0; text-align: center; }
.ot_fl img { width: 280px; margin: 10px; }
.ot_clear_01 { clear:both; height:30px; width: 100%;}
.ot_clear { clear:both; height:80px; width: 100%;}
}

@media screen and (max-width: 480px) {
.bd_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 .bd_changer { display:none; }

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

.bd_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; }
.bd_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; }
.bd_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; }

.bd_info .bdinfo_comm { width:100%; margin:580px 0 50px 0; }
.bd_info .pl01 { margin:350px 0 50px 0; }
.bd_info .pl02 { margin:630px 0 50px 0; }
.bd_info .bdinfo_comm p { font-family: "メイリオ", Meiryo , sans-serif; font-weight:400; font-size:11px; letter-spacing: 1px; line-height:30px; margin:0 0 10px 0; }
.bd_info .bdinfo_comm p .sub_title01 { font-family: Lato, sans-serif; font-weight:900; font-size:18px; letter-spacing: 1px; color:#D1FCFF; }
.bd_info .bdinfo_comm p .sub_title02 { font-family: "メイリオ", Meiryo , sans-serif; font-weight:600; font-size:11px; letter-spacing: 1px; color:#D1FCFF; }

.bd_info .side_fl { position:absolute; top:55px; left:0; width:222px; height:300px; overflow: inherit; }
.bd_info .side_fl .fl_point { width:222px; height:300px; }
.bd_info .side_fl img { width:100%; }

.bd_info .bd_open { position:absolute; top:355px; left:0; width:300px; height:245px; margin: 30px auto;  }
.bd_info .bd_open 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; }

.oritoku_title { font-size:15px; font-weight: 600; padding:5px 10px; letter-spacing: 8px; border-radius:10px; margin: 10px 0; }
.n_01 { background:#C926FF; }
.ot_all { background:#4DBBEA; }
.ot_fl { width: 300px; margin: 0 auto 10px auto; }
.ot_fl .maker_name { font-size:12px; font-weight: 600; padding:5px 10px; letter-spacing: 6px; background:#168CBE; border-radius:10px; text-align: center; }
.ot_fl .title { font-size:12px; padding:5px 0; letter-spacing: 8px; text-align: center; }
.ot_fl .title2 { font-size:11px; padding:5px 0; text-align: center; }
.ot_fl img { width: 280px; margin: 10px; }
.ot_clear_01 { clear:both; height:30px; width: 100%;}
.ot_clear { clear:both; height:80px; width: 100%;}
}