@CHARSET "utf-8";

/*　記事詳細の本文部分のデザイン*/



/*テキストテンプレート開始*/
.tmp_text { padding:1em; }

/*段落のひとかたまり*/
.tmp_text .paragraph { margin-bottom:2em; }



/*段落*/
.tmp_text p {
	font-size: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.8em;
}
/*ひと段落の囲み*/
.tmp_text .pframe { margin:2em 0; padding:1.5em; border:solid 1px #F44669; background-color:#fff;  }

@media screen and (max-width: 1023px) { 
.tmp_text { padding:0; }
.tmp_text p{ font-size:14px;}
}

/*============================================================================*
/*  タイトル
/*============================================================================*/
/*------------*/
/*  h2
/*------------*/
.tmp_text .mtitle { 
	border-bottom:solid 2px #ef8282;
	color:#202020;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	margin-top:3em;
	margin-bottom:.7em;
}
@media screen and (max-width: 1023px) { 
.tmp_text .mtitle { font-size:16px; line-height:1.4em; }
}

/*------------*/
/*  h3
/*------------*/
.tmp_text .stitle { 
	border-left:solid 2px #E0E0E0;
	color:#202020;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:.7em;
	margin-top:2em;
	padding:0.3em 0.9em;
	position:relative;
}
@media screen and (max-width: 1023px) { 
.tmp_text .stitle { margin-bottom:10px; font-size:15px;}
}

/*------------*/
/*  h4
/*------------*/
.tmp_text .sstitle {
	color:#202020;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:.7em;
	margin-top:2em;
	padding:.3em 0 .3em 20px;
	position:relative;
}
.tmp_text .sstitle:before {
	border-left:solid 10px #ef8282;
	margin-top:-5px;	
	position:absolute;
	content:"";
	width :5px;
	height:10px;
	left:0;
	top:50%;
}
@media screen and (max-width: 1023px) { 
.tmp_text .sstitle        { font-size:15px; padding: .3em 5px .3em 18px;}
.tmp_text .sstitle:before { top:8px; margin-top:0;}
}

/*------------*/
/*  h5
/*------------*/
.tmp_text .ssstitle { 
	border-bottom:1px solid #eee;
	color:#202020;
	font-size:1.1em;
	font-style: italic;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:2em;
	padding-bottom:5px;
}
@media screen and (max-width: 1023px) { 
.tmp_text .ssstitle { font-size:15px;}
}

/*------------*/
/*  pタグ
/*------------*/
/*段落のタイトル*/
.tmp_text .ptitle { font-size:1.1em; line-height:1.2em; font-weight:bold;   }


/*============================================================================*
/* 文字装飾
/*============================================================================*/
/*ふと文字や文字色などのクラス*/

/*太字*/
.tmp_text .bold1 { font-size:1.1em; line-height:1.1em; font-weight:bold; }
.tmp_text .bold2 { font-size:1.1em; line-height:1.1em; font-weight:bold; color:#ff2323; }

.tmp_text strong { font-size:1.1em; line-height:1.1em; font-weight:bold;}
.tmp_text hr     { border: none; border-top: 1px #ccc solid; height: 1px;}

/*フォントファミリー変更*/
.tmp_text .font1 {
	background:#f6f6f6;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: italic;
	font-size:14px;
	display:block;
	padding:20px;
}
/*フォントファミリー変更*/
.tmp_text .font2 {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: italic;
	font-size:14px;
}

/*中央寄せ*/
.tmp_text .center{ text-align:center; margin:1.5em auto !important;}

@media screen and (max-width: 1023px) { 
.tmp_text .bold1 { font-size:1em; }
.tmp_text .bold2 { font-size:1em; }
}

/*============================================================================*
/* リンク
/*============================================================================*/
/*何もつけない場合*/
.tmp_text a         { color:#F44669; text-decoration:underline;}
.tmp_text a:visited { color:#F44669;}
.tmp_text a:link    { color:#F44669;}

/*一つだけのリンクの場合*/
.tmp_text .link a {
	border: 1px solid #dbdbdb;
	color: #f96082;
	font-size: 14px;
	font-weight:bold;
	text-decoration: underline;
	padding: 10px 20px 10px 30px;
	position: relative;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.tmp_text .link  a::before {
	content: "";
	border: 6px solid transparent;
	border-left-color: #f96082;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	left: 11px;
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.tmp_text .link  a:hover { text-decoration:none;}



/*トップリンク*/
.tmp_text .link_list    { margin-bottom:.5em; }
.tmp_text .link_list li { padding: 11px 0; margin-bottom:10px;}
.tmp_text .link_list a  {
	text-decoration: underline;
	color: #f96082;
	font-size: 14px;
	padding: 10px 20px 10px 30px;
	position: relative;
	font-weight:bold;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.tmp_text .link_list a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left-color: #f96082;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.tmp_text .link_list a:hover { text-decoration:none;}

/*詳細リンク*/
.tmp_text .link_detail_list    { margin-left: 3em; }
.tmp_text .link_detail_list li { padding: 11px 0; }
.tmp_text .link_detail_list a  {
	text-decoration: underline;
	color: #7e6d6d;
	font-size: 14px;
	padding: 5px 20px 5px 30px;
	position: relative;
	font-weight:bold;
}
.tmp_text .link_detail_list a::before {
	content: "";
	width:16px;
	height:16px;
	background:url('../images/osusume/link_detail_list.png') no-repeat center;
	background-size:contain;
	position: absolute;
	left: 11px;
	margin-top: 2px;
}
.tmp_text .link_detail_list a:hover { text-decoration:none;}

@media screen and (max-width: 767px) {
.tmp_text .link_list li          { padding: 5px 0; }
.tmp_text .link_detail_list li   { padding: 5px 0; }
.tmp_text .link_detail_list li p { margin-bottom:.5em; }
.tmp_text .link a      { display:block}
.tmp_text .link_list a { display:block;}

/*End @media */}

/*------------*/
/*  記事の下部に使うリンク一覧
/*------------*/
.tmp_text .cate_list    { clear:both; margin:0px 0 14px; padding-bottom:0px;}
.tmp_text .cate_list ul { border-bottom:1px solid #eee; border-top:1px solid #eee; padding:3px 0 0 0 ;}
.tmp_text .cate_list li { font-size:14px; display:inline-block; margin:0 10px 5px 0;}
.tmp_text .wrap_title   { font-size:14px; padding:14px 0 0;}




/*============================================================================*
/* 画像の指定
/*============================================================================*/
.tmp_text .img {
	width:80%;
	margin:1.5em auto;
	text-align:center; 
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.tmp_text .img img {
	border:1px solid #eee;
	max-width:100%;
	max-height:500px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.tmp_text img{ max-width:100%;}


/*============================================================================*
/* リスト
/*============================================================================*/
/*------------*/
/*  ul
/*------------*/
.tmp_text .ulist    {  margin:1em 0; }
.tmp_text .ulist li {
	background:url('../images/osusume/list_mark.png') no-repeat left 6px;
	padding-left:25px;
	font-weight:bold;
	margin-bottom:.5em;
}

@media screen and (max-width: 1023px) { 
.tmp_text .ulist    { font-size:14px;}
.tmp_text .ulist li {
	background:url('../images/osusume/list_mark_sp.png') no-repeat left 6px;
	background-size:14px auto;
}
/*End @media */}

/*------------*/
/*  ulリスト
/*------------*/
.tmp_text .text_wrap .text_wrap_list    {  margin:10px 0; }
.tmp_text .text_wrap .text_wrap_list li {
	background:url('../images/osusume/list_mark.png') no-repeat left 6px;
	padding-left:25px;
	font-weight:bold;
	margin-bottom:.5em;
}

@media screen and (max-width: 979px) { 
.tmp_text .text_wrap .text_wrap_list li {
	background:url('../images/osusume/list_mark_sp.png') no-repeat left 6px;
	background-size:14px auto;
}
/*End @media */}


/*------------*/
/*  ol
/*------------*/
.tmp_text .olist    { padding-left:1.9em; margin:1em; }
.tmp_text .olist li { list-style:decimal; }

/*------------*/
/*  dl
/*------------*/
.tmp_text .dlist    { margin:1em 0; }
.tmp_text .dlist dt { font-size:1.1em; line-height:1.2em; font-weight:bold;   }
.tmp_text .dlist dd { margin-bottom:2em;}


/*============================================================================*
/* テーブル
/*============================================================================*/
.tmp_text .table1{ border:1px solid #eee;}
.tmp_text .table1 th,
.tmp_text .table1 td{ border:1px solid #eee;  padding: 5px 10px; font-size:.9em;}
.tmp_text .table1 tr:nth-child(2n+1){ background:#fbfbfb;}
.tmp_text .table1 .bg        { background:#dcdcdc !important; font-weight:bold;}
.tmp_text .table1 .bg_pink   { background:#f8e7ee !important;}
.tmp_text .table1 .bg_glay   { background:#eee !important;}
.tmp_text .table1 .bg_blue   { background:#e1eaf9 !important;}
.tmp_text .table1 .bg_green  { background:#e3f9e1 !important;}
.tmp_text .table1 .bg_orange { background:#faf2e1 !important;}
.tmp_text .table1 .center    { text-align:center;}
.tmp_text .table1 .left      { text-align:left;}
.tmp_text .table1 .right     { text-align:right;}

@media screen and (max-width: 1023px) { 
.tmp_text .table1 { width:100%; max-width:600px;}
}

/*============================================================================*
/* テンプレ
/*============================================================================*/
/*----------------------------*/
/*   画像詳細ページのリンク   */
.tmp_text .img a{ text-decoration:none; display:block;}
.tmp_text .img a[href^="http://wanchan"]::after,
.tmp_text .img a[href^="https://test-wanchan"]::after,
.tmp_text .img a[href^="https://wanchan"]::after{
	content:'写真を見る';
	display:block;
	width:120px;
	margin:-5px auto 5px;
	color:#aaaaaa;
	text-align:center;
	font-size:12px;
}
.tmp_text .hb_design_list .img a[href^="http://wanchan"]::after,
.tmp_text .hb_design_list .img a[href^="https://test-wanchan"]::after,
.tmp_text .hb_design_list .img a[href^="https://wanchan"]::after{
	content:'';
	display:none;
}

/*------------*/
/*  引用：画像
/*------------*/
.tmp_text .source{}
.tmp_text .source p  { margin-top:0; font-size:12px; color:#ccc; text-align:left;}
.tmp_text .source p a{ color:#ccc; padding-left:5px; text-decoration:none;}


@media screen and (max-width: 1023px) { 
.tmp_text .source{ }
.tmp_text .source p  { margin-bottom:5px;}
}
.tmp_text .source         { width: 80%; margin: 1.5em 0;}
.tmp_text .source > a     { text-decoration:none; display:inline-block;}
.tmp_text .source > a img { max-width:100%; height:auto; display:block;}
.tmp_text .source > a[href^="http://wanchan"]::after,
.tmp_text .source > a[href^="https://test-wanchan"]::after,
.tmp_text .source > a[href^="https://wanchan"]::after{
	content:'写真を見る';
	display:block;
	width:120px;
	margin:0 auto 5px;
	color:#aaaaaa;
	text-align:center;
	font-size:12px;
}

.tmp_text .source.no_text > a[href^="http://wanchan"]::after,
.tmp_text .source.no_text > a[href^="https://test-wanchan"]::after,
.tmp_text .source.no_text > a[href^="https://wanchan"]::after{
	display:none;
}

@media screen and (max-width: 767px) { 
.tmp_text .img a[href^="http://wanchan"]::after,
.tmp_text .img a[href^="https://test-wanchan"]::after,
.tmp_text .img a[href^="https://wanchan"]::after { font-size:10px; width:100px;}

.tmp_text .source     { width: 100%;}
.tmp_text .source > a { width:100%;}
.tmp_text .source > a[href^="http://wanchan"]::after,
.tmp_text .source > a[href^="https://test-wanchan"]::after,
.tmp_text .source > a[href^="https://wanchan"]::after { font-size:10px; width:100px;}
/*End @media */}

/*------------*/
/*  引用：テキスト
/*------------*/
.tmp_text blockquote{
	font-weight:bold;
	color:#555;
	font-size:16px;
	margin-bottom:5px;
}
.tmp_text blockquote::before {
	content:url('../images/osusume/quote1.png');
	width:20px;
	height:16px;
}

.tmp_text .quote   { margin-top:0; font-size:12px; color:#ccc; border-bottom:1px solid #eee; padding-bottom:5px;}
.tmp_text .quote a { color:#ccc; padding-left:5px; text-decoration:none;}

@media screen and (max-width: 1023px) { 
.tmp_text blockquote { font-size:14px; line-height:1.5em;}
.tmp_text .quote     { margin-top:0; font-size:12px; color:#ccc;}
.tmp_text blockquote::before {
	margin:0;
	content:" ";
	display:inline-block;
	width:20px;
	height:20px;
	background:url('../images/osusume/quote2.png');
	background-repeat:no-repeat; 
	background-size:contain;
	vertical-align:middle;
}
}

/*------------*/
/*  殺処分のリンク
/*------------*/
.tmp_text .ad_sponsor { overflow:hidden; border-top:1px solid #ddd; padding:20px 0 10px;}
.tmp_text .ad_sponsor .ad_sponsor_img       { float:left; margin-right:20px; margin-bottom:0; max-width:150px;}
.tmp_text .ad_sponsor .ad_sponsor_img img   { max-width:100%; height:auto;}
.tmp_text .ad_sponsor .ad_sponsor_img a img { max-width:100%; height:auto;}
.tmp_text .ad_sponsor .ad_sponsor_title  { font-weight:bold; margin-top:0; margin-bottom:10px; font-size:1.2em; line-height:1em;}
.tmp_text .ad_sponsor .ad_sponsor_text   { margin-top:0; font-size:.9em;}
.tmp_text .ad_sponsor .ad_sponsor_link   { clear:both; text-align:center; color:#444444; font-size:12px; font-weight:bold;}
.tmp_text .ad_sponsor .ad_sponsor_link li{
	display:inline-block;
	margin:0 20px;
	padding:10px 15px 5px;
	background:#eeeeee;
	-webkit-border-radius : 2px;
	   -moz-border-radius : 2px;
	        border-radius : 2px;
}
.tmp_text .ad_sponsor .ad_sponsor_link li a     { display:block;}
.tmp_text .ad_sponsor .ad_sponsor_link li a img { height:50px; width:auto;}

@media screen and (max-width: 767px) { 
.tmp_text .ad_sponsor .ad_sponsor_img     { margin-right:10px; max-width:80px;}
.tmp_text .ad_sponsor .ad_sponsor_text    { clear:both; font-size:13px; line-height:1.5em;}
.tmp_text .ad_sponsor .ad_sponsor_link li {
	width:45%;
	margin:0 2%;
	line-height:1.3em;
	text-align:center;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.tmp_text .ad_sponsor .ad_sponsor_link li span  { display:block;}
.tmp_text .ad_sponsor .ad_sponsor_link li a img { height:32px; width:auto; margin-top:5px;}
/*End @media */}


/*------------*/
/*  キャンペーン用のシェアボタン
/*------------*/
.tmp_text .campaign_sns { text-align:center; margin:0 0 30px 0;}
.tmp_text .campaign_sns > div{ width:40%; display:inline-block; margin:0 2%;}
.tmp_text .campaign_sns {}
.tmp_text .campaign_sns a {
    color: #fff;
    font-size: 16px;
    display: block;
    height: 60px;
		padding-left:10px;
    line-height: 60px;
    width: 100%;
    text-align: center;
		text-decoration:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tmp_text .campaign_sns  .facebook a{
	background:#3b5998 url('../images/article_facebook_sp.png') no-repeat 30px center;
	background-size:25px auto;
}
.tmp_text .campaign_sns  .twitter a{
	background:#42a6e3 url('../images/article_twitter_sp.png') no-repeat 30px center;
	background-size:20px auto;
}
.tmp_text .campaign_sns  .facebook a:hover{ background-color:#34518f;}
.tmp_text .campaign_sns  .twitter  a:hover{ background-color:#3ca0dd;}

@media screen and (max-width: 767px) { 
.tmp_text .campaign_sns > div{ width:48%; margin:0; vertical-align:top;
 	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.tmp_text .campaign_sns a{
	font-size:12px;
	padding-top:15px;
	padding-left:0;
 	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.tmp_text .campaign_sns  .facebook a{
	background:#3b5998 url('../images/article_facebook_sp.png') no-repeat center top 7px;
	background-size:25px auto;
}
.tmp_text .campaign_sns  .twitter a{
	background:#42a6e3 url('../images/article_twitter_sp.png') no-repeat center top 10px;
	background-size:20px auto;
}
/*End @media */}



/*-------------------------*/
/*    インスタの枠削除   */
.tmp_text blockquote.instagram-media{}
.tmp_text blockquote.instagram-media::before { display:none;}
.tmp_text blockquote.instagram-media::after  { display:none;}

/*-------------------------*/
/*    動画等   */
.tmp_text iframe{ max-width:100%;}

/*----------------------------*
/*　囲み
/*----------------------------*/
/*わんぱぱの格言で使っています*/
/*https://wanchan.jp/osusume/detail/2087?p=2*/
.tmp_text .text_wrap{
	border:3px double #ccc;
	margin:1.5em 2em;
	padding:1.5em;
}
.tmp_text .text_wrap p { margin-top:0; margin-bottom:.8em; font-size:16px;}

/*タイトル*/
.tmp_text .text_wrap .text_wrap_title{
	margin-bottom: 10px;
	padding-top:0;
	padding-bottom: 5px;
	font-size: 1.1em;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-style: italic;
	color: #202020;
}

@media screen and (max-width: 1023px) { 
.tmp_text .text_wrap   { font-size:14px; margin:1.5em 10px; padding:1em;}
.tmp_text .text_wrap p { font-size:14px;}
/*End @media */}



/*============================================================================*
/* input,bottom
/*============================================================================*/
/*----------------------------*
/*　input type="bottom"
/*----------------------------*/
.tmp_text .linkbutton { text-align:center; margin:20px 0;}
.tmp_text .linkbutton input,
.tmp_text input[value="結果判定"]{
	cursor:pointer;
	border: 1px solid #e07171;
	color: #fff;
	font-weight: bold;
	padding:0 20px;
	margin:0 5px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f48185;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f48185 0%, #f07070 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48185), color-stop(100%,#f07070));
	background: -webkit-linear-gradient(top, #f48185 0%,#f07070 100%);
	background: -o-linear-gradient(top, #f48185 0%,#f07070 100%);
	background: -ms-linear-gradient(top, #f48185 0%,#f07070 100%);
	background: linear-gradient(to bottom, #f48185 0%,#f07070 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48185', endColorstr='#f07070',GradientType=0 );
}
.tmp_text input[value="結果判定"]{ margin:0 auto 20px; width:300px; max-width:100%; display:block; font-size:18px; font-weight:normal;}
@media screen and (max-width: 1023px) { 
.tmp_text input[value="結果判定"]{ margin:20px auto; line-height:44px; height:44px;}
/*End @media */}

/*----------------------------*
/*　input type="radio"
/*----------------------------*/
.tmp_text input[type="radio"]{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right:10px;
}
@media screen and (max-width: 1023px) { 
.tmp_text input[type="radio"]{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right:10px;
}
/*End @media */}

/*============================================================================*
/* 記事中の広告
/*============================================================================*/
.pfxAd_wrap{
	background: #f2f2f2;
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}

.article_ad_center{ text-align:center;}
.article_ad_center > div{ display:inline-block;}

.article_ad_left  { display:inline-block; width:50%; margin-right:-5px; vertical-align:top; text-align:center;}
.article_ad_right { display:inline-block; width:50%; margin-right:-5px; vertical-align:top; text-align:center;}
.article_ad_left > div,
.article_ad_right > div{ display:inline-block;}


@media screen and (max-width: 1023px) { 
.article_ad_center{ text-align:center;}
/*End @media */}