@charset "utf-8";

/* ============================================================ setting */
html { height: 100%; }
body { -webkit-text-size-adjust: 100%; line-height: 1.4; height: 100%; color: #222222; background: #ffffff; font-size: 16px; font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body { font-size: 75%; line-height: 1.4; font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* ============================= コーポレートヘッダー・フッター */
.benesse-header__inner,
.benesse-footer__inner {
/* ヘッダー、フッターの最大幅変更 */
max-width:1036px !important; /* 1060px - 12px * 2 */
}


a { color: #333333; }
a:link,
a:visited { color: #333333; text-decoration: none; }
a:hover,
a:active { color: #333333; text-decoration:underline; }


a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

em { font-style: normal; }
ul { list-style: none; }
ol {  }

img { -ms-interpolation-mode: bicubic; }

/*
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #999999; }
*/

/* ============================== clearfix */
/* For modern browsers */
.clearfix:before,
.clr:before,
.mc:before,
.ms:before,
.clearfix:after,
.clr:after,
.mc:after,
.ms:after { content: ""; display: table; }

.clearfix:after,
.clr:after,
.mc:after,
.ms:after { clear: both; }

.clearfix,
.clr,
.mc,
.ms { zoom: 1; }

/* hide text */
.hidetxt, .hd { text-indent: -9999px; overflow: hidden; }
.hidetxt a, .hd a { overflow: hidden; }

/* ============================== multi column */
.ms {  }
.ls { float: left; }
.rs { float: right; }

.mc {  }
.lc { float: left; }
.rc { float: right; }

.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }

.ofz { overflow: hidden; zoom: 1; }

.indent { padding-left: 1em; text-indent: -1em; }


#contents_outer{
position:relative;
}

/* ---------------------------------
グローバルナビ(サイト共通)
--------------------------------- */

body{
margin: 0;
}



#benesse-header .benesse-header__logo img{
width: 105px;
height: auto;
margin: 0px;
}


#benesse-header .benesse-header__inner,
#benesse-header .benesse-footer__inner {
	margin-right: auto;
	margin-left: auto;
	max-width: 926px; /* 950px - 12px * 2 */
	padding: 20px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	*zoom: 1; /* IE6,7 */
}

#benesse-header .benesse-header__inner{
width: 1060px!important;
max-width: 1060px!important;
}



.header-line{
display: none;
}
.site-message {
text-align:right;
font-size:10px;
color:#666666;
margin: 0;
position:absolute;
top:-38px;
right:0;
}



#header-area {
position: relative;
width: 1060px;
height: 90px;
margin: 0 auto;
}
#header-area h1{
position: absolute;
top:0;
left: 0;
margin: 0;
padding: 0;
width: 143px;
}
#header-area .logo{
position: absolute;
top:0;
left: 0;
margin: 0;
padding-top: 5px;
}
#header-area #global-navi{
padding: 11px 0 0 280px;
}
#header-area #global-navi figure{
float: left;
}
#header-area #global-navi .mark{
float: left;
padding-top: 0;
}
#header-area #global-navi .title{
float: left;
margin: 0 0 4px 10px;
}
#header-area #global-navi p{
float: left;
margin: 0;
}
#header-area #global-navi div{
float: left;
width: 260px;
padding: 0;
margin-top: -4px;
}
#header-area #global-navi div p{
padding: 0;
}

#header-area #global-navi .dog div{
float: left;
width: 244px;
}

#header-area #global-navi .cat div{
float: left;
width: 244px;
}

#header-area #global-navi ul{
clear: both;
padding: 5px 0 0 10px;
margin-top: 5px;
}
#header-area #global-navi ul li{
float: left;
}
#header-area #global-navi .dog ul li,
#header-area #global-navi .cat ul li {
float: left;
font-weight: bold;
font-size: 13px;
line-height: 1;
}
#header-area #global-navi .dog ul li:not(:last-child),
#header-area #global-navi .cat ul li:not(:last-child) {
padding-right: .8em;
margin-right: .8em;
border-right: 1px solid #777;
}
#header-area #global-navi .dog ul li a,
#header-area #global-navi .cat ul li a {
color: #777;
letter-spacing: .2em;
text-decoration: none;
}
#header-area #global-navi .button{
position: absolute;
top:0;
right: 0;
margin: 0;
padding: 10px 0 0 0;
}
#header-area #global-navi .button li{
float: left;
padding: 0 0 0 5px;
}

