/************************************************************************ 

top.css

************************************************************************/
.marg_top20{
	margin-top: 20px;
}


/* h1 *************************************/

#s01 h1{
	position:absolute;
	left:5%;
	bottom:47%;
	/*transform: translate(0, -50%);*/
	width: 40%;
	max-width:400px; /*80px*/
	margin: 0;
	padding: 10% 0 0; /*6% 0 0*/
	text-align:center;
	background:url("/img/h1/h1_top_yokohama.png") top left no-repeat;
	background-size: contain;
	text-indent: -99999px;
}

#s01 h2{
	position:absolute;
	bottom: 0;
	left:50%;
	transform: translate(-50%, 0);
	width:76%; /*90%*/
	max-width: 700px;
	margin:0 auto;
	padding: 51.428571% 0 0 0;
	text-align:center;
	background: url("/img/h2/h2_top.png") bottom center no-repeat;
	background-size: contain;
	text-indent: -99999px;
}
h2.h2_outline{
	text-align: center;
	font-size: 30px;
	height: 40px;
	margin:0 0 4%;
	padding: 0;
	text-indent: -99999px;
	background: url("/img/h2/h2_outlune.png") top center no-repeat;
	background-size: 900px 40px;
 }
.home h3{
	line-height: 0;
	font-size:40px;
	padding:17.7777778% 0 0;
	margin:0 auto 2%;
	background:url(/img/h3/h3_top.png) center center no-repeat;
	background-size: contain;
	text-indent:-99999px;
}
.home h3.h3-02{
	padding:6.6666667% 0 0;
	background:url(/img/h3/h3_top02.png) center center no-repeat;
	background-size: contain;
}
.home h3.h3-03{
	padding:6.6666667% 0 0;
	background:url(/img/h3/h3_top03.png) center center no-repeat;
	background-size: contain;
}
.home h3.h3_grade{
	padding:6.6666667% 0 0;
	background:url(/img/h3/h3_grade.png) center center no-repeat;
	background-size: contain;
}
.home h3.h3-yokohama{
	max-width: 800px;
	padding:37.5% 0 0;
	margin:0 auto 0;
	background:url(/img/h3/h3_yokohama.png) center center no-repeat;
	background-size: contain;
}
.home .art-box h3{
	line-height: 0;
	font-size:40px;
	padding:7.7777778% 0 0;
	margin:0 auto;
	background:url(/img/h3/h3_art.png) center center no-repeat;
	background-size: contain;
	text-indent:-99999px;
}
.h4_line{
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	padding: 2% 0;
	margin: 2% 0;
}
.home .h4_line h4{
	font-size:24px;
	line-height: 0;
	padding:8.8888889% 0 0;
	margin:0 auto 0;
	background: url("/img/h4/h4_top_yokohama.png") top center no-repeat;
	background-size:contain;
	text-indent: -99999px;
}
.home h5.h5_yokohama{
	font-size:18px;
	line-height: 0;
	padding:6.6666667% 0 0;
	margin:0 auto 5%;
	background: url("/img/h5/h5_top_yokohama.png") top center no-repeat;
	background-size:contain;
	text-indent: -99999px;
}

p.news{
	text-align: center!important;
}
p.news .big{
	display: block;
    font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 4.0rem;
	font-size: 40px;
	margin-bottom: 5px;
}

@media screen and (max-width: 1200px) {
#s01 h2{
	width: 44%;
	bottom: 5%; /*26%*/
}
}

@media screen and (max-width: 767px) {
#s01 h2{
	/*position:absolute;*/
	width: 70%;
	bottom: 2%; /*140px*/
}
h2.h2_outline{
	font-size: 20px;
	height: 26px;
	margin:0 0 6%;
	background-size: 585px 26px;
 }
