@CHARSET "utf-8";
/*ヘッダーやフッターなどの大枠のページデザインを記述*/


html,body{ background:#fff;}
body{
	position:relative;
	font-size:14px;
	-webkit-text-size-adjust: 100%;
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-seri;
}


.wrap       { width:1100px; margin:0 auto; position:relative;}
.wrap:after { content: "";clear: both;height: 0;display: block;visibility: hidden;}
@media screen and (max-width: 1023px) { 
.wrap{ width:100%;}
/*End @media */}


/*アプリの時*/
.app_wrap { padding-top:0 !important; margin-top:0 !important;}
/*アプリの時 非表示*/
.app_display{}
.app_display_none { display:none;}


@media screen and (max-width: 1023px) { 
#sb-site{  background:#fff; width:100%;}
/*End @media */}




/*============================================================================*
/* 共通
/*============================================================================*/

a{
	color: #45403c;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255,242,243,.3);
}
a:link    { color: #45403c; }
a:visited { color: #45403c; }
a:active  { color: #45403c; }

a:focus   { color: #45403c; }
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.linkbox{cursor:pointer;}
.linkbox:hover{
	background-color: #fff8eb;
	text-decoration:none; 
	-webkit-tap-highlight-color: rgba(255,242,243,.3);
}

.clearfix:after { content: "";clear: both;height: 0;display: block;visibility: hidden;}




/*----------------------------*
/*  pankuzu
/*----------------------------*/
.pankuzu {
	padding:5px 0 20px;
	font-size:13px;
	overflow:hidden;
}
.pankuzu li{
	float: left;
	position: relative;
	padding-right: 1.7em;
	margin-right: 0em;
	color:#333;
}
.pankuzu li:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.pankuzu li:last-child:after { display:none;}
.pankuzu li a                { color:#f46767;}
#content_wrap>.pankuzu.wrap{ margin-bottom:0;}

@media screen and (max-width: 1023px) { 
.pankuzu { font-size:12px; padding:5px 5px 20px;}
/*End @media */}


/*----------------------------*
/*  ページャー
/*----------------------------*/
.deg_pager             { margin:1em;}
.deg_pager .pager_list { overflow:hidden;}
.deg_pager .pager_list li.prev { float:left;}
.deg_pager .pager_list li.next { float:right;}
.deg_pager .pager_list a{
	display:block;
	padding: .5em 2em;
	font-size:1.1em;
	border: solid 1px #eee;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	transition-property: all;
	 transition: 0.1s linear;
}
.deg_pager .pager_list a:hover{ background:#f9dfd4; text-decoration:none;}




/*============================================================================*
/* header
/*============================================================================*/
#header       { text-align:center; width:100%; background: #fff; border-bottom: 1px solid #eee;}
#header .wrap { position:relative; overflow:hidden;}
#header .header_inner{ padding:25px 0; float:left;}

#header .logo { display:table-cell; padding-right:17px;}
#header .logo img{ width:207px; height:auto;}
#header .header_info{
	display:table-cell; vertical-align:middle; color:#aaa; font-size:12px; text-align:left; padding-top:4px;
	line-height:1.5em;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}

@media screen and (max-width: 1023px) { 
#header{
	width:100%;
	height:50px;
	background:#fff;
	overflow:hidden;
	border-bottom: 1px solid #eee;
}
#header .wrap{ margin-top:0;}
#header .header_inner{ padding:0; float:none;}
#header .logo { display:block; padding-right:0;}
#header .logo img{ width:auto; height:30px; margin:10px 0;}
#header .header_info{ display:none;}
/*End @media */}





/*----------------------------*
/* マイページ
/*----------------------------*/
.wanchan_nav .my_page a { background:#fff url('../images/top/nav_my.png') no-repeat center 9px;}
.wanchan_nav .user_icon {
	width:35px;
	height:35px;
	overflow:hidden;
	margin:10px auto;
	-webkit-border-radius : 35px;
	   -moz-border-radius : 35px;
	        border-radius : 35px;
}
.wanchan_nav .user_icon img{ width:100%; height:auto;}

/*----------------------------*
/* 非会員の場合
/*----------------------------*/
.wanchan_nav .no_user   {}
.wanchan_nav .no_user a { background:#fff url('../images/top/nav_my.png') no-repeat center 9px;}


/*----------------------------*
/* カテゴリ、検索リンク
/*----------------------------*/

.pc_header_nav { float:right;}
.pc_header_nav > div { float:left; width:100px; vertical-align:top; font-size:12px; font-weight:bold; height:101px;}
.pc_header_nav > div a{ padding-top:38px; display:block; margin-top:22px; line-height:1.4em;}
.pc_header_nav .header_article a{
	background:url('../images/header/header_article.png') no-repeat center top;
}
.pc_header_nav .header_cate a{
	background:url('../images/header/header_cate.png?12') no-repeat center top;
}
.pc_header_nav .header_search a{
	background:url('../images/header/header_search.png') no-repeat center top;
}
.pc_header_nav .header_login a{
	background:url('../images/header/header_login.png') no-repeat center top;
}

.pc_header_nav .header_login{ width:140px; border-left:1px solid #f1f1f1;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.pc_header_nav .header_mypage{ width:140px; border-left:1px solid #f1f1f1;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.pc_header_nav .header_mypage a{ padding-top:5px;}
.pc_header_nav .header_mypage img{
	display:block;
	width:30px;
	height:30px;
	margin:0 auto 4px;
	-webkit-border-radius : 30px;
	   -moz-border-radius : 30px;
	        border-radius : 30px;
}
.pc_header_nav .header_mypage span{ display:block;}

#header .search_category_link { display:none;}

@media screen and (max-width: 1023px) { 
.pc_header_nav { display:none;}
#header .search_category_link     { display:block; position:absolute; top:3px; right:7px;}
#header .search_category_link a   { display:inline-block; margin-left:0;}
#header .search_category_link img { width:26px; height:26px; margin:9px 2px; vertical-align:bottom;}
#header .search_category_link a:first-child { margin-right:-4px;}
#header .search_category_link .header_form{ display:none;}
#header .search_category_link { display:block;}
#header .search_category_link  .sp_cate_link{ display:inline-block;}
#header .search_category_link  .sp_form_link{ display:inline-block;}
/*End @media */}


/*============================================================================*
/* container
/*============================================================================*/

#content_wrap{ padding:0; min-height: 550px;}
#content_wrap > .wrap{ margin-bottom:50px;}

@media screen and (max-width: 1023px) { 
#content_wrap{ padding: 0 0 30px 0;}
#content_wrap > .wrap{ margin-bottom:20px;}
}

/*----------------------------*
/*  スマホにしたときのヘッダー分の余白
/*----------------------------*/
@media screen and (max-width: 1023px) { 
.main_content{ padding-top:95px;}
}

/*----------------------------*
/*  カラム
/*----------------------------*/
.main2                     { width:680px; float:left;}
.main2 .msg_view .msg_view { text-align:center; line-height:2em; color:#ff0000;}
@media screen and (max-width: 1023px) { 
.main2  { width:100%; float:none; margin-bottom:2em;}
.title2 { color:#333; font-size: 15px; font-weight: bold; padding: 15px 10px 0; }
}

/*----------------------------*
/*  2カラム
/*----------------------------*/
#main { width: 772px; float: left; position: relative;}
@media screen and (max-width: 1023px) { 
#main {  width: 100%; float: none;}
/*End @media */}


/*----------------------------*
/*  3カラム
/*----------------------------*/
/*上部のコンテンツ*/
#top_content{}
/*左サイド*/

#side_left    { width: 140px; position: absolute; left: 0;}
#main_content { width: 540px; float: left; position: relative; left: 150px; padding: 0em 0 2em 0;}

.content_inner{ }

@media screen and (max-width: 1023px) { 
#content      { padding-top:0; padding-bottom:20px; min-height:auto;}

#side_left    { width: 100%; position: inherit; left:auto;}
#main_content { width: 100%; float: none; position: inherit; left: auto; padding: 0;}

.content_inner{ padding: 0; border:none;}
/*End @media */}


/*============================================================================*
/* footer
/*============================================================================*/
.footer       { background:#fff; padding-top:30px;}
@media screen and (max-width: 1023px) { 
.footer .wrap { margin-top:0; background:#fff;}
/*End @media */}

/*----------------------------*
/* pickup_keyword
/*----------------------------*/
.bottom_pickup_keyword{
	background:#f5f5f5;
	padding:20px 0 15px;
}
.bottom_pickup_keyword_title{
	display:block;
	background:#ef8080;
	color:#fff;
	text-align:center;
	width:125px;
	padding:5px 0;
	float:left;
	font-size:12px;
	-webkit-border-radius : 5px;
	   -moz-border-radius : 5px;
	        border-radius : 5px;

}
.bottom_pickup_keyword_lists{
	width:auto;
	margin-left:135px;
}
.bottom_pickup_keyword_lists a{ display:inline-block; margin:0 5px 5px; text-decoration:underline;}
.bottom_pickup_keyword_lists a:hover{ text-decoration:none;}

@media screen and (max-width: 1023px) { 
.bottom_pickup_keyword{
	background:#fff;
	padding:0;
}
.bottom_pickup_keyword_title{
	display:block;
	text-align:center;
	width:100%;
	padding:5px 0;
	float:none;
	-webkit-border-radius : 0px;
	   -moz-border-radius : 0px;
	        border-radius : 0px;

}
.bottom_pickup_keyword_lists{
	display:block;
	width:auto;
	margin:13px 8px;
}
.bottom_pickup_keyword_lists a{
	display:inline-block;
	margin:0 5px 5px;
	padding:2px 5px;
	text-decoration:none;
	border:1px solid #eeeeee;
	-webkit-border-radius : 3px;
	   -moz-border-radius : 3px;
	        border-radius : 3px;
}
.bottom_pickup_keyword_lists a:hover{ text-decoration:none;}
/*End @media */}



/*----------------------------*
/* PCのときアプリDLlink
/*----------------------------*/
.footer_app_dl { background:url('../images/footer/footer_app_dl_bg.png') no-repeat center; background-size:cover;}
.footer_app_dl .wrap            { position:relative; height:250px;}
.footer_app_dl .footer_app_dl_pc{ position:absolute; bottom:0; right:20px;}
.footer_app_dl .app_list        { position:absolute; bottom:46px; right:30px;}
.footer_app_dl .app_list li     { display:inline-block; height:48px;}
.footer_app_dl .app_list li img { height:100%; width:auto;}
@media screen and (max-width: 1023px) { 
.footer_app_dl                  { display:none;}
/*End @media */}

/*----------------------------*
/* スマホのときアプリDLlink
/*----------------------------*/
.footer_app_dl_sp        { display:none;}
@media screen and (max-width: 1023px) { 
.footer_app_dl_sp        { display:block; text-align:center; margin-bottom:10px;}
.footer_app_dl_sp_img    { width:100%;}
.footer_app_dl_sp_img img{ width:100%;}
.footer_app_dl_sp > div  { padding:10px 15px; text-align:left;}
.footer_app_dl_sp_title  { color:#444444; margin-bottom:10px; font-weight:bold;}
.footer_app_dl_sp_dis    { color:#888888; margin-bottom:10px; font-size:12px;}
.footer_app_dl_sp_btn    {
	display:block;
	margin:0 15px;
	color:#FFFFFF !important;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	-webkit-border-radius : 6px;
	   -moz-border-radius : 6px;
	        border-radius : 6px;
	border-bottom:4px solid #cb7171;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee9595+0,ea8181+100 */
	background: #ee9595; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee9595 0%, #ea8181 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ee9595 0%,#ea8181 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ee9595 0%,#ea8181 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9595', endColorstr='#ea8181',GradientType=0 ); /* IE6-9 */
}
/*End @media */}


/*----------------------------*
/* ロゴ
/*----------------------------*/
.footer .logo       { float:left; margin: 1em; width: 300px; text-align:center; color:#202020;}
.footer .logo .note { font-weight:bold; text-align:left; margin:1em; font-size:12px;}
@media screen and (max-width: 1023px) { 
.footer .logo              { width:100%;   padding: 10px 0; margin: 0; background:#f5f5f5;}
.footer .logo .footer_logo { width:150px;}
.footer .logo .note        { display:none; }
/*End @media */}

/*----------------------------*
/* フッターmenu
/*----------------------------*/
.footer .footer_nav    { margin: 1em 0 1em 1em; padding-bottom: 2em; overflow:hidden; float:right; width:750px;}

.footer .footer_nav dl { float:left; margin-right:3em; font-size:12px;}
.footer .footer_nav dt { font-weight:bold; color:#202020; margin-bottom:10px;}
.footer .footer_nav li {
	text-align:left;
	line-height:2em;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
.footer .footer_nav li a            { color:#888888;}
.footer .footer_nav .about .list    { width:300px;}
.footer .footer_nav .about .list li { vertical-align:top; width:50%; float:left;}

@media screen and (max-width: 1023px) {
.footer .footer_nav    { width:100% !important; margin:0 !important; float:none; padding-bottom:0;}
.footer .footer_nav dl { margin-bottom:0; float:none; margin-right:0;}
.footer .footer_nav dt { text-align:center; font-weight: bold; font-size: 12px;}
.footer .footer_nav dd { margin-left:0;}
.footer .footer_nav .list li:before { content:"";}

.footer .footer_nav ul       { overflow:hidden; text-align:center;}
.footer .footer_nav li       { padding:0; display:inline-block;}
.footer .footer_nav li:after { content:' | '; color:#888;}
.footer .footer_nav li a     { font-size:10px;}

.footer .footer_nav .about          { background:#f5f5f5; padding-top:60px;}
.footer .footer_nav .about .list    { width:auto;}
.footer .footer_nav .about .list li { padding:0; display:inline-block; width:auto; float:none;}
/*End @media */}


/*----------------------------*
/*  上に戻るボタン
/*----------------------------*/
#pagetop{
	position:absolute;
	top:10px;
	right:10px;
	z-index:1;
	width:100px;
	height:100px;
	background:#f5f5f5;
	font-size:10px;
	text-align:center;
	line-height:1.3em;
	cursor:pointer;
	-webkit-border-radius : 100px;
	   -moz-border-radius : 100px;
	        border-radius : 100px;
}
#pagetop img { width:30px; margin-top:18px;}
@media screen and (max-width: 1023px) { 
#pagetop     { top:50px; left:50%; margin-left:-45px; margin-top:-25px; position:relative; width:90px; height:90px;line-height:1.5em;}
#pagetop img { width:20px; height:auto;}
/*End @media */}

/*----------------------------*
/*  SNSページへのリンク
/*----------------------------*/
.footer_nsn_link           { text-align:center;}
.footer_nsn_link li        { display:inline-block; margin:0 10px;}
.footer_nsn_link li img    { width:100%; height:auto;}
.footer_nsn_link .twitter a{
	display:block;
	width:50px;
	height:50px;
	padding:10px;
	background:#00b1eb;
	-webkit-border-radius : 40px;
	   -moz-border-radius : 40px;
	        border-radius : 40px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
.footer_nsn_link .facebook a{
	display:block;
	width:50px;
	height:50px;
	padding:10px;
	background:#3b5998 ;
	-webkit-border-radius : 40px;
	   -moz-border-radius : 40px;
	        border-radius : 40px;
	-webkit-box-sizing : border-box;
	   -moz-box-sizing : border-box;
	    -ms-box-sizing : border-box;
	     -o-box-sizing : border-box;
	        box-sizing : border-box;
}
@media screen and (max-width: 1023px) { 
.footer_nsn_link           { margin-top:10px;}
.footer_nsn_link .twitter a{
	width:40px;
	height:40px;
	padding:8px;
	-webkit-border-radius : 30px;
	   -moz-border-radius : 30px;
	        border-radius : 30px;
}
.footer_nsn_link .facebook a{
	width:40px;
	height:40px;
	padding:8px;
	-webkit-border-radius : 30px;
	   -moz-border-radius : 30px;
	        border-radius : 30px;
}
/*End @media */}

/*----------------------------*
/*  コピーライト
/*----------------------------*/
.footer .copyright       { border-top:1px solid #eeeeee; color: #b0b0b0; text-align:center; line-height:25px; font-size:10px;}
.footer .copyright small { line-height:34px;}
@media screen and (max-width: 767px) { 
.footer .copyright       { background:#f5f5f5; border:none; font-size:12px;}
.footer .copyright .wrap { background:none; padding-bottom:50px;}
/*End @media */}



/*============================================================================*
/* 上部固定のアプリ リンク
/*============================================================================*/
@media screen and (min-width: 1024px) {
#app_link { display:none !important;}
#header   { margin-top:0 !important;}
/*End @media */}

@media screen and (max-width: 1023px) { 
#app_link       {
	width:100%;
	background:#f5f5f5;
	border-bottom:1px solid #dddddd;
	position:fixed;
	top:-70px;
	z-index:100;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-property: -webkit-transform,-webkit-transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-duration: .45s;
	transition-duration: .45s;
	-webkit-transition-timing-function: cubic-bezier(0.13,.53,0,1);
	transition-timing-function: cubic-bezier(0.13,.53,0,1);
}
#app_link img{ height:70px; width:auto; vertical-align:bottom;}

#app_link > div{ display:table-cell;}
#app_link a     { display:block; text-align:center;}

#app_link.banner_open{
	display:block;
	-webkit-transform:translate3d(0,70px,0);
	-ms-transform:translate3d(0,70px,0);
	transform:translate3d(0,70px,0);
}


/*End @media */}



/*============================================================================*
/* 保険の広告バナー、フォーム
=====================================================*/
/*----------------------------*
/*記事内広告
/*----------------------------*/
.kizi_insert_ad     { text-align:center;}
.kizi_insert_ad img { vertical-align:bototm; max-width:100%;}
/*----------------------------*
/*自社オーバーレイ広告
/*----------------------------*/

.overlay_ad_own {
	position:fixed;
	bottom:-70px;
	width:100%;
	max-width:320px;
	margin:0 auto;
	text-align:center;
	z-index:100;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-property: -webkit-transform,-webkit-transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-duration: .45s;
	transition-duration: .45s;
	-webkit-transition-timing-function: cubic-bezier(.13,.53,0,1);
	transition-timing-function: cubic-bezier(.13,.53,0,1);
}
.overlay_ad_own img {
	vertical-align:bottom;
	max-width:100%;
}

.overlay_ad_own.add_open{
	display:block;
	-webkit-transform:translate3d(0,-70px,0);
	-ms-transform:translate3d(0,-70px,0);
	transform:translate3d(0,-70px,0);
}
.overlay_ad_own.app_add{
	bottom: 0 !important;
}

/*----------------------------*
/*保険フォーム
/*----------------------------*/

.hoken_search_form_area {
	width: 300px;
	height: 250px;
	margin:0 auto;
	font-size:14px;
	background:#fff;
	border: solid 1px #ddd;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-ms-box-sizing : border-box;
	-o-box-sizing : border-box;
	box-sizing : border-box;
}
.hoken_search_form_area p {
	margin:0 !important;
}

.hoken_search_form_area .hoken_title {
	padding: .5em 0 .5em 0;
	text-align: center;
	line-height:1.3em;
	font-size: 1.3em;
	font-weight: bold;
}
.hoken_search_form_area form { }
.hoken_search_form_area .hoken_form_list {
	background-color: #fff;
	width: 80%;
	margin: 0 auto;
}
.hoken_search_form_area .hoken_form_list dt {
	font-size: .8em;
	line-height:1.3em;
	color: #aaa;
	text-align: left;
	margin: .1em 0 0 0;
}
.hoken_search_form_area .hoken_form_list dd {
	line-height: 50px;
	margin: 0;
	position:relative;
}
.hoken_search_form_area .hoken_form_list dd select {
	-webkit-appearance: none;
	width: 100%;
	color: #717171;
	font-size:15px;
	padding: .85em;
	background: #fff;
	border: solid 1px #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/*吹き出し用の三角*/
.hoken_search_form_area .hoken_form_list dd:after {
	content:" ";
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 7px solid #444;
	position:absolute;
	bottom:15px;
	left:91%;
}
.hoken_search_form_area .hoken_form_list dd select:focus { outline: none; }
.hoken_search_form_area .hoken_select_area { text-align: center; }
.hoken_search_form_area .hoken_submit { margin-top: .7em !important; }
.hoken_search_form_area .hoken_submit input[type="submit"] {
	border: none;
	color: #202020;
	font-size: 16px;
	font-weight: bold;
	-webkit-appearance: none;
	cursor: pointer;
	overflow: visible;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: .85em 3em;
	margin: 0 0 .2em 0;
	background: #ffdb00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZkYjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #ffdb00 0%, #ffc900 100%);
	background: -webkit-linear-gradient(-45deg, #ffdb00 0%, #ffc900 100%);
	background: linear-gradient(135deg, #ffdb00 0%, #ffc900 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb00', endColorstr='#ffc900', GradientType=1 );
	-webkit-box-shadow : 0px 2px 0 #202020;
	-moz-box-shadow : 0px 2px 0 #202020;
	-ms-box-shadow : 0px 2px 0 #202020;
	box-shadow : 0px 2px 0 #202020;
	text-shadow: 1px 1px 0 #fff;
}
.hoken_search_form_area input[type="submit"]:hover { opacity: .8; }
.hoken_search_form_area input[type="submit"]:focus { outline: none; }



/*----------------------------*
/*保険　年齢選択フォーム
/*----------------------------*/

.hoken_age_form_area { 
	font-size: 14px;
	width: 300px;
	height: 150px;
	background-color: #fff;
	margin:1em auto;
}
.hoken_age_form_area p { margin:0 ;}
.hoken_age_form_area .hoken_title {
	padding: .5em 0 .5em 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	line-height:1.2em;
}
.hoken_age_form_area .hoken_dog_age {
	line-height: 50px;
	margin: 0;
	position: relative;
}
.hoken_age_form_area .hoken_dog_age { 
	width: 5em; 
	display: inline;
	position:relative;
}
.hoken_age_form_area .hoken_dog_age select {
	-webkit-appearance: none;
	width: 5em;
	color: #444;
	font-size: 17px;
	padding: .7em;
	font-weight:bold;
	background: #fff;
	border: solid 1px #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/*吹き出し用の三角*/
.hoken_age_form_area .hoken_dog_age:after {
	content: " ";
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 7px solid #444;
	position: absolute;
	bottom: 0px;
	right: 20%;
}
.hoken_age_form_area select:focus { outline: none; }
.hoken_age_form_area .hoken_select_area { text-align: center; }
.hoken_age_form_area .hoken_submit { 
	margin-top: .7em; 
	display: inline;
}
.hoken_age_form_area input[type="submit"] {
	border: none;
	color: #202020;
	font-size: 16px;
	font-weight: bold;
	-webkit-appearance: none;
	cursor: pointer;
	overflow: visible;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: .85em 2em;
	margin: 0 0 .2em 0;
	background: #ffdb00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZkYjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #ffdb00 0%, #ffc900 100%);
	background: -webkit-linear-gradient(-45deg, #ffdb00 0%, #ffc900 100%);
	background: linear-gradient(135deg, #ffdb00 0%, #ffc900 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb00', endColorstr='#ffc900', GradientType=1 );
	-webkit-box-shadow : 0px 2px 0 #202020;
	-moz-box-shadow : 0px 2px 0 #202020;
	-ms-box-shadow : 0px 2px 0 #202020;
	box-shadow : 0px 2px 0 #202020;
	text-shadow: 1px 1px 0 #fff;
}
.hoken_age_form_area input[type="submit"]:hover { opacity: .8; }
.hoken_age_form_area input[type="submit"]:focus { outline: none; }

/*============================================================================*
/*  スマホメニューボタン
/*============================================================================*/
#drawer_toggle,
#menu{ display:none;}
@media screen and (max-width: 1023px) { 
.mm-slideout{ z-index:10;}
#drawer_toggle,
#menu{ display:block;}
#drawer_toggle{ position: absolute; top: 5px; left:0; width: 30px; height:30px; margin:7px; z-index:9999999;}
#drawer_toggle img { width: auto; height: 30px; vertical-align: bottom;}
#drawer_toggle a{ display:block;}
.sb-active { display:block !important;}

.header_inner{ width:130px; margin:0 auto;}

/*End @media */}

/*============================================================================*
/*  スマホアプリボタン
/*============================================================================*/

header.close_header{
	-webkit-transform:translate3d(0,-95px,0);
	-ms-transform:translate3d(0,-95px,0);
	transform:translate3d(0,-95px,0);
}
#header.open_header{
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

/*============================================================================*
/*  「わんちゃんホンポ Ｑ＆Ａ」投稿規約
/*============================================================================*/
.qa_terms{ padding:10px; font-size:14px; color:#444444; margin-bottom:100px;}
.qa_terms .mtitle{ color:#444444; font-size:18px; font-weight:bold; margin-bottom:1em;}
.qa_terms .stitle{ background:#efece7; font-weight:bold; padding:5px; margin-bottom:1em;}
.qa_terms .sstitle{ font-weight:bold; margin-bottom:5px;}
.qa_terms p{ margin-bottom:1.8em;}
.qa_terms a{ color:#f27877; text-decoration:underline;}

/*============================================================================*
/* 監修紹介
/*============================================================================*/
.box-kansyu { border: 1px solid #eee;
							padding:16px;
	-webkit-border-radius : 4px;
	   -moz-border-radius : 4px;
	        border-radius : 4px;
}
.box-kansyu .kansyu-photo {
	margin: 0 0 0 0;
}
.box-kansyuphoto .kansyu-photo img {width:100%;
	vertical-align:middle;
	-webkit-border-radius : 40px;
	   -moz-border-radius : 40px;
	        border-radius : 40px;}
.kanren-profile{ line-height: 16px; vertical-align: middle;}
.kanren-profile dt {font-size:11px; font-weight: 700; color:#ef8080; margin-bottom: 5px;}
.kanren-profile dd li {display: inline-block; margin: 0 5px 0 0; vertical-align:middle;}
.kanren-profile dd li:last-child { margin: 0 0 0 0;}

.kansyu-type,
.name,
.katagaki {color: #444;}

.kansyu-type,.name{font-size: 16px;}
.katagaki {font-size: 11px;}
.box-kansyu .txt-profile { font-size: 11px; margin: 10px 0 0 0;line-height: 1.6em; color: #aaa;}


.box-kansyu-inner{  
    width: 100%;  
    display: -webkit-box;  
    display: -moz-box;
	height: 40px;
	vertical-align: middle;
}  
.box-kansyuphoto{
    width: 40px; height: 40px; margin:0 10px 0 0; vertical-align: middle; 
-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-o-box-ordinal-group: 1;
	box-ordinal-group: 1;
	-webkit-box-sizing: border-box;
}  
.box-kansyu-profile   {  
-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-o-box-ordinal-group: 2;
	box-ordinal-group: 2;
	-webkit-box-sizing: border-box;
} 

@media screen and (max-width: 1023px) {
.box-kansyu { padding:14px 10px 10px 10px;}
.box-kansyuphoto .kansyu-photo img {
	-webkit-border-radius : 50px;
	   -moz-border-radius : 50px;
	        border-radius : 50px;}
.box-kansyu-inner{ height: 50px;}
.kanren-profile dt {font-size:10px; margin-bottom:0;line-height: 1.2em;}
.kanren-profile dd li {display: inline-block; margin: 0 0 0 0; vertical-align:middle;}
.kanren-profile dd li:last-child{display: block;}
.kanren-profile dd li.kansyu-type, .kanren-profile dd li.name{font-size: 12px;}
.katagaki {font-size: 10px;}
.box-kansyu .txt-profile { font-size: 10px; margin: 0 0 0 0; line-height: 12px;}
}