#header-area #global-navi div:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #header-area #global-navi div { display:inline-block; }
*:first-child+html #header-area #global-navi div { display:inline-block; }

#header-area #global-navi ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #header-area #global-navi ul { display:inline-block; }
*:first-child+html #header-area #global-navi ul { display:inline-block; }

#header-area #global-navi:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #header-area #global-navi { display:inline-block; }
*:first-child+html #header-area #global-navi { display:inline-block; }

#header-area:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #header-area { display:inline-block; }
*:first-child+html #header-area { display:inline-block; }



h2 {
margin:0 0 20px 0;
}

#inuneko-article h2 {
margin:0 0 20px 0;
}


/* ---------------------------------
サイドメニュー(サイト内共通）
--------------------------------- */

/*  検索窓 */
#side-menu .section_search_keyword {
margin:20px 0;
border: 1px solid #999999; height:30px; overflow: hidden;
border-radius: 4px;/* CSS3草案 */
-webkit-border-radius: 4px;/* Safari,Google Chrome用 */
-moz-border-radius: 4px;/* Firefox用 */}

#side-menu .section_search_keyword:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu .section_search_keyword { display:inline-block; }
*:first-child+html #side-menu .section_search_keyword { display:inline-block; }

#side-menu .section_search_keyword .section_input_keyword { float: left; width: 230px; line-height: 1; padding: 0 0 0 5px; background: #fff; }
#side-menu .section_search_keyword .section_input_keyword .field_text { display: inline-block; width: 230px; border: none; padding: 0; }
#side-menu .section_search_keyword .section_bt_submit { float: right; background: #333333; padding:0 10px; line-height: 1; text-align: center;}
#side-menu .section_search_keyword .section_bt_submit .bt_submit { display: block; border: none; padding: 1px 0 1px; background: none; color: #fff;
font-size:12px;}
#side-menu  .section_search_keyword,
#side-menu .section_search_keyword .section_input_keyword .field_text,
#side-menu .section_search_keyword .section_bt_submit .bt_submit { height:30px; }

#side-menu .section_search_keyword .section_input_keyword .field_text:focus { outline: none; }


/* ランキング */

#side-menu #ranking{
border:1px solid #c7edef;
background-color:#f7fcfc;
padding:20px 0 0 0;
}
#side-menu #ranking a{
}
#side-menu #ranking p.title{
text-align:center;
}
#side-menu #ranking dl{
border-bottom:1px dotted #cccccc;
margin:0 15px;
position:relative;
}
#side-menu #ranking dl a{
display:block;
padding:20px 0;
}
#ranking dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #ranking .list dl { display:inline-block; }
*:first-child+html #ranking .list dl { display:inline-block; }

#side-menu #ranking dl a:hover{
text-decoration:underline;
}
#side-menu #ranking dl dd.icon{
position:absolute;
left: -10px;
top: 7px;
}
#side-menu #ranking .list dd.image{
float:left;
margin:0 15px 0 0;
width:80px;
height:54px;
overflow:hidden;
border:1px solid #000000;
}
#side-menu #ranking .list dd.image img{
width:80px;
}
#side-menu #ranking dt{
font-weight:bold;
font-size:120%;
margin:0 0 3px 0;
}
#side-menu #ranking p.link{
text-align:center;
padding:20px 0;
}
#side-menu #ranking p.link:hover{
text-decoration:underline;
}
#side-menu #ranking p.link img{
padding:0 0 0 20px;
vertical-align:middle;
}

#side-menu #ranking p.link img{
padding:0 0 0 20px;
vertical-align:middle;
}

#side-menu #ranking h3 img{
margin:20px 0 0 0 !important;
}

#side-menu #ranking dt{
	display: none;
	}

#side-menu #ranking .text {
    font-size: 110%;
}



/* 口コミ サンキュ！ */

