@charset "utf-8";

/*----------------------------------------------------------------------

  common

----------------------------------------------------------------------*/

/* Base ------------ */
body {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  background: url(../img/bg_side.png) center top repeat-y;
}
a {
  color:#d14828;;
  text-decoration: underline;
}
a:hover {
  color:#ccc;;
  text-decoration: underline;
}
img {
  max-width: 100%;
  vertical-align: top;
}
#wrapper {
  width: 980px;
  margin: 10px auto;
}

/* .unko ----------------------------------- */

/*  top header */
.unko header{
  width: 710px;
  margin: 20px auto 70px;
  text-align: center;
}
.unko_boshuu header{
  width: 630px;
  margin: 20px auto 70px;
  text-align: center;
}
.unko header h1,
.unko_boshuu header h1{
  margin: 0 0 10px;
}
.unko header h2,
.unko_boshuu header h2{
  margin: 0 0 10px;
}
.unko #topSubCopy{
  /* color:#d14828; */
  font-size: 18px;
  font-weight: bold;
}
.unko #topHyou1{
  margin: 0 0 20px;
}
.unko_boshuu #boshuuSubCopy{
  color:#d14828;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
.unko_boshuu #boshuuSubCopyBttom{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.unko_boshuu #boshuuHyou1{
  float: left;
  width: 265px;
}
.unko_boshuu #topDataDetail{
  text-align: left;
  float: right;
  width: 310px;
}
.unko_boshuu #topDataDetail h3{
  font-size: 18px;
  margin-bottom: 20px;
}
.unko_boshuu #topDataDetail h3 span{
  font-weight: bold;
}
.unko header h3{
  margin-top: 10px;
  color:#d14828;
  font-size: 28px;
  font-weight: bold;
}
.unko header h3 span{
  font-size: 44px;
}
.unko .prizeTxt{
  font-size: 20px;
  color:#d14828;
  margin-bottom: 20px;
}


/* topData */
.unko #topData{
  width:450px;
  margin: 0 auto 20px;
  text-align: left;
}
#topDataTitle{
  width:150px;
  float: left;
  margin-left: 20px;
}
#topDataTitle h3{
  font-weight: bold;
}
#topDataDetail{
  width:180px;
  float: right;
}

/* topMovie */
.unko #topMovie{
  width:580px;
  margin: 0 auto 70px;
  text-align: left;
}
.unko #topMovie h1{
  font-size: 24px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_youtube.png) 0 0 no-repeat;
  padding: 25px 0 25px 100px;
  margin-bottom: 30px;
}
.unko #topMovie div{
  width: 560px;
  margin: 0 auto;
}

.unko #topMovie2{
  width:580px;
  margin: 0 auto 70px;
  text-align: left;
}
.unko #topMovie2 h1{
  font-size: 24px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_youtube.png) 0 0 no-repeat;
  padding: 5px 0 25px 110px;
  margin-bottom: 30px;
}
.unko #topMovie2 h1 span{
  font-size: 16px;
  margin-bottom: 5px;
}
.unko #topMovie2 div{
  width: 560px;
  margin: 0 auto;
}

/* topShiritori */
.unko #topShiritori{
  width: 840px;
  margin: 0 auto 70px;
  text-align: left;
}
.unko #topShiritori h1{
 /* width: 670px;*/
  font-size: 18px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_shiritori.png) 0 0 no-repeat;
  padding: 15px 0 25px 120px;
  margin: 0 0 0 30px;
}
.unko #topShiritori span.shiri{
  color:#d14828;
  font-size: 24px;
}
.unko #topShiritori span.ar{
  font-size: 24px;
}

/* topShiritoriImg */
.unko #topShiritoriImg{
  background: url(../img/top_bg_shiritori.png) 180px 80px no-repeat;
}
.unko #topShiritoriImg li:nth-child(1){
  float: left;
  margin-bottom: 70px;
}
.unko #topShiritoriImg li:nth-child(2){
  float: right;
  margin-bottom: 70px;
}
.unko #topShiritoriImg li:nth-child(3){
  float: left;
}
.unko #topShiritoriImg li:nth-child(4){
  float: right;
}

