<!DOCTYPE html>
<html>
<head>
  <title>Pip Murphy</title>
  <meta charset="UTF-8">
  <meta name="description" content="Pip Murphy is a British author who currently lives in Tokyo. She is the author of the Christie and Agatha's Detective Agency series and Phoenix Rising series.">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="Pip Murphy">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="lightbox.css" rel="stylesheet" />
<style>

* {
  box-sizing: border-box;
}
  a {
text-decoration: none;
color: #5f5353;
}


body {
  margin: 0;
  font-family: Cambria, Avenir, Helvetica, Arial, sans-serif;
  color: #5f5353;
  background-color: #ffffff;
}

.header {
  background-color: #f04f50;
  padding: 0px 0px;
  text-align: center;
}

.header2 {
  background-color: #f04f50;
  padding: 0px 5px;
  text-align: right;
}

.topnav {
  overflow: hidden;
  background-color: #f04f50;
  color: #ffffff;
  padding: 0px 0px;
}

.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
}

.topnav a:hover {
  background-color: #b63b3c;
  color: #white;
}

.topnav a.active {
  background-color: #8c2c2d;
  color: white;
}

.topnav .icon {
  display: none;
}

.midnav {
  overflow: hidden;
  background-color: #ffffff;
  color: #5f5353;
  padding: 0px 0px;
}

.midnav a {
  float: left;
  display: block;
  color: #5f5353;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
}

.midnav a:hover {
  background-color: #fbeaea;
  color: #5f5353;
}

.midnav a.active {
  background-color: #f8d8d8;
  color: #5f5353;
}

.midnav .icon {
  display: none;
}

.column {
  float: left;
  padding: 10px;
}

.column.side {
  width: 35%;
}

.column.middle {
  width: 65%;
}

.column.middle:hover .image {
  opacity: 0.7;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .column.side, .column.middle {
    width: 100%;
  }
}

.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}

.awtletpanel {
  width: 50%;
  max-width: 500px;
  height: auto;
  display: inline-table;
  padding: 10px;
}

.awtlettitle {
  width: 100%;
  max-width: 500px;
  height: auto;
  display: inline-table;
  padding: 10px;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
}

.headimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0px;
  width: 100%;
  max-width: 1200px;
}

.facebook {
  width: 100%;
  max-width: 30px;
  height: auto;
}

table {
  border-collapse: collapse;
  border: 0px;
}

td {
  padding: 2px;

}

.wrapper {
  display: inline-table;
}

.awtlet {
  display: inline-table;
  width: 100%;
  margin: auto;
  text-align: center;
}

.awtletnavbar {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 30px; 
}

#awtlet {
  border-collapse: collapse;
  width: 100%;
}

#awtlet th {
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-size: 20px;
  background-color: #f04f50;
  color: white;
}

#awtlet td {
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-size: 15px;
  vertical-align: top;
}

#awtletnavbarimg{
    text-align:center;
}


.button {
  border-radius: 4px;
  background-color: #f04f50;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.dropbtn {
  background-color: #f04f50;
  color: white;
  padding: 15px;
  font-size: 15px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fbeaea;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #5f5353;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f8d8d8}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #f04f50;
}


</style>
</head>
<body>

<div class="header">
<div class="wrapper"> 
  <img src="header.jpg" class="headimg"> </div>
<div class="header2">
<div class="wrapper"><a href="https://www.facebook.com/PipMurphyAuthor/" target="_blank"><img src="f_logo_RGB-Blue_58.png" class="facebook" width="30"></a>
  </div> 
  <div class="wrapper">
      <a href="https://twitter.com/PipMurphyAuthor" target="_blank"><img src="Twitter_Social_Icon_Circle_Color.png" class="facebook" width="30"></a>
 </div> 
  <div class="wrapper">
      <a href="http://www.instagram.com/PipMurphyAuthor/" target="_blank"><img src="IG_Glyph_Fill.png" class="facebook" width="30"></a>
 </div> 
  <div class="wrapper">
      <a href="https://www.youtube.com/channel/UCT2pr92PtMRH4wpmpN_P2yQ" target="_blank"><img src="youtube_social_circle_white.png" class="facebook" width="30"></a>
 </div>
  <div class="wrapper">
      <a href="https://www.goodreads.com/pipmurphyauthor" target="_blank"><img src="goodreads_icon_200x200.png" class="facebook" width="30"></a>
 </div>
  <div class="wrapper">
      <a href="https://www.amazon.co.uk/~/e/B09GG9TCWP" target="_blank"><img src="amazonlogo.png" class="facebook" width="30"></a>
 </div>
  <div class="wrapper">
      <a href="mailto:pipmurphyauthor@gmail.com"><img src="contact.png" class="facebook" width="30"></a>
 </div>
 
</div>
</div>

    
    <div class="topnav" id="myTopnav">
  <a href="index.html">HOME</a>
  <a href="books.html">BOOKS</a>
  <a href="awtlet.html" class="active">COMIC</a>
  <a href="illustrations.html">ART</a>
  <a href="videos.html">VIDEOS</a>
  <a href="projects.html">OTHER PROJECTS</a>
  <a href="media.html">MEDIA</a>
  <a href="about.html">ABOUT</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</div>

    <div class="midnav" id="myMidnav">
  <a href="awtlet.html">Top</a>
  <a href="awtletarchive.html">Episode List</a>
  <a href="awtletchars.html">Characters</a>
  <a href="awtletart.html">Art</a>
</div>

<p>
<table id="awtlet">
<tr><th>
    
    <p><b>Assassins Want to Learn English, Too! / 暗殺者も英語を習いたい</b></p>

</th></tr>

<tr><td>

<p>
        <div id="awtletnavbarimg">
  <img src="prev.png" width="25" class="awtletnavbar"> <a href="awtletarchive.html"><button class="button">EPISODE LIST</button></a> <a href="awtletep2.html"><img src="next.png" width="25" class="awtletnavbar"></a>
</div>
</p>

<p>
        <div class="awtlet">
  <img src="sawtletep1_0.png" class="awtlettitle">
</div>
</p>

<p>
        <div class="awtlet">
  <img src="sawtletep1eng.jpg" class="awtletpanel"> <img src="sawtletep1jp.jpg" class="awtletpanel">
</div>
</p>

<p>
        <div id="awtletnavbarimg">
  <img src="prev.png" width="25" class="awtletnavbar"> <a href="awtletarchive.html"><button class="button">EPISODE LIST</button></a> <a href="awtletep2.html"><img src="next.png" width="25" class="awtletnavbar"></a>
</div>
</p>

<div class="disqus">
<div id="disqus_thread"></div>
<script>
    /**
    *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
    *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables    */
    /*
    var disqus_config = function () {
    this.page.url = awtletep2.html;  // Replace PAGE_URL with your page's canonical URL variable
    this.page.identifier = awtletep3; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
    };
    */
    (function() { // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');
    s.src = 'https://awtlet.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>


</td></tr>

</table>
        

        </p>
</div>

<script>
function myFunction() {
  var x = document.getElementById("myTopnav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>

</body>
</html>