.home h3{
	padding:23.3333333% 0 0;
	background:url(/img/h3/h3_top_SP.png) center center no-repeat;
	background-size: contain;
}
.home h3.h3-02{
	padding:18.333333% 0 0;
	background:url(/img/h3/h3_top02_SP.png) center center no-repeat;
	background-size: contain;
}
.home h3.h3-03{
	padding:20% 0 0;
	background:url(/img/h3/h3_top03_SP.png) center center no-repeat;
	background-size: contain;
}
.home h3.h3_grade{
	padding:20% 0 0;
	background:url(/img/h3/h3_grade_SP.png) center center no-repeat;
	background-size: contain;
}
.home h3.h3-yokohama{
	padding:40% 0 0;
	background:url("/img/h3/h3_yokohama_SP.png") center center no-repeat;
	background-size: contain;
}
.home .art-box h3{
	padding:23.3333333% 0 0;
	background:url(/img/h3/h3_art_SP.png) center center no-repeat;
	background-size: contain;
}
.h4_line{
	padding: 2.5% 0;
	margin: 3.5% 0;
}
.home .h4_line h4{
	padding:13.3333333% 0 0;
	background: url("/img/h4/h4_top_yokohama_SP.png") top center no-repeat;
	background-size:contain;
}
.home h5.h5_yokohama{
	padding:13.333333% 0 0;
	margin:0 auto 5%;
	background: url("/img/h5/h5_top_yokohama_SP.png") top center no-repeat;
	background-size:contain;
}
p.news .big{
	font-size: 2.8rem;
	font-size: 28px;
}
}


/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {
#s01 h1{
	background-image: url("/img/h1/h1_top_yokohama@2x.png");
}
#s01 h2{
	background-image: url("/img/h2/h2_top@2x.png");
}
h2.h2_outline{
	background-image: url("/img/h2/h2_outlune@2x.png");
 }
.home h3{
	background-image:url(/img/h3/h3_top@2x.png);
}
.home h3.h3-02{
	background-image:url(/img/h3/h3_top02@2x.png);
}
.home h3.h3-03{
	background-image:url(/img/h3/h3_top03@2x.png);
}
.home h3.h3_grade{
	background-image:url(/img/h3/h3_grade@2x.png);
}
.home h3.h3-yokohama{
	background-image:url(/img/h3/h3_yokohama@2x.png);
}
.home .art-box h3{
	background-image:url(/img/h3/h3_art@2x.png);
}
.home .h4_line h4{
	background-image: url("/img/h4/h4_top_yokohama@2x.png");
}
.home h5.h5_yokohama{
	background-image: url("/img/h5/h5_top_yokohama@2x.png");
}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-resolution: 1.25dppx) and (max-width: 767px) {
#s01 h1{
	background-image: url("/img/h1/h1_top_yokohama.png");
}
#s01 h2{
	background-image: url("/img/h2/h2_top.png");
}
.home h3{
	background-image:url(/img/h3/h3_top_SP@2x.png);
}
.home h3.h3-02{
	background-image:url(/img/h3/h3_top02_SP@2x.png);
}
.home h3.h3-03{
	background-image:url(/img/h3/h3_top03_SP@2x.png);
}
.home h3.h3_grade{
	background-image:url(/img/h3/h3_grade_SP@2x.png);
}
.home h3.h3-yokohama{
	background-image:url("/img/h3/h3_yokohama_SP@2x.png");
}
.home .art-box h3{
	background-image:url(/img/h3/h3_art_SP@2x.png);
}
.home .h4_line h4{
	background-image:url(/img/h4/h4_top_yokohama_SP@2x.png);
}
.home h5.h5_yokohama{
	background-image: url("/img/h5/h5_top_yokohama_SP@2x.png");
}
}


@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
#s01 h1{
}
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
#s01 h1{
	width: 70%;/*30%*/
	bottom: 70%;
}
}

@media screen and (orientation: portrait) and (max-width: 767px){
   /* 縦向きの場合のスタイル */
#s01 h1{
	width: 70%; /*50%*/
	bottom: 34%;
}
}

/**********************************
s01
**********************************/
#s01{
	height:100vh;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	overflow-x: hidden;
}
#s01 .scroll{
	position:absolute;
	z-index: 10;
	bottom:15px;
	left: 50%;
	margin: 0 0 0 -30px;
	/*right: 5%;*/
	text-align:center;
}
#s01 .scroll a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

#s01 .scroll .pc{
	display:block;
}
#s01 .scroll .sp{
	display:none;
}

#s01 .btn_view a{
	position: absolute;
	top: 70px;
	right: 0;
	width: 150px;
	height: 140px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}
#s01 .btn_view a:hover{
	background-color: rgba(0,0,0,1.0);
}

