/*aruarusns*/
#interview h3 { text-align: center; padding: 10px; font-size: 1.3em; line-height: 1.5em;
background-position: center bottom;
  background-image: url(../img/interview/dots.png);
  background-repeat: repeat-x;
}

.title h2 span{
  display: block;
  position: relative;
background-size: 100%; background-repeat: no-repeat; text-indent: -9999px;
}

h3 {
background-repeat: no-repeat;
background-position:0 0;
background-size: cover;
text-indent: -9999px;
}

.txtArea .txt { text-align: center; font-size: 1.2em;}
.txtArea { padding-bottom: 30px!important;}
.underPink {
  background: linear-gradient(transparent 50%, #fddbea 50%); padding: 5px;text-shadow: 1px 1px 0px #fff; font-weight: bold;
}


#planningArea{ padding: 30px 0;}
#notesArea { padding-bottom: 30px;}
#planningArea div p, #notesArea div p{ padding-bottom: 15px; line-height: 1.8em;}
.notes { padding: 0.5em 1em 0; display: block;}

#planningArea .example01, #planningArea .example02{
	background-repeat: no-repeat;
background-position:0 0;
	background-size: contain;
text-indent: -9999px;
}
#planningArea .example01{ background-image: url(../img/aruarusns/img_example01.png); }
#planningArea .example02{ background-image: url(../img/aruarusns/img_example02.png); }

#notesArea p{ padding-left:1em;  text-indent:-1em;  }
#notesArea dl { margin: -0.5em 1em 0;}
#notesArea dl dt, #notesArea dl dd { display: inline-block; vertical-align: top; font-weight: bold; line-height: 1.6em;}

