/* <system section="theme" selected="6435922169449226313"> */
/* @Main
====================================== */
body {
    margin: 0;
    padding: 0;
    color: #333;
    background: #6d819c;
    text-align: center;
    font-family:
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo,
    "メイリオ",
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
}
a {
    color: #0022cc;
}
a:visited {
    color: #7888dc;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}

/* @Container
====================================== */
#content {
    margin: 0 auto;
    background: #fff;
    text-align: left;
    zoom: 1;
    width: 90%;
    max-width: 910px;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    overflow: auto;
}
#box2 {
    background: #fff;
    line-height: 1.5;
    width: 220px;
    float: right;
    border-left: 1px solid #a5bce7;
    border-bottom: 1px solid #a5bce7;
    overflow: hidden;
}
#main {
    width: 640px;
    height: auto;
    float: left;
    background: #fff;
    padding: 20px 15px 2em 20px;
    clear: both;
}

/* @BLOG-TITLE
====================================== */
#globalheader-container {
    margin: 0px auto 0 auto;
    width: 90%;
    max-width: 910px;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    position: relative;
    text-align: left;
    padding: 5px 0 10px 0;
    background: #5e7cb4;
    color:#fff;
}

#blog-title {
	color: #ffffff;
	margin: 0px auto;
	padding: 0;
	background: #7697d6;
	text-align: left;
	font-size: 0.8em;
	text-indent: 20px;
	width: 90%;
	max-width: 910px;
	border-right: 1px solid #4a5973;
	border-left: 1px solid #4a5973;
}

h1#title a,h1#title a:visited {
    color: #ffffff;
    text-decoration: none;
}
h1#title a:hover {
    text-decoration: underline;
}

#title {
	padding: 55px 20px 0;
	margin: 0;
	text-indent: 0;
}

#blog-description {
	padding: 0 20px 55px;
	margin-bottom: 0;
	text-indent: 0;
}

#blog-title-inner {
    background-color: #7697d6;
    height: auto!important;
    min-height: 200px;
}

.header-image-enable #blog-title #title a {
	-moz-text-shadow: none!important;
	-webkit-text-shadow: none!important;
	text-shadow: none!important;
}

.header-image-enable #blog-title #blog-description {
	-moz-text-shadow: none!important;
	-webkit-text-shadow: none!important;
	text-shadow: none!important;
}

/* @Top-box and Navigation Module
====================================== */
#top-box,#top-editarea,#bottom-editarea {
  text-align: left;
  margin: 0 auto;
  font-size: 14px;
}
.breadcrumb a {
  color: #0022cc;
  margin-left: 20px;
}
.breadcrumb {
    background: #eee;
    max-width: 910px;
    margin: 0 auto;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
}

/* @ENTRY
====================================== */
.entry-title a {
    text-decoration: none;
    color: #333;
}
.entry-header h1.entry-title {
    border-left: 9px solid #7697D6;
    padding-left: 10px;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0;
    font-size: 100%;
    margin: 0.4em 0 0 0;
}
h1.entry-title {
    margin:0;
}
.day a {
    color: #7697d6;
}
.date {
    margin: 0 0 10px 0;
    font-size: 130%;
    font-family: "times new roman", "geogia", serif;
    padding: 25px 0.5em 0.2em 0;
    line-height: 100%;
    color: #7697d6;
    border-bottom: 1px solid #a5bce7;
    font-weight: bold;
}
.date a {
    color: #7697d6;
    text-decoration: none;
}
.entry-header-menu {
   margin: 0 0 15px 0;
   padding: 0 0 0 12px;
   text-align: left;
   font-size: 80%;
   position: relative;
   line-height: 1.5;
   vertical-align: top;
   color: #999;
   border-left: 9px solid #7697D6; 
}
.entry-header div.categories {
    padding: 0 0 0 12px;
    text-align: left;
    font-size: 80%;
    position: relative;
    line-height: 1.5;
    vertical-align: top;
    color: #999;
    border-left: 9px solid #7697D6;
}
.section h4 {
   border-bottom: 1px dotted #a5bce7;
   padding: 3px;
   margin: 1em 0 0.5em 0;
}

.social-buttons {
	margin: 20px 0;
}

