@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
/*--------------------------------------
  ウィジェットの影をつける
--------------------------------------*/
#entry {
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}

.widget {
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}

.widget {
border-radius :3px;
}
.widgettitle {
border-radius : 3px 3px 0 0;
}

.related-posts img {
width:200px;
height:115px;
object-fit: cover;
}


/*--------------------------------------
  h見出しの変更
--------------------------------------*/

.entry-content h2 {
   padding: 0.5em;
   background: #f4f4f4;
   color: #494949;
   border-top: solid 5px #f4802b;/*上線　ここを色変更*/
   box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.50);
}


.entry-content h3 {
border-left: none;
}

.entry-content h3 {
  padding: 0.4em 0.5em;
  background: #f4f4f4;
  color: #494949;
  border-left: solid 5px #f4802b;/*左線　ここを色変更*/
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.50);
}


.entry-content h4 {
  padding: 0.1em 0.5em;
  color: #494949;
  border-bottom: solid 4px #f4802b;/*下線　ここを色変更*/
}

.entry-content h5 {
  padding: 0.5em;
  background: #f4f4f4;
  color: #494949;
  border-bottom: solid 3px #d7d7d7;
}


/*--------------------------------------
投稿ページの下部に表示されるカテゴリ、タグを非表示
--------------------------------------*/


.footer-meta {
    display: none;
}



/*--------------------------------------
  ウィジェットのアイコンの変更と位置調整
--------------------------------------*/
.sidebar .my_popular_posts .widgettitle:before {
    content: "\f201";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}

.sidebar .widget_archive .widgettitle:before {
    content: "\f017";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}

.sidebar .widget_recent_entries .widgettitle:before {
　content: "\f542";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}

.sidebar .widget_tag_cloud .widgettitle:before {
  content: "\f02c";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}

.sidebar .widget_categories .widgettitle:before {
　content: "\f542";/*アイコン変更*/
    padding-right: .7em;/*内側の余白（左）*/
    padding-left: .3em;/*内側の余白（右）*/
}


/* ウィジェットタイトルの文字サイズを変更 */
.widgettitle {
font-size: 18px ;
}



/*ハンバーガーアイコン*/
#drawer .fa-bars{
 margin-top:0.8em;
 color:#000000;
}
#drawer .fa-bars:after {
 content: "メニュー ";
 font-size: 10px;
 padding-top:0.3em;
 font-weight: bold;
 display: block;
 letter-spacing:0.1em;
}





/* 色・緑(AFリンクはこちら) */
.green-bc2 {
background-color: #1EAA39;
font-size: 20px;
}

/* 色・赤(AFリンクはこちら) */
.red-bc2 {
background-color: #f60e0b;
font-size: 20px;
}

/* 色・緑 */
.green-bc3 {
background-color: #1EAA39;
}

/* 色・エンジ(楽天) */
.enji-bc3 {
background-color: #be0000;
}

/* 色・赤(ヤフー) */
.red-bc3 {
background-color: #f60e0b;
}

/* 色・オレンジ(アマゾン)*/
.orange-bc3 {
background-color: #f79b34;
}

/* ⇒詳しくはこちら　グリーン（横幅いっぱい） */
.btn_green {
	display: block;
	margin: 0 0 0px;
	padding: 12px 20px 10px 20px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	font-size: 1.3rem;/* 文字のサイズ */
	font-weight: bold;/* 文字の太さ */
	line-height: 1.4;/* 上下文字の間隔 */
	
	background-color: #1EAA39;
	border-radius: 3px;/* 角を丸める */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
	}

.btn_green:hover,
.btn_green:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}

/* ⇒詳しくはこちら　レッド（横幅いっぱい） */
.btn_red {
	display: block;
	margin: 0 0 0px;
	padding: 12px 20px 10px 20px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	font-size: 1.3rem;/* 文字のサイズ */
	font-weight: bold;/* 文字の太さ */
	line-height: 1.4;/* 上下文字の間隔 */
	
	background-color: #f60e0b;
	border-radius: 3px;/* 角を丸める */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
	}

.btn_red:hover,
.btn_red:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}



/* もっと詳しく（テーブル用　横幅いっぱい） */
.btn_kuwasiku {
	display: block;
	margin: 0 0 0px;
	padding: 10px 2px 8px 2px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	font-size: 1.05rem;/* 文字のサイズ */
	font-weight: bold;/* 文字の太さ */
	line-height: 1.4;/* 上下文字の間隔 */
	
	background-color: #1EAA39;
	border-radius: 3px;/* 角を丸める */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
	}

