/*
Theme Name: カップ印マーケット 公認レシピブログ専用テーマ2
Theme URI: http://www.ilovesweet.jp/blog/
Description: カップ印マーケット 公認レシピブログ専用テーマ2
*/
/* fix common css */
#footer {
    clear: both;
}
.header-navi {
    float: right;
    height: auto;
    margin-top: 15px;
}

nav#navigation {
    margin-top: 0;
}

div#M_leftContents h2 {
    padding-top: 0;
}
ul.banners {
    margin-top: 15px;
}

ul.banners li {
    margin-bottom: 10px;
}
/* azucar */
p.text-center {
    text-align: center;
}

.btn-print {
    margin: 10px 0;
}

 a.btn-print {
    border: none;
    outline: none;
    background: url(./data/img/btn_prt.png) no-repeat 0 0;
    width: 168px;    height: 28px;    
    display: inline-block;
    text-indent: -9999px;
}
 a.btn-mail {
    border: none;
    outline: none;
    background: url(images/btn_mail.png) no-repeat 0 0;
    width: 168px;    height: 28px;    
    display: inline-block;
    text-indent: -9999px;
}
.bloger article.entry .flow li {
    min-height: 147px!important;
}
.box-recipe {
    width: 31%;
    margin: 0 1% 15px;
    float: left;
}
.home-section.s3 .header,
.home-section.s2 .header {
    /* background-color: rgb(240, 232, 213); */
    padding: 10px;
    border-radius: 10px 10px 0 0;
    
    background: #f0e9d5;
    font-size: 120%;
    margin-bottom: 10px;
    background-image: url(images/heart.png);    background-repeat: no-repeat;    
    background-position: 10px 13px;
    padding-left: 35px;
}

.home-section {
    margin-bottom: 15px;
}
.box-bloger {
    /* width: 30%; */
    margin: 0 2% 15px;
    float: left;
    loat: left;    border: solid 1px #CCC;    
    /* padding: 10px; */    
    width: 46%;    display: inline;    
    /* margin-right: 15px; */    
    /* margin-bottom: 15px; */    position: relative;    box-sizing: border-box;    font-size: 120%;
    min-height: 335px;
}

img.avatar {
    float: left;
    margin-right: 10px;
}

.box-bloger h3 {
    font-weight: bold;    background-color: #F0E7D6;    border-bottom: solid 1px #ccc;    
      padding: 10px;    box-sizing: border-box;    
     font-size: 120%;    
}

.box-bloger p.com {
    padding: 0 10px 10px;
}



p.blogger_name {
    padding: 10px;
    font-weight: bold;
}

.contents-wrap {
    border: solid #E8E7E6;
    border-width: 0 3px 3px;
    border-width: 0 3px 3px;
    padding: 0 17px 15px;
}
#contents.manager {
border:none; 
padding: 0 ;
width:748px;
}


.pageTop a:link, .pageTop a:visited{
    text-decoration: none;
    background-image: url(images/pagetop.gif);
}
p.pageTop a:hover{
    text-decoration: underline;
    /* background-image: inherit; */
    background-image: url(images/pagetop.gif);
}
div#page {
    margin-top: 15px;
}
/* left */
.topbanner1{
width:220px;
margin-top:8px;
margin-bottom:13px;
}
.topbanner2{
width:220px;
height:158px;
border:solid 1px red;
box-sizing:border-box;
overflow:hidden;
margin-bottom:15px;
}
.topbanner2 a{
display:block;
}
a:hover img {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
div#footer {
    text-align: left;
}

img.float_left.mr10 {
    padding-right: 0;
}

.red {
  color: #CC0000;
}
.clear {
    clear: both;
}
.box-recipe .thumbnail{
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 71.904% 0 0 0;
  overflow: hidden;
}

.box-recipe .thumbnail img {
 position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
}

.bloger article.entry dl.used-item .photo {
    width: 70%;
    float: none;
    margin: 0 auto;
}
dl.used-item form {
    text-align: right;
}
.shopitem {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
}

.shopitem-thumb {
  width: 120px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}
.shopitem-cart {
  display: inline-block;
  float: right;
}
.shopitem h4 {
    margin-bottom: 10px;
}
dl.ingredient img,
.bloger article.entry .flow li img {
    max-width: 150px;    height: auto;
}
.recipe-random-box > .thumbnail > a > img {
    width: 100%;
}
.recipe-random-box {
    margin-bottom: 15px;
}
/* 768  */
@media only screen and (max-width:767px) {

.guidebox {
    width: auto;
    float: none;
    margin: 0 auto;
}
aside.recent li {
    padding-left: 26%;
}

aside.recent li .author {
    width: 25%;
}
.header-info {
    width: auto;
    float: left;
    height: auto;
    text-align: left;
}
.header-navi {
    width: auto;
}

sul#M_gNav {
    /* padding: 10px; */
}

#M_gNav li {
    width: auto;
    height: auto;
    padding: 5px;
    line-height: 1.5em;
}
.cMenu,
div#M_leftContents h2 {
    margin: 0 auto;
}
ul#M_gNav,
div#footer,
#guide .bar {
    width: 100%;
}

div#bg_search_area {
    display: none;
}