/* @Comment
====================================== */
.comment {
    margin: 0;
    clear: both;
    border: 1px solid #a5bce7;
    background: #ffffff;
}
.leave-comment-title {
    margin: 0 0 7px 0;
    padding: 3px 0.5em 3px 0.7em;
    background: #a5bce7;
    color: #ffffff;
    display: block;
}
.entry-comment {
    list-style:none;
}
/* @Entry TextStyle
====================================== */
.entry-content {
    line-height: 1.5;
}
.entry-content p {
  0.6em 0 0.6em 0;
}
.entry-content img {
  max-width: 100%;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 1em 0 0.5em 0;
}
.entry-content h1 {
  font-size: 160%;
}
.entry-content h2 {
  font-size: 150%;
}
.entry-content h3 {
  font-size: 140%;
}
.entry-content h4 {
  font-size: 120%;
  margin-bottom: 20px;
}
.entry-content h5 {
  font-size: 110%;
}
.entry-content h6 {
  font-size: 100%;
}
.entry blockquote {
  border: 1px solid #d2deee;
  margin: 1em 0;
  padding: 0.5em;
}
.entry blockquote p {
  margin-top: 0;
  margin-bottom: 0;
}
.entry-content ul { 
    list-style: disc;
}
.entry-content ul,
.entry-content ol {
  margin: 16px 0;
  padding: 0 0 0 40px;
}
.entry-content table {
  border-collapse: collapse;
　font-size: 90%;
　margin: 1em 0;
}
.entry-content table th,
.entry-content table td {
  border: 1px solid #d2deee;
  padding: 5px;
}
.entry-content table th {
  background: #e9eff8;
  border: 1px solid #d2deee;
}
a.keyword {
  color: #3D3D3D;
  text-decoration: none;
  border-bottom: 1px solid #DEDEDE;
}
pre.code {
  font-size: 90%;
  background: #e9eff8;
  border: 1px solid #d2deee;
  padding: 0.5em 0.8em;
  color: #555;
  overflow: auto;
  overflow-y: hidden;
  white-space: pre-wrap;
}
.synIdentifier {
  color: #008080;
}
.synStatement {
  color: #804000;
}
.synType {
  color: #008000;
}
.synConstant {
  color: #c00000;
}
.synSpecial {
  color: #c000c0;
}

/* @Module
====================================== */
.hatena-module-title {
    padding: 3px 0.5em 3px 0.7em;
    font-family: "times new roman", "geogia", serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 100%;
    background: #a5bce7;
    text-align: center;
}
.hatena-module-title a {
    color: #ffffff;
    text-decoration: none;
}
.hatena-module-body {
    padding: 7px;
    zoom: 1;
}
.hatena-module ul, .sidebar .hatena-module ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 90%;
}
.hatena-module ul li, .hatena-module ol li {
    padding-bottom: 3px;
    padding-left: 2px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e5ebfa;
    line-height: 1.3;
}
.hatena-module ul li a, .hatena-module ol li a {
    text-decoration: none;
}

/* @Module::Profile
====================================== */
.hatena-module-profile {
    font-size: 90%;
    line-height: 135%;
}
.hatena-module-profile .id {
    padding-bottom: 0.2em;
    font-weight: bold;
}
.hatena-module-profile .id a {
    font-family: "times new roman", "geogia", serif;
    text-decoration: none;
}
.profile-icon {
	float: left;
	margin: 5px 10px 5px 5px;
}
.hatena-module-profile .profile-description p {
    margin: 0;
}

/* @Module::Search
====================================== */
form.search-form input {
	border: 1px solid #ccc;
	margin: 5px 5px 5px 0;
	vertical-align: middle;
	background: #fff;
}
.search-form .search-module-input {
    width: 130px;
    padding: 3px;
    margin: 0;
    font-size: 12px;
}
.search-form .search-module-button {
    border: 1px solid #ccc;
    margin: 5px 5px 5px 0;
    vertical-align: middle;
    background: #fff;
}
input[type="button"], input[type="submit"] {
	padding: 1px;
}
textarea, input {
	padding: 3px;
}

/* @Module::Recent-entries
====================================== */

/* @Module::Category
====================================== */

/* @Footer
====================================== */
#footer {
    margin: 0 auto;
    background: #fff;
    zoom: 1;
    width: 90%;
    max-width: 910px;
    line-height: 1.5;
    border-right: 1px solid #4a5973;
    border-left: 1px solid #4a5973;
    clear: both;
}