/* topBoshuu */
#topBoshuu{
  width: 840px;
  margin: 0 auto 100px;
  text-align: left;
}
.unko #topBoshuu h1{
  font-size: 24px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_boshuu.png) 0 0 no-repeat;
  padding: 30px 0 30px 120px;
  margin: 0 40px 0 180px;
}
.unko #topBoshuu h2{
  font-size: 18px;
  /*color:#d14828;*/
  margin: 0 auto 10px;
  text-align: center;
  font-weight: bold;
}

.unko #topBoshuu h2 .titleArrow{
  font-weight: bold;
  font-family: Verdana;
  font-size: 1.1em;
}

.unko #topBoshuu p{
  padding: 0 0 0 300px;
  margin-bottom: 20px;
}
.unko #topBoshuu #topBoshuuSheet{
  width: 580px;
  margin: 40px auto 30px;
}
.unko #topBoshuu ul.shiritoriImg li{
  float: left;
  width: 200px;
  margin:0 5px 40px;
}

.unko #topBoshuu ul.shiritoriList{
  margin:0 0 0 0;
}
.unko #topBoshuu ul.shiritoriList li{
  float: left;
  width: 200px;
  margin:0 5px 20px;
  text-align: center;
}

#topBoshuuBtn{
  width: 645px;
  margin: 0 auto;
}



/* topSakusha */
.unko #topSakusha{
  width: 600px;
  margin: 0 auto 70px;
  text-align: left;
}
.unko #topSakusha #topSakushaData{
  width: 300px;
  float: left;
}
.unko #topSakusha h1{
  font-size: 24px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_sakusha.png) 0 0 no-repeat;
  padding: 70px 0 70px 80px;
  margin: 0 40px 20px 160px;
}
.unko #topSakusha h2{
  padding: 0 0 0 0;
  margin-bottom: 20px;
  font-weight: bold;
}
.unko #topSakusha h2 span{
  font-size: 24px;
}
.unko #topSakusha p{
  line-height: 1.8;
}
.unko #topSakusha #tuperatupera{
  float: right;
  width: 262px;
  padding-top: 10px;
}


/* topGenga */
.unko #topGenga{
  width: 560px;
  margin: 0 auto 70px;
  text-align: left;
}
.unko #topGenga h1{
  font-size: 24px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_genga.png) 0 0 no-repeat;
  padding: 0 0 30px 180px;
  margin: 0 30px 0 30px;
}
.unko #topGenga ul{
  padding: 0 0 0 80px;
  margin-bottom: 20px;
}
.unko #topGenga ul li{
  margin-bottom: 10px;
}

/* topWorkshop */
#topWorkshop{
  width: 670px;
  margin: 0 auto 50px;
  text-align: left;
}
#topWorkshop h1{
  font-size: 24px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_workshop.png) 0 0 no-repeat;
  padding: 30px 0 30px 120px;
  margin: 0 40px 20px 60px;
}
#topWorkshop p{
  margin: 20px 0 80px 180px;
}
#topWorkshop ul{
  width: 480px;
  float: left;
  margin-bottom: 20px;
}
#topWorkshop ul li{
  margin-bottom: 10px;
}
/*.unko #topWorkshop #bushuuSample1{
  float: right;
  width: 320px;
}*/

/* topLink */
#topLink{
  width: 800px;
  margin: 0 auto 70px;
  text-align: left;
}
.unko #topLink h1{
  font-size: 24px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_link.png) 0 0 no-repeat;
  padding: 60px 0 60px 80px;
  margin: 0 40px 20px 200px;
}
.unko #topLink ul{
  margin-bottom: 20px;
}
.unko #topLink ul li{
  float: left;
  margin:0 12px 20px 0;
}
.unko #topLink ul li:last-child{
  margin-right: 0;
}