#side-menu #thankyou{
border:1px solid #fff5d4;
background-color:#fffae6;
padding:20px 0 0 0;
margin:20px 0 0 0;
}
#side-menu #thankyou a{
}
#side-menu #thankyou p.title{
text-align:center;
}
#side-menu #thankyou dl{
border-bottom:1px dotted #cccccc;
margin:0 15px;
position:relative;
}
#side-menu #thankyou dl a{
display:block;
padding:20px 0;
}
#thankyou dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html  #thankyou .list dl { display:inline-block; }
*:first-child+html  #thankyou .list dl { display:inline-block; }

#side-menu #thankyou dl a:hover{
text-decoration:underline;
}

#side-menu #thankyou .list dd.image{
float:left;
margin:0 15px 0 0;
width:80px;
height:54px;
overflow:hidden;
border:1px solid #000000;
}
#side-menu #thankyou .list dd.image img{
width:80px;
}
#side-menu #thankyou dt{
margin:0 0 3px 0;
line-height:1.2em;
}
#side-menu #thankyou .list dd.name{
font-size:85%;
color:#808080;
}
#side-menu #thankyou .list dd.title{
font-weight:bold;
}
#side-menu #thankyou p.link{
text-align:center;
padding:20px 0;
}
#side-menu #thankyou p.link:hover{
text-decoration:underline;
}
#side-menu #thankyou p.link img{
padding:0 0 0 20px;
vertical-align:middle;
}

#side-menu #thankyou p.link img{
padding:0 0 0 20px;
vertical-align:middle;
}

#side-menu #thankyou h3 img{
margin:20px 0 0 0 !important;
}


/* 商品のご案内 */

#side-menu #product-info {
margin:25px 0 0 0;
border-top:2px solid #808080;
}
#side-menu #product-info:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu #product-info { display:inline-block; }
*:first-child+html #side-menu #product-info { display:inline-block; }

#side-menu #product-info h3 {
text-align:center;
padding:10px 0;
margin:0 0 20px 0;
border-bottom:1px dotted #808080;
}
#side-menu #product-info .magazine{
border-bottom:1px solid #808080;
padding: 0 0 20px 0;
}
#side-menu #product-info .magazine:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu #product-info .magazine { display:inline-block; }
*:first-child+html #side-menu #product-info .magazine { display:inline-block; }

#side-menu #product-info .magazine dl {
text-align:center;
padding:0 18px;
float:left;
}
#side-menu #product-info .magazine dl.dog{
border-right:1px solid #808080;
}
#side-menu #product-info .magazine dl dt img{
width:110px;
height: 142px;
object-fit: contain;
object-position: top;
}
#side-menu #product-info .magazine dl dd{
margin:10px 0 0 0;
text-align:center;
padding: 4px 0;
width:110px;
background-color:#41c3d8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color:#f2f2f2;
zoom:1;
color:#ffffff;
font-size:10px;
line-height: 1;
 display:table-cell;
}
#side-menu #product-info .magazine a dd{
background-color:#41c3d8;
}
#side-menu #product-info .magazine a dd:hover{
background-color:#5ed8e5;
}
#side-menu #product-info .magazine a:hover{
text-decoration:none;
}
#side-menu #product-info dl.list a{
display:block;
padding:20px 0;
}
#side-menu #product-info dl.list:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu #product-info dl.list { display:inline-block; }
*:first-child+html #side-menu #product-info dl.list { display:inline-block; }

#side-menu #product-info dl.list{
border-bottom:1px solid #808080;
background:url(../../../top/images/cmn_arw_blue.gif) 90% 50% no-repeat;
padding:0 0 10px 0;
}
#side-menu #product-info dl.list dd{
vertical-align:middle;
padding:10px 0 0 0;
}
#side-menu #product-info dl.list dt{
float:left;
margin:0 25px 0 10px;
}
#side-menu #product-info dl.list dt img{
width:80px;
border:1px solid #808080;
vertical-align:middle;
}


/* 保険ボタン */

#side-menu #hoken{
margin:20px 0 0 0;
}
#side-menu #hoken li{
float:left;
}
#side-menu #hoken li.dog{
margin:0 10px 0 0;
}
#side-menu #hoken:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu #hoken { display:inline-block; }
*:first-child+html #side-menu #hoken { display:inline-block; }


