@charset "utf-8";

@media (max-width: 639px) {

#allMainWrap{
  background:#f9e9e9 url(/cinnamoroll_select/img/cin_bg_re_sp.gif) top center repeat-x;
  background-size: 1px auto;
}
#allMainWrap.cinIndexTop{
  background:#f9e9e9 url(/cinnamoroll_select/img/cin_bg_re_02_sp.gif) top center repeat-x;
  background-size: 1px auto;
}
.oneCLM #cmnNaviHeader{
  margin-bottom: 0;
  box-shadow: none;
  background: #fff;
}
.oneCLM #main, .oneCLMFullWidth #main{
  width: 100%;
}

#contents{
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  float: none;
}
body #main.cinnamoroll{
  color: #806142;
}
#main.cinnamoroll .pcOnly,
#mainFooter .pcOnly{
  display: none !important;
}
#main.cinnamoroll .inner{
  width: 100% !important;
  margin: 0 auto;
}
#main.cinnamoroll .sectionType01{
  padding: 0;
}
#main.cinnamoroll .alignLists li{
  font-size: 0.714rem;
}

/*----------------------------------------------------------
.footer
----------------------------------------------------------*/
#mainFooter{
  margin-top: 0;
}
.linkType_viewSWBtn{
  margin: 0 0 1.214rem 0;
}
.oneCLM #copyright span{
  display: block;
}
.oneCLM #copyright span:last-child small{
  font-size: 0.714rem;
}

/***********************************************************
#main.cinnamoroll
***********************************************************/
/*----------------------------------------------------------
cinTitle
----------------------------------------------------------*/
#main.cinnamoroll .cinTitle{
  background:#fffdf0 url(/cinnamoroll_select/img/cin_curtain_re_sp.png) top center repeat;
  background-size: 100%;
}
#main.cinnamoroll .cin_h1wrap01{
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 4.53% 5% 3.59%;
}
#main.cinnamoroll .cin_h1wrap01 img{
}
#main.cinnamoroll .contentsWrap{
  width: 100%;
  padding-top: 5.31%;
  display: inline-block;
  background: url(/cinnamoroll_select/img/cin_curtain_bottom_sp.png) top center repeat-x;
  background-size: 100%;
}
/*----------------------------------------------------------
.cinMV
----------------------------------------------------------*/
#contents .cinTopMV{
}
#contents .cinMV{
}


/*----------------------------------------------------------
.cinChoice
----------------------------------------------------------*/
.cinnamoroll .columnTow .columnBox{
  width: 100%;
}
.cinnamoroll #contents .columnBoxWrap{
  margin-top: 0;
}
.cinnamoroll .columnTow .columnBox:first-child {
  margin-bottom: 0;
}
.cinnamoroll .cinChoice .columnBox{
  position: relative;
}
.cinnamoroll .cinChoice .columnBox .choiceBtn01{
  position: absolute;
  bottom: 8.96%;
  left: 50%;
  margin-left: -21.71%;
  width: 43.43%;
  height: auto;
}
.cinnamoroll .inner .alignLists{
  overflow: hidden;
  padding: 0 1.142rem 0 1.142rem;
}

/*----------------------------------------------------------
.cinShare
----------------------------------------------------------*/
.cinnamoroll .cinShare{
  margin-bottom: 7.81%;
  position: relative;
}
.cinnamoroll .cinShare .shareBtn01{
  position: absolute;
  bottom: 11.45%;
  left: 26.71%;
  width: 46.87%;
  font-size: 0;
}
.cinnamoroll .cinShare .shareBtn01 > *{
  display: inline-block;
  margin-right: 7%;
  width: 28.66%;
  height: auto;
}
.cinnamoroll .cinShare .shareBtn01 > *:last-child{
  margin-right: 0;
}
.cinnamoroll .cinShare .shareBtn02{
  position: absolute;
  bottom: 15.86%;
  left: 26.71%;
  width: 46.87%;
  font-size: 0;
}
.cinnamoroll .cinShare .shareBtn02 > *{
  display: inline-block;
  margin-right: 7%;
  width: 28.66%;
  height: auto;
}
.cinnamoroll .cinShare .shareBtn02 > *:last-child{
  margin-right: 0;
}
.cinnamoroll .cinShare .shareBtn03{
  position: absolute;
  bottom: 8.37%;
  left: 26.71%;
  width: 46.87%;
  font-size: 0;
}
.cinnamoroll .cinShare .shareBtn03 > *{
  display: inline-block;
  margin-right: 7%;
  width: 28.66%;
  height: auto;
}
.cinnamoroll .cinShare .shareBtn03 > *:last-child{
  margin-right: 0;
}
.cinnamoroll .cinShare .shareBtn04{
  position: absolute;
  bottom: 14.94%;
  left: 26.71%;
  width: 46.87%;
  font-size: 0;
}
.cinnamoroll .cinShare .shareBtn04 > *{
  display: inline-block;
  margin-right: 7%;
  width: 28.66%;
  height: auto;
}
.cinnamoroll .cinShare .shareBtn04 > *:last-child{
  margin-right: 0;
}
.cinnamoroll .cinShare .shareBtn05{
  position: absolute;
  bottom: 11.45%;
  left: 26.71%;
  width: 46.87%;
  font-size: 0;
}
.cinnamoroll .cinShare .shareBtn05 > *{
  display: inline-block;
  margin-right: 7%;
  width: 28.66%;
  height: auto;
}
.cinnamoroll .cinShare .shareBtn05 > *:last-child{
  margin-right: 0;
}
/*----------------------------------------------------------
.cinYoutube
----------------------------------------------------------*/
.youtubeInner{
  position: absolute;
  bottom: 32.78%;
  left: 12.5%;
  width: 75%;
  height: 38.68%;
}
.youtubeInner > iframe{
  width: 100%;
  height: 100%;
}
/*----------------------------------------------------------
.cinQuestionBtn
----------------------------------------------------------*/
.cinQuestionBtn{
  position: relative;
}
.cinQuestionBtnInner{
  position: absolute;
  width: 68.125%;
  bottom: 20.62%;
  left: 15.781%;
}
/*----------------------------------------------------------
.cinLink
----------------------------------------------------------*/
.cinLink{
  position: relative;
}
.cinLinkType01{
  position: absolute;
  margin:0 15.625% 0;
  bottom: 52.17%;
  left: 0;
}
.cinLinkType01 a{
  background: url(/cinnamoroll_select/img/cin_ico_01.png) no-repeat 0 0;
  background-size: 0.857rem auto;
  font-size: 0.714rem;
  padding-left: 16px;
  display: inline-block;
}
.cinLinkType01 .cinIconTypeBlank{
  display: inline-block;
  padding-top: 0;
  padding-left: 0.285em;
  vertical-align: middle;
  line-height: 1;
}
.cinLinkType01 .cinIconTypeBlank img{
  width: 7px;
}

}