/* boshuu ------------------------------------------  */
/* boshuuSample  */
#boshuuSample{
  width: 840px;
  margin: 0 auto 70px;
  text-align: left;
}
#boshuuSample h1{
  font-size: 30px;
  color:#d14828;
  margin-bottom: 20px;
  font-weight: bold;
  margin: 0 0 0 100px;
}
#boshuuSample p{
  margin: 0 0 50px 100px;
}
.bushuuMiddleCopy{
  font-size: 18px;
  color:#d14828;
  line-height: 1.8;
  font-weight: bold;
}
.boshuuPostCard{
  margin: 10px 0;
}
#bushuuSample1{
  width: 655px;
  margin: 0 auto 70px;
}
#boshuuSample #boshuuSmapletxt{
  font-size: 18px;
  /*color:#d14828;*/
  margin: 0 auto 10px;
  text-align: center;
  font-weight: bold;
}
#boshuuSample2{
  width: 304px;
  margin: 0 auto 20px;
}

#boshuuSample .shiritoriSakuhin li{
  float: left;
  width: 200px;
  margin:0 5px 40px;
}
#boshuuBtn{
  width: 645px;
  margin: 0 auto;
}


/* boshuuDetail */

#boshuuDetail{
  width: 710px;
  margin: 0 auto 20px;
}

#boshuuDetail #boshuuSheet{
  width: 265px;
  float: right;
}

#boshuuDetail h3{
  font-size: 16px;
  font-weight: bold;
  color:#d14828;
  margin-bottom: 10px;
}
#boshuuDetail h4{
  font-weight: bold;
  margin: 10px 0;
}
#boshuuDetail h4 .titleArrow{
  font-weight: bold;
  font-family: Verdana;
  font-size: 1.1em;
}
#boshuuDetail .boshuuDetailData p{
  margin-bottom: 10px;
}
#boshuuDetail .boshuuDetailData{
  width: 400px;
  float: left;
  margin-bottom: 50px;
}
#boshuuDetail .boshuuDetailData .shiritoriList li{
  margin-bottom: 10px;
}

#boshuuDetail .boshuuDetailData section{
  margin-bottom: 20px;
}
#boshuuDetail .boshuuDetailDataBottom{
  clear: both;
  width: 710px;
  margin-bottom: 50px;
}

.backBtn{
  width: 640px;
  margin: 30px auto 70px;
}

#backLink{
  width: 640px;
  margin: 0 auto 70px;
}

#backLink ul li{
  width: 300px;
  float: left;
}
#backLink ul li:last-child{
  width: 300px;
  float: right;
}

footer{
  width: 800px;
  margin: 0 auto 70px;
  text-align: center;
  font-size: 11px;
}



/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 600px) {
/*@media screen and (min-width: 600px) {*/


body {
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  -webkit-text-size-adjust: none;
  background-image: none;
}
#wrapper {
  width: 100%;
  margin: 20px 0;
}
#inner{
  padding: 0 20px;
}


/* .unko ----------------------------------- */

.unko header,
.unko_boshuu header{
  width: 100%;
  margin:0 0 30px;
  text-align: center;
}
.unko header h1,
.unko_boshuu header h1{
  width: 150px;
  margin: 0 auto 10px;
}
/*.unko header h1 img,
.unko_boshuu header h1 img{
  width: 151px;
  height:35px;
}*/
.unko header h2,
.unko_boshuu header h2{
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
}
/*.unko header h2 img,
.unko_boshuu header h2 img{
  width: 279px;
  height:43px;
}*/
.unko #topSubCopy{
  width: 100%;
  color:#d14828;
  font-size: 16px;
}
#topSubCopyImg{
}
.unko #topHyou1{
  margin: 0 0 20px;
}
.unko_boshuu #boshuuSubCopy{
  color:#d14828;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.unko_boshuu #boshuuSubCopyBttom{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.unko_boshuu #boshuuHyou1{
  float: none;
  width: 100%;
}
.unko_boshuu #boshuuHyou1 img{
  width: 200px;
}
.unko_boshuu #topDataDetail{
  float: none;
  width: 100%;
  margin-bottom: 20px;
}
.unko_boshuu #topDataDetail h3{
  font-size: 16px;
  margin-bottom: 20px;
}
.unko_boshuu #topDataDetail h3 span{
  font-weight: bold;
}