/* @HATENA-EMBED
====================================== */
/* ---STANDARD
.hatena-embed {
    padding-left: 20px;
    margin: 1em 0;
}

.hatena-embed.fotolife,
.hatena-embed.twitpic {
	padding:0;
	margin:0;
	border: none;
	background: transparent;
	display: inline;
}

.hatena-embed.hatena-bookmark {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/hatena-bookmark.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat left 3px;
}

.hatena-embed.foursquare {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/foursquare.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat left 3px;
}

.hatena-embed.hatena-coco {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/hatena-coco.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat left 3px;
}

.hatena-embed.hatena-haiku {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/hatena-haiku.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat left 3px;
}

.hatena-embed.twitter {
	background:url('https://cdn.blog.st-hatena.com/images/admin/curation/services/twitter.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat left 3px;
}

*/
/* @HATENA-EMBED(FOTOLIFE,TWITPIC)
====================================== */
.hatena-embed.hatena-fotolife,
.hatena-embed.twitpic {
    padding: 10px 10px 30px 10px;
    margin: 1em 0;
    background: transparent;
    display: inline-block;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #fff;
    text-align: center;
}
.hatena-embed.hatena-fotolife {
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-fotolife.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat right bottom;
}
.hatena-embed.twitpic {
    padding: 10px 10px 10px 10px;
}
.hatena-embed.hatena-fotolife .hatena-embed-image,
.hatena-embed.twitpic .hatena-embed-image {
    display: inline-block;
    max-width: 600px;
}
.hatena-embed.hatena-fotolife .hatena-embed-body,
.hatena-embed.hatena-fotolife .hatena-embed-body a,
.hatena-embed.twitpic .hatena-embed-body,
.hatena-embed.twitpic .hatena-embed-body a {
    text-align: center;
    font-family: 'Homemade Apple', cursive;
    color: #454545;
    font-size: 16px;
    margin-top: 10px;
}
img.hatena-fotolife {
    border: 1px solid #777;
}
/* @HATENA-EMBED(COCO,4SQ)
====================================== */
.hatena-embed.hatena-coco,
.hatena-embed.foursquare {
    margin: 1em 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
}
.hatena-embed.hatena-coco {
    border: 1px solid #e2d279;
    padding: 20px 30px;
    background: #faf9e6 url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-coco.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat right bottom;
}
.hatena-embed.hatena-coco .hatena-embed-image,
.hatena-embed.foursquare .hatena-embed-image {
    width: 100px;
    height: 100px;
}
.hatena-embed.foursquare {
    border: 1px solid #C1D5DB;
    padding: 20px 30px;
    background: #e6eff2 url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-4sq.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat right bottom;
}
/* @HATENA-EMBED(BOOKMARK)
====================================== */
.hatena-embed.hatena-bookmark {
    padding: 15px 15px 15px 70px;
    margin: 1em 0;
    background: transparent;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-bookmark.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat 10px top;
    position: relative;
}
.hatena-embed.hatena-bookmark a {
    text-decoration: underline;
}
.hatena-embed.hatena-bookmark .hatena-embed-image {
    max-height: 50px;
}
/* @HATENA-EMBED(HAIKU)
====================================== */
.hatena-embed.hatena-haiku {
    padding: 15px 15px 15px 70px;
    margin: 1em 0;
    background: transparent;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-haiku.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat 5px 5px;
}
/* @HATENA-EMBED(MONOLITH)
====================================== */
.hatena-embed.hatena-monolith {
    width: 580px;
    padding: 15px;
    margin: 1em 0;
    background: transparent;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    background: #ffffff url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-monolith.png?version=e0e0a3993d8aff6a6344f19dd784d5') no-repeat right bottom;
}
.hatena-embed.hatena-monolith .hatena-embed-image {
    display: block;
    float: left;
    max-width: 98px;
    border: 1px solid #dfdfdf;
}
.hatena-embed.hatena-monolith .hatena-embed-body {
    float: left;
    width: 470px;
    margin-left: 10px;
}
.hatena-embed.hatena-monolith:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
/* @HATENA-EMBED(TWITTER)
====================================== */
.hatena-embed.twitter {
    padding: 10px 0;
    margin: 1em 0;
    border-bottom: 1px dotted #757575;
    border-top: 1px dotted #757575;
}
/* @HATENA-EMBED(ATND)
====================================== */
.hatena-embed.atnd {
    padding: 10px 0;
    margin: 1em 0;
    border-bottom: 1px dotted #757575;
    border-top: 1px dotted #757575;
    font-family: 'PT Sans Caption', Helvetica, 'ヒラギノ角ゴ Pro W3', 'HiraKakuProN-W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.hatena-embed-detail.atnd-detail {
    font-size: 20px;
    font-weight: bold;
    color: #262626;
}
.hatena-embed-detail.atnd-detail:hover {
    color: #EA1F00;
    text-decoration: none;
}
.hatena-embed.atnd .content-body {
    font-size: 12px;
    color: #222;
}

/* @About
====================================== */
.page-about dt {
    margin: 0 0 10px 0;
    font-size: 130%;
    padding: 25px 0.5em 0.2em 0;
    line-height: 100%;
    color: #7697d6;
    border-bottom: 1px solid #a5bce7;
    font-weight:bold;
}
.page-about dd {
    margin: 0.6em 0 0.6em 0;
}

