@charset "utf-8";

#allMainWrap{
  background:#f9e9e9 url(/apply/card/viaso_cinnamon/img/cin_bg_re.gif) top center repeat-x;
}
#allMainWrap.cinIndexTop{
  background:#f9e9e9 url(/apply/card/viaso_cinnamon/img/cin_bg_re_02.gif) top center repeat-x;
}
.oneCLM #cmnNaviHeader{
  margin-bottom: 0;
  box-shadow: none;
  background: #fff;
}
.oneCLM #main, .oneCLMFullWidth #main{
  width: 100%;
  background: url(/apply/card/viaso_cinnamon/img/cin_bg_01.png) top center no-repeat;
}

.oneCLM #main.cinIndex, .oneCLMFullWidth #main.cinIndex{
  width: 100%;
  background: url(/apply/card/viaso_cinnamon/img/cin_bg_02.png) top center no-repeat;
}

#contents{
  overflow: hidden;
  width: 100%;
  margin: 0 auto 1.785rem;
  float: none;
}
body #main.cinnamoroll{
  color: #806142;
}
#main.cinnamoroll .spOnly, 
#mainFooter .spOnly{
  display: none !important;
}
#main.cinnamoroll .inner{
  width: 980px !important;
  margin: 0 auto;
}
#main.cinnamoroll .alignLists li:after{
  margin-bottom: 6px;
}
/*----------------------------------------------------------
.footer
----------------------------------------------------------*/
#mainFooter{
  margin-top: 0;
}
/***********************************************************
#main.cinnamoroll
***********************************************************/
/*----------------------------------------------------------
decoration
----------------------------------------------------------*/
#main.cinnamoroll .cinDeco{
  position: relative;
}
#contents .cinDeco .imgDeco02{
  position: absolute;
  bottom: 77px;
  left: -26px;
}
#contents .cinDeco .imgDeco03{
  position: absolute;
  bottom: 77px;
  right: -5px;
}
#main.cinnamoroll .cinDeco .imgDecoFoot{
  position: absolute;
  bottom: 0;
  right: 0;
}

/*----------------------------------------------------------
cinTitle
----------------------------------------------------------*/
#main.cinnamoroll .cinTitle{
  background:#fffdf0 url(/apply/card/viaso_cinnamon/img/cin_curtain_re.png) top center repeat;
}
#main.cinnamoroll .cin_h1wrap01{
  position: relative;
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 38px 15px 12px;
}
#main.cinnamoroll .cin_h1wrap01 .subTitle{
  position: absolute;
  bottom: 12px;
  right: 60px;
}
#main.cinnamoroll .contentsWrap{
  width: 100%;
  padding-top: 41px;
  display: inline-block;
  background: url(/apply/card/viaso_cinnamon/img/cin_curtain_bottom.png) top center repeat-x;
}
/*----------------------------------------------------------
.cinMV
----------------------------------------------------------*/
#contents .cinTopMV{
}
#contents .cinMV{
}

/*----------------------------------------------------------
.cinChoice
----------------------------------------------------------*/
#contents .columnBoxWrap{
  margin: 0 0 4px;
}
.cinnamoroll .columnTow .columnBox{
  width: 500px;
}
.cinnamoroll .columnTow .columnBox:first-child{
  margin: 0 0 0 -10px;
}
.cinnamoroll .columnTow .columnBox:last-child{
  margin: 0 -10px 0 0;
}
.cinnamoroll .cinChoice .columnBox{
  position: relative;
}

.cinnamoroll .cinChoice .columnBox .choiceBtn01{
  position: absolute;
  bottom: 72px;
  left: 50%;
  margin-left: -94px;
}
/*----------------------------------------------------------
.cinShare
----------------------------------------------------------*/
.cinnamoroll .cinShare{
  margin-bottom: 38px;
  position: relative;
}
.cinnamoroll .cinShare .shareBtn01{
  position: absolute;
  bottom: 37px;
  left: 393px;
}
.cinnamoroll .cinShare .shareBtn01 > *{
  display: inline-block;
  margin-right: 6px;
}
.cinnamoroll .cinShare .shareBtn02{
  position: absolute;
  bottom: 99px;
  left: 393px;
}
.cinnamoroll .cinShare .shareBtn02 > *{
  display: inline-block;
  margin-right: 6px;
}
.cinnamoroll .cinShare .shareBtn03{
  position: absolute;
  bottom: 149px;
  left: 393px;
}
.cinnamoroll .cinShare .shareBtn03 > *{
  display: inline-block;
  margin-right: 6px;
}
.cinnamoroll .cinShare .shareBtn04{
  position: absolute;
  bottom: 88px;
  left: 393px;
}
.cinnamoroll .cinShare .shareBtn04 > *{
  display: inline-block;
  margin-right: 6px;
}
.cinnamoroll .cinShare .shareBtn05{
  position: absolute;
  bottom: 37px;
  left: 400px;
}
.cinnamoroll .cinShare .shareBtn05 > *{
  display: inline-block;
  margin-right: 6px;
}
/*----------------------------------------------------------
.cinYoutube
----------------------------------------------------------*/
.youtubeInner{
  position: absolute;
  bottom:173px;
  left:210px;
}
.youtubeInner > iframe{
	width:560px;
	height:315px;
}
/*----------------------------------------------------------
.cinQuestionBtn
----------------------------------------------------------*/
.cinQuestionBtn{
  position: relative;
}
.cinQuestionBtnInner{
  position: absolute;
  bottom: 274px;
  left: 99px;
}
.cinnamoroll .cinQuestionBtn .cinQuestionBtnInner > *{
  display: inline-block;
}
.cinnamoroll .cinQuestionBtn .cinQuestionBtnInner li:nth-child(odd){
  margin-right: 16px;
}
.cinnamoroll .cinQuestionBtn .cinQuestionBtnInner li:first-child{
  margin-bottom: 12px;
}
/*----------------------------------------------------------
.cinLink
----------------------------------------------------------*/
.cinLink{
  position: relative;
}
.cinLinkType01{
  position: absolute;
  bottom: 371px;
  left: 239px;
}
.cinLinkType01 a{
  background: url(/apply/card/viaso_cinnamon/img/cin_ico_01.png) no-repeat left top;
  background-size: 1.571rem auto;
  font-size: 1.142rem;
  line-height: 1.571rem;
  padding-left: 31px;
}
.cinLinkType01 .cinIconTypeBlank{
  display: inline-block;
  padding-top: 0;
  padding-left: 0.285em;
  vertical-align: middle;
  line-height: 1;
}
/***********************************************************
UtilityClass
***********************************************************/
.pd-T38{
  padding-top: 38px!important;
}

/***********************************************************
print設定
***********************************************************/

@media print{
.cinnamoroll .cinChoice .columnBox{
  margin: 0;
  width: 50%;
}

}