/* topData */
.unko #topData{
  width:100%;
  margin: 0 0 40px;
}
#topDataTitle{
  width:100%;
  float: none;
  margin-left: 0;
}
#topDataTitle h3{
  font-size: 16px;
}
#topDataDetail{
  width:100%;
  float: none;
  margin: 20px 0;
}

/* topMovie */
.unko #topMovie{
  width:100%;
  margin: 0 0 40px;
}
.unko #topMovie h1{
  font-size: 16px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_youtube.png) 0 0 no-repeat;
  background-size: 42px 51px;
  padding: 10px 0 20px 50px;
  margin: 0 0 10px 0;
}
.unko #topMovie iframe{
  width: 280px;
  height: 158px;
  margin: 0 auto 0px;
}
.unko #topMovie div{
  width: 100%;
  margin: 0 auto;
}

/* topShiritori */
.unko #topShiritori{
  width: 100%;
  margin: 0 0 40px;
  text-align: left;
}
.unko #topShiritori h1{
  font-size: 16px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_shiritori.png) 0 0 no-repeat;
  background-size: 47px 40px;
  padding: 0 0 0 60px;
  margin: 0 0 20px 0;
}
.unko #topShiritori span.shiri{
  color:#d14828;
  font-size: 16px;
}
.unko #topShiritori span.ar{
  font-size: 16px;
}
/* topShiritoriImg */
.unko #topShiritoriImg{
  background-image: none;
  width: 280px;
  margin: 0 auto 20px;
}
.unko #topShiritoriImg li:nth-child(1){
  float: none;
  margin-bottom: 10px;
}
.unko #topShiritoriImg li:nth-child(2){
  float: none;
  margin-bottom: 10px;
}
.unko #topShiritoriImg li:nth-child(3){
  float: none;
  margin-bottom: 10px;
}
.unko #topShiritoriImg li:nth-child(4){
  float: none;
  margin-bottom: 0;
}

/* topBoshuu */
#topBoshuu{
  width:100%;
  margin: 0 0 40px;
}
.unko #topBoshuu h1{
  font-size: 16px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_boshuu.png) 0 0 no-repeat;
  background-size:  48px 40px;
  padding: 10px 0 20px 60px;
  margin: 0 0 0;
}
.unko #topBoshuu p{
  padding: 0 0 0 0;
  margin-bottom: 20px;
}
.unko #topBoshuu #topBoshuuSheet{
  width: 100%;
  margin: 0 auto 30px;
}
.unko #topBoshuu ul.shiritoriImg{
  width: 200px;
  margin: 0 auto 30px;
}
.unko #topBoshuu ul.shiritoriImg li{
  float: none;
  margin: 0 0 10px;
}
.unko #topBoshuu ul.shiritoriList {
  margin: 0 0 0 0;
  text-align: center;
}
.unko #topBoshuu ul.shiritoriList li {
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
}

#topBoshuuBtn {
width: 100%;
max-width: 100%;
margin: 0 auto;
}

/* topSakusha */
.unko #topSakusha{
  width: 100%;
  margin: 0 0 40px;
}
.unko #topSakusha #topSakushaData{
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
.unko #topSakusha h1{
  font-size: 16px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_sakusha.png) 0 0 no-repeat;
  background-size:  30px 85px;
  padding: 30px 0 30px 50px;
  margin: 0 0 20px 0;
}
.unko #topSakusha h2{
  padding: 0 0 0 0;
  margin-bottom: 20px;
  font-weight: bold;
}
.unko #topSakusha h2 span{
  font-size: 16px;
}
.unko #topSakusha p{
  line-height: 1.4;
}
.unko #topSakusha #tuperatupera{
  float: none;
  width: 200px;
  padding-top: 0;
   margin: 0 auto 20px;
}


