.contents_ymn { color:#333; font-family: 'Noto Sans JP', sans-serif;} marker { background:linear-gradient(transparent 50%, #f7d598 50%); font-weight: bold; color: #009944;} .sp { display: none !important;} .pc { display: block !important;} .br { display: inline !important;} #contents_ymn .new { background-color: #FF7800; font-size: 1.2em; color: #FFF; text-align: center; padding: 0.5em; font-weight: bold;} #contents_ymn .new span { background-color: #0E7333; color: #FFF; font-size: 0.8em; padding: 0.3em 0.5em; border-radius: 0.2em; margin-right: 0.5em; font-weight: normal;} .hd { background: url(../images/namasekken_h/hd.jpg); width: 800px; height: 541px; background-size: cover; font-size: 0;line-height: 0;text-indent: -9999px; margin-bottom: 30px;} .ct01 { color:#454545; background: url(../images/common/recommend_bg.jpg) center center; padding: 1.5em; margin-top: 30px;} .ct01 h2 { text-align: center; font-size: 1.5em; font-weight: bold; border-bottom: 2px dotted #454545; padding-bottom: 0.5em;} .ct01 ul { width: 100%; margin: 1em auto 0; overflow: hidden; box-sizing: border-box; padding-left: 0px; margin-left: 30px;} .ct01 ul li { float: left; width: 55%; font-weight: bold; box-sizing: border-box; padding-left: 30px; margin-bottom: 0.5em; background: url(../images/common/check_bl.png) center left no-repeat; font-size: 1.2em;} .ct01 ul li:nth-child(1), .ct01 ul li:nth-child(3) { width: 45%} .ct01 ul li:nth-child(2), .ct01 ul li:nth-child(4) { width: 55%} .ct02 { background: url(../images/namasekken_h/ct02.jpg); width: 800px; padding: 50px 0 40px 30px; margin-top: 30px;} .ct02 h2 { background: url(../images/namasekken_h/ct02-ttl.png); width: 426px; height: 83px; font-size: 0;line-height: 0;text-indent: -9999px; margin-bottom: 30px;} .ct03 { background: url(../images/namasekken_h/ct03.jpg); width: 800px; height: 631px; font-size: 0;line-height: 0;text-indent: -9999px;} .ct04 { background: url(../images/namasekken_h/ct04.jpg); width: 800px; padding: 100px 80px 40px; position: relative; margin-top: 30px;} .ct04 h2 { background: url(../images/namasekken_h/ct04-ttl.png); width: 545px; height: 92px; margin: 0 auto 3rem; font-size: 0;line-height: 0;text-indent: -9999px;} .ct04 .flr { float: right; margin: 0 0 1rem 1rem;} .ct04 .fll { float: left; margin: 1.5rem 1rem 1rem 0;} .ct04 .hakase { position: absolute; right: 10px; bottom: 50px;} .ct04 ul { background: url(../images/namasekken_h/ct04-02.png) no-repeat; width: 740px; height: 277px; margin-left: -50px; font-size: 0;line-height: 0;text-indent: -9999px;} .ct04 h3 { background: url(../images/namasekken_h/ct04-04.png); width: 489px; height: 106px; margin: 4rem auto 2rem; font-size: 0;line-height: 0;text-indent: -9999px;} .ct04 .txt { width: 510px; margin: auto;} .ct05 { background: url(../images/namasekken_h/ct05.jpg); width: 800px; height: 1631px; font-size: 0;line-height: 0;text-indent: -9999px;} .ct06 { background: url(../images/namasekken_h/ct06.jpg); width: 800px; height: 1096px; box-sizing: border-box; padding: 330px 120px 0; margin-top: 50px;} .ct06 h2 { font-size: 0;line-height: 0;text-indent: -9999px;} .ct06 h3 { background: url(../images/namasekken_h/ct06-01.png); width: 287px; height: 58px; margin: 4rem auto 2rem; font-size: 0;line-height: 0;text-indent: -9999px;} .ct06 .flr { float: right; margin: 0 0 1rem 1rem;} .guide img { width: 100%; height: auto;} .guide dl dd { margin-left: 0;} @media screen and (max-width:480px) { #contents_ymn .new { font-size: 1em; } .hd { background: url(../images/namasekken_h/hd-sp.jpg) no-repeat; background-size: 100% auto; width: 100%; height: 82vw; } .pc { display: none !important;} .sp { display: block !important;} #contents_ymn .ct01 { background: url(../images/common/recommend_bg.jpg) center center; padding: 1.5em; margin-top: 30px;} #contents_ymn .ct01 h2 { font-size: 1.3em; } #contents_ymn .ct01 ul { width: auto; margin: 1em auto 0; overflow: hidden; box-sizing: border-box; padding-left: 0px; margin-left: 0px;} #contents_ymn .ct01 ul li { float: none; width: 100%; font-weight: bold; box-sizing: border-box; padding-left: 8vw; margin-bottom: 0.5em; background-position: left 0.2em; -webkit-background-size: 5.8vw auto; background-size: 5.8vw auto; font-size: 1.1em;} #contents_ymn .ct01 ul li:nth-child(1), #contents_ymn .ct01 ul li:nth-child(3) { width: 100%} .ct02 { background: url(../images/namasekken_h/ct02-sp.jpg) #f3fef8 no-repeat; background-size: 100% auto; width: auto; padding: 35vw 3vw 10vw ; margin-top: 30px;} .ct02 h2 { display: none;} .ct03 { background: url(../images/namasekken_h/ct03-sp.jpg) no-repeat; background-size: 100% auto; width: auto; height: 95vw;} .ct04 { background: url(../images/namasekken_h/ct04-sp.jpg) no-repeat; background-size: 100% auto; width: auto; padding: 42vw 5vw 10vw; position: relative; margin-top: 30px;} .ct04 h2 { display: none;} .ct04 .flr { width: 20vw;} .ct04 .fll { width: 30vw;} .ct04 .hakase { position: absolute; right: 0px; bottom: 50px; width: 17vw; height: auto;} .ct04 ul { background: url(../images/namasekken_h/ct04-02-sp.png) no-repeat; background-size: 100% auto; width: auto; height: 38vw; margin-left: 0;} .ct04 h3 { background: url(../images/namasekken_h/ct04-04-sp.png) center no-repeat; background-size: 50%; width: auto; height: 30vw; margin: 2rem auto 1rem;} .ct04 .txt { width: 70%; margin: auto;} .ct05 { background: url(../images/namasekken_h/ct05-sp.jpg) no-repeat; background-size: 100% auto; width: auto; height: 295vw; } .ct06 { background: url(../images/namasekken_h/ct06-sp1.jpg) top no-repeat, url(../images/namasekken_h/ct06-sp2.jpg) bottom no-repeat; background-color: #f9f9f1; background-size: 100% auto; width: auto; height: auto; padding: 50vw 5vw 25vw; margin-top: 50px;} .ct06 h2 { font-size: 0;line-height: 0;text-indent: -9999px;} .ct06 h3 { background: url(../images/namasekken_h/ct06-01.png) no-repeat; background-size: contain; width: 60vw; height: 58px; margin: 2rem auto 1rem; } .ct06 .flr { width: 25vw;} }