@charset "UTF-8";
.enTxt {
  font-family: 'Quicksand', sans-serif;
}
.cvColor {
  color: #ff6600;
  text-decoration: underline;
}
html,
body {
  -webkit-text-size-adjust: 100%!important;
}
body {
  min-width: 1100px;
}
/* ============================================================
 画面サイズ737px以上
============================================================ */

  #mainVisualSp,
  .campRecipeSp,
  .campNadicoSp {
    display: none;
  }
  #campWrap1100 div,
  #campWrap1100 ul,
  #campWrap1100 li,
  #campWrap1100 p,
  #campWrap1100 a,
  #campWrap780 div,
  #campWrap780 ul,
  #campWrap780 li,
  #campWrap780 p,
  #campWrap780 a {
    max-height: 100%;
  }
  #campWrap1100 {
    width: 100%;
    background: #fff;
    font-size: 1.3rem;
    padding-bottom: 40px;
    margin-bottom: 20px;
  }
  #campWrap780 {
    width: 780px;
    background: #fff;
    margin-right: 20px;
    padding-bottom: 40px;
    float: left;
    font-size: 1.3rem;
    zoom: 1;
  }
  #campWrap780:after {
    content: "";
    display: block;
    clear: both;
  }
  #mainVisual {
    width: 100%;
    position: relative;
  }
  #mainVisual img {
    width: 100%;
  }
  #mainVisual .prize {
    top: 60%;
    right: 6%;
    position: absolute;
/*    width: 24.545454545455%;*/
    width: 20%;
  }
  #mainVisual .prize img {
    border-radius: 270px;
    border: 5px solid #fff;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  }
  /*リード文（プレゼントあり）*/
  .lead {
    width: 55.454545454545%;
    margin-top: 30px;
    margin-left: 10%;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.8;
  }
  /*リード文（プレゼントなし）*/
  .leadWide {
    width: 80%;
    margin-top: 30px;
    margin-bottom: 25px;
    margin-left: 10%;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.8;
  }
  /*大見出し*/
  .headLarge {
    width: 80%;
    margin-top: 44px;
    margin-bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 10%;
    background: #ff828d;
    font-size: 2.8rem;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-top: 1px solid #D2C8BE;
    border-bottom: 1px solid #D2C8BE;
  }
  /*中見出し*/
  .headMiddle {
    width: 80%;
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: bold;
    margin: 0 auto 20px auto;
  }
  /*小見出し*/
  .headSmall {
    width: 78%;
    margin: 0 auto 20px auto;
    padding: 14px 1% 12px 1%;
    font-size: 1.8rem;
    font-weight: bold;
    border-top: 1px solid #D1C7BD;
    border-bottom: 1px solid #D1C7BD;
    color: #5a320a;
  }
  /*flag*/
  .flag {
    display: inline-block;
    margin-bottom: 22px;
    margin-left: 10%;
    padding: 10px 14px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    position: relative;
  }
  .flag:after {
    content: "";
    border: 12px solid transparent;
    position: absolute;
    bottom: -12px;
    left: 0;
    opacity: 0.5;
  }
  .flag.basic {
    background: #ffc300;
    color: #5a320a;
  }
  .flag.basic:after {
    border-left: 12px solid #ffc300;
  }
  .flag.nadico {
    background: #ff828d;
    color: #fff;
  }
  .flag.nadico:after {
    border-left: 12px solid #ff828d;
  }
  .normalTxt {
    width: 80%;
    margin: 0 auto 40px auto;
    font-size: 1.4rem;
    line-height: 2;
  }
  /*画像付テキスト*/
  .phtTxt {
    width: 80%;
    margin: 0 auto 10px auto;
    zoom: 1;
  }
  .phtTxt:after {
    content: "";
    display: block;
    clear: both;
  }
  .phtTxt .phtTxt-T {
    /*テキスト*/
    font-size: 1.4rem;
    line-height: 2;
  }
  .phtTxt .phtTxt-P {
    /*写真*/
    width: 20%;
  }
  .phtTxt .phtTxt-P img {
    width: 100%;
  }
  .phtTxt .phtTxt-P figcaption {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
  }
  .phtTxt .phtTxt-P.float-L {
    margin-right: 3.409090909091%;
    margin-bottom: 20px;
  }
  .phtTxt .phtTxt-P.float-R {
    margin-left: 3.409090909091%;
    margin-bottom: 20px;
  }
  /*list*/
  .listTable {
    width: 80%;
    margin: 0 auto 40px auto;
  }
  .listTable ul {
    width: 100%;
    display: table;
    border-collapse: separate;
  }
  .listTable ul li {
    display: table-cell;
    padding: 10px 2%;
    border-bottom: 2px solid #fff;
    vertical-align: top;
  }
  .listTable ul li:nth-child(odd) {
    width: 26%;
    border-right: 2px solid #fff;
    background: #E6E0DA;
    font-weight: bold;
    color: #5a320a;
  }
  .listTable ul li:nth-child(even) {
    width: 65%;
    background: #FAF5EB;
  }
  .listTable ul li:nth-child(even).bgWhite {
    background: #fff;
  }
  .listTable ul li.listTableTtl {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.4rem;
    background: #5a320a;
  }
  /*注意書き*/
  .listNote {
    font-size: 1.1rem;
    margin: 10px 0 0 0;
	font-weight:normal;
  }
  /*サムネイル+テキスト*/
  .thmbTxt {
    width: 80%;
    margin: 0 auto;
    zoom: 1;
  }
  .thmbTxt:after {
    content: "";
    display: block;
    clear: both;
  }
  .thmbTxt li {
    margin: 0 auto 40px auto;
    display: inline-block;
    line-height: 1.6;
    font-size: 1.4em;
  }
  .thmbTxt li:nth-child(odd) {
    width: 26%;
    margin-right: 2%;
  }
  .thmbTxt li:nth-child(odd) img {
    width: 100%;
  }
  .thmbTxt li:nth-child(even) {
    width: 72%;
    vertical-align: top;
  }
  .thmbTxt li .thmbTxtHead,
  .phtTxt li .thmbTxtHead {
    font-size: 2.0rem;
    line-height: 1.8;
    font-weight: bold;
    margin-bottom: 6px;
  }
  /*サムネイル+テキスト2列*/
  .thmbTxt2 {
    width: 80%;
    margin: 0 auto;
    zoom: 1;
  }
  .thmbTxt2:after {
    content: "";
    display: block;
    clear: both;
  }
  .thmbTxt2 ul {
    width: 47%;
    float: left;
    margin-right: 6%;
  }
  .thmbTxt2 ul:nth-of-type(even) {
    margin-right: 0;
  }
  .thmbTxt2 ul li {
    margin: 0 auto 40px auto;
    display: inline-block;
    line-height: 1.6;
  }
  .thmbTxt2 ul li:nth-child(odd) {
    width: 33%;
    margin-right: 4%;
  }
  .thmbTxt2 ul li:nth-child(odd) img {
    width: 100%;
  }
  .thmbTxt2 ul li:nth-child(even) {
    width: 63%;
    vertical-align: top;
  }
  .campNadico2 ul li .thmbTxtHead,
  .thmbTxt2 ul li .thmbTxtHead {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 6px;
  }
  /*レシピ*/
  .campRecipe {
    width: 80%;
    margin: 0 auto 40px auto;
    zoom: 1;
  }
  .campRecipe:after {
    content: "";
    display: block;
    clear: both;
  }
  .campRecipe li {
    float: left;
    width: 22.954545454545%;
    margin-right: 2.727272727273%;
  }
  .campRecipe li:last-child {
    margin-right: 0;
  }
  .campRecipe li a {
    display: block;
  }
  .campRecipe li .recipePh img {
    width: 100%;
  }
  .campRecipe li .recipeName {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.4;
    word-wrap: break-word;
  }
  .campRecipe li .recipeName.dot {
    height: 3.6rem;
  }
  .campRecipe li .usrDetail {
    zoom: 1;
  }
  .campRecipe li .usrDetail:after {
    content: "";
    display: block;
    clear: both;
  }
  .campRecipe li .usrPh {
    width: 25%;
    display: inline-block;
    margin-right: 4%;
  }
  .campRecipe li .usrPh img {
    width: 100%;
  }
  .campRecipe li .usrName {
    width: 69%;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
    font-size: 1.2rem;
  }
  /*Nadico*/
  .campNadico {
    width: 80%;
    margin: 40px auto 0px auto;
    zoom: 1;
  }
  .campNadico:after {
    content: "";
    display: block;
    clear: both;
  }
  .campNadico li {
    margin: 0 auto 40px auto;
    display: inline-block;
    line-height: 1.6;
    font-size: 1.4rem;
  }
  .campNadico li:nth-child(odd) {
    width: 16%;
    margin-right: 2%;
  }
  .campNadico li:nth-child(odd) img {
    width: 100%;
  }
  .campNadico li:nth-child(even) {
    width: 82%;
    vertical-align: top;
  }
  .campNadico li .usrName {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.3;
  }
  .campNadico li .nadicoBtn,
  .phtTxt li .nadicoBtn {
    margin-top: 10px;
  }
  .campNadico li .nadicoBtn a ,
  .phtTxt li .nadicoBtn a{
    width: 120px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 14px;
    font-size: 1.2rem;
    line-height: 30px;
    border-radius: 3px;
  }
  .campNadico li .nadicoBtn a.nadicoRecipeBtn ,
  .phtTxt li .nadicoBtn a.nadicoRecipeBtn {
    background: #5a320a;
  }
  .campNadico li .nadicoBtn a.nadicoUsrBtn {
    background: #ff828d;
  }
  /*Nadico2列*/
  .campNadico2 {
    width: 80%;
    margin: 0 auto;
    zoom: 1;
  }
  .campNadico2:after {
    content: "";
    display: block;
    clear: both;
  }
  .campNadico2 ul {
    width: 47%;
    float: left;
    margin-right: 6%;
  }
  .campNadico2 ul:nth-of-type(even) {
    margin-right: 0;
  }
  .campNadico2 ul li {
    margin: 0 auto 40px auto;
    display: inline-block;
    line-height: 1.6;
  }
  .campNadico2 ul li:nth-child(odd) {
    width: 33%;
    margin-right: 4%;
  }
  .campNadico2 ul li:nth-child(odd) img {
    width: 100%;
  }
  .campNadico2 ul li:nth-child(even) {
    width: 63%;
    vertical-align: top;
  }
  .campNadico2 ul li .usrName {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.3;
  }
  .campNadico2 ul li .nadicoBtn a {
    width: 110px;
    height: 30px;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 14px;
    font-size: 1.2rem;
    line-height: 30px;
    border-radius: 3px;
  }
  .campNadico2 ul li .nadicoBtn a.nadicoRecipeBtn {
    background: #5a320a;
  }
  .campNadico2 ul li .nadicoBtn a.nadicoUsrBtn {
    background: #ff828d;
  }
  .campInfo {
    width: 80%;
    margin: 40px auto 40px auto;
    border: 3px solid #ff828d;
  }
  .campInfo .campInfoTtl {
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
    color: #fff;
    font-size: 2.2rem;
    background: #ff828d;
    border-radius: 0 4px 4px 0;
  }
  .campInfo .campInfoArea {
    width: 90%;
    margin: 20px auto 35px auto;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .campInfoList {
    width: 80%;
    margin: 0 auto 40px auto;
    font-size: 1.4rem;
    line-height: 1.6;

  }
  .campInfoList ul {
    width: 100%;
    display: table;
  }
  .campInfoList ul:nth-of-type(odd) {
    background: #FAF5EB;
  }
  .campInfoList ul li {
    display: table-cell;
  }
  .campInfoList ul li:first-child {
    width: 25%;
    padding: 12px 0 12px 4%;
/*    color: #5a320a;*/
color: #333;
    font-weight: bold;
  }
  .campInfoList ul li:last-child {
    width: 75%;
    padding: 12px 4% 12px 0;
  }
  .cvBtn {
    text-align: center;
  }
  .cvBtn a {
    display: inline-block;
    margin-bottom: 40px;
    padding: 20px 100px;
    color: #fff;
    font-weight: bold;
    font-size: 2.2rem;
    background: url(../images/btnArrow.png) no-repeat right 10% center #ff6600;
    border-radius: 4px;
  }