/* @Archive
====================================== */
.autopagerize_page_element .categories {
    border:none;  
    margin-right: 20px;
}
.autopagerize_page_element .entry-title {
    border:none;   
}
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* </system> */
.entry .entry-title a {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size:140%;
    
}
.entry-content p {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size:110%;
    line-height:1.8em;
}
.profile-description{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size:100%;
    line-height:1.4em;
}
#main {
    width: 600px;
    height: auto;
    float: left;
    background: #fff;
    padding: 20px 15px 2em 20px;
    clear: both;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: 'Noto Sans Japanese', sans-serif;
}

.entry-content h2 {
    position: relative;
    background-color: #000080;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
    padding: 7px 21px 9px;
    margin-bottom: 10px;
}
.entry-content h2:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #512C1F;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.entry-content h3{

}
blockquote {
    background-color: #EDE4D5;
    background-image: url(images/dquotes_left.png), url(images/dquotes_right.png);
    background-position: 0 0 , right bottom;
    background-repeat: no-repeat, no-repeat;
    padding: 45px 45px 15px;
    margin-bottom: 25px;
}
/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    max-width: 500px;
    float: left;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}
 
/*******************************
* 右からの吹き出し
********************************/
.right_balloon {
    position: relative;
    background: #85e249;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 20%;
    clear: both;
    max-width: 500px;
    float: right;
}
.right_balloon:after,
.right_balloon:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.right_balloon:after {
    border-color: rgba(133, 226, 73, 0);
    border-left-color: #85e249;
    border-width: 7px;
    margin-top: -7px;
}
.right_balloon:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}
 
/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
  clear: both;
}

/*シェアボタン*/
.share-3d{
    margin-bottom: 10px;
    text-align: center;
}
.share-3d-inner a {
    position: relative;
    display: inline-block;
    width: 15%;
    height: 40px;
    line-height: 20px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
.share-3d .small-text{
    font-size: 10px;
}
.share-3d .hatena-bookmark-button{
    background: #00A4DE;
    box-shadow: 0 3px #43638b;
}
.share-3d .twitter-button{
    background: #55ACEE;
    box-shadow: 0 3px #0092ca;
}
.share-3d .googleplus-button{
    background: #C53727;
    box-shadow: 0 3px #ad3a2d;
}
.share-3d .facebook-button{
    background: #405BA7;
    box-shadow: 0 3px #2c4373;
}
.share-3d .pocket-button{
    background: #EE4256;
    box-shadow: 0 3px 0 #c0392b;
}
.share-3d .line-button{
    position:relative;
    top: 1px;
    background: #00C300;
    box-shadow: 0 3px 0 green;
}
.share-3d .share-3d a:active{
    top: 3px;
    box-shadow: none;
}
.share-3d .line-button:active{
    top: 4px;
}
@media screen and (min-width: 480px) {
    .line-hide{
        display: none;
    }
    .share-3d-inner a{
        width: 18%;
    }
}

/*****ここから会話のCSS*****/
.talk-wrap{
 display: block;
 clear: both;
 margin:0 auto 3px auto;
 }
.talk-wrap p{
 margin:0;
 }
 .left-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:left;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/
 border: 3px solid #fff; /*左のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-left{
 float:right;
 position: relative;
 background: #fff; /*左の会話の背景色*/
 border: 1px solid #555;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*左の会話の影の設定*/
 margin-bottom: 10px;
 }
.talk-left:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-right-color: #555;
 position: absolute;
 left: -20px;
 top: 20%;
 margin-top: -9px;
}
.talk-left:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-right-color: #fff;
 position: absolute;
 left: -18px;
 top: 20%;
 margin-top: -8px;
}
 .right-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius:50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:right;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/
 border: 3px solid #FFF; /*右のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-right{
 float:left;
 position: relative;
 background: #fff; /*右の会話の背景色*/
 border: 1px solid #555;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*右の会話の影*/
 margin-bottom:10px;
 }
 .talk-right:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-left-color: #555;
 position: absolute;
 right: -20px;
 top: 20%;
 margin-top: -9px;
}
.talk-right:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-left-color: #fff;
 position: absolute;
 right: -18px;
 top: 20%;
 margin-top: -8px;
}
.talk-end{
 clear:both;
}
/*****レスポンシブ設定*****/
@media screen and (max-width: 480px){
 .left-icon{
 width: 80px;
 height: 80px;
 }
 .talk-left{
 width: 65%; 
 }
 .right-icon{
 width: 80px;
 height: 80px;
 }
 .talk-right{
 width: 65%; 
 }
 }
 @media screen and (max-width: 380px){
 .left-icon{
 width: 60px;
 height: 60px;
 }
 .talk-left{
 width: 65%; 
 }
 .right-icon{
 width: 60px;
 height: 60px;
 }
 .talk-right{
 width: 65%; 
 }
}