@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.block-event-page--goods.goodslistpage-frame {
  display: none;
}

#medical7 {
  font-family: Arial, Helvetica, "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
#medical7 a {
  color: inherit;
}
@media screen and (min-width: 641px){
  #medical7 a:hover {
    text-decoration: none;
    color: #00ABFF;
  }
}
.pane-globalnav + .pane-contents {
  margin-top: -24px;
  padding-top: 0;
}
.pane-contents > .container {
  width: auto;
}
.pane-right-menu {
  max-width: 1200px;
  margin: 0 auto;
}
.pane-contents .pane-main {
  color: #231815;
  background-color: #f6f4ee;
  padding-bottom: 40px;
}

/*******************************
Style Start
*******************************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box; }

/*@font-face {
    font-family: "harenosoraminchoregular";
    src: url("font/Harenosora.otf") format("opentype"),
         url("font/harenosora-webfont.eot"),
         url("font/harenosora-webfont.woff2") format("woff2"),
         url("font/harenosora-webfont.woff") format("woff");
}*/

.ffHare, main#medical7 h2.rigakuMein, main#medical7 p.rigakuCatch {
	/*font-family: "harenosoraminchoregular", "ＭＳ 明朝" , "ヒラギノ明朝 Pro", "HiraMinProN-W3", "ヒラギノ明朝 Pro";*/
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

h2, h3, h4, h5 {
	margin: 20px 0; }

main#medical7 {
	width: 100%;
	margin: auto;
	padding: 50px 0px; }

main#medical7 p {
	font-size: 14px;
	line-height: 1.7em;
	margin: 5px 0px; }

main#medical7 .md7_wrapper {
	width: 980px;
	margin: auto;
	position: relative; }

main#medical7 #header #description:after,
main#medical7 .clearfix:after,
main#medical7 article:after,
main#medical7 section:after {
	content: " ";
	display: block;
	clear: both; }

main#medical7 #header #description {
	height: auto; }

/* FLOAT */
main#medical7 .fRight {
	float: right; }

main#medical7 .fLeft {
	float: left; }

/* BUTTON */
main#medical7 .button {
	color: #fff;
	width: 210px;
	height: 45px;
	font-size: 15px;
	display: block;
	margin: 10px auto;
	text-align: center;
	line-height: 45px;
	text-decoration: none; }

  main#medical7 .button.pnk {
		background: #fca5a5; }

  main#medical7 .button.grn {
		background: #9dc7a4; }

  main#medical7 .button:hover {
		opacity: 0.7;
		color: #fff; }

/* CONTENTS */
main#medical7 h2.rigakuMein {
	color: #84B0D7;
	font-size: 72px;
	text-align: center;
	padding-bottom: 25px;
	background: url(../../img/usr/event/r30t60/h2_mainbg.png) no-repeat bottom center; }

main#medical7 p.rigakuCatch {
	font-size: 26px;
	text-align: center; }

main#medical7 article,
main#medical7 section {
	position: relative;
	margin-top: 70px; }

main#medical7 section {
	background: #fff;
	border: 1px solid #e8e3d4;
	border-radius: 10px;
	position: relative; }

  main#medical7 section:before {
		clear: both;
    display: block;
    content: '';
    background: url(../../img/usr/event/r30t60/shadow.png) center 0 / contain no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: -18px;
		width: 910px;
    height: 18px;
    max-width: 100%;
 }



main#medical7 .introHalf {
	width: 455px;
	text-align: center;
	padding: 100px 20px 0px;
	position: relative; }

  .introHalf .iconNo {
		position: absolute;
		top: -26px;
		left: 0;
		right: 0;
		margin: auto; }

main#medical7 .intro {
	text-align: center;
	padding: 30px 20px 0px;
	position: relative; }

  main#medical7 .intro .iconNo {
		position: absolute;
		top: -26px;
		left: 70px; }

main#medical7 #sec03 .introHalf {
	width: 440px; }

main#medical7 #sec03 .product {
	margin-top: 50px; }

main#medical7 #sec05 .introHalf {
	width: 430px; }

