


/*
			<li id="tama">
    		<h3 class="doblock-title"><p>多摩版</p></h3>
				<div class="cont-photo-img rpab30"><img src="images/top_img02.svg" alt="通勤定期に1駅プラスで便利に使える！" width="540" height="780"></div>

				<div class="resmab10"><a href="detail.html" class="do-default-button"><p>「多摩版どっちーも」 とは？</p></a></div>
				<div class="resmab10"><a href="story.html" class="do-default-button"><p>「多摩版どっちーも」例えばこんな使い方</p></a></div>
				<div class="resmab5"><a href="buyingguide.html" class="do-default-button"><p>「多摩版どっちーも」ご購入ガイド</p></a></div>
			</li>
*/
.dlayout-2flex > li {
background: none;
}




/* tama */
#tama a.do-default-button {
background-color: rgba(255,240,0,1.00);
}
#tama a.do-default-button:hover {
background-color: rgba(217,193,0,1.00);
}
#shinjuku .cont-photo-img,
#tama .cont-photo-img {
border-radius: 11px;
overflow: hidden;
}

@media print, screen and (min-width: 375px) {

#shinjuku .cont-photo-img,
#tama .cont-photo-img {
border-radius: 13px;
}

}

@media print, screen and (min-width: 768px) {

#shinjuku .cont-photo-img,
#tama .cont-photo-img {
border-radius: 14px;
}

}

@media print, screen and (min-width: 1024px) {

#shinjuku .cont-photo-img,
#tama .cont-photo-img {
border-radius: 17px;
}

}


@media print, screen and (min-width: 1200px) {

#shinjuku .cont-photo-img,
#tama .cont-photo-img {
border-radius: 20px;
}

}

@media print, screen and (min-width: 1400px) {

}






















@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1024px) {

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}






















@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1024px) {

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}

















