@charset "UTF-8";
.center {
   text-align: center;
}
a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



.underline {
   border-bottom:solid 1px #ff0000;
}

#maincontents {
   max-width: 900px;
   width: 100%;
   margin: 0 auto;
   /*background: url(../img/bg_main.jpg) no-repeat top center;*/
   /*padding: 25px;*/
   line-height: 1.6em;
}
@media screen and (max-width: 600px) {
   #maincontents{
      max-width: 100%;
   }
}


p {
   line-height: 1.6em;
}
.bg_cts {
   background: url(../img/bg_cts.jpg) ;
   box-shadow:1px 1px 2px 1px #e6e6e6;
   -moz-box-shadow:1px 1px 2px 1px #e6e6e6;
   -webkit-box-shadow:1px 1px 2px 1px #e6e6e6;
   padding-top: 14px;
   margin-bottom: 50px;
}

.bg_cts .inner {
   padding: 0 45px 50px;
}
.tags{
   font-weight: bold;
   color:#3499df;
}
#head {
   margin-bottom: 30px;
}
#cts_top  {
   padding-left: 10px;
   padding-bottom: 50px;
}
#cts_top .center,#youkou .center {
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 20px;
}

h1.ttl_cts {
   margin: 0 auto;
   width: 800px;
   margin-bottom: 20px;
}

h2.ttl_s {
   background: #4c738d;
   color: #fff;
   font-size: 1.3em;
   padding: 3px 10px;
   border-radius: 5px;
   font-weight: bold;
   padding: 10px 0 10px 20px;
}

#campaign h1 {
   margin-bottom: 0;
}
.bg_campaign_top {
   background: url(../img/cts1_img1.png) no-repeat top right;
   padding-top: 20px;
}
.list_cream ul {
   padding: 0;
}
.list_cream ul li:first-child {
   border-top: dotted 2px #d1d5e1;
}
.list_cream ul li {
   list-style: none;
   font-size: 1em;
   font-weight: bold;
   border-bottom: dotted 2px #d1d5e1;
   padding: 5px;
}
.list_cream ul li img {
   vertical-align: middle;
   margin-right: 10px;
}


#youkou .read{
   font-weight: bold;
   color: #3499df;
   font-size: 1.2em;
}

#gaiyou .read {
   font-weight: bold;
   color: #3499df;
   font-size: 1.6em;
}


#campaign .inner {
   /*background: url(../img/cts1_img4.png) no-repeat bottom left;*/
}

#gaiyou {
   background-image: url(../img/cts2_img1.jpg),url(../img/bg_cts.jpg);
   background-repeat: no-repeat,repeat;
   background-position: top right;
}
.btn_contact a {
   text-decoration: underline;;
}
.btn_contact a:hover {
   text-decoration: none;
}
.tbl_youkou {
   margin-bottom: 30px;
}
.tbl_youkou th,.tbl_youkou td {
   border-bottom:solid #e3e3e3 1px;
   padding: 20px 15px;
   line-height: 1.5em;
}

.tbl_youkou td {
   background-color: #fff;
}
.tbl_youkou th {
   background-color: #f1f5f7;
}


.bg_recipe {
   background: url(../img/bg_recipe.jpg) no-repeat;
   width: 760px;
   height: 236px;
}

.bg_recipe .img_area {
   width: 258px;
   height: 175px;
   float: left;
   margin-left: 20px;
   padding-top: 40px;
}
.bg_recipe .txt_area {
   width: 470px;
   height: 175px;
   float: right;
   font-size: 0.9em;
   padding-top: 35px;
}
.bg_recipe .txt_area p {
   line-height: 1.5em;
}
.bg_recipe .txt_area h3 {
   margin-bottom:7px;
}

.campaign-notice{
   background: #ffffcc;
   padding: 1rem;
}





/*------------------------------------
報告ページ
------------------------------------*/

#houkoku #maincontents {
   width: 900px;
   margin: 0 auto;
   background: url(../img/houkoku/bg-main.jpg) no-repeat top center;
   padding: 25px;
   line-height: 1.6em;
}
#houkoku #head {
   height: auto;
   padding-top: 155px;
   margin-bottom: 20px;
}
#houkoku #head h1 {
   display: none;
}
#houkoku #head .read {
   font-weight: bold;
}
.bdr_box {
   background-color: #fff;
   border:#deedf8 8px solid;
   padding: 20px;
   margin-bottom: 30px;

}

.head_rank {
   height: 124px;
   width: 700px;
   box-sizing: border-box;;
   background-repeat: no-repeat;;
   background-position: top left;
   padding-left: 140px;
   margin-bottom: 20px;
}
.bdr_box ul {
   padding: 10px 30px;
}
.bdr_box ul li {
   font-size: 0.9em;
   line-height: 1.4em;
   margin-bottom: 10px;
}
#houkoku .head_rank h1 {
   text-indent: -9999px;
   margin-bottom: 20px;
}
#houkoku .head_rank p {
   font-weight: bold;
}
#rank1 .head_rank {
   background-image: url(../img/houkoku/rank1.png);
}
#rank2 .head_rank {
   background-image: url(../img/houkoku/rank2.png);
}
#rank3 .head_rank {
   background-image: url(../img/houkoku/rank3.png);
}

.bg_blue {
   background-color: #eef7fa;
   padding: 10px;
}

.bdr_box h2 {
   text-align: center;
   font-size: 1.214rem;
}

#houkoku #campaign .inner {
   background: none;
}



.shuryo {
   background-color: #999999;
   color: #fff;
   text-align: center;
   padding: 20px;
}

#houkoku #gaiyou {
   background-image: url(../img/bg_cts.jpg);
   background-repeat: repeat;
}
#houkoku #gaiyou p {
   margin-bottom:30px;
}
.recipe_link {
   background-color: #fff;
   border-radius: 10px;
   padding: 10px;
   overflow:hidden;
   font-weight: bold;
   line-height: 2.0em;
   margin-bottom: 20px;
}
.recipe_link img{
   float: right;
}

.img_box {
   margin-bottom: 20px;
}