/* Generated by less 2.5.1 */
@charset "utf-8";
/* Generated by less 2.5.1 */
/*
フォント設定は「1.0rem=10px」（html、bodyのfont-size設定を動かさない）
大枠以外classにスタイル設定する。JSに使うclassは「js-**」としている
タブレットサイズを〜@siteW、スマホサイズを〜768pxとする
*/
/* CSS Document */
/* basic */
html { font-size: 62.5%; /*10px*/ }
body { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, sans-serif; text-align: center; line-height: 1.8; word-break: break-all; font-size: 1.5em; color: #410303; }
body a { transition: 0.2s; color: #ffbfb5; text-decoration: none; }
/*body a img { transition: 0.2s; } */
body a:hover { color: #ffe2de; }
body a:hover img { opacity: 0.8; }
body div p.attentionTxt,
body div li.attentionTxt { color: #de4131; }

h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 auto; }
h1,
h2,
h3 { letter-spacing: 0.15em;
}

ul,
li,
ol { list-style: none outside none; margin: 0; }

img { max-width: 100%; vertical-align: top; }

figure { margin: 0; }
table { width: 100%; }
dl,
dt,
dd { margin: 0; }
p { margin: 0; }

.bold { font-weight: 700; }
.emphasis { color: #e24545; font-size: 1.2em; }

/* common class */
.clear { clear: both; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }

/*テキスト背景画像*/
.imgTxt { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: no-repeat center top / auto 100%; font-size: 0; height: 0; }

/*Construction*/
#wrapper { margin: 0 auto; padding: 0; overflow: hidden; }
#container { margin: 0 auto; }
#container:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}
#container:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}

/* ↓　くるくるさせるアニメーション　↓*/
.kuru {
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
	
	animation-iteration-count: 1s;
	

}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
/* ↑　くるくるさせるアニメーション　↑*/

.item-text {
  word-break: normal;
  margin: 0 auto;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  color: #410303;
  text-align: left;
  font-weight: 700;
}
footer {
  width: 100%;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.5;
}
footer .foonter-inner {
  width: 100%;
  margin: 0 auto;
}
footer .copyright {
  clear: both;
  color: #5a0000;
  padding: 1em 0 2em 0;
}
footer .copyright a,
footer .copyright .attention {
  display: block;
  color: #5a0000;
  text-decoration: none;
}
/* 各ブロックタイトル */
/* 画像ブロック */
.imgVisual { margin: 0 auto 3em; }
.imgVisual,
.imgVisual .imgBlock { margin: 0 auto; padding: 0; }
.imgVisual img { width: 100%; }
#container { background: #6f6f6f url('../img/bg.jpg') repeat; }
/* メインヴィジュアルブロック */
.main-container { margin: 0 auto; }
.main-container .inner-container { position: relative; margin: 0 auto; }
.main-container .chuunText span { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: no-repeat center top / auto 100%; font-size: 0; height: 0; }
.main-contents { text-align: center; margin: 0 auto 3em; }
/* ブロック */
.detail-container { margin: 0 auto 3em; }
.detail-container .block-section { margin: 0 auto; padding: 5px 0; clear: both; }

.rikarikoInfo li { margin-bottom: 30px; }
.chuun-block .item-text { margin-bottom: 0; }

/* Chuunダウンロード =================================== */	
.chuun-container { background: #fffff5; padding: 30px 0; }

/* SNSシェアボタン =================================== */	
div#btnSocial { max-width: 600px; padding: 40px 0px 40px; margin: 0 auto 0; }
div#btnSocial ul { text-align: center; }
div#btnSocial li:nth-child(2) { margin-top: -3px; }
div#btnSocial li { width: 31.3%; margin: 4px 1% 0px; padding: 0; float: left !important; }	
.fb_iframe_widget { display: inline-block; position: relative; }


/*PC------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
.sp { display: none; }
.tb { display: block; }
.pc { display: block; }
.spBr { display: none; }
.pcBr { display: block; }
.tabBr { display: none; }
.main-container .inner-container { width: 960px; }
	
/* メインヴィジュアルブロック */
.main-container { margin: 0 auto; background: url(../img/mainLogo_bg.png) no-repeat; background-position: center center; height: 470px; }
.main-contents { width: 960px; }

img.logo { margin: 152px 12px 0 0; }	
	
/* ↓　少し傾けるアニメーション　↓*/
.hover img{ transition: 0.2s; }
.hover img:hover{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg); }
/* ↑　少し傾けるアニメーション　↑*/

.block-section { width: 960px; }
.detail-container .performer-block { margin-bottom: 10px; }
.rikarikoInfo:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }
.rikarikoInfo li { float: left; }
	
h3.pc.blockTitle { margin: -20px 0 20px; }	
	
/* りかりこ紹介 =================================== */	
.rikarikoInfo {　margin: 0 10px 0;　}
div#syokaiText { }
div#syokaiText .item-text{ text-align: center; font-size: 1.8em; margin: 0 0 3%;; 
/* ↓ テキストに境界線を付ける ↓ */
text-shadow: #fffff5 2px 2px 0px, 
			 #fffff5 -2px 2px 0px, 
			 #fffff5 2px -2px 0px, 
			 #fffff5 -2px -2px 0px; }
/* ↑ テキストに境界線を付ける ↑ */

div#rikarikoImg { /*display: block; float: left; width: 30%; clear: both;*/ }
div.chuunChatchText { margin: 30px 0 0; }
div.chuun4songText { margin: 60px 0 0; }
div.chuun4songText .chuunText { background: url('../img/main_chuun.png') no-repeat center 50%; position: absolute; top: 137%; right: 52%; bottom: 0; /*width: 18%;*/ }

/* メッセージ動画 =================================== */
div.movie_m { width: 960px; height: 400px; padding: 30px 0 90px; }
div.movieMessage { background: url(../img/movie_bg_00_pc.png) no-repeat; padding: 86px 80px 0 0; margin: 0 10px 0 110px; height: 100%;/*width: 470px; height: 360px; display: block; float: left;*/ }
div.movieMessage img { margin: 0 6px 0 0; }
div.movieMessage p.item-text { text-align: left; font-size: 1.1em; padding: 10px 20px; }
h4.blockTitle { margin: 0 0 10px; text-align: left; }
		
/* 動画 =================================== */
div.movie_0102,
div.movie_0304,
div.movie_0506,
div.movie_0708, { width: 960px; height: 540px; padding: 0 0 60px; }	

div.movie01,
div.movie02,
div.movie03,
div.movie04,
div.movie05,
div.movie06,
div.movie07,
div.movie08 { width: 470px; height: 360px; display: block; padding: 190px 0 0 0; margin: 0 0 30px; }

div.movie01 { background: url(../img/movie_bg_01.png) no-repeat; float: left; }
div.movie02 { background: url(../img/movie_bg_02.png) no-repeat; float: right; }
div.movie03 { background: url(../img/movie_bg_03.png) no-repeat; float: left; }
div.movie04 { background: url(../img/movie_bg_04.png) no-repeat; float: right; }
div.movie05 { background: url(../img/movie_bg_05.png) no-repeat; float: left; }
div.movie06 { background: url(../img/movie_bg_06.png) no-repeat; float: right; }
div.movie07 { background: url(../img/movie_bg_07.png) no-repeat; float: left; }
div.movie08 { background: url(../img/movie_bg_08.png) no-repeat; float: right; }

div.movie01 img,
div.movie02 img,
div.movie03 img,
div.movie04 img,
div.movie05 img,
div.movie06 img,
div.movie07 img,
div.movie08 img { margin: 0 6px 0 0; }
	
div.movie01 p.item-text,
div.movie02 p.item-text,	
div.movie03 p.item-text,
div.movie04 p.item-text,
div.movie05 p.item-text,
div.movie06 p.item-text,	
div.movie07 p.item-text,
div.movie08 p.item-text { text-align: left; font-size: 1.1em; padding: 10px 20px; }
	
h4.blockTitle { margin: 0 0 10px; text-align: left; }

.toshin { width: 100%; clear: both; }
.toshin p.item-text { font-size: 1em; text-align: right; }
.seisakutyu { margin: 20px; }
	
/* Chuunダウンロード =================================== */	
.chuun-container { width: 620px; margin: 20px auto 0 auto; border: #ffdee9 10px solid; }
p.chuun-containerTitle { font-size: 1.4em; }
ul.linkList { margin: 0 auto 20px auto; padding: 0; }	
ul.linkList li { padding: 2% 0 0 0; display: inline-block; width: 48%; max-width: 200px; text-align: center; }
ul.otherList { width: 80%; max-width: 620px; margin: 0 auto 20px auto; padding: 0; text-align: left; font-size: 1.2rem; }
	
/* Page Top =================================== */
p.gotop { display: none; }
.page-topLink {
display: block;
position: fixed;
z-index: 9999;
bottom: 15px;
right: 15px;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 80%;
border: 4px solid #ff4ca6;
color: #ff4ca6;
width: 20px;
padding: 13px 10px;
font-size: 14px;
text-align: center;
text-decoration: none;
line-height: 1;
cursor: pointer;
behavior: url(PIE.htc);
}
.page-topLink a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #ff4ca6;
text-decoration: none;
}
.page-topLink:hover { background-color: #ffffff; }
footer { background: #ffd0e4; padding: 3em 0; }
footer .copyright { clear: both; color: #5a0000; margin: 0 auto; padding: 0; }
}

/* haro_root_element =================================== */
div#haro_root_element { overflow: hidden; }



/*SP------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
.pc { display: none; }
.tb { display: none; }
.sp { display: block !important; }
.pcBr { display: none; }
.spBr { display: block; }
ul,
li,
ol { list-style: none outside none; margin: 0; padding: 0; }
.main-contents { padding: 0; }
.item-text { font-size: 1.4rem; }
	
h1.mainImg { width: 100%; }
.main-container .chuunText { position: absolute; right: 30%; bottom: 14%; width: 26%; }
	
/* メインヴィジュアルブロック */
.main-container { margin: 0 2%; background-position: center center; background-size: 100%; }
.main-contents { width: 100%; }
img.logo { margin: 0; }	
	
p.gotop{ position: fixed; right: 10px; bottom: 10px; }
p.gotop a{ width: 30px; height: 30px; display: block; }
h3.sp.blockTitle { margin: 4% 2% 2%; }	
	
/* りかりこ紹介 =================================== */
div#syokaiText { margin: 3% 0 0; text-align: center; font-size: 1.1em; }
div#syokaiText .item-text{ text-align: center; font-size: 0.9em; margin: 5% 0; 
/* ↓ テキストに境界線を付ける ↓ */
text-shadow: #fffff5 2px 2px 0px, 
			 #fffff5 -2px 2px 0px, 
			 #fffff5 2px -2px 0px, 
			 #fffff5 -2px -2px 0px; }
/* ↑ テキストに境界線を付ける ↑ */
div.chuunChatchText { margin: 0 3%; }
div.chuun4songText { margin: 0 3%; }

.rikarikoInfo li.syokai { margin: 0 auto 2em; }
.rikarikoInfo li.syokai { width: 50%; }
.oa{ margin-bottom: 10px; }
ul,
li,
ol { padding: 0; }
	
/* メッセージ動画 =================================== */	
div.movieMessage { /*padding: 38% 0 12%;*/ margin: 4% 4% 0; width: 92%; }
div.movieImg { margin: 0 8% 2%; }
div.movieMessage p.item-text { text-align: left; margin: 2% 5% 3%; }
	
/* 動画 =================================== */
div.movie01,
div.movie02,
div.movie03,
div.movie04,
div.movie05,
div.movie06,
div.movie07,
div.movie08 { padding: 38% 0 12%; margin: 4% 2% 0; width: 96%; }

div.movie01 { background: url(../img/movie_bg_01.png) no-repeat; background-size: 100%; }
div.movie02 { background: url(../img/movie_bg_02.png) no-repeat; background-size: 100%; }
div.movie03 { background: url(../img/movie_bg_03.png) no-repeat; background-size: 100%; }
div.movie04 { background: url(../img/movie_bg_04.png) no-repeat; background-size: 100%; }
div.movie05 { background: url(../img/movie_bg_05.png) no-repeat; background-size: 100%; }
div.movie06 { background: url(../img/movie_bg_06.png) no-repeat; background-size: 100%; }
div.movie07 { background: url(../img/movie_bg_07.png) no-repeat; background-size: 100%; }
div.movie08 { background: url(../img/movie_bg_08.png) no-repeat; background-size: 100%; }
	
.movieImg { margin: 0 8%; }
	
div.movie01 p.item-text,
div.movie02 p.item-text,	
div.movie03 p.item-text,
div.movie04 p.item-text,
div.movie05 p.item-text,
div.movie06 p.item-text,	
div.movie07 p.item-text,
div.movie08 p.item-text { text-align: left; margin: 2% 5% 3%; }
	
h4.blockTitle { margin: -8% 4% 0; }
p.item-text { margin: 3% 0 0; text-align: center; font-size: 0.9em; }

.toshin { margin: 4% 6% 8%; }
.toshin p.item-text { font-size: 0.8em; text-align: right; }
.seisakutyu { margin: 4% 6% 8%; }
	
/* Chuunダウンロード =================================== */	
.chuun-container { margin: 0 2% 4%; border: #ffdee9 5px solid; }
p.chuun-containerTitle { font-size: 1.4em; }
ul.linkList { margin: 0 auto 20px auto; padding: 0; }	
ul.linkList li { padding: 2% 0 0 0; display: inline-block; width: 48%; max-width: 150px; text-align: center; }
ul.otherList { width: 80%; max-width: 300px; margin: 0 auto 20px auto; padding: 0; text-align: left; font-size: 1.2rem; }

/* Page Top =================================== */
.page-topLink { display: none !important; }
footer .footer-inner > div { margin: 0 auto !important; }
	
}