main#medical7 #sec06 .intro {
	float: left;
	width: 341px;
	padding: 100px 0px 20px 20px; }

main#medical7 #sec06 .iconNo {
	left: 110px; }

main#medical7 #sec06 .productHalfL, main#medical7 #sec06 .productHalfR {
	width: 340px;
	text-align: center;
	float: left; }

main#medical7 #sec06 .productHalfR {
	width: 270px;
	float: right;
	padding-right: 20px; }

main#medical7 #sec07 .product {
	margin: 20px 0px 30px; }

main#medical7 #sec07 .productHalf {
	width: 190px;
	margin: 0px; }

main#medical7 #sec08 .introHalf {
	width: 498px; }

main#medical7 #sec09 .introHalf {
	width: 505px; }

main#medical7 #sec09 .productHalf {
	width: 205px; }

main#medical7 #sec09 .productHalf.fLeft {
	width: 250px; }

main#medical7 #sec10 .introHalf {
	width: 500px; }

main#medical7 #sec10 .productHalf {
	width: 215px; }

main#medical7 #sec10 .productHalf.fLeft {
	width: 245px; }

/* PRODUCTS */
main#medical7 .product {
	margin: 40px 0; }

main#medical7 .product {
	margin: 40px 0;
	display: block; }

main#medical7 .product:hover {
	color: #999;
	opacity: 0.75; }

main#medical7 .productHalf {
	width: 190px; }

  main#medical7 .productHalf .button {
		width: 190px; }

/* POINT */
main#medical7 ul.points {
	margin: 0;
	padding: 0; }

  main#medical7 ul.points li {
		color: #fff;
		font-size: 14px;
		background: #83b0d6;
		padding: 5px 10px;
		border-radius: 3px;
		display: inline-block; }

/* H3 */
main#medical7 .h3Bg {
  color: #fff;
  font-size: 40px;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2em;
  padding-bottom: 20px;
  /*font-family: "harenosoraminchoregular", "ＭＳ 明朝" , "ヒラギノ明朝 Pro", "HiraMinProN-W3", "ヒラギノ明朝 Pro";*/
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: url(../../img/usr/event/r30t60/h_belt_b_borg.png) no-repeat center,
              url(../../img/usr/event/r30t60/h_belt_bg.png) repeat-x bottom;
}
main#medical7 .h3Bg span {
  background: #83b0d6;
}
main#medical7 .h3Bg span.sub {
  font-size: 17px;
  line-height: 1em;
  display: block;
  margin-top: -5px;
  letter-spacing: 0.5em;
}

/*** OBJECT ***/
main#medical7 .object1 {
	position: absolute;
	left: -367px;
	bottom: -50px; }

main#medical7 .object2 {
	position: absolute;
	right: -410px;
	top: 60px; }

main#medical7 .object3 {
	position: absolute;
	right: -106px;
	bottom: -65px; }

main#medical7 .object4 {
	position: absolute;
	left: -120px;
	top: 250px; }

main#medical7 .object5 {
	position: absolute;
	bottom: 300px;
	left: -106px; }

main#medical7 .object6 {
	position: absolute;
	top: 270px;
	right: -120px; }

main#medical7 .object7 {
	position: absolute;
	right: -70px;
	bottom: 270px; }

main#medical7 .object8 {
	position: absolute;
	left: -110px;
	top: 10px; }

main#medical7 .object9 {
	position: absolute;
	right: -120px;
	bottom: 500px; }

main#medical7 .object10 {
	position: absolute;
	left: -240px;
	top: 30px; }

main#medical7 .object11 {
	position: absolute;
	right: -140px;
	top: 370px; }

main#medical7 .object12 {
	position: absolute;
	left: -280px;
	bottom: 40px; }
main#medical7 .sp {
	display: none;
}
main#medical7 .pc {
	display: block;
}
#breadcrumb{
	background-color: #f6f4ee;
}
#sideNavi{
	display: none;
}


@media screen and (max-width: 640px){
	main#medical7 .sp {
		display: block;
	}
	main#medical7 .pc {
		display: none;
	}
	main#medical7 {
		padding: 30px 0;
    background-color: #f6f4ee;
	}
	main#medical7 .md7_wrapper {
		width: 100%;
	}
	main#medical7 h2.rigakuMein {
		font-size: 27px;
	}
	main#medical7 p.rigakuCatch {
		font-size: 14px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 15px !important;
	}
	main#medical7 article, main#medical7 section {
		margin-top: 30px;
	}
	main#medical7 .h3Bg {
		font-size: 20px;
		-webkit-background-size: 100% auto, 100% auto;
		background-size: auto 5px, auto;
	}
	main#medical7 .h3Bg span.sub {
		font-size: 12px;
	}
	main#medical7 .introHalf {
		width: 100%;
		padding-top: 30px;
	}
	main#medical7 .introHalf .iconNo,
	main#medical7 .intro .iconNo,
	main#medical7 #sec06 .iconNo {
		width: 80px;
		top: -60px;
		right: 0;
		left: 0;
		margin: 0 auto;
		display: block;
	}
	main#medical7 #sec06 .iconNo {
		top: -14%;
	}
	main#medical7 #sec03 .iconNo {
		top: -5%;
	}
  main#medical7 #sec03 .product img {
    width: 140px;
  }
	main#medical7 #sec04 .intro .iconNo {
		top: -8%;
	}
	main#medical7 p {
		font-size: 11px;
	}
	main#medical7 .product {
		margin: 20px 0;
	}
	main#medical7 img[class^=object] {
		display: none;
	}

	main#medical7 #sec02 .introHalf {
		position: relative;
	}
	main#medical7 #sec02 .introHalf .iconNo {
		top: -5%;
	}
	main#medical7 #sec10 .introHalf .iconNo {
		top: -32%;
	}
	main#medical7 #sec05 .introHalf .iconNo {
		top: -27%;
	}
	main#medical7 #sec07 .introHalf .iconNo {
		top: -7%;
	}
	main#medical7 #sec08 .introHalf .iconNo {
		top: -5%;
	}
	main#medical7 #sec09 .introHalf .iconNo  {
		top: -32%;
	}
	main#medical7 #sec03 .introHalf,
	main#medical7 #sec05 .introHalf,
	main#medical7 .productHalf .button,
	main#medical7 #sec06 .intro,
	main#medical7 #sec06 .productHalfL,
	main#medical7 #sec06 .productHalfR,
	main#medical7 #sec08 .introHalf,
	main#medical7 #sec09 .introHalf,
	main#medical7 #sec10 .introHalf {
		width: 100%;
		float: none !important;
	}

  main#medical7 #sec03 .introHalf {
    padding-bottom: 30px;
  }
	main#medical7 #sec06 .intro {
		padding: 50px 0 20px;
	}
	main#medical7 .productHalf .button,
	main#medical7 .button {
		font-size: 11px;
		height: 35px;
		line-height: 35px;
	}
	main#medical7 .fRight,
	main#medical7 .fLeft {
		float: none !important;
	}
	main#medical7 .productHalf,
	main#medical7 #sec07 .productHalf,
	main#medical7 #sec09 .productHalf,
	main#medical7 #sec09 .productHalf.fLeft,
	main#medical7 #sec10 .productHalf.fLeft,
	main#medical7 #sec10 .productHalf {
		width: 48%;
		float: left !important;
	}
	main#medical7 #sec05 .productHalf img,
	main#medical7 #sec09 .productHalf img,
	main#medical7 #sec09 .productHalf.fLeft img,
	main#medical7 #sec10 .productHalf.fLeft img,
	main#medical7 #sec10 .productHalf img {
		height: 170px;
	}
	main#medical7 .productHalf:first-of-type,
	main#medical7 #sec07 .productHalf:first-of-type,
	main#medical7 #sec09 .productHalf.fLeft:first-of-type,
	main#medical7 #sec10 .productHalf.fLeft:first-of-type {
		margin-right: 4%;
	}
	main#medical7 ul.points li {
		font-size: 10px;
		padding: 2px 5px;
	}
	#sideNavi{
	display: block;
	}
}