#postArea { text-align: center; background-color: #e0f7f5;}
p.btn {width:320px; vertical-align: top; display: inline-block; }
p.btn a {
  display: block;
  border-radius: 30px;
  background-color: #f7439c;
background-repeat: no-repeat;
background-position: center center;
	background-size: contain;
width:100%; max-width: 340px; height: 80px;
margin: 0 auto 0.5em;
color: #fff;
	text-indent: -9999px;
}
#btnTw a {background-image: url(../img/aruarusns/btn_twitter.png);}
#btnInsta a {background-image: url(../img/aruarusns/btn_instagram.png);}
p.btn a:hover {background-color: #f27eb1}
p.btn a span { font-size: 0.8em}
#postArea input {width:13em;}

#privacyArea { font-size: 0.8em; margin: 1em; line-height: 1.5em;}

.end { text-align: center; padding: 1.5em;}
.end span { color: #ee0340; font-weight: bold; line-height: 1.5em; border: solid 1px #ee0340; padding: 0.5em 2em; display: inline-block; background-color: #fff;}

/*大賞発表*/
#grandprizeArea {border-radius: 15px; background-image: url("../img/aruarusns/bg_prize.png"); padding: 10px 0; margin-bottom: 30px;}
#grandprizeArea #grandprizeblock { width: 85%; margin: 0 auto; padding: 10px 0; background-color: #fff; border-left: solid 10px #f97d9a; border-right: solid 10px #f97d9a;}
#grandprizeArea #grandprizeblock h3 { background-image: url("../img/aruarusns/h3_prize.png"); background-repeat: no-repeat; background-position: top center; background-size: contain; width:390px; height: 72px; margin: 0 auto 15px;;}
#grandprizeArea #grandprizeblock .presentBox { text-align: center; margin: -10px 0 10px; line-height: 1.5em;}
#grandprizeArea #grandprizeblock .presentBox h4 { font-weight:bold; color: #f7439c;}
#grandprizeArea #grandprizeblock .prizeTxt { width:90%; margin: 0 auto; padding: 25px 8px; background-image: url("../img/aruarusns/bg_prizetxt.png"),url("../img/aruarusns/bg_prizetxt.png"); background-repeat: repeat-x,repeat-x; background-position: left bottom, left top;}
#grandprizeArea #grandprizeblock .prizeTxt h4 { font-size: 1.3em; font-weight: bold; color: #f7439c; padding-bottom: 0.5em;}
#grandprizeArea #grandprizeblock .prizeTxt p { font-size: 1.1em; line-height: 1.8em; font-weight: bold;}
#grandprizeArea #grandprizeblock .commentTxt { width:90%; margin: 0 auto; padding: 20px 0; line-height: 1.6em; }
#grandprizeArea #grandprizeblock .commentTxt h4 { font-size: 1.1em; font-weight: bold; color: #e74c09; padding-bottom: 0.5em;}
#grandprizeArea #grandprizeblock .commentTxt p { padding-bottom: 0.5em;}
@media all and (max-width: 767px) {
	#grandprizeArea #grandprizeblock h3 { width:95%; height: 0px; padding-top:18.461%; }
	#grandprizeArea #grandprizeblock .prizeTxt p { font-size: 1.0em; line-height: 1.6em;}
	#grandprizeArea #grandprizeblock .commentTxt p { font-size: 0.9em; line-height: 1.6em;}
}
@media all and (max-width: 500px) {
	#grandprizeArea #grandprizeblock { width: 82%; border-left: solid 5px #f97d9a; border-right: solid 5px #f97d9a;}
	#grandprizeArea #grandprizeblock .prizeTxt, #grandprizeArea #grandprizeblock .commentTxt { width:85%;}
}




@media all and (min-width: 768px) {
	.low div.wrap .contentsBlock {
    padding: 20px 30px 30px!important;
}
	.title {margin-bottom:20px; margin-top: -15px;}
	.title h2,
	.title h2 span {
    width: 900px;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	.title h2 { padding-bottom: 0;}
	.title h2 span.sp { display: none;}
	
	h3 {width:900px; height:60px;}
	#planningArea h3 {background-image: url(../img/aruarusns/h3_planning.png);}
	#notesArea h3 {background-image: url(../img/aruarusns/h3_notes.png);}
	
	#planningArea div, #notesArea div { padding: 30px 10px 0;}
	div.example { padding: 10px 30px 0!important;}
	#planningArea ul { width: 800px; margin: 0 auto;}
	#planningArea .example01, #planningArea .example02{
display: inline-block;
height: 136px; margin: 0 5px;
}
#planningArea .example01{ width:430px;}
#planningArea .example02{ width: 330px;}

	p.btn {margin: 40px 25px 25px;}
	
	section.txtArea .txt {
    padding: 0 0em 0.5em;
}

}

@media all and (max-width: 767px) {
	.contentsBlock { padding: 0.2em 0.5em 0.8em!important;}
	
  .title h2 span img, .int_portrait span img, .int_pic span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
	.title h2 { padding-bottom: 0.5em;}
	.title h2 span { height: 0;
    padding: 34.181% 0 0;
    position: relative;
  }
	.title h2 span.pc { display: none;}
	
	.txtArea .txt { font-size: 1em; line-height: 1.8em!important;}
	
	h3 {width: 100%; height: 0; padding-top: 11.14%;}
	#planningArea h3 {background-image: url(../img/aruarusns/h3_planning_sp.png);}
	#notesArea h3 {background-image: url(../img/aruarusns/h3_notes_sp.png);}
	
	#planningArea div, #notesArea div { padding: 15px 10px 0;}
	div.example { padding: 10px 10px 0!important;}
	#planningArea .example01, #planningArea .example02{ width: 100%; height: 0; padding-top: 31.62%; margin: 0 5px;}
	
	p.btn {margin: 0.5em auto; width: 90%;}
	
	#postArea { margin-bottom: 2em; padding: 0.5em;}
	
	.end { text-align: center; padding: 1em 0.5em;}
	.end span {padding: 0.5em 1em;}
	
}

/*みんなのあるある*/
p.btn#btnAruaru a {
  display: block;
  border-radius: 30px;
	border: solid 1px #b1004c;
  background-color: #e34086;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url(../img/aruarusns/btn_aruaru.png);
margin: 0 auto 20px;
color: #fff;
	text-indent: -9999px;
}
p.btn#btnAruaru a:hover {background-color: #f25f9e}

p.btn#btnReturn {width:320px; margin: 0 auto; display: block;}
p.btn#btnReturn a {
  display: block;
  border-radius: 30px;
	border: solid 1px #008fc9;
  background-color: #e5f6fc;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url(../img/aruarusns/btn_return.png);
width:100%; max-width: 360px; height: 70px;
margin: 0 auto 20px;
color: #fff;
	text-indent: -9999px;
}
p.btn#btnReturn a:hover {background-color: #f2fbfe}


