@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: #fec0cd;
  background: #E51F46;
  -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;
}

#contents .gazou {width:400px; float:left;}
#contents .setsumei {width:400px; float:right;}
#contents .setsumei .midashi01 { 
	font-weight:bold;
	font-size:130%;
	margin-bottom:1em;
	color:#ffffff;
	background-color:#8aca98;
    border-radius: 10px;
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
    padding-left:15px;

 }
#contents .setsumei {font-size:110%;}
#contents .setsumei .chuui {font-size:80%; color:#7e7e7e;}


/*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;}

#contents .gazou {width:100%;}
#contents .gazou img {width:100%; height:auto;}
#contents .setsumei {width:100%; padding:2px;}

#contents .setsumei .midashi01 { 
	font-weight:bold;
	font-size:130%;
	margin-bottom:1em;
	color:#ffffff;
	background-color:#8aca98
    border-radius: 10px;
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
    padding-left:15px;
    margin-top:5px;

 }


}

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