@media screen and (max-width: 767px) {
#s01 .scroll{
	bottom:8px;
	margin: 0 0 0 -15px;
}
#s01 .scroll .pc{
	display:none;
}
#s01 .scroll .sp{
	display:block;
}
}

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
#s01{
	background-position:center center; /*top center*/
	background-image:url("/img/s01/main_2nd.jpg");
}
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
#s01{
	background-position:center center; /*top center*/
	background-image: url(/img/s01/main_portrait_2nd.jpg);
}
}
@media screen and (orientation: portrait) and (max-width: 767px){
   /* 縦向きの場合のスタイル */
#s01{
	background-position:bottom center;
	background-image: url(/img/s01/main_portrait_2nd_SP.jpg);
}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (orientation: landscape),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (orientation: landscape),
only screen and (min-device-pixel-ratio: 1.25) and (orientation: landscape),
only screen and (min-resolution: 1.25dppx) and (orientation: landscape) {
   /* 横向きの場合のスタイル */
#s01{
	background-image: url(/img/s01/main_2nd@2x.jpg);
}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (orientation: portrait),
only screen and (min-device-pixel-ratio: 1.25) and (orientation: portrait),
only screen and (min-resolution: 1.25dppx)  and (orientation: portrait){
   /* 縦向きの場合のスタイル */
#s01{
	background-image:url(/img/s01/main_portrait_2nd@2x.jpg);
}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (orientation: portrait) and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (orientation: portrait) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 1.25) and (orientation: portrait) and (max-width: 767px),
only screen and (min-resolution: 1.25dppx)  and (orientation: portrait) and (max-width: 767px){
   /* 縦向きの場合のスタイル */
#s01{
	background-image:url(/img/s01/main_portrait_2nd_SP@2x.jpg);
}
}

@media screen and (max-width: 767px) {
#s01 .btn_view a{
	top: 100px; /*80px*/
	width: 90px;
	height: 84px;
}
}


/****************************
logo
produce
****************************/
.logo{
	position: absolute;
	z-index:10;
	top:10px;
	left:10px;
	width:15%; /*20%*/
	height: 30%;
	max-width:150px;
	max-height: 190px;
	line-height: 0;
	padding:0;
	background:url(/shareobject/img/logo/logo-15th_w150.png) top left no-repeat;
	background-size: contain;
	text-indent:-99999px;
}
.produce{
	position: absolute;
	z-index:10;
	top:20px;
	right:20px;
	width:20%;
	height: 20%;
	max-width:130px;
	max-height: 30px;
	line-height: 0;
	padding:0;
	background: url("/img/produce.png") top right no-repeat;
	background-size: contain;
	text-indent:-99999px;
}

