@charset "UTF-8";
/* CSS Document */


/* Background */
html {
  }
body {
}

/* Important */
div#mainContents main p {
	margin: auto auto auto !Important;
}
.mg .thum img {
	border: 0px none !Important;
}
a:hover {
    filter: alpha(opacity=100) !Important;
    -moz-opacity: 1.0 !Important;
    opacity: 1.0 !Important;
}
 
/* custom */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
main {
	background: #fff;
}
.responsive-left main {
  padding: 1rem;
  background: none;
}
section {
  max-width: 794px;
}
section>div {
}
section .pcsection {
  padding-top: 1rem;
}
.pcsection>div {
  margin: 2rem auto;
}

.spsection>div {
  margin: 1rem auto;
}
.read {
  line-height: 2em;
  width: 700px;
  margin: auto;
  font-size: 1.2em;
  font-weight: bold;
}
.readsm {
  line-height: 1.4em;
  margin: auto;
  font-size: 1.2em;
  font-weight: bold;
}
.marinsotodori {
  padding: 1rem;;
  font-size: 1.3rem;
}
.marinsotodorism strong {
  line-height: 1.8em;
}
.marinsotodori h2 {
  display: block;
  font-size: 1.6rem;
  text-shadow: 0 0 3px #fff;
  text-align: center;
}
.marinsotodorism h2 {
  font-size: 1.2rem;
  text-shadow: 0 0 3px #fff;
  text-align: center;
  font-weight: bold;
}
.marinsotodori span{
  text-decoration: none;
}
.marinsotodori img {
  display: block;
  max-width: 100%;
  margin-bottom: 1.5em;
}
.marinsotodorism img {
  display: block;
  max-width: 100%;
  margin: 0 auto 0.5em;
}
.spsection .intro {
  line-height: 160%;
  text-align: left;
}
.spsection .marinsotodori span {
  display: block;
  margin: 1rem;; 
}

.effect i {
  height: 120px;
  padding: 20px;
  font-size: 100px;
  transition: .8s;
} 
.effect .fadein {
  position: absolute;
  bottom: 50px;
  margin: auto;
  transition: .5s;
  transition-delay: .5s;
}
.effect .fadeinlink {
  position: absolute;
  bottom: 50px;
  margin: auto;
  transition: .2s;
  transition-delay: .2s;
}
.baloon {
  position: relative;
  display: inline-block;
  max-width: 455px;
  margin: 10px 20px 20px;
  padding: 8px 15px;
  text-align: left;
  font-size: 1rem;
  border-radius: 8px;
  background: #fff799;
}
.baloon::after {
  content: '';
  border: 14px solid transparent;
  border-bottom-color: #fff799;
  position: absolute;
  top: 0;
  left: -15px;
  z-index: 9999;
}
.baloon a {
  text-decoration: none;
}

.valentinehead {
  position: relative;
  background: url(/spotlight/valentine/img/500x375.jpg) no-repeat;
  background-size: cover;
}
.pcsection .valentinehead {
  width: 731px;
  height: 531px;
}
.spsection .valentinehead {
  width: 100%;
  height: 100%;
  min-height: 353px;
}
.valentinehead .noeffect div {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.valentinehead .noeffect div span {
  display: block;
  width: 50%;
  margin: 0 auto 1rem;
  font-size: 1.1rem;
  color: #fff;
  background: rgba(228, 0, 127, 0.7);
  border-radius: 10px;
}

.spsection .valentinehead .noeffect div span {
  line-height: 3rem;
  font-size: 0.9rem;
}

.pcsection .photo {
  width: 500px;
  height: 749px;
  position: relative;
}
.spsection .photo {
  width: 100%;
  margin: 2rem auto;
  background-size: cover;
  position: relative;
}

.photo a {
  display: block;
  width: 100%;
  min-height: 100%;
}

.sono01 { background: url(/spotlight/valentine/img/01.jpg) no-repeat;}
.sono02 { background: url(/spotlight/valentine/img/02.jpg) no-repeat;}
.sono03 { background: url(/spotlight/valentine/img/03.jpg) no-repeat;}
.sono04 { background: url(/spotlight/valentine/img/04.jpg) no-repeat;}
.sono05 { background: url(/spotlight/valentine/img/05.jpg) no-repeat;}
.sono06 { background: url(/spotlight/valentine/img/06.jpg) no-repeat;}
.sono07 { background: url(/spotlight/valentine/img/07.jpg) no-repeat;}
.sono08 { background: url(/spotlight/valentine/img/08.jpg) no-repeat;}
.sono09 { background: url(/spotlight/valentine/img/09.jpg) no-repeat;}
.sono10 { background: url(/spotlight/valentine/img/10.jpg) no-repeat;}
.sono11 { background: url(/spotlight/valentine/img/11.jpg) no-repeat;}
.sono12 { background: url(/spotlight/valentine/img/12.jpg) no-repeat;}
.sono13 { background: url(/spotlight/valentine/img/13.jpg) no-repeat;}
.sono14 { background: url(/spotlight/valentine/img/14.jpg) no-repeat;}
.sono15 { background: url(/spotlight/valentine/img/15.jpg) no-repeat;}

.back-top {
  position: relative;
  width: 100%;
  height: 30px;
}
.back-top a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 80px;
  height: 30px;
  background: url(/pictogram/shop/uptop.gif) no-repeat;
  background-position: 0 0;
}

.bottomtotop {
  display: block;
  width: 60%;
  margin: auto;
  padding: 0.4rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.6)
}
.bottomtotop .IconSet--wrap {
  display: block;
  margin: auto;
}