/* topGenga */
.unko #topGenga{
  width: 100%;
  margin: 0 0 40px;
}
.unko #topGenga h1{
  font-size: 16px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_genga.png) 0 0 no-repeat;
  background-size:  74px 29px;
  padding: 0 0 0 80px;
  margin: 0 0 20px 0;
}
.unko #topGenga ul{
  padding: 0 0 0 0;
  margin-bottom: 20px;
}
.unko #topGenga ul li{
  margin-bottom: 10px;
}

/* topWorkshop */
#topWorkshop{
  width: 100%;
  margin: 0 0 40px;
}
#topWorkshop h1{
  font-size: 16px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_workshop.png) 0 0 no-repeat;
  background-size:  50px 61px;
  padding: 10px 0 20px 60px;
  margin: 0 0 0 0;
}
#topWorkshop p{
  margin:0 0 20px 0;
}
#topWorkshop ul{
  width: 300px;
  float: none;
  margin-bottom: 20px;
}
#topWorkshop ul li{
  margin-bottom: 5px;
}
#topWorkshop #tuperatupera{
  float: none;
  width: 200px;
  margin: 0 auto 20px;
}

/* topLink */
#topLink{
  width: 100%;
  margin: 0 0 40px;
}
.unko #topLink h1{
  font-size: 16px;
  color:#000;
  font-weight: bold;
  background: url(../img/top_icon_link.png) 10px 0 no-repeat;
  background-size:  28px 71px;
  padding: 30px 0 30px 50px;
  margin: 0 0 20px 0;
}
.unko #topLink ul{
  width: 200px;
  margin:0 0 20px 50px;
}
.unko #topLink ul li{
  float: none;
  width: 100%;
  margin:0 auto 10px;
}
.unko #topLink ul li:last-child{
  margin:0 auto 20px;
}

/* boshuu ------------------------------------------  */
/* boshuuSample  */
#boshuuSample{
  width: 100%;
  margin: 0 0 40px;
}
#boshuuSample h1{
  font-size: 16px;
  color:#d14828;
  font-weight: bold;
  margin: 0 0 20px 0;
}
#boshuuSample p{
  margin: 0 0 20px 0;
}
.bushuuMiddleCopy{
  font-size: 14px;
  color:#d14828;
  line-height: 1.6;
  font-weight: bold;
}
#bushuuSample1{
  width: 100%;
  margin: 0 auto 40px;
}
#boshuuSample #boshuuSmapletxt{
  font-size: 14px;
  color:#d14828;
  width: 100%;
  margin: 0 auto 0;
  text-align: center;
  font-weight: bold;
}
#boshuuSample2{
  width: 200px;
  margin: 0 auto 20px;
}
#boshuuSample .shiritoriSakuhin{
width: 200px;
margin: 0 auto 30px;
}
#boshuuSample .shiritoriSakuhin li {
float: none;
width: 200px;
margin: 0 0 10px;
}

#boshuuBtn{
  width: 100%;
  margin: 0 auto;
}
#boshuuBtn img{
  width: 100%;
  max-width: 100%;
}

/* boshuuDetail */
#boshuuDetail{
  width: 100%;
  margin: 0 auto 20px;
  font-size: 12px;
}

#boshuuDetail #boshuuSheet{
  width: 200px;
  float: none;
  margin: 0 auto 40px;
}

#boshuuDetail h3{
  font-size: 14px;
  font-weight: bold;
  color:#d14828;
  margin-bottom: 10px;
}
#boshuuDetail h4{
  font-weight: bold;
  margin-bottom: 10px;
}
#boshuuDetail .boshuuDetailData{
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
#boshuuDetail .boshuuDetailData section{
  margin-bottom: 10px;
}
#boshuuDetail .boshuuDetailDataBottom{
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}

.backBtn{
  width: 100%;
  margin: 30px auto;
}


#backLink{
  width: 100%;
  margin: 0 auto 40px;
  text-align: center;
}

#backLink ul li{
  width: 130px;
  float: left;
}
#backLink ul li:last-child{
  width: 130px;
  float: right;
}
#backLink ul li img{
  width: 130px;
  height: auto;
}

footer{
  width: 100%;
  margin: 0 auto 20px;
  text-align: center;
  font-size: 11px;
}





}