@charset "Shift_JIS";

/*　このCSSはDMSSページ用のスタイルシート（スマートフォン向け）です　*/

/*　スマートフォン用CSS　*/
@media screen and (max-width: 480px) {
img {max-width: 100%; height: auto; width /***/:auto;}
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/

/*　ローカルメニュー　*/
.dmssmenusp {margin-bottom:20px; padding:0;}
.dmssmenusp a {display:block; height:50px; font-weight:bold; font-size:1.6rem; line-height:3.2; padding-left:10px; text-decoration:none;}
.dmssmenusp label {display:block; height:50px; font-size:1.6rem; font-weight:bold; line-height:3.2; padding-left:10px; margin-bottom:2px; color:#fff; background:#0074b3; cursor:pointer;}
.dmssmenusp input {display:none;}
.dmssmenusp ul {margin:0; padding:0; list-style: none;}
.dmssmenusp li {max-height:0; overflow-y:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
#dmssmenusptitle:checked ~ #dmssmenusp01 li {max-height:50px; opacity:1;}
.dmssmenusp li a {background:#ddd url(../../product/imagessp/submenu_arrow_off.png) right center no-repeat; color:#006598; overflow-y:hidden;}
.dmssmenusp li a:hover {background:#93c2dc url(../../product/imagessp/submenu_arrow_on.png) right center no-repeat; color:#333; overflow-y:hidden;}
.dmssmenusp li a.dmss_on {background:#93c2dc url(../../product/imagessp/submenu_arrow_on.png) right center no-repeat; color:#333; overflow-y:hidden;}
	
	
/*　見出し　*/
h3.dmss-h3box {font-size:1.8rem; font-weight:bold; line-height:1.3em; border: solid 1px #ccc; padding:10px; margin:30px 0 10px 0; border-left: solid 5px #888ad2;}
	
h3.dtss-h3box {font-size:1.8rem; font-weight:bold; line-height:1.3em; border: solid 1px #ccc; padding:10px; margin:30px 0 10px 0; border-left: solid 5px #88d295;}

h3.dmss-h3 {font-size:1.8rem; font-weight:bold; line-height:1.3em; padding:5px 0px 2px 22px; margin:20px 0 10px 0; background:url(../images/cmn2011_h3bullet06.gif) no-repeat left center; border-left:3px solid #888AD2; border-bottom:1px dashed #999;}
	
h3.dmss-h3top {font-size:1.8rem; font-weight:bold; line-height:1.3em; padding:5px 0px 2px 22px; margin-bottom:10px; background:url(../images/cmn2011_h3bullet06.gif) no-repeat left center; border-left:3px solid #888AD2; border-bottom:1px dashed #999;}

h3.dtss-h3 {font-size:1.8rem; font-weight:bold; line-height:1.3em; padding:5px 0px 2px 22px; margin:20px 0 10px 0; background:url(../images/cmn2011_h3bullet05.gif) no-repeat left center; border-left:3px solid #88D295; border-bottom:1px dashed #999;}

h3.dtss-h3top {font-size:1.8rem; font-weight:bold; line-height:1.3em; padding:5px 0px 2px 22px; margin-bottom:10px; background:url(../images/cmn2011_h3bullet05.gif) no-repeat left center; border-left:3px solid #88D295; border-bottom:1px dashed #999;}

h4.kiyaku-h4 {font-size:1.6rem; font-weight:bold; line-height:1.3em; margin:20px 0 5px 0;}


/*　詳細ボタン　*/
.moreinfo-dmss {width:320px; border:solid 1px #ccc; margin:20px auto; padding:4px; text-align:center;}
.moreinfo-dmss a {height:36px; line-height:36px; display:block; background:#888ad2; text-decoration:none; font-size:1.8rem; font-weight:bold; color:#fff;}
.moreinfo-dmss a:hover {opacity:0.6; transition-duration:0.3s;}
	
.moreinfo-dtss {width:320px; border:solid 1px #ccc; margin:20px auto; padding:4px; text-align:center;}
.moreinfo-dtss a {height:36px; line-height:36px; display:block; background:#88d295; text-decoration:none; font-size:1.8rem; font-weight:bold; color:#fff;}
.moreinfo-dtss a:hover {opacity:0.6; transition-duration:0.3s;}
	
	
/*　料金表　*/
.dmss_price {border-collapse:collapse; border:1px #ccc solid; margin:5px 0px; line-height:1.3; font-size:1.6rem; padding:5px;} 
.dmss_price td {padding:5px;} 
.dmss_price td.note {border:1px #ccc solid; text-align:center; background:#f6f3e9;}
.dmss_price td.prod {border:1px #ccc solid; text-align:left; background:#f6f3e9; font-weight:bold;}
.dmss_price td.daijin {border:1px #ccc solid; text-align:left;}
.dmss_price td.course {border:1px #ccc solid; text-align:left; font-weight:bold;}
.dmss_price td.year {border:1px #ccc solid; text-align:center;}
.dmss_price td.yen {border:1px #ccc solid; text-align:right;}
.dmss_price ul {list-style:none;}


/*　規約　*/
.kiyaku-p {margin-top:5px;}
.kiyaku-p-indent {margin-left:1.75rem;}
.kiyaku-notice {margin-top:5px; font-size:1.3rem;}
.kiyaku-sub-list {list-style:none; margin-left:30px; text-indent:-1.5rem; }
.kiyaku-sub-list li {padding-top:5px; font-size:1.6rem;}


}/*　@mediaの綴じ括弧。削除しないでください　*/