#aruaruList { padding-bottom: 10px;}
#aruaruList li {border-radius: 10px; margin-bottom:10px; padding: 20px 0 ;background: url(../img/aruarusns/icon03.png), linear-gradient(#fff1de, #ffd8a0); background-repeat: no-repeat; background-position:right center; line-height: 1.5em;}
#aruaruList li:nth-last-child(2n) {background: url(../img/aruarusns/icon02.png), linear-gradient(#f1ecff, #cec7f9); background-repeat: no-repeat; background-position:left center;}
#aruaruList li:nth-last-child(4n+1) { background: url(../img/aruarusns/icon01.png), linear-gradient(#ffeeee, #ffcfd0); background-repeat: no-repeat; background-position:right center;}
#aruaruList li:nth-last-child(4n) {background: url(../img/aruarusns/icon04.png), linear-gradient(#e3f4f7, #b6e4ea); background-repeat: no-repeat; background-position:left center;}
#aruaruList li span {border-radius: 25px; background-color:#fff; padding:20px; display:block; margin:0px 120px 0px 20px;}
#aruaruList li:nth-last-child(2n) span {margin:0px 20px 0px 120px;}

@media all and (min-width: 768px) {
	#aruaru .title {margin-bottom:20px; margin-top: 10px;}
	#aruaru .title h2,
	#aruaru .title h2 span {
    width: 900px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	
	#aruaruList { width:900px; margin: 0 auto;}
	
	p.btn#btnAruaru {width:600px; margin: 0 auto; display: block;}
	p.btn#btnAruaru a {
		width:100%; max-width: 600px; height: 70px;
	}
	
}

@media all and (max-width: 767px) {
	#aruaru .title {margin-top: 5px;}
	#aruaru .title h2 span { height: 0;
    padding: 26.388% 0 0;
    position: relative;
  }
	p.btn#btnAruaru, p.btn#btnReturn { width: 100%; margin: 0 auto; display: block;}
p.btn#btnAruaru a {border-radius: 20px; height: 75px; background-size: auto 65px; margin: 0 auto 15px;
background-image: url(../img/aruarusns/btn_aruaru_sp.png);
width:100%; max-width: 360px;
}
	p.btn#btnReturn a {border-radius: 20px; height: 50px; background-size: auto 24px;margin: 0 auto 15px;}
	
	#aruaruList { width:100%; margin: 0 auto;}
	
	#aruaruList li { padding: 10px 0 }
	#aruaruList li {background: url(../img/aruarusns/icon03_sp.png), linear-gradient(#fff1de, #ffd8a0); background-repeat: no-repeat; background-position:right center;}
	#aruaruList li:nth-last-child(2n) {background: url(../img/aruarusns/icon02_sp.png), linear-gradient(#f1ecff, #cec7f9); background-repeat: no-repeat; background-position:left center;}
	#aruaruList li:nth-last-child(4n+1) { background: url(../img/aruarusns/icon01_sp.png), linear-gradient(#ffeeee, #ffcfd0); background-repeat: no-repeat; background-position:right center;}
	#aruaruList li:nth-last-child(4n) {background: url(../img/aruarusns/icon04_sp.png), linear-gradient(#e3f4f7, #b6e4ea); background-repeat: no-repeat; background-position:left center;}
	#aruaruList li span { padding:15px; font-size: 0.9em; margin:0px 65px 0px 10px;}
	#aruaruList li:nth-last-child(2n) span {margin:0px 10px 0px 65px;}
	
}