/* SNSボタン */

#side-menu #sns-button {
margin:30px 0 0 0;
}
#side-menu #sns-button ul li {
float:left;
margin:0 8px 0 0;
}
#side-menu #sns-button ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu #sns-button ul { display:inline-block; }
*:first-child+html #side-menu #sns-button ul { display:inline-block; }

#side-menu #sns-button ul li.last {
margin:0;
}


/* フォトギャラリー */

#side-menu #photo {
margin:20px 0 30px 0;
}
#side-menu #photo :after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu #photo h3 { display:inline-block; }
*:first-child+html #side-menu #photo h3 { display:inline-block; }

#side-menu #photo div{
display:table;
}
#side-menu #photo h3 {
margin:0 0 5px 0;
}
#side-menu #photo dl{
background:#736357;
padding:3px 3px 0 3px;
display:table-cell;
border-right:2px #ffffff solid;
font-size:12px;
zoom:1;
}

/*IE7▼*/
*+html #side-menu #photo dl {
float:left;
width:67px;
}


#side-menu #photo dl:last-child{
border-right:none;
}
#side-menu #photo dl:hover{
background-color:#82756c;
}
#side-menu #photo dl a:hover{
text-decoration:none;
}
#side-menu #photo dl.last{
margin:0;
}
#side-menu #photo dl dt{
height:47px;
overflow:hidden;
}
#side-menu #photo dl dt img{
width:67px;
vertical-align:top;
margin:0;
padding:0
}
#side-menu #photo dl dd{
color:#ffffff;
text-align:center;
padding:5px;
}
#side-menu #product-info:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #side-menu #product-info { display:inline-block; }
*:first-child+html #side-menu #product-info { display:inline-block; }

#side-menu #product-info h3 {
text-align:center;
padding:10px 0;
margin:0 0 20px 0;
border-bottom:1px dotted #808080;
}


/* +++++++++++++++++++++++++++ 広告(ページ下方) */
#section_ad_contents_trailer { width: 1060px !important; margin: auto; padding: 20px 10px 35px; }
#ad_contents_trailer { margin: auto; }
#ad_contents_trailer .trailer_ad,
#ad_contents_trailer .wrapper_ad { width: 728px; }
#ad_contents_trailer .trailer_ad { padding-left: 0; }



/* ---------------------------------
共通フッター
--------------------------------- */
#footer_contents {
border: none !important;
padding-bottom:20px !important;}

#inuneko_footer{
width:100%;
background-color:#f2f4f4;
padding:45px 0 50px 0;
margin:30px 0 0 0;
color:#4d4d4d;
}
#inuneko_footer .inner{
width:1060px;
margin:0 auto;
}
#inuneko_footer .inner:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer .inner { display:inline-block; }
*:first-child+html #inuneko_footer .inner { display:inline-block; }

#inuneko_footer .inner .block{
width:280px;
float:left;
margin:0 30px 0 0;
}

#inuneko_footer #product-info {

}
#inuneko_footer #product-info:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer #product-info { display:inline-block; }
*:first-child+html #inuneko_footer #product-info { display:inline-block; }

#inuneko_footer #product-info h3 {
text-align:center;
padding:0 0 10px 0;
margin:-5px 0 20px 0;
border-bottom:1px dotted #808080;
}
#inuneko_footer #product-info .magazine{
border-bottom:1px solid #808080;
padding: 0 0 20px 0;
}
#inuneko_footer #product-info .magazine:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer #product-info .magazine { display:inline-block; }
*:first-child+html #inuneko_footer #product-info .magazine { display:inline-block; }

#inuneko_footer #product-info .magazine dl {
text-align:center;
padding:0 12px;
float:left;
}
#inuneko_footer #product-info .magazine dl.dog{
border-right:1px solid #808080;
}

#inuneko_footer #product-info .magazine dl dt img{
width:110px;
height: 142px;
object-fit: contain;
object-position: top;
}