body {
    /* margin: 0 10px; */
    padding: 10px;
}
#contents.manager,
ul#headSubmenu li#freeDial {
    position: static;
    clear: both;
    text-align: center;
    display: block;
    /* margin: 0 auto; */
    float: none;
    margin: 10px auto 10px;
}
.manager .page-title,
#header .topicpath {
    margin: 0;
}
#M_leftContents li {
    display: block;
}



div#guideIcon div {
    text-align: center;
    margin: 0 auto;
    height: auto;
    position: static;
}

div#guideDetaile {
    margin: 0;
}
#contents.manager,
.manager #main,
.top #main,
div#guideIcon ,
div#guideLeft,
footer#footer,
div#guideRight,
#guideDetaile dl.gdRight,
#guideDetaile dl.gdLeft,
div#guideDetaile,
div#guide,
#navigation,
#sub,
div#M_leftContents,
.bloger #main,
#contents,
div#M_container,
div#page {
    width: 100%;
    padding: 0;
    margin: 0;
}
div#guideRight,
#guideDetaile dl.gdRight,
#guideDetaile dl.gdLeft,
#navigation,
#sub,
div#M_leftContents,
.bloger #main,
#contents,
#jsddm li,
h1#M_logo ,
p#headerInfo{
      float: none;  
}
nav#navigation ,
h1#M_logo {

    text-align: center;
}
body img{
    max-width: 100%;
    height: auto;
}


#jsddm li {
    float: none;
    display: block;
}

div#bg_search_area {
    width: 100%;
    height: auto;
    display: block;
    min-width: 40px;
}


nav#navigation {
    margin: 0;
}

div#leftcolumn {
    text-align: center;
}

div#leftcolumn p {
    display: block;
    text-align: center;
}

div#sub li,
dl.search li {
    text-align: left;
}

.cMenu,
#M_leftContents h2 ,
.topbanner1,
.topbanner2 {
    width:100%;
    height:auto;
}


}

@media only screen and (max-width:492px){
.box-recipe,
.box-bloger {
    width: 100%;
    /* float: none; */
    /* margin-bottom: 15px; */
    min-height: 1px;
    margin: 0 0 15px 0;
}


}


.widget.widget-rank h3 {
    background-image: url(images/point_heart.gif);
    background-position: left 1px;
    text-indent: 20px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
ul.wpp-list li:nth-child(1) > a {
    background: url(images/1400.png) no-repeat left 0px;
}
ul.wpp-list li:nth-child(2) > a  {
    background: url(images/1401.png) no-repeat left 10px;
 }
ul.wpp-list li:nth-child(3) > a
{
    background: url(images/1402.png) no-repeat left 10px;
 }
ul.wpp-list li:nth-child(4) > a {
    background: url(images/1403.png) no-repeat 5px 10px;
}
ul.wpp-list li:nth-child(5) > a  {
    background: url(images/1404.png) no-repeat 5px 10px;
}
ul.wpp-list li:nth-child(6) > a{
    background: url(images/140925_01.png) no-repeat 5px 10px;
}
ul.wpp-list li:nth-child(7) > a  {
    background: url(images/140925_02.png) no-repeat 5px 10px;
    /* min-height: 15px; */
}
ul.wpp-list li:nth-child(8) > a{
    background: url(images/140925_03.png) no-repeat 5px 10px;
}
ul.wpp-list li:nth-child(9) > a 
{
    background: url(images/140925_04.png) no-repeat 5px 10px;
}
ul.wpp-list li:nth-child(10) > a  {
    background: url(images/140925_05.png) no-repeat 5px 10px;
}
ul.wpp-list li > a {
	padding-left: 50px;
	display: block;
	/* padding: 10px 10px 10px 50px; */
	display: block;
}
ul.wpp-list li:nth-child(1) > a,
ul.wpp-list li:nth-child(2) > a,
ul.wpp-list li:nth-child(3) > a  
{
    min-height: 65px;
}
ul.wpp-list li:nth-child(4) > a,
ul.wpp-list li:nth-child(5) > a,
ul.wpp-list li:nth-child(6) > a,
ul.wpp-list li:nth-child(7) > a,
ul.wpp-list li:nth-child(8) > a,
ul.wpp-list li:nth-child(9) > a,  
ul.wpp-list li:nth-child(10) > a
{
    min-height: 30px;
}
.widget.widget-rank {
    margin-bottom: 18px;
    border-bottom: dotted 1px #53391A;
    padding-bottom: 12px;
}

.wpp-list li {
    border-bottom: 1px solid #EFE8D5;
    padding: 5px 0;
}
ul.wpp-list li:last-child
{
   border-bottom: 0px ;
}
h1.tag-img img {
    width: 100%;
    margin-bottom: 10px;
}
ul.pager {
    clear: both;
}
a.tag_link {
    display: block;
    float: left;
    margin-bottom: 10px;
    width:48%;
}
a.tag_link img{
width:100%;
}
a.tag_link:nth-child(odd) {
     margin-right: 2%;
}
.tag-header
h1.title-tag {
    background: #F8EECF;
    font-size:24px;
    border-bottom: 4px solid #D9151B;
    padding: 15px 20px;
    margin-bottom: 10px;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-shadow: 0px 0px 3px rgb(255, 255, 255);
}