@charset "UTF-8";
/* CSS Document */

/* --------------------------------------
 Reset
--------------------------------------- */
:link,:visited{text-decoration:none;}html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,table,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,abbr,acronym,table{border:0;}address,caption,cite,code,dfn,em,b,u,s,i,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;border-style:none;}caption,th{text-align:left;}a{outline:none;text-decoration:underline;}a img,:link img,:visited img{border:none;}a:active{outline:none;}a:focus{-moz-outline-style:none;}address{display:inline;font-style:normal;}* html #selectorName-inner{height:1%;}#selectorName-inner{display:block;}* html #selectorName{margin:0;}*+html #selectorName{margin:0;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}hr {height:0;margin:0;padding:0;border:0;}img { vertical-align:bottom }

/* --------------------------------------------------------------------------
 Common
---------------------------------------------------------------------------- */

/* body */
body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	color:#666666;
	-webkit-text-size-adjust: none; }

/* link */
a {color:#3695c2; text-decoration:none; overflow:hidden; outline:none;}
a:link {color:#3695c2; text-decoration:none;}
a:visited {color:#5C499D; text-decoration:underline;}
a:hover {text-decoration: underline;}
a:active {text-decoration:underline;}
a:hover img {filter: alpha(opacity=8); -moz-opacity:0.8; opacity:0.8; }

/* page color content */

/* Basic item ------------------------------------------------------------ */

.sp_in,
.tb_in,
.spw_in { display: none !important; }
.fwb { font-weight:bold; }

.mt1em {margin-top:1em !important; }
.mt2em {margin-top:2em !important; }
.mb1em {margin-bottom:1em !important; }
.mb2em {margin-bottom:2em !important; }
.ta_c {text-align:center !important; }
.ta_r { text-align:right !important; }
.fs_70p {font-size:70%; }
.bg_c001 { background:#f3f3f3; }
img.w100p { width:100%; }

.b_c000 {border:1px solid #d5d5d5; }
.bb_c000 { border-bottom:1px solid #d5d5d5; }
.bt_c000 { border-top:1px solid #d5d5d5; }
.bt_c002 { border-top:1px solid #e4eeca; }
.bt_c003 { border-top:1px solid #60615f; }

@media screen and (max-width: 768px) { /*tablet*/

.tb_in { display: inherit !important; }

.tb_no { display: none !important; }

}

@media screen and (max-width: 568px) { /*sp width*/

.pcw_in { display: none; }
.spw_in { display: inherit; }

}

@media screen and (max-width: 478px) { /*sp  320*/

.pc_in { display: none !important; }
.sp_in { display: inherit !important; }

}

/* navi ------------------------------------------------------------ */

.navi,.main { width:100%; position: relative; }
.navi_wrapper,_wrapper,.main_wrapper { max-width:998px; margin: 0 auto; }
.navi_in,.main_in { width:998px; }
.navi_in,.main_in { position: relative; }
.navi,.navi_in,.main,.main_in { float:left; }

.navi img.logo {
	height:90px;
	float:left; }

.navi_in2_1,
.navi_in2_2,
.sp_menu { float:right; }

.navi_in2_1 { margin:12px 0; }
.navi_in2_2 { margin:0; }

input:focus, select:focus, textarea:focus, button:focus { outline: none; } 

dl.search1{
	position:relative;
	background-color:#e9e9e9;
	border:1px solid #d5d5d5;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }

dl.search1 dt{
	margin-right:30px;
	padding:0px 10px; }
dl.search1 dt input{
	width:100%;
	background:none;
	border:none;
	font-size:16px;
	height:30px; }

dl.search1 dd{
	position:absolute;
	top:0;
	right:0; }
dl.search1 dd button{
	display:block;
	background:none;
	border:none;
	padding:5px; }
dl.search1 dd button span{
	display:block;
	width:20px;
	height:20px;
	background:url('../images/search.png') no-repeat scroll 0 0;
	background-size: 19px 19px; }

.search_box,
.sns_box {
	display: inline-block;
	vertical-align:middle; }

.sns_box {
	margin:0 10px 0 0; }

.sns_box ul li {
	display:inline-block; }

.sns_box ul li a img {
	width:24px;
	margin:0 3px; }

.top_menu_box {
	display:block;
	text-align:right; }

.top_menu_box ul li {
	display:inline-block;
	padding:0 0 0 2em; }

.top_menu_box ul li a {
	color:#666666; }

.top_menu_box ul li a:hover {
	color:#333333; }

.main {
	background-image:url('../images/topimg01.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover; }
.main_in {
	position:relative; }
.main_in img {
	width:50%;
	vertical-align: bottom;
	display: block;
	margin:8% 47% 8% 3%;　}

/* menu.js */
.togmenu { display: block; }
.menu-button { display:none; }


@media screen and (max-width: 997px) { /*pc*/

.navi_in,.main_in {
	width:98%;
	padding:0 1%; }

img.menu_icon_01,
img.menu_icon_02,
img.menu_icon_03 {
	height:53px;
	border-left:1px solid #d5d5d5; }

}


@media screen and (max-width: 768px) { /*tablet*/

.navi_in,.main_in {
	width:100%;
	padding:0; }

.navi img.logo { height:53px; }

}


/* content ------------------------------------------------------------ */

.cont01 { width:100%; }
.cont01_wrapper { max-width:998px; margin: 0 auto; }
.cont01_in { width:998px; }
.cont01_in { position: relative; }
.cont01,.cont01_in { float:left; }

.bg_cont01 {
	background:#f3f3f3; }

.four_content_wap {
	display:block;
	font-size:0;
	width:96%;
	padding:2.5% 2%; }

.four_content {
	position:relative;
	display:inline-block;
	width:32%;
	text-align:center; }

.four_content h2 {
	padding:0.4em;
	line-height:1;
	font-size:18px;
	font-weight:bold; }

.four_content a:hover { text-decoration:none; }

.hikaku_cont h2 { background:#f1fad8; border-bottom:1px solid #009111; }
.hikaku_cont a { color:#006934; }

.dog_cont h2 { background:#f3eadd; border-bottom:1px solid #896b4a; }
.dog_cont a { color:#633912; }


.cat_cont h2 { background:#ffefe3; border-bottom:1px solid #dd3400; }
.cat_cont a { color:#ff7000; }

.four_content img { width:100%; }

.four_content_sp {
	display:inline-block;
	width:2%; }

img.cat_icon {
	width:20%;
	position:absolute;
	right:3%;
	bottom:20%; }

.pr_w {
	margin:20px 0;
	text-align:center; }

.top_news {
	display:block;
	width:96%;
	padding:0 2%; }

.top_news_title {
	padding:0 0 1em;
	border-bottom:1px solid #D5D5D5; }

.top_news h2 {
	display: inline-block;
	font-size:22px; }

.top_news a.next_link {
	float:right;
	margin:3px 0 0;
	font-size:16px;
	color:#666666; }

.top_news a:hover.next_link {
	text-decoration:none; }

.top_news a img.ya_01 {
	width:10px;
	vertical-align:middle;
	padding:0 0 0 5px; }

.top_news_one {
	border-bottom:1px solid #d5d5d5;
	padding:0.8em 0;
	display:block;
	background:url('../images/ya_02.png') no-repeat  right center;
	background-size: 15px 20px; }

.top_news_one a img {
	display:inline-block;
	width:9%;
	border:1px solid #d5d5d5;
	vertical-align:middle;
	margin:0 1em 0 0; }

.top_news_one a .news_text {
	display:inline-block;
	width:87%;
	vertical-align:middle; } 

.top_news_one a .news_text h3 {
	font-size:18px;
	color:#3695c2; }

.top_news_one a:hover .news_text h3 {
	text-decoration:underline; }

.top_news_one a .news_text p {
	font-size:16px;
	color:#666666; }

.top_news_next {
	text-align:right;
	margin:1em 0; }

.top_news_next a {
	font-size:16px;
	color:#666666; }


@media screen and (max-width: 997px) { /*pc*/
.cont01_in {
	width:100%; }

img.cat_icon {
	bottom:25%; }

.four_content h2 {
	padding:0.6em;
	font-size:14px; }

}

@media screen and (max-width: 768px) { /*tablet*/

.bg_cont01 {
	background:#ffffff; }

img.cat_icon {
	bottom:16%; }

.four_content h2 {
	padding:0.6em;
	font-size:16px; }

.four_content_wap {
	padding:2% 2% 0; }

.pr_w img {
	width:100%; }

.top_news_one a img {
	width:12%; }

.top_news_one a .news_text {
	width:83%; } 

}

@media screen and (max-width: 568px) { /*sp width*/

.top_news {
	width:100%;
	padding:0; }

.top_news_title {
	padding:0;
	background:#E9E9E9;
	border-top:1px solid #D5D5D5; }

.top_news h2 {
	font-size:12px;
	padding:5px 10px; }

.top_news a.next_link {
	margin:5px 10px 0;
	font-size:12px; }

.top_news a img.ya_01 {
	width:6px; }

.top_news_one {
	margin:0 10px; }

.top_news_one {
	display:block;
	background:url('../images/ya_02.png') no-repeat  right center;
	background-size: 10px 13px; }

.top_news_one a img {
	width:9%;
	margin:0 0.7em 0 0; }

.top_news_one a .news_text {
	width:86%; } 

.top_news_one a .news_text h3 {
	font-size:14px; }

.top_news_one a .news_text p {
	display:none; }

.top_news_next {
	background:#E9E9E9;
	margin:-1px 0 0;
	border-bottom:1px solid #D5D5D5;
	padding:0;
	border-top:1px solid #D5D5D5; }

.top_news_next a {
	background:#ffffff;
	display: inline-block;
	vertical-align:bottom;
	padding:5px 10px 5px 0;
	border-left:1px solid #D5D5D5;
	font-size:12px;
	width:48%; }

.pr_w {
	margin:14px 0;
	text-align:center; }

}

@media screen and (max-width: 478px) { 

.four_content {
	width:100%; }

img.cat_icon {
	bottom:10%; }

.four_content_sp {
	display:block;
	height:10px; }

.top_news_one a img {
	width:18%;
	margin:0 0.7em 0 0; }

.top_news_one a .news_text {
	width:75%; } 

}



/* footer ------------------------------------------------------------ */

#footer { width:100%; }
#footer_wrapper { max-width:998px; margin: 0 auto; }
#footer_in { width:998px; }
#footer_in { position: relative; }
#footer,#footer_in { float:left; }

#footer { border-top:1px solid #DADADA; }

.footer_menu {
	display:block;
	width:96%;
	padding:1em 2% 0.5em; }

.footer_menu h5 {
	font-size:18px;
	color:#60615f; }

.footer_menu h6 {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#563301; }

ul.common_link_menu,
ul.sns_link_menu {
	margin:0.2em 0 1em; }

ul.common_link_menu li,
ul.sns_link_menu li {
	display:inline-block;
	padding:0 2em 0 0;
	font-size:14px; }

ul.common_link_menu li a,
ul.sns_link_menu li a { color:#666666; }

p.footer {
	font-size:12px;
	padding:1em 0 0;
	font-family:Arial, Helvetica, sans-serif; }

/* copyright ------------------------------------------------------------ */

.totop a {
	width:100%;
	display:block;
	text-align:center;
	background:#DADADA;
	color:#60615f;
	padding:0.5em 0; }

.totop a span {
	padding:0 14px 0 0;
	background:url('../images/ya_03.png') no-repeat  right center;
	background-size: 13px 9px;  }

.totop a:hover {
	text-decoration:none;
	background:#cccccc; }

p.copyright {
	font-size:12px;
	padding:1em 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; }

@media screen and (max-width: 997px) { /*pc*/
#footer_in {
	width:100%; }

}


@media screen and (max-width: 768px) { /*tablet*/

#footer { border-top: none; }

.search_box2 {
	margin:10px;
	display:block; }

.footer_menu {
	display:block;
	width:100%;
	padding:0; }

.footer_menu h5 {
	font-size:12px;
	background:#8f9087;
	color:#ffffff;
	padding:5px 10px; }

ul.common_link_menu li {
	display:block;
	padding:0 10px 0 0;
	border-bottom:1px solid #DADADA; }

ul.common_link_menu li a {
	color:#60615f;
	display:block;
	padding:0.5em 10px;
	background:url('../images/ya_04.png') no-repeat  right center;
	background-size: 7px 12px; }

.footer_menu h6 {
	font-weight:bold;
	border-bottom:1px solid #DADADA;
	margin:0 10px;
	padding:0 0 5px;
	font-size:12px;
	color:#563301; }

ul.sns_link_menu li {
	display:block;
	margin:0 10px;
	font-size:14px;
	border-bottom:1px solid #DADADA; }

ul.sns_link_menu li a {
	display:block;
	padding:0.5em 8px;
	background:url('../images/ya_05.png') no-repeat  left center;
	background-size: 4px 5px; }

ul.sns_link_menu li.fb { background:url('../images/sns_f.png') no-repeat  right center; }
ul.sns_link_menu li.tw { background:url('../images/sns_t.png') no-repeat  right center; }
ul.sns_link_menu li.go { background:url('../images/sns_g.png') no-repeat  right center; }
ul.sns_link_menu li.ha { background:url('../images/sns_b.png') no-repeat  right center; }

ul.sns_link_menu li.fb,
ul.sns_link_menu li.tw,
ul.sns_link_menu li.go,
ul.sns_link_menu li.ha {
	background-size: 10px 10px; }

}



/* page */