/* sonae */
@media screen and (min-width: 769px) {
  .spBox {
    display: none;
  }
  .container-uminosonae {
    width: 1100px;
    margin: 0 auto;
    background: #e2f5fc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
  }
  .container-uminosonae h2 {
    font-size: 34px;
    font-weight: bold;
    color: #3164bc;
    padding: 0 0 30px;
  }
  .container-uminosonae p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
  }
  .container-uminosonae .txt01 {
    font-size: 12px;
    padding: 10px 0 30px 25px;
    text-align: left;
  }
  .container-uminosonae .txt01 a {
    text-decoration: underline;
  }
  .container-uminosonae .innerBox {
    width:940px;
    margin: 0 auto;
    padding: 90px 0;
    position: relative;
  }
	
	
 .container-uminosonae h2 span {
    background: linear-gradient(transparent 70%, #ffff00 70%);
  }	
	
	
  /* boxA */
  .uminosonae-boxA {
    text-align: center;
	  position: relative;
	  height: 500px;
  }
	
  .uminosonae-boxA .imgBox {
	width: 590px;  
    position: absolute;
    top:100px;
    right:-80px;
  }
	
  .uminosonae-boxA .txtBox {
    position: absolute;
    top: 50px;
    left:0px;
	  text-align: center;
  }		
	
	
	
	
  .uminosonae-boxA p {
    font-size: 18px;
	  padding: 0 0 30px;
  }
  .uminosonae-boxA h1 {
    font-size: 40px;
    color: #3164bc;
    padding: 0 0 20px;
  }
  .uminosonae-boxA h1 span {
    background: linear-gradient(transparent 70%, #ffff00 70%);
  }
  .uminosonae-boxA p {
    color: #3164bc;
  }
	
	
	
	
	
  /* boxB */
  .uminosonae-boxB {
    background:#74d1f0 url("../img/uminosonae/uminosonae_bg01.png") top center no-repeat;
    height: 500px;
	clear: both;
  }
  .uminosonae-boxB .imgBox {
    position: absolute;
    top:90px;
    right:50px;
  }
  .uminosonae-boxB .txtBox {
    position: absolute;
    top: 140px;
    left:120px;
	  text-align: center;
  }
  .uminosonae-boxB p {
    color: #fff;
  }
	
	
	
	

  /* boxC */
  .uminosonae-boxC {
    background: #74d1f0 url("../img/uminosonae/uminosonae_bar.png") top center no-repeat;
    height: 500px;
	clear: both; 
	  
  }
  .uminosonae-boxC p {
    color: #fff;
  }
  .uminosonae-boxC .imgBox {
    position: absolute;
    top: 70px;
    left: 36px;
  }
  .uminosonae-boxC .txtBox {
    position: absolute;
    top: 100px;
	  text-align: center;
    right:150px;
  }
	
	
	
  /* boxD */
  .uminosonae-boxD {
    background: #30bbe9 url("../img/uminosonae/uminosonae_bg02.png") top center no-repeat;
	  clear: both;
	  text-align: center;
  }
  .uminosonae-boxD p {
    color: #fff;
  }
  .uminosonae-boxD .imgBox {
    position: absolute;
    top: -142px;
    right: -100px;
  }
  .uminosonae-boxD .txtBox {
    position: absolute;
    top: 40px;
    left: 35px;
  }	
	
	
	
	.quize-container .quize-box{
		background: #fff;
		padding:60px 35px;
		margin: 40px 0 0;
		position: relative;
		border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}
	
	.quize-container .quize-box h3{
		font-size: 24px;
		font-weight: bold;
		padding:0 0 45px;
		color: #3164bc;
	}
	
	.quize-container .quize-box h3 br{
		display: none;
	}
	
	.quize-container .quize-box h3 span.question{
		display: block;
		font-size: 16px;

	}
	
	.quize-container .quize-box .quize-img{
		width:290px;
		height: auto;
		position: absolute;
		top: 200px;
		right: 10px;
	}
	
	
	.quize-btnA{
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		width: 320px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	cursor: pointer;
		position: relative;
	}
	
	.quize-btnA span, .quize-btnB span, .quize-btnC span{
		position: relative;
		z-index: 5;
	}
	
	.quize-btnA:before{
		content: "A";
		color: #fff;
		position: absolute;
		left: 15px;
	}
	
	.quize-btnB{
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		width: 320px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	cursor: pointer;
		position: relative;
	}
	
	.quize-btnB:before{
		content: "B";
		color: #fff;
		position: absolute;
		left: 15px;
	}
	
	
	.quize-btnC{
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		width: 320px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	cursor: pointer;
		position: relative;
	}
	
	.quize-btnC:before{
		content: "C";
		color: #fff;
		position: absolute;
		left: 15px;
	}
	
	
	.container-uminosonae .btn-none{
		background:#e2f5fc;
		cursor:default;
		
	}
	
	
	.quize-btnA:hover, .quize-btnB:hover, .quize-btnC:hover {
		filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;*
	}
	
	
	
	.maru{
		position: absolute;
		top:-5px;
		left: 50%;
		margin: 0 0 0 -35px;
		z-index: 0;
	}
	
	.batu{
		position: absolute;
		top:-5px;
		left: 50%;
		margin: 0 0 0 -35px;
		z-index: 0;
	}
	
	
	.quize-btnarea{
		padding: 0 0 70px;
	}
	
	.container-uminosonae .result-box{
		background: #3164bc;
		border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
		padding: 40px 0 30px;
		margin:30px 0 0;
	}
	
	.container-uminosonae .result-box h3{
		color: #fff;
		font-size: 34px !important;
	}
	
	.container-uminosonae .result-box h3 span.seikai{
		padding: 15px 10px;
		position: relative;
		font-size: 34px !important;
		background: url("../img/uminosonae/uminosonae_maru.png") center center no-repeat;
	}
	
	.container-uminosonae .result-box h3 span.fuseikai{
		padding: 15px 10px;
		position: relative;
		font-size: 34px !important;
		background: url("../img/uminosonae/uminosonae_batu.png") center center no-repeat;
	}
	
	.container-uminosonae .result-box .ttl-result{
		background: url("../img/uminosonae/ttl_seikai.png") top center no-repeat;
	}
	
	.container-uminosonae .result-box .txt02{
		font-size: 40px;
		font-weight: bold;
		padding: 0 0 20px;
	}
	
	
	.container-uminosonae .result-box .result-box-img{
		padding: 50px 0 0;
	}
	
	
	
	.container-uminosonae .btn-area{
		background:url("../img/uminosonae/uminosonae_bar.png") top center no-repeat;
		margin: 40px 0 0;
		padding: 50px 0 0;
	}
	
	.container-uminosonae .btnA a{
		display: block;
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		width: 320px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	cursor: pointer;
		position: relative;
	}
	
	.container-uminosonae .btnB a{
		display: block;
		background: #34b3c6;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		width: 320px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	cursor: pointer;
		position: relative;
	}
	
	
	.container-uminosonae .btnA a:hover, 
	.container-uminosonae .btnB a:hover, 
	.container-uminosonae .btnC a:hover {
		filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;*
	}
	
	
	

	.sonae-banner{
		padding: 30px 0 0;
		clear: both;
	}
 
}





@media all and (min-width: 0px) and (max-width: 768px) {
  #uminosonae-container .l-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .spBox {
    display: none;
  }
	
  
    .container-uminosonae {
    width: 100%;
    background: #e2f5fc;
    overflow: hidden;
  }
.container-uminosonae h1 {
	width: 300px;
	margin: 0 auto;
	}
	
.container-uminosonae h1 img{
	width: 100%;
	height: auto;
	}
	
	
  .container-uminosonae h2 {
    font-size: 20px;
    font-weight: bold;
    color: #3164bc;
    padding: 0 0 30px;
  }
  .container-uminosonae p {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
  }
  .container-uminosonae .txt01 {
    font-size: 12px;
    padding: 10px 0 30px 25px;
    text-align: left;
  }
  .container-uminosonae .txt01 a {
    text-decoration: underline;
  }
  .container-uminosonae .innerBox {
    padding: 45px 0;
    position: relative;
  }
	
	
 .container-uminosonae h2 span {
    background: linear-gradient(transparent 70%, #ffff00 70%);
  }	
	
	
  /* boxA */
  .uminosonae-boxA {
    text-align: center;
  }
  .uminosonae-boxA p {
    font-size: 16px;
  }
  .uminosonae-boxA h1 {
    font-size: 40px;
    color: #3164bc;
    padding: 0 0 20px;
  }
  .uminosonae-boxA h1 span {
    background: linear-gradient(transparent 70%, #ffff00 70%);
  }
  .uminosonae-boxA p {
    color: #3164bc;
	  padding: 0 0 30px;
  }
	
	
	
	
	
  /* boxB */
  .uminosonae-boxB {
    background:#74d1f0 url("../img/uminosonae/uminosonae_bg01.png") top center no-repeat;
	clear: both;
  }
  .uminosonae-boxB .imgBox {
    text-align: center;
  }
	
   .uminosonae-boxB .imgBox img{
	   width: 300px;
	   height: auto;
	}
	
	
  .uminosonae-boxB .txtBox {
	  text-align: center;
	  padding: 30px 0;
  }
  .uminosonae-boxB p {
    color: #fff;
  }
	
	
	
	

  /* boxC */
  .uminosonae-boxC {
    background: #74d1f0 url("../img/uminosonae/uminosonae_bar.png") top center no-repeat;
	clear: both; 
	background-size:200px auto;
	  margin: -1px 0 0;
  }
  .uminosonae-boxC p {
    color: #fff;
  }
  .uminosonae-boxC .imgBox {
    text-align: center;
  }
	
  .uminosonae-boxC .imgBox img{
	   width: 300px;
	   height: auto;
	}
	
  .uminosonae-boxC .txtBox {
	  text-align: center;
	  padding: 30px 0;
  }
	
	
	
  /* boxD */
  .uminosonae-boxD {
    background: #30bbe9 url("../img/uminosonae/uminosonae_bg02.png") top center no-repeat;
	  clear: both;
	  text-align: center;
	  padding: 50px 15px 15px;
  }
  .uminosonae-boxD p {
    color: #fff;
  }
  .uminosonae-boxD .imgBox {
    position: absolute;
    top: -142px;
    right: -100px;
  }
  .uminosonae-boxD .txtBox {
    position: absolute;
    top: 40px;
    left: 35px;
  }	
	
	
	
	.quize-container .quize-box{
		background: #fff;
		padding:30px 15px;
		margin: 40px 0 0;
		position: relative;
		border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}
	
	.quize-container .quize-box h3{
		font-size: 22px;
		font-weight: bold;
		padding:0 0 45px;
		color: #3164bc;
	}
	
	.quize-container .quize-box h3 span.question{
		display: block;
		font-size: 16px;

	}
	
	.quize-container .quize-box .quize-img {
		text-align: center;
	}
	
	.quize-container .quize-box .quize-img img{
		max-width:400px;
		height: auto;
	}
	
	
	.quize-btnA{
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		max-width:300px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	cursor: pointer;
		position: relative;
	}
	
	.quize-btnA span, .quize-btnB span, .quize-btnC span{
		position: relative;
		z-index: 5;
	}
	
	.quize-btnA:before{
		content: "A";
		color: #fff;
		position: absolute;
		left: 15px;
	}
	
	.quize-btnB{
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		max-width:300px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	cursor: pointer;
		position: relative;
	}
	
	.quize-btnB:before{
		content: "B";
		color: #fff;
		position: absolute;
		left: 15px;
	}
	
	
	.quize-btnC{
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		max-width:300px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	cursor: pointer;
		position: relative;
	}
	
	.quize-btnC:before{
		content: "C";
		color: #fff;
		position: absolute;
		left: 15px;
	}
	
	
	.container-uminosonae .btn-none{
		background:#e2f5fc;
		cursor: none;
		
	}
	
	
	.maru{
		position: absolute;
		top:-5px;
		left: 50%;
		margin: 0 0 0 -35px;
		z-index: 0;
	}
	
	.batu{
		position: absolute;
		top:-5px;
		left: 50%;
		margin: 0 0 0 -35px;
		z-index: 0;
	}
	
	
	.quize-btnarea{
		padding: 0 0 20px;
	}
	
	.container-uminosonae .result-box{
		background: #3164bc;
		border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
		padding: 40px 15px 30px;
		margin:30px 0 0;
	}
	
	.container-uminosonae .result-box h3{
		color: #fff;
		font-size: 34px !important;
	}
	
	.container-uminosonae .result-box h3 span.seikai{
		padding: 15px 10px;
		position: relative;
		font-size: 34px !important;
		background: url("../img/uminosonae/uminosonae_maru.png") center center no-repeat;
		display: block;
	}
	
	.container-uminosonae .result-box h3 span.fuseikai{
		padding: 15px 10px;
		position: relative;
		font-size: 34px !important;
		background: url("../img/uminosonae/uminosonae_batu.png") center center no-repeat;
		display: block;
	}
	
	.container-uminosonae .result-box h3 span.txt03{
		font-size: 16px;
		display: block;
	}
	
	
	.container-uminosonae .result-box .ttl-result{
		background: url("../img/uminosonae/ttl_seikai.png") top 15px center no-repeat;
	}
	
	
	.container-uminosonae .result-box .result-box-img{
		padding:30px 0 0;
	}
	
	.container-uminosonae .result-box .txt02{
		font-size: 40px;
		font-weight: bold;
		padding: 0 0 20px;
		text-align: center;
		line-height: 1.4 !important;
	}
	
	
	.container-uminosonae .result-box p br{
		display: none;
	}
	
	.container-uminosonae .result-box p{
		text-align: left;
	}
	
	
	
	.container-uminosonae .btn-area{
		background:url("../img/uminosonae/uminosonae_bar.png") top center no-repeat;
		background-size:200px auto;
		margin: 20px 0 0;
		padding: 40px 0 0;
	}
	
	.container-uminosonae .btnA a{
		display: block;
		background: #3164bc;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		max-width:300px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	cursor: pointer;
		position: relative;
	}
	
	.container-uminosonae .btnB a{
		display: block;
		background: #34b3c6;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		max-width:300px;
		margin: 0 auto 15px;
		font-size: 18px;
		font-weight: bold;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	cursor: pointer;
		position: relative;
	}
		
	
	
	.sonae-banner{
		padding: 30px 0 0;
		clear: both;
	}
	
	.sonae-banner img{
		width: 100%;
		height: auto;
	}
	
  
	
	
	

}

@media all and (min-width: 600px) and (max-width: 768px) {
  #uminosonae-container .l-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .pcBox {
    display: none;
  }

  .container-uminosonae h2 {
    font-size: 34px;
    font-weight: bold;
    color: #3164bc;
    padding: 0 0 15px;
  }
  .container-uminosonae p {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
  }
  .container-uminosonae .txt01 {
    font-size: 12px;
    padding: 10px 0 150px;
    text-align: center;
  }
  .container-uminosonae .txt01 img {
    width: 15px !important;
    height: auto !important;
  }
  .container-uminosonae .txt01 a {
    text-decoration: underline;
  }
  .container-uminosonae .innerBox {
    padding: 45px 0;
    width: 600px;
    margin: 0 auto;
    position: relative;
  }
	
	
  /* boxA */
  .uminosonae-boxA {
    text-align: center;
  }
  .uminosonae-boxA p {
    font-size: 20px;
  }
 .container-uminosonae h1 {
	width: 400px;
	margin: 0 auto 30px;
	}
	
.container-uminosonae h1 img{
	width: 100%;
	height: auto;
	}
  .uminosonae-boxA p {
    color: #3164bc;
  }
	
	
  /* boxB */
  .uminosonae-boxB {
    text-align: center;
  }
  .uminosonae-boxB .imgBox {
    width: 400px;
	  margin: 0 auto;
  }
  .uminosonae-boxB .imgBox img {
    width: 100%;
    height: auto;
  }
  
  .uminosonae-boxB p {
	  font-size:20px;
    color: #fff;
  }
  /* boxC */
  .uminosonae-boxC {
    text-align: center;
  }
  
  .uminosonae-boxC .imgBox {
    width: 400px;
	  margin: 0 auto;
  }
  .uminosonae-boxC .imgBox img {
    width: 100%;
    height: auto;
  }	
	
	
  /* boxD */
  .uminosonae-boxD {
    text-align: center;
  }
  .uminosonae-boxD p {
	font-size:20px;  
    color: #fff;
  }
	
	.quize-container .quize-box h3{
		font-size: 34px;
		font-weight: bold;
		padding:0 0 45px;
	}
	
	.quize-container .quize-box h3 span.question{
		display: block;
		font-size: 20px;
		padding: 0 0 10px;

	}
	
	
  
   .container-uminosonae .result-box .txt02{
	  font-size: 34px !important;
	}
	
  .container-uminosonae .result-box .txt02 .spBox{
	  font-size: 30px !important;
	  display: none !important;
	}
  
}





@media screen and (min-width: 769px) {
  .spBox {
    display: none !important; } }
.l-content {
  position: relative; }
  .l-content .sonae-attention {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    animation: flash 1.0s linear 8; }
@keyframes flash {
  0% {
    opacity: 1; }
  20% {
    opacity: 0.1; }
  21% {
    opacity: 1; } }
    .l-content .sonae-attention a:hover img {
      opacity: 0.8; }
    @media screen and (min-width: 721px) {
      .l-content .sonae-attention {
        top: -15px;
        right: 10px;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none; } }
    @media screen and (min-width: 961px) {
      .l-content .sonae-attention {
        top: 30px; } }

.box-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px; }
  .box-items .box-item {
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px; }
    .box-items .box-item:last-child {
      margin-bottom: 0; }
  @media screen and (min-width: 769px) {
    .box-items .box-item {
      width: 49.2%; }
      .box-items .box-item:nth-last-child(-n+2) {
        margin-bottom: 0; } }

.movie-items .movie-item {
  height: auto;
  background: #fff;
  padding: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-sizing: border-box; }
  .movie-items .movie-item a {
    display: block; }
  .movie-items .movie-item .item-img {
    position: relative;
    margin-bottom: 10px; }
    .movie-items .movie-item .item-img::before {
      position: absolute;
      content: '';
      display: inline-block;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      background-image: url(https://uminohi.jp/assets/img/dance/icon_play.png);
      background-size: contain; }
  .movie-items .movie-item h3 {
    margin-bottom: 10px; }
  .movie-items .movie-item p {
    line-height: 1.6; }

.attention-link {
  position: relative;
  top: -50px;
  display: block; }
  @media screen and (min-width: 769px) {
    .attention-link {
      top: 80px; } }

.kaiyougomi-boxF p.disc {
  font-size: 14px;
  color: #3164bc;
  padding: 0 0 20px 0;
  line-height: 1.6; }
  @media screen and (min-width: 769px) {
    .kaiyougomi-boxF p.disc {
      font-size: 16px;
      text-align: center; } }
.kaiyougomi-boxF .txtBox p {
  font-size: 14px;
  line-height: 1.6 !important; }