.btn_kuwasiku:hover,
.btn_kuwasiku:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}

/* もっと詳しく 楽天（テーブル用　横幅いっぱい） */
.btn_enji {
	display: block;
	margin: 0 0 0px;
	padding: 10px 2px 8px 2px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	font-size: 1.05rem;/* 文字のサイズ */
	font-weight: bold;/* 文字の太さ */
	line-height: 1.4;/* 上下文字の間隔 */
	
	background-color: #be0000;
	border-radius: 3px;/* 角を丸める */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
	}

.btn_enji:hover,
.btn_enji:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}

/* もっと詳しく ヤフー（テーブル用　横幅いっぱい） */
.btn_redya {
	display: block;
	margin: 0 0 0px;
	padding: 10px 2px 8px 2px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	font-size: 1.05rem;/* 文字のサイズ */
	font-weight: bold;/* 文字の太さ */
	line-height: 1.4;/* 上下文字の間隔 */
	
	background-color: #f60e0b;
	border-radius: 3px;/* 角を丸める */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
	}

.btn_redya:hover,
.btn_redya:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}

/* もっと詳しく アマゾン（テーブル用　横幅いっぱい） */
.btn_orange {
	display: block;
	margin: 0 0 0px;
	padding: 10px 2px 8px 2px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	font-size: 1.05rem;/* 文字のサイズ */
	font-weight: bold;/* 文字の太さ */
	line-height: 1.4;/* 上下文字の間隔 */
	
	background-color: #f79b34;
	border-radius: 3px;/* 角を丸める */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
	}

.btn_orange:hover,
.btn_orange:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}





/* 吹き出し四角(線なし)*/
.faceicon img {
border-radius: 0!important;
border:none;
}

/*--------------------------------------
  SNSの文言変更
--------------------------------------*/
.sns-btn__title {
    font-size: 11px;
    color: transparent;
    width: 100%;
    height: 40px;
    line-height: 0;
}

.sns-btn__title:before, .sns-btn__title:after {
    transform: none;
    width: auto;
    background: transparent;
}

.sns-btn__title:before {
    content: ' ＼シェアしよう／ ';
    color: #b1bcc7;
    font-size: 17px;
    width: 100%;
    text-align: center;
    display: block;
}





/*--------------------------------------
  ふきだし画像(右より)
--------------------------------------*/
.box-fukidasi-right {
	width: 150px;/* 画像サイズ*/
	margin-left: auto;/* 画像を右寄せ*/
}

@media screen and (max-width: 600px){
.box-fukidasi-right {
    width: 150px;/* 画像サイズ*/
margin-left: auto;/* 画像の中央寄せ*/
margin-right: auto;/* 画像の中央寄せ*/

	}
}
/*--------------------------------------
  ふきだし画像(左より)
--------------------------------------*/
.box-fukidasi-left {
	width: 150px;/* 画像サイズ*/
	margin-right: auto;/* 画像を右寄せ*/
}

@media screen and (max-width: 600px){
.box-fukidasi-left {
    width: 150px;/* 画像サイズ*/
margin-left: auto;/* 画像の中央寄せ*/
margin-right: auto;/* 画像の中央寄せ*/

	}
}

	
/*--------------------------------------
  ふきだし上向きブルー(左より)
--------------------------------------*/
.fukidasi-blue-left {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;/*ふきだし内の文字余白*/
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #eaeff5;/*ふきだしの色*/
  border: solid 2px #b0d1ff;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-blue-left:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 75px;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #b0d1ff;/*三角の色*/
}

.fukidasi-blue-left p {
  margin: 0;
  padding: 7px;
}


	@media screen and (max-width: 600px){
 .fukidasi-blue-left {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #eaeff5;/*ふきだしの色*/
  border: solid 2px #b0d1ff;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-blue-left:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #b0d1ff;/*三角の色*/
}
		
.fukidasi-blue-left p {
  margin: 0;
  padding: 7px;
}
		

}
/*--------------------------------------
  ふきだし上向きピンク(左より)
--------------------------------------*/
.fukidasi-pink-left {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;/*ふきだし内の文字余白*/
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #faeaea;/*ふきだしの色*/
  border: solid 2px #eebcbd;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-pink-left:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 75px;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #eebcbd;/*三角の色*/
}