@media screen and (max-width: 767px) {
.logo{
	top:5px;
	left:5px;
}
.produce{
	top:50px;
	right:10px;
}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {
.logo{
	background-image:url(/shareobject/img/logo/logo-15th_w150@2x.png);
}
.produce{
	background-image: url("/img/produce@2x.png");

}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-resolution: 1.25dppx) and (max-width: 767px) {
.logo{
	background-image:url(/shareobject/img/logo/logo-15th_w150.png);
}
}

/* bg_wrap *************************************/
.bg_wrap{
	background: url("/img/bg_red.jpg") top center no-repeat;
	background-size: cover;
}

@media screen and (max-width: 767px) {
.bg_wrap{
	background-image: url("/img/bg_red_SP.jpg");
}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {
.bg_wrap{
	background-image: url("/img/bg_red@2x.jpg");
}
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-resolution: 1.25dppx) and (max-width: 767px) {
.bg_wrap{
	background-image: url("/img/bg_red_SP@2x.jpg");
}
}



/* sec_intro *************************************/
.sec_intro{
	padding:5% 0 5%;
}
.intro-box{
	text-align:center;
	margin-bottom:5%;
}
.sec_intro p{
	font-size: 18px;
	text-shadow: 0 0 5px #000;
	text-align: justify;
}
.sec_intro p.cap12{
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 5px;
}
.sec_intro p.txt-align-c-l{
	text-align: center;	
}
	
@media screen and (max-width: 767px) {
.sec_intro{
	padding:10% 0 10%;
}
.sec_intro p{
	font-size: 14px;
}
.sec_intro p.cap12{
	font-size: 10px;
}
.sec_intro p.txt-align-c-l{
	text-align: justify;	
}
.sec_intro p.txt-align-c-l .resp_autowrap{
	display: inline;
}
}



/* art-box *************************************/
.art-box{
	/*margin-bottom: 14%;*/
	margin: 10% 0;
}
.art-box p{
	text-align: center;
}
.art-photo{
	position: relative;
	margin-top: 3%;	
}
.art-photo_l{
	float: left;
	width:29.069767%;	
}
.art-photo_r{
	float: right;
	width:66.27907%;	
}
.art-photo_l .art,
.art-photo_r .art{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.art-photo_l .art{
	padding: 128% 0 0;
	background: url("/img/art/art_1st.jpg") top left no-repeat;
	background-size: contain;
}
.art-photo_r .art{
	padding: 56.140351% 0 0;
	background: url("/img/art/art_15th.jpg") top left no-repeat;
	background-size: contain;
}
.art-photo_l img,
.art-photo_r img{
	margin: 20px 0 0;
	max-height: 70px!important;
	width: auto!important;
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {
.art-photo_l .art{
	background-image:url("/img/art/art_1st@2x.jpg");
}
.art-photo_r .art{
	background-image: url("/img/art/art_15th@2x.jpg");
}
}

@media screen and (max-width: 767px) {
.art-box p{
	text-align: justify;
}
.art-box p .resp_autowrap{
	display: inline;
}
.art-photo_l img,
.art-photo_r img{
	margin: 10px 0 0;
}
}


	
	

/* sec_link *************************************/
.sec_link{
	padding:5% 0 0;
}

@media screen and (max-width: 767px) {
.sec_link{
	padding:10% 0 0;
}
}


/* bn-list *************************************/
.bn-list{
	list-style: none;
	padding: 0;
	margin: 50px 0 0;
	letter-spacing: -.40em;
}
.bn-list li{
	letter-spacing: normal;
	display: inline-block;
	width:50%;
	padding: 0;
	margin: 0;
	text-align: center;
}
.bn-list li a{
	display: block;
	padding: 0;
	margin: 0 5px;
}
.bn-list li a img{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
}
.bn-list li a:hover img{
	opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

@media screen and (max-width: 767px) {
.bn-list li{
	width:100%;
	margin:0 0 10px;
}
.bn-list li a{
	margin: 0 0;
}
}


/* end-box *************************************/
.end-box{
	border: 1px solid #c50018;
	background-color:rgba(255,255,255,0.9);
	padding: 3% 10px;
	margin-bottom: 5%;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	border-radius: 10px;        /* CSS3草案 */  
}
.end-box p{
	text-align: center;
	text-shadow: none;
	font-weight: 500;
	padding: 0;
	margin: 0;
}


/* img-akiaba *************************************/
ul.img-akiaba{
	padding: 0;
	margin: 2% 0 8%;
	letter-spacing: -.40em;
}
ul.img-akiaba li{
	padding: 0;
	margin: 0;
	letter-spacing: normal;
	display: inline-block;
	width: 25%;
	vertical-align: top;
}
ul.img-akiaba li img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
ul.img-akiaba li{
	width: 50%;
}
}


/* info-yokohama *************************************/
.info-yokohama{
	padding: 5px;
	margin: 0 0 10%;
	background-color: rgba(0,0,0,0.8);
}
.info-yokohama-inner{
	margin:0;
	padding: 2% 0 4%;
	border: 1px solid #820000;
}

.info-yokohama-inner p.cap12{
	text-align: center;
	margin-bottom: 5%;
}

/* bn_follow *************************************/
p.bn_follow{
	display: block;
	width: 660px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
p.bn_follow a .pc img{
	max-width: 660px;
	height: auto;
}
p.bn_follow a .pc{
	display: block;
}
p.bn_follow a .sp{
	display: none;
}

@media screen and (max-width: 800px) {
p.bn_follow{
	width: 500px;
}
.info-yokohama p.bn_follow a .pc img{
	width: 500px;
	height: auto;
}
}
@media screen and (max-width:767px) {
p.bn_follow{
	width: 100%;
}
p.bn_follow a .pc{
	display: none;
}
.info-yokohama p.bn_follow a .sp{
	display: block;
	margin: 0 10px;
}
p.bn_follow a .sp{
	display: block;
}
}

/* monster-box *************************************/
.monster-box{
	margin: 6% 0 12%;
}
.monster-box .photo{
	margin: 0 0 8%;
}


/* bn_apology *************************************/
.bn_apology a{
	display: block;
	max-width: 700px;
	margin:20px auto 8%;	
}

.bn_apology a .pc{
	display: block;
}
.bn_apology a .sp{
	display: none;
}
.bn_apology a img{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
}
.bn_apology a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width:767px) {
.bn_apology a .pc{
	display: none;
}
.bn_apology a .sp{
	display: block;
}
}



/* grade *************************************/
.grade{
	margin: 10% 0;
}
.grade .cap12{
	text-align: center;
	margin-bottom: 3%;
}

.grade .nav-contents{
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.grade .nav-contents li{
	width: 70%;
}

@media screen and (max-width: 767px) {
.grade .nav-contents li{
	width: 100%;
}
}


/* 
sec_outline
sec_mv 
*************************************/
.sec_outline{
	padding:4% 0;
	margin: 8% 0 0;
	background-color: rgba(0,0,0,0.8);
}
.sec_mv{
	padding:8% 0 0;
}
.sec_outline .float-common{
	margin-bottom: 30px;
	
}

@media screen and (max-width:767px) {
.sec_outline{
	padding:12% 0;
}
.sec_mv{
	padding:8% 0 0;
}
}


/* mv-list *************************************/
.mv-list{
	list-style: none;
	padding: 0;
	margin: 5% 0 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
	flex-wrap: wrap;
	/*-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;*/
}

.mv-list li{
	width: 31%;
	margin: 0 1% 2.5%;
}
.mv-list li .pc{
}
.mv-list li .sp{
	display: none;
}
.mv-list li a img{
	margin-bottom: 5px;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
}
.mv-list li a:hover img{
	opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

@media screen and (max-width: 767px) {
.mv-list li .pc{
	display: none;
}
.mv-list li .sp{
	display: inherit;
}
}

@media screen and (max-width: 640px) {
.mv-list li{
	width: 47%;
	margin: 0 1.4% 2.5%;
}
}




/* board *************************************/
.board{
	max-width: 800px;
	margin: 2% auto;	
	background: #000;
	padding: 20px;
	border-radius: 5px;
}
.board p.ttl{
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: 600;
}
.board p{
	font-size: 1.4rem;
	font-size: 14px;	
}

@media screen and (max-width: 767px) {
.board p.ttl{
	font-size: 1.6rem;
	font-size: 16px;
}
.board p{
	font-size: 1.2rem;
	font-size: 12px;	
}
}


/***********************************************************************************************************************
POP UP　mh15 ver
***********************************************************************************************************************/
#pop_87 {
	display:block;
	margin-left:-280px;/*元の画像-175px*/
	margin-top:-230px;
	width: 250px;/*元の画像155px*/
	height: 140px;/*元の画像155px*/
  }
#pop_87 .title {
  background-color: #ff7700;
  cursor: default; /*move*/
  padding:10px 10px;
  margin-bottom:10px;
  font-size:16px;
}
#pop_87 .pop_close {
  cursor: pointer;
  margin:0px 5px 0 0;
  font-size:10px;
  color:#000;
  position:absolute;
  z-index:10;
  top:-10px;
  right:-15px;
  width:30px;
  height:30px;
  display:block;
}
#pop_87 .pop_close img {
  width:30px;
  height:30px;
}

#pop_87 p{
	color:#333;
	text-align:left;
	/*padding-left:10px;*/
}
#pop_87 p a{
	color:#ff7700;
}
#pop_87 p a img{
	width: 250px;
	height: 120px; /*140px*/
	border: 1px solid #555;
}
#pop_87 p.pc{
	display: block;
}
#pop_87 p.sp{
	display: none;
}

@media screen and (max-width:1200px) {
#pop_87{
	/*display:none!important;*/
	margin-left:-200px;
	margin-top:-160px;
	width: 180px;
	height: 101px;
 }
 #pop_87 .pop_close {
  top:-10px;
  right:-15px;
}
 #pop_87 p a img{
	width: 180px;
	height: 86px; /*101px*/
}
#pop_87 p.pc{
	display: none;
}
#pop_87 p.sp{
	display: block;
}
  
/* 表示していた時
#pop_87 {
	left:50%!important;
	margin-left:-120px;
	margin-top:-285px;
  }*/
}