#inuneko_footer #product-info .magazine dl dd{
margin:10px 0 0 0;
text-align:center;
padding: 4px 0;
width:110px;
background-color:#41c3d8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#f2f2f2;
zoom:1;
color:#ffffff;
font-size:10px;
line-height: 1;
 display:table-cell;
}
#inuneko_footer #product-info .magazine dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer #product-info .magazine dl { display:inline-block; }
*:first-child+html #inuneko_footer #product-info .magazine dl { display:inline-block; }

#inuneko_footer #product-info .magazine a dd{
background-color:#41c3d8;
}
#inuneko_footer #product-info .magazine a dd:hover{
background-color:#5ed8e5;
}

#inuneko_footer #product-info .food-support{
border-bottom:1px solid #808080;
padding: 10px 0;
}
#inuneko_footer #product-info .food-support:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer #product-info .food-support { display:inline-block; }
*:first-child+html #inuneko_footer #product-info .food-support { display:inline-block; }

#inuneko_footer #product-info .food-support dl {
text-align:center;
padding:0 14px;
float:left;
}
#inuneko_footer #product-info .food-support dl.dog{
border-right:1px solid #808080;
}

#inuneko_footer #product-info .food-support dl dt img{
width:110px;
}

#inuneko_footer #product-info .food-support dl dd{
margin:10px 0 0 0;
text-align:center;
padding:3px 0;
width:110px;
background-color:#41c3d8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#f2f2f2;
zoom:1;
color:#ffffff;
}
#inuneko_footer #product-info .food-support dl:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer #product-info .food-support dl { display:inline-block; }
*:first-child+html #inuneko_footer #product-info .food-support dl { display:inline-block; }

#inuneko_footer #product-info .food-support a dd{
background-color:#41c3d8;
}
#inuneko_footer #product-info .food-support a dd:hover{
background-color:#5ed8e5;
}

#inuneko_footer .inner .block ul.sns-icon{
margin:20px 0 0 0;
}
#inuneko_footer .inner .block ul.sns-icon li{
float:left;
margin:0 10px 0 0;
}
#inuneko_footer .inner .block ul.sns-icon li.title{
padding:10px 0 0 10px;
margin:0 25px 50px 0;
}
#inuneko_footer .inner .block ul.sns-icon:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer .inner .block ul.sns-icon { display:inline-block; }
*:first-child+html #inuneko_footer .inner .block ul.sns-icon { display:inline-block; }

#inuneko_footer #product-info dl.list a{
display:block;
padding:10px 0;
}
#inuneko_footer #product-info dl.list:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #inuneko_footer #product-info dl.list { display:inline-block; }
*:first-child+html #inuneko_footer #product-info dl.list { display:inline-block; }

#inuneko_footer #product-info dl.list{
border-bottom:1px solid #808080;
background:url(../../../top/images/cmn_arw_blue.gif) 90% 50% no-repeat;
padding:0 0 10px 0;
}
#inuneko_footer #product-info dl.list dd{
vertical-align:middle;
padding:10px 0 0 0;
}
#inuneko_footer #product-info dl.list dt{
float:left;
margin:0 25px 0 10px;
}
#inuneko_footer #product-info dl.list dt img{
width:80px;
border:1px solid #808080;
vertical-align:middle;
}
#inuneko_footer .inner .fotter-list{
width:230px;
float:left;
margin:0 30px 0 0 ;
line-height:1.8em;
}
.fotter-list:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .fotter-list { display:inline-block; }
*:first-child+html .fotter-list { display:inline-block; }

#inuneko_footer .inner .fotter-list.last{
margin:0;
}

#inuneko_footer .inner .fotter-list p.title{
font-weight:bold;
padding:0 0 10px 0;
border-bottom:1px dotted #333333;
font-size:120%;
line-height:20px;
}
#inuneko_footer .inner .fotter-list ul{
padding:10px 0 0 0;

}
#inuneko_footer .inner .fotter-list ul li{
padding-left: 1em;
text-indent: -1em;
}
#inuneko_footer .inner .fotter-list ul li a{
background: url(../images/cmn_ftr_list_arw.png) left no-repeat;
padding:0 0 0 10px;
color:#4d4d4d;
}
#inuneko_footer .inner .fotter-list ul li a:hover{
text-decoration:underline;
}