@charset "utf-8";

/*--- reset */
html { overflow-y:scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
object, embed { vertical-align:top; }
hr, legend { display:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
img, abbr, acronym, fieldset { border:0; }
li { list-style-type:none; }
/*--- default */
body { background:#FFF; color:#333; font-size:12px; font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; line-height:1.5; }
* html body {	/* for IF6 */ font-family:"ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }


.clearfix { overflow:hidden; *zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }
.fl { float:left !important; }
.fr { float:right !important; }

.mat0 { margin-top:0px !important; }
.mat5 { margin-top:5px !important; }
.mat10 { margin-top:10px !important; }
.mat15 { margin-top:15px !important; }
.mat20 { margin-top:20px !important; }
.mat25 { margin-top:25px !important; }
.mat30 { margin-top:30px !important; }
.mat35 { margin-top:35px !important; }
.mat40 { margin-top:40px !important; }
.mat45 { margin-top:45px !important; }
.mat50 { margin-top:50px !important; }
.mat70 { margin-top:70px !important; }
.mat120 { margin-top:120px !important; }
.mar0 { margin-right:0px !important; }
.mar5 { margin-right:5px !important; }
.mar10 { margin-right:10px !important; }
.mar15 { margin-right:15px !important; }
.mar20 { margin-right:20px !important; }
.mar25 { margin-right:25px !important; }
.mar30 { margin-right:30px !important; }
.mar35 { margin-right:35px !important; }
.mar40 { margin-right:40px !important; }
.mar45 { margin-right:45px !important; }
.mar50 { margin-right:50px !important; }
.mab0 { margin-bottom:0px !important; }
.mab5 { margin-bottom:5px !important; }
.mab10 { margin-bottom:10px !important; }
.mab15 { margin-bottom:15px !important; }
.mab20 { margin-bottom:20px !important; }
.mab25 { margin-bottom:25px !important; }
.mab30 { margin-bottom:30px !important; }
.mab35 { margin-bottom:35px !important; }
.mab40 { margin-bottom:40px !important; }
.mab45 { margin-bottom:45px !important; }
.mab50 { margin-bottom:50px !important; }
.mal0 { margin-left:0px !important; }
.mal5 { margin-left:5px !important; }
.mal10 { margin-left:10px !important; }
.mal15 { margin-left:15px !important; }
.mal20 { margin-left:20px !important; }
.mal25 { margin-left:25px !important; }
.mal30 { margin-left:30px !important; }
.mal35 { margin-left:35px !important; }
.mal40 { margin-left:40px !important; }
.mal45 { margin-left:45px !important; }
.mal50 { margin-left:50px !important; }
.mal70 { margin-left:70px !important; }
 .p0   { padding:0px !important; }
.p5    { padding:5px !important; }
.p10   { padding:10px !important; }
.p15   { padding:15px !important; }
.p20   { padding:20px !important; }
.p25   { padding:25px !important; }
.p30   { padding:30px !important; }
.p35   { padding:35px !important; }
.p40   { padding:40px !important; }
.p45   { padding:45px !important; }
.p50   { padding:50px !important; }
.pat0  { padding-top:0px !important; }
.pat5  { padding-top:5px !important; }
.pat10 { padding-top:10px !important; }
.pat15 { padding-top:15px !important; }
.pat20 { padding-top:20px !important; }
.pat25 { padding-top:25px !important; }
.pat30 { padding-top:30px !important; }
.pat35 { padding-top:35px !important; }
.pat40 { padding-top:40px !important; }
.pat45 { padding-top:45px !important; }
.pat50 { padding-top:50px !important; }
.par0  { padding-right:0px !important; }
.par5  { padding-right:5px !important; }
.par10 { padding-right:10px !important; }
.par15 { padding-right:15px !important; }
.par20 { padding-right:20px !important; }
.par25 { padding-right:25px !important; }
.par30 { padding-right:30px !important; }
.par35 { padding-right:35px !important; }
.par40 { padding-right:40px !important; }
.par45 { padding-right:45px !important; }
.par50 { padding-right:50px !important; }
.pab0  { padding-bottom:0px !important; }
.pab5  { padding-bottom:5px !important; }
.pab10 { padding-bottom:10px !important; }
.pab15 { padding-bottom:15px !important; }
.pab20 { padding-bottom:20px !important; }
.pab25 { padding-bottom:25px !important; }
.pab30 { padding-bottom:30px !important; }
.pab35 { padding-bottom:35px !important; }
.pab40 { padding-bottom:40px !important; }
.pab45 { padding-bottom:45px !important; }
.pab50 { padding-bottom:50px !important; }
.pal0  { padding-left:0px !important; }
.pal5  { padding-left:5px !important; }
.pal10 { padding-left:10px !important; }
.pal15 { padding-left:15px !important; }
.pal20 { padding-left:20px !important; }
.pal25 { padding-left:25px !important; }
.pal30 { padding-left:30px !important; }
.pal35 { padding-left:35px !important; }
.pal40 { padding-left:40px !important; }
.pal45 { padding-left:45px !important; }
.pal50 { padding-left:50px !important; }
.pal55 { padding-left:55px !important; margin-top:-5px !important;}
.tal   { text-align:left !important; }
.tac   { text-align:center !important; }
.tar   { text-align:right !important; }
.bld   { font-weight:bold; }
.clr   { zoom:100%; }
.clr:after { content:""; clear:both; height:0; display:block; visibility:hidden; }

.bdall	{border:1px solid #ff4071;width:95%;}
.bdbottom	{border-bottom:1px solid #ff4071;}
.bdright	{border-right:1px solid #ff4071;}
.bdbr	{border-bottom:1px solid #ff4071;border-right:1px solid #ff4071;padding:7px;}
.bdlast	{border-bottom:1px solid #ff4071;padding:7px;}
.w1	{width:2%;}
.w2	{width:26%;text-align:left;}
.w3	{width:17%;color:#ff4071;text-align:center;}
.w5	{width:17%;color:#00a0e9;text-align:center;}
.w4	{width:44%;text-align:left;}
.w6	{width:30%;text-align:left;}
.cf	{clear:both;}
.fs24	{font-size:24px;}
.fs20	{font-size:20px;}
.lh30	{line-height:30px;}
.fs14	{font-size:14px;}
.sp { display:none; }
.pc { display:block; line-height:1.5; }

body.sub		{ background:url(/moetaku/common/img/bg_sub.jpg) #fff fixed repeat-x 48% 0; }
a:link			{ color:#00baff; }
a:visited		{ color:#00baff; }
a:hover			{ text-decoration:none; }
img				{ vertical-align:bottom; }
h2				{ margin:-10px 0px 10px; 5px; text-align:right; }


/* -----------------------------------------------------------
	#gNav
----------------------------------------------------------- */
#gNav 			{ overflow:hidden; height:100%; margin:0 auto; }
#gNav li		{ float:left; }
#gNav li a		{ display:block; outline:none; height:67px; }
#gNav .firstBack{ padding-left: 7px; background-image: url(/moetaku/common/img/bg_contents.png); margin:0px; }
#gNav .lastBack { padding-right: 7px; background-image: url(/moetaku/common/img/bg_contents.png); margin:0px; }

.subNav			{ padding:5px 0 0 0; background:none; }
.subNav a		{ width:184px; height:96px; margin-right:5px; }

.g_figure a		{ width:238px; }
.g_figure a.cr,
.g_figure a:hover{ width:238px; }
.g_figure2 a	{ width:233px; }
.g_figure2 a.cr,
.g_figure2 a:hover{ width:233px; }
.g_doll a	{ width:198px; }
.g_doll a.cr,
.g_doll a:hover{ width:198px; }
.g_moe a 		{ width:187px; }
.g_moe a.cr,
.g_moe a:hover	{ width:187px; }
.g_cosp a		{ width:101px; }
.g_cosp a.cr,
.g_cosp a:hover { width:101px; }
.g_toreka a		{ width:98px; }
.g_toreka a.cr,
.g_toreka a:hover{ width:98px; }
.g_seal a		{ width:98px; }
.g_seal a.cr,
.g_seal a:hover { width:98px; }


/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header			{ position:relative; z-index:1; background:url(/moetaku/common/img/bg_header.png) repeat-x 0 0; }
#header .inner	{ margin:0 auto; width:950px; }
#header .logo	{ margin:12px 0 0; float:left; }
#header h1		{ float:left; margin:43px 0 0 0px; }
#header #utilityNav				{ float:right; padding:5px 0 0 0; background:url(/moetaku/common/img/bg_header_menu.png) no-repeat 100% 0; width:385px; height:43px; text-align:right; }
#header #utilityNav li	{ display:inline; }
#header #utilityNav li.first	{ padding:0 22px 0 0; }
#header #utilityNav li.first img{ vertical-align:middle; }
#header #utilityNav li.last		{ margin:0 0 0 5px; padding:0 47px 0 5px; border-left:1px solid #000; }
#header #utilityNav li a		{ color:#000000; font-weight:bold; text-decoration:none; }
#header #utilityNav li a:hover	{ text-decoration:underline; }








/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer			{ margin:40px 0 0; padding:15px 0; width:100%; background:url(/moetaku/common/img/bg_footer.gif) #000 repeat 0 0; color:#fff; }
#footer ul a,
#footer p		{ color:#f4f4f4; }
#footer ul,
#footer p		{ margin:0 0 5px; text-align:center; font-size:95%; }
#footer ul li	{ display:inline; padding:0 10px; border-right:1px solid #f4f4f4; }
#footer ul li.last { border:none; }


/* -----------------------------------------------------------
	
----------------------------------------------------------- */
#page, #contents{ width:956px; text-align:left; }
#page			{ padding:1px 0px 7px 0px; background:url(/moetaku/common/img/bg_contents_btm.png) repeat-x 0 100%; overflow:hidden; }
#contents		{ background-position:50% 0; background-repeat:repeat-y; }
#content		{ padding:0 24px; }

p.pageTop		{ margin:0; padding:20px 22px; clear:both; text-align:right; }
.pageTop a		{ padding-left:20px; background:url(/moetaku/common/img/icon_pagetop.gif) no-repeat 0 0.5em; }

#main ol,
#main ul,
#main dl,
#main blockquote,
#main pre,
#main p			{ margin-bottom:1em; }
#main_cnt 		{ margin:15px 0 0; padding:12px 14px 149px; background:#fff; min-height:400px; height:auto!important; height:400px; border:1px #cacaca solid; }

.top #contents	{ background-image:url(/moetaku/img/top/bg_contents.png); background-position:-1px 0; }
.top #main		{ margin:0 22px; padding:22px 0 0; float:none; }
.sub #contents  { background-image:url(/moetaku/common/img/bg_contents.png); }
.sub #main		{ float:none; width:100%; position:static; }
.sub #main .last{ margin:0 0 25px; }
.sub h3			{ font-size:150%; }
.sub .col_01 #main	{ float:none; width:100%; }
.title			{ height:45px; }
.bread			{ padding:10px 0 0; }
.bread li 		{ display:inline; }

.pc_social		{ float:right; margin-top:5px; }
.pc_social li	{ display: inline; }

#socialArea 	{ padding:5px 0px 5px 0; text-align:center; letter-spacing:-0.4em; }
#socialArea li	{ display:inline-block; margin:0 0 0 0px; vertical-align:top; letter-spacing:normal; }
#socialArea li iframe.twitter-share-button { width:105px !important; }


#main_cnt .always_cam .always_left h2{margin: 0 0 0 0 !important; text-align: left;}
.always_cam {position:relative; width: 880px; height: 488px;}
.point05 {position:absolute;background: url(../img/camp/img_201503camp_02.png) no-repeat left top;width:200px;height:140px;margin-top:-225px;margin-left:400px;}
.point04 {position:absolute;background: url(../img/camp/img_201408camp_01.png) no-repeat left top;width:115px;height:115px;margin-top:-160px;margin-left:5px;}
.point06 {position:absolute;background: url(../img/camp/img_201408camp_03.png) no-repeat left top;width:253px;height:220px;margin-top:-312px;}
.point07 {position:absolute;background: url(../img/camp/img_201408camp_04.png) no-repeat left top;width:195px;height:197px;margin-top:-190px;margin-left:-8px;}
.point08 {position:absolute;background: url(../img/camp/img_201408camp_07.gif) no-repeat left top;width:140px;height:24px;margin-top:-202px;margin-left:50px;}

.always_cam .always_left {float: left; width: 565px; height: 443px; border-right: 0 none; border-left: 0 none;}
.always_cam .always_right {float: left; width: 315px; height: 443px; margin: 0 0 0 0 !important;}
.always_cam .always_left .threepoint { width: 565px; height: 304px; margin: 0 0 0 0 !important; background: url(../img/camp/img_moe_201302_point03.png) no-repeat left top;}
.always_cam .always_left dl {float: left;}
.always_cam .always_left dl.point01 {width: 285px;}
.always_cam .always_left dl.point02 {width: 280px;}
.always_cam .always_left dl.point03 {width: 565px;}
.always_cam .always_left dl.point01 dd,.always_cam .always_left dl.point02 dd,.always_cam .always_left dl.point03 {text-align: left; text-decoration: none; text-indent: -99999px; border: 0 none; overflow: hidden;}
.always_cam .always_kikan {float: clear;}

.campaign				{ margin-top:10px; }
.campaign span			{ text-align:center; margin-top:5px; color:#e1185e; font-weight:bold; }

.yakusoku { position:relative; width:880px; margin:0 0 20px 0; padding:0 0 0 0; border:1px solid #CCCCCC; border-bottom:0 none; background:url(../img/camp/img_moe_201302_bg1.gif) repeat left top; }
.yakusoku .yakusoku_detail { width:878px; margin:0 0 20px 0; background:url(../img/camp/img_moe_201302_bg2.png) repeat-y center top; }
.yakusoku .yakusoku_detail dl { display:block; float:left; }
.yakusoku .yakusoku_detail dl dt { display:block; height:0; text-align:left; text-decoration:none; text-indent:-99999px; border:0 none; overflow:hidden; }
.yakusoku .yakusoku_detail dl dd span.mds { display:block; margin:0 auto 5px auto; text-align:center; }
.yakusoku .yakusoku_detail dl.yakusoku01 { width:275px; }
.yakusoku .yakusoku_detail dl.yakusoku01 dd { margin:7px 20px 10px 20px; }
.yakusoku .yakusoku_detail dl.yakusoku02 { width:310px; }
.yakusoku .yakusoku_detail dl.yakusoku02 dd { margin:7px 20px 10px 10px; }
.yakusoku .yakusoku_detail dl.yakusoku03 { width:293px; }
.yakusoku .yakusoku_detail dl.yakusoku03 dd { margin:7px 20px 10px 10px; }
.yakusoku .yakusoku_detail dl dd ul.attention { display:block; margin:10px 0 0 0; font-size:x-small; }
.yakusoku .yakusoku_detail dl dd ul.attention li { padding:0 0 0 1em; text-indent:-1em; line-height:1.2; }
.yakusoku .yakusoku_btm { width:880px; background:#4996CA; border-bottom:1px solid #CCCCCC; color:#FFFFFF; }
.yakusoku .yakusoku_btm p { margin:0 10px 0 315px; padding:10px 0 0 0; }
.yakusoku .neneka { position:absolute; bottom:-11px; left:0; }

.mod-head {
 background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #86bb55), color-stop(100%, #529d0d));
 background-image:-webkit-linear-gradient(#86bb55, #529d0d);
 background-image:-moz-linear-gradient(#86bb55, #529d0d);
 background-image:-o-linear-gradient(#86bb55, #529d0d);
 background-image:linear-gradient(#86bb55, #529d0d);
 position:relative;
 padding:15px;
 border-top:1px solid #bddaa2;
 border-bottom:1px solid #1f3c05;
 color:#fff;
 font-size:114%;
 font-weight:600;
}
.mod-head span { position:absolute; top:10px; right:10px; }


.accordion-box {
    position: relative;
    line-height:1.8em;
}
.accordion-box label {
    height: 100px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;

    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
    content: "続きを読む"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #eb6877;
    width: 9rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 110px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 70px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


/* ContentsArea
-------------------------- */
#contents {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 100%;
}
 
p {
    padding: 10px 0;
}

#modalbox	 { margin:0 auto; display:none; position:absolute; z-index:1000; width:820px; height:870px; padding:10px 12px; background:#fff; border:1px solid #f5f5f5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; left:0; right:0;  }
#overlay	 { opacity:0; filter:alpha(opacity=0); position:fixed; top:0; left:0; z-index:900; width:100%; height:120%; background:#000; }
#close		 { text-decoration:none; }


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}


#outline .box { position:relative; }#outline #outlineImg { position:absolute; top:0; right:0; }
#outline .box table { width:850px; margin:0 auto; }
#outline .box th { padding:12px; background:#e7fdff url("../img/camp/line_table.gif") repeat-x 0 bottom; vertical-align:top; font-weight:bold; text-align:left; }
#outline .box td { padding:12px; background:white url("../img/camp/line_table.gif") repeat-x 0 bottom; }
#outline .box td .fwB { font-weight:bold; }
#outline .box td em { font-weight:bold; color:#e77e89; }
#outline .box td .attent { color:#ae0007; }
#outline .box td ul { list-style:none; }
#outline #outlineImg	{ position:absolute; top:0; right:0; }


@media only screen and (max-width:480px) and (orientation:portrait), only screen and (min-width:361px) and (max-width:767px) and (orientation:landscape) {
	.pc 	{ display:none; }
	.sp 	{ display:block; font-size:14px; line-height:1.5; font-weight:normal; }
	.head	{ background:url("../img/sp/bg_header.gif") no-repeat ;padding-bottom:10px;padding-top:5px;padding-right:10px;text-align:right;font-size:12px; }

	.pnk	{color:#e1185e;}
	.gNav2				{ padding:10px 5px; }
	.gNav2 ul			{ width:100%; }
	.gNav2 ul li		{ margin-right:-1px; width:33%; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; }
	.gNav2 li 			{ float:left; margin:0; font-size:13px; border:1px solid #ffabc7; font-weight:bold; background-color:#fe528a; text-align:center; 
						 text-shadow:0 1px 0 rgba(92,92,92, .5); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))) }
	.gNav2 li a			{ display:block; padding:12px 0; }
	.gNav2 li a:visited	{ color:#555; text-decoration:none; }
	.gNav2 li a:link	{ color:#555; text-decoration:none; }
	.gNav2 li[disabled]	{ background:#fafafa; cursor:default; position:static; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; margin-top:1px; }
	.gNav2 li[disabled] a:visited	{ color:#999; }
	.gNav2 li[disabled] a:link 		{ color:#999; }
	.gNav2 li:first-child{ -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }
	.gNav2 li:last-child { -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
	
	footer			{ clear:both; padding:15px 15px 30px; }
	footer #toTop	{ display:block; border-radius:5px; border:1px solid #e5e5e5; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f2f2f2)); text-align:center; line-height:1; }
	footer #toTop a	{ display:block; padding:15px; border-radius:5px; background:url("/sp/images/i_ar.png") no-repeat right center; }
	footer dl		{ margin-top:20px; font-size:86%; text-align:center; }
	footer dt		{ font-weight:600; }
	footer dd		{ letter-spacing:-0.02em; }
	footer dd a		{ color:#333; }
	footer address	{ margin-top:10px; text-align:center; font-size:86%; }
	
	


	
	
}
.modal_window_sp {
    top:40px;
    width:100%;
    text-align: center;
    display: block;
    background: #fff;
}