.fukidasi-pink-left p {
  margin: 0;
  padding: 7px;
}

	@media screen and (max-width: 600px){
 .fukidasi-pink-left {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #faeaea;/*ふきだしの色*/
  border: solid 2px #eebcbd;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-pink-left:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #eebcbd;/*三角の色*/
}
		
.fukidasi-pink-left p {
  margin: 0;
  padding: 7px;
}
		

}

/*--------------------------------------
  ふきだし上向きブルー(右より)
--------------------------------------*/
.fukidasi-blue-right {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;/*ふきだし内の文字余白*/
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #eaeff5;/*ふきだしの色*/
  border: solid 2px #b0d1ff;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-blue-right:before {
  content: "";
  position: absolute;
  top: -30px;
  right: 55px;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #b0d1ff;/*三角の色*/
}

.fukidasi-blue-right p {
  margin: 0;
  padding: 7px;
}

	@media screen and (max-width: 600px){
 .fukidasi-blue-right {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #eaeff5;/*ふきだしの色*/
  border: solid 2px #b0d1ff;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-blue-right:before {
  content: "";
  position: absolute;
  top: -30px;
  right: 47%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #b0d1ff;/*三角の色*/
}
		
.fukidasi-blue-right p {
  margin: 0;
  padding: 7px;
}
		

}

/*--------------------------------------
  ふきだし上向きピンク(右より)
--------------------------------------*/
.fukidasi-pink-right {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;/*ふきだし内の文字余白*/
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #faeaea;/*ふきだしの色*/
  border: solid 2px #eebcbd;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-pink-right:before {
  content: "";
  position: absolute;
  top: -30px;
  right: 55px;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #eebcbd;/*三角の色*/
}

.fukidasi-pink-right p {
  margin: 0;
  padding: 7px;
}

	@media screen and (max-width: 600px){
 .fukidasi-pink-right {
  position: relative;
  display: inline-block;
  margin: 0em 0 1em 0;/*ふきだしからの余白*/
  padding: 7px 10px;
  min-width: 120px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  background: #faeaea;/*ふきだしの色*/
  border: solid 2px #eebcbd;/*ふきだしの線の色*/
  border-radius: 10px;
}

.fukidasi-pink-right:before {
  content: "";
  position: absolute;
  top: -30px;
  right: 47%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #eebcbd;/*三角の色*/
}
		
.fukidasi-pink-right p {
  margin: 0;
  padding: 7px;
}
		

}

/*--------------------------------------
  アイコンの色変更(丸チェック)
--------------------------------------*/
.fa-check-circle {
 color: #f34c82;
 padding: 0px 10px 0px 0px;
}

/*--------------------------------------
  アイコンの色変更(四角チェック)
--------------------------------------*/
.fa-check-square {
 color: #8fbeff;
 padding: 0px 10px 0px 0px;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?gticis');
  src:  url('fonts/icomoon.eot?gticis#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?gticis') format('truetype'),
    url('fonts/icomoon.woff?gticis') format('woff'),
    url('fonts/icomoon.svg?gticis#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-kei:before {
  content: "\e900";
}






/*--------------------------------------
  目次をカスタム(for men仕様)
--------------------------------------*/
#toc_container {/*目次全体*/
    margin: 0 0 2em 0;/*外側の余白設定*/
    padding: 0;/*内側の余白を0に*/
    border-color: #4242428a!important;/*枠線の色*/
    border: solid 2px;/*枠線の種類と幅*/
    border-top: none;/*上線削除*/
    border-radius: 3px;/*角をちょっとだけ丸く*/
    background: #4242420d;/*背景色*/
    box-shadow: none;/*影を削除*/
}

#toc_container .toc_title {/*目次のタイトル*/
    display: block;/*段落に*/
    margin: 0;/*外側の余白を削除*/
    padding: 0;/*内側の余白を削除*/
    font-size: 18px;/*文字の大きさ*/
    line-height: 42px;/*行の高さ*/
    font-weight: bold;/*太文字*/
    background: #4242428a;/*背景色*/
    text-align: center;/*中央揃え*/
    color: white!important;/*文字の色*/
}
#toc_container .toc_title:before {/*タイトル前のアイコン*/
    display: none;/*消し消し*/
}
#toc_container .toc_list {/*目次のコンテンツ*/
    margin: 0;/*外側の余白削除*/
    color: #424242de;/*文字の色*/
    padding: 1em 6% 1em 10%;/*内側の余白調整*/
    position: relative;/*基準に設定*/
}
#toc_container .toc_list li a {/*アンカーリンクの設定*/
    color: #424242b3;/*文字色*/
    display: block;/*横いっぱいまでリンクにする*/
}
#toc_container .toc_list li a:hover {/*マウスホバーしたとき*/
    text-decoration: none;/*下線を表示しない*/
    opacity: .5;/*うっすら透明に*/
}
#toc_container ul {/*箇条書き*/
    list-style-type: decimal;/*番号に変更*/
    color: #424242b3!important;/*文字の色*/
}
@media only screen and (min-width: 481px){/*PC表示*/
#toc_container {
    padding: 0;/*内側の余白を削除*/
}}

/*--------------------------------------
  ふきだし(NEW)レスポンス対応
--------------------------------------*/

.fuki{
  display: -webkit-flex;
  display: flex;
  margin: 0 0 1.5em 0;
flex-basis: 100%/* 幅をいっぱいにする */	
}

.fukiR{
  -webkit-flex-direction: row-reverse;/* webkitとはカラムやサファリに対応 */	
  flex-direction: row-reverse;/* 右から123 */	

}
.fukimg{
  width: 150px;

  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.fukitxt{
	padding: 1em;
  border: 3px solid #333;
  border-radius: 6px;
  position: relative;
		width:100%

}





.fukitxt-blue{
  padding: 1em;
  border: 3px solid #b0d1ff;/*ふきだしの線の色(青)*/
  background-color: #eaeff5 ;/*ふきだしの色*/
  border-radius: 10px;
  position: relative;
		width:100%
}

.fukitxt-pink{
  padding: 1em;
  border: 3px solid #eebcbd;/*ふきだしの線の色(ピンク)*/
  background-color: #faeaea;/*ふきだしの色*/
  border-radius: 10px;
  position: relative;
		width:100%
}






.fukiL .fukitxt{
  margin: 0 0 0 15px;
		padding: 1em 0.5em 1em 1em;
}
.fukiR .fukitxt{
  margin: 0 15px 0;
		padding: 1em 0.5em 1em 1em;
}


.fukiL .fukitxt-blue{
  margin: 0 0 0 15px;
		padding: 1em 0.5em 1em 1em;
}
.fukiR .fukitxt-blue{
  margin: 0 15px 0 0;
		padding: 1em 0.5em 1em 1em;
}

.fukiL .fukitxt-pink{
  margin: 0 0 0 15px;
		padding: 1em 0.5em 1em 1em;
}
.fukiR .fukitxt-pink{
  margin: 0 15px 0 0;
		padding: 1em 0.5em 1em 1em;
}




/* レスポンシブ */
@media screen and (max-width:600px)
{
  .fuki{
	  -webkit-flex-direction:column;
	  flex-direction:column;/* 上から123 */	
	  width:100%
}
	
  .fukiR{
	  -webkit-box-ordinal-group:1;
	  -ms-flex-order:1;
	  -webkit-order:1;
	  order:1;
	  

	  
	}
  .fukimg{
	  -webkit-box-ordinal-group:1;
	  -ms-flex-order:1;
	  -webkit-order:1;
	  order:1;
	}
  .fukitxt{
	  -webkit-box-ordinal-group:2;
	  -ms-flex-order:2;
	  -webkit-order:2;
	  order:2;
	}	
	
	  .fukitxt-blue{
	  -webkit-box-ordinal-group:2;
	  -ms-flex-order:2;
	  -webkit-order:2;
	  order:2;
	}	
	
	  .fukitxt-pink{
	  -webkit-box-ordinal-group:2;
	  -ms-flex-order:2;
	  -webkit-order:2;
	  order:2;
	}	
	
	.fukiL .fukitxt{
	  -webkit-box-ordinal-group:2;
	  -ms-flex-order:2;
	  -webkit-order:2;
	  order:2;
}
.fukiR .fukitxt{
 -webkit-box-ordinal-group:2;
	  -ms-flex-order:2;
	  -webkit-order:2;
	  order:2;
}

}

/* レスポンシブ(画像) */
@media screen and (max-width:600px)
{
  .fukimg{
  width: 150px;
  margin: 0 auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
}


/* レスポンシブ(画像からの吹き出しの位置) */
@media screen and (max-width: 600px)
{

.fukiL .fukitxt{
  margin: 15px 0 0 0px;
	padding: 1em 0.5em 1em 1em;
}
.fukiR .fukitxt{
  margin: 15px 5px 0 0;
		padding: 1em 0.5em 1em 1em;
}
}


/* レスポンスの画像からの吹き出しの位置(ブルー) */
@media screen and (max-width: 600px)
{

.fukiL .fukitxt-blue{
  margin: 15px 0 0 0px;
	padding: 1em 0.5em 1em 1em;
}
.fukiR .fukitxt-blue{
  margin: 15px 5px 0 0;
		padding: 1em 0.5em 1em 1em;
}
}


/* レスポンスの画像からの吹き出しの位置(ピンク) */
@media screen and (max-width: 600px)
{

.fukiL .fukitxt-pink{
  margin: 15px 0 0 0px;
	padding: 1em 0.5em 1em 1em;
}
.fukiR .fukitxt-pink{
  margin: 15px 5px 0 0;
		padding: 1em 0.5em 1em 1em;
}
}




/* 三角の位置 */
.fukitxt::before,.fukitxt::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.fukiL .fukitxt::before{
  left: -16px;
  border-right: 16px solid #eebcbd;/*三角の色(ピンク)*/	
}

.fukiR .fukitxt::before{
  right: -16px;
  border-left: 16px solid #eebcbd;/*三角の色(ピンク)*/
}





/* 三角の位置(ブルー) */
.fukitxt-blue::before,.fukitxt-blue::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.fukiL .fukitxt-blue::before{
  left: -16px;
  border-right: 16px solid #b0d1ff;/*三角の色(ブルー)*/	
}

.fukiR .fukitxt-blue::before{
  right: -16px;
  border-left: 16px solid #b0d1ff;/*三角の色(ブルー)*/
}


/* 三角の位置(ピンク) */
.fukitxt-pink::before,.fukitxt-pink::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.fukiL .fukitxt-pink::before{
  left: -16px;
  border-right: 16px solid #eebcbd;/*三角の色(ピンク)*/	
}

.fukiR .fukitxt-pink::before{
  right: -16px;
  border-left: 16px solid #eebcbd;/*三角の色(ピンク)*/
}








/* レスポンスの三角の位置 */
@media screen and (max-width: 600px)
{
 .fukitxt::before,.fukitxt::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}	
 
.fukiL .fukitxt::before{		
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;/*これだけでは中央にならない*/
  margin-left: -15px;/*三角の位置微調整*/
  border: 15px solid transparent;
  border-bottom: 15px solid #b0d1ff;/*三角の色*/
}

.fukiR .fukitxt::before{
  content: "";
  position: absolute;
  top: -30px;
  right: 47%;
  margin-left: -15px;/*三角の位置修正*/
  border: 15px solid transparent;
  border-bottom: 15px solid #eebcbd;/*三角の色*/
}
}	



/* レスポンスの三角の位置(ブルー) */
@media screen and (max-width: 600px)
{
 .fukitxt-blue::before,.fukitxt-blue::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}	
 
.fukiL .fukitxt-blue::before{		
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;/*これだけでは中央にならない*/
  margin-left: -15px;/*三角の位置微調整*/
  border: 15px solid transparent;
  border-bottom: 15px solid #b0d1ff;/*三角の色(ブルー)*/
}

.fukiR .fukitxt-blue::before{
  content: "";
  position: absolute;
  top: -30px;
  right: 47%;
  margin-left: -15px;/*三角の位置修正*/
  border: 15px solid transparent;
  border-bottom: 15px solid #b0d1ff;/*三角の色(ブルー)*/
}
}	

		

/* レスポンスの三角の位置(ピンク) */
@media screen and (max-width: 600px)
{
 .fukitxt-pink::before,.fukitxt-pink::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}	
 
.fukiL .fukitxt-pink::before{		
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;/*これだけでは中央にならない*/
  margin-left: -15px;/*三角の位置微調整*/
  border: 15px solid transparent;
  border-bottom: 15px solid #eebcbd;/*三角の色(ピンク)*/
}

.fukiR .fukitxt-pink::before{
  content: "";
  position: absolute;
  top: -30px;
  right: 47%;
  margin-left: -15px;/*三角の位置修正*/
  border: 15px solid transparent;
  border-bottom: 15px solid #eebcbd;/*三角の色(ピンク)*/
}
}