@charset "UTF-8";
/* CSS Document */
/* =======================================
	Webページ用追加CSS
========================================== */

/* pc */
@media screen and (min-width:641px) {
#gHeader .chara {
    position: absolute;
    top: 100px;
    left: 600px;
}

#gHeader .chara img {
    width: 121px;
    height: 154px;
}
}

/* sp */
@media screen and (max-width:640px) {
#gHeader .chara {
  position: absolute;
  top: 60px;
  right: 0;
}
#gHeader .chara img {
    width: 60px;
    height: 77px;
}
}



h2 {display:none;}

/*SP*/
@media screen and (max-width:640px) {
h2 {display:none;}
}

h3 {
  margin-bottom: 20px;
  padding: 5px 15px;
  font-size: 20px;
  color: #ffffff;
  background: #F27900;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}
/*SP*/
@media screen and (max-width:640px) {
h3 {
  font-size: 16px;
}
}



.midashi{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
 width:100%;
 background-color:#773e0e;
 padding:5px;
 border:solid 1px #882D00;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 background: linear-gradient(#773e0e,#ab5711);
 margin-bottom:10px;
}


/*だらりぐま*/
.gaiyou_dara {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border:solid 3px #ECEC00;
    padding:10px;
    margin:0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
}

.item_dara {
    float:left;
    width:260px;
    height:240px;
    margin:5px;
    margin-bottom:5px;
    text-align:left;
}

.item_dara img {
  width: 100%;
  height: auto;
}

/*SP*/
@media screen and (max-width:640px) {

.gaiyou_dara {
    width:100%;
}
.item_dara {
    float:none;
    width:auto;
    height:auto;
}
.item_dara img {
  max-width: 100%;
  height: auto;
}
}


.item-box {
    width: 820px;
    margin: 0 auto 20px;
}
.item-box .item-left {
    float: left;
}

/*SP*/
@media screen and (max-width:640px) {
.item-box {
    width: auto;
    margin: 0 auto;
}
.item-box .item-left {
    float: none;
}
#contents img {width:100%; height:auto;}

}


.sns-btn {
    margin-top:40px;
    float:right;
}
.sns-btn li {
    float:left;
}
.sns-btn li:first-child {
    margin-right:10px;
}


/*リツイートキャンペーン*/


.title01{font-weight:bold; font-size:16px; color:#A65300;}


/*文字強調*/
.medachi {font-weight:bold; color:#ff8000;}
.medachi2 {font-weight:bold; color:#ff0000;}
.medachi3 {font-weight:bold; color:#0080FF;}


table.oubo{
    width:800px;
    margin:0 auto;
    margin-top:10px;
    padding:10px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.oubo th{
    width:120px;
    background-image:url(/campaign/images/camp_tableback.png);
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#F9BB02;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.oubo td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

.gaiyou {
    width:800px;
    border:solid 3px #FF8000;
    padding:10px; margin:0 auto;
    border-radius: 10px;  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;/* Firefox用 */
    }

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



/*SP*/
@media screen and (max-width:640px) {

table.oubo{width:100%;}

.oubo th{
    width:60px;
    padding:2px;
    }
.oubo td{
    padding:2px;
}

}