body{
font-family: 'Noto Sans', sans-serif !important;

}
a:hover{
opacity:0.6;
}
.ec-definitions, .ec-definitions--soft{
font-size:15px;
}
.ec-addressList .ec-addressList__address{
width:auto;
padding-left:0
}
.ec-input{
margin-bottom:5px;
font-size:15px;
}
.ec-navlistRole .ec-navlistRole__item a:hover{
background:none;
}

.ec-studentlistRole__item label{
font-weight:400;
}
.ec-cartRow .ec-cartRow__img{
display:none;
}
.menu-label hr:last-child{
display:none;
}
.total {
    display: block !important;
    margin-top: 30px;
    border-top: 2px solid #ccc;
    width: 100%;
    float: right;
    text-align: right;
				padding:20px 0;
				font-weight:600;
}
.ec-productRole .ec-productRole__title .ec-headingTitle{
font-size:22px;
}
.ec-headerNaviRole__search {
    width: 100%;
}
.ec-navlistRole .ec-navlistRole__item{

border:0;
}

.ec-cartRow .ec-cartRow__contentColumn {
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    display: table-cell;
}

.ec-navlistRole .ec-navlistRole__navlist{
border:0;
}
.ec-historyListHeader .ec-historyListHeader__action a{
margin-right:10px;
}
.ec-headerNav .ec-headerNav__itemLink {
    margin-right: 0;
    font-size: 15px;
    vertical-align: middle;
    color: black;
}
.ec-headerNav .ec-headerNav__item {
    margin-left: 0;
    display: inline-block;
    font-size: 28px;
    width: auto;
    margin-right: 20px;
}
.cancelbtn{
background-color:#666 !important;
}

.ec-historyRole .ec-historyRole__contents{
    border-top: 2px solid #ccc;

}
.ec-imageGrid .ec-imageGrid__content span{
margin-left:0;
}
.cartsetttl{
margin-left:20px;
font-weight:600;
color:#0099cc;
padding:20px 0 10px 0;
}
.cartsetitem{
margin-left:20px;
font-weight:500;
font-size:15px;
}
.cartitemname2{
margin-right:10px;
font-weight:500;
}
.ec-totalBox__btn .ec-blockBtn--action{
width:100%;
}
.ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3, .ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p{
font-size: 24px;
    font-weight: 600;
}

.btnarea{
width:60% !important;
margin:20px auto !important;
}
.btnarea .ec-blockBtn--action{
float:right;
width:45%;
}
.btnarea .ec-blockBtn--cancel{
float:left;
width:45%;
}
.ec-off4Grid .ec-off4Grid__cell{
margin-left:0;
}

.ec-reportDescription {
    margin-bottom: 32px;
    text-align: center;
    font-size: 15px;
    line-height: 1.7;
}
.ec-totalBox__btn .ec-blockBtn--cancel{
width:100%;
}
.ec-cartRole .ec-cartRole__cart{
margin:10px 0;
}
.ec-footerNavi{
text-align:left;
}
.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
    background: #F3F3F3;
    padding: 8px 12px;
    font-size: 20px;
    margin: 20px 0 20px 0;
    font-weight: bold;
}
.setright{
float: left;
    width: 30%;
    text-align: right;
    font-size: 18px;
    font-weight: 600;
}
.setleft{
float:left;
width:70%;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 5px;
}
.ec-productRole .ec-productRole__tags{
margin:0;
padding:0;
}
.ec-blockBtn--action[disabled]{
background-color:#999;
}
.ec-blockBtn--action[disabled]:hover{
background-color:#999;
}
.ec-productRole .ec-productRole__tag{
padding:5px 0;
}
.ec-headerNaviRole img {
    width: 180px;
    max-width: initial;
}
.ec-productRole .ec-productRole__price {
    padding: 14px 0;
    border-bottom: 4px solid #ccc;
}
.ec-headerNaviRole__logo {
    display: inline-block;
}

.ec-headerNaviRole__logo span {
    font-weight: bold;
    margin-left: 20px;
}

.ec-bottomLine {
    width: 100%;
    border-top: 1px solid #C0C0C0;
    padding-bottom: 0;
}

.ec-layoutRole .ec-layoutRole__main{
font-size:15px;
}
.ec-headerTitle .ec-headerTitle__title span {
    display: inline-block;
    margin-bottom: 25px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

.ec-pageHeader h1 {
    border-top: none;
}

.ec-footerRole{
background-color:#4599B8;
}
.ec-blockBtn--cancel{
height: 5.4rem;
    line-height: 5.4rem;
    background-color: #333;
    border-radius: 5px;
    border: 0;
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 5px 5px #eee;
}
.ec-studentlistRole{
margin:30px auto;
}
.ec-studentlistRole__item:nth-child( 1n ) {
    padding: 10px !important;
    border: 2px solid #ccc;
    margin: 10px;
    width: 47%;
}
.ec-studentlistRole__item:nth-child( 1n ) {
    padding: 10px;
    border: 2px solid #ccc;
    margin: 10px;
    width: 47%;
}
.ec-studentlistRole__item:nth-child( 2n ) {
    padding: 10px !important;
}
.ec-studentlistRole__item span{
	color:#4599B8;
}
.ec-layoutRole .ec-layoutRole__contents{
max-width:100% !important;
}
.ec-mypageRole{
width:1100px;
margin:0 auto;
}
h2.subttl{
color:#77B2C7;
text-align:center;
font-size:20px;

}
.guidetx{
padding:10px 0;
text-align:left;
}
.parentguide {
    padding: 10px;
    background-color: #EAEEF2;
    border-radius: 16px;
    width: 900px;
    text-align: center;
    margin: 0 auto;
}
.ec-label{
font-size:15px;
}

.maintxt{
text-align:left;
}
.maintxt p{

font-size:18px;
font-weight:500;
}

.ec-pageHeader{
background-color: #77B2C7;
    color: #fff;
    padding: 30px 0;
    margin-bottom: 30px;
}


.ec-pageHeader h1{
width:1100px;
margin: 0 auto;
    font-size: 26px;
    font-weight: 500;
    border-bottom: 0;
}

.cancelttl{
margin: 60px auto 20px auto;
text-align: center;
font-weight:600;
}
.canceltx{
font-size:14px;
}
.ec-shelfGrid{
margin:0;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd){
padding:5px;
}
.uset{
width:80%;
margin:0 auto;
}
.unfloat{
margin: 13px 0;
    padding: 0 0 18px 0;
    border-bottom: 1px dotted #ccc;
}
.unfloat:last-child{
border-bottom:0;
}

.unfloat:after{
 content: "";
 display: table;
 clear: both;
}



.setWrap{
width: 80%;
margin:20px auto;
    background: #F7FBFC;
    padding: 20px;
    border-radius: 5px;
}
.setttl{
font-weight: 600;
    color: #5C98AD;
    border-bottom: 2px solid #5C98AD;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ec-cartRole__actions{
width:60% !important;
    margin-top: 30px;
    margin: 20px auto !important;
}
.ec-cartRole__actions .ec-blockBtn--action{
width:45%;
float:right;
margin:10px;
}
.ec-cartRole__actions .ec-blockBtn--cancel{
width:45%;
float:left;
margin:10px;
}
.ec-headerNaviRole__left{
float:left;
}
.ec-cartNavi{
float:right;
}
.ec-headerRole__cart{
float: right;
    right: 20px;
				top:26px;
    position: absolute;

}
.ec-off3Grid .ec-off3Grid__cell {
    margin-left:0;
}
.ec-off3Grid .ec-off3Grid__cell {
    width: 100%;
}
.ec-headerNaviRole__nav{
    position: absolute;
    right: 170px;
				top:24px;
}
.ec-alert-warning {
    width: 70%;
    padding: 50px 10px;
    text-align: center;
    background: #F99;
    border-radius: 10px;
    margin: 20px auto;
}
.ec-headerNav{
text-align:center;
}
.ec-topicpath{
border:0;
padding:40px 0 20px 0;
font-size:26px;
}
.price02-default{
font-size:17px;
}
.ec-historyListHeader .ec-historyListHeader__date{
font-size:18px;
}
.ec-RegisterRole__actions{
margin:30px 0;
}
.ec-searchnavRole .ec-searchnavRole__counter{
margin-bottom:0;
}

.ec-off4Grid .ec-off4Grid__cell {
    margin: 20px auto;
    width: 50%;
}

.onebtn{
margin: 20px auto;
    width: 50%;
}
.ditemname{
width: 100;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    text-align: left;

    margin-bottom: 10px;
}
.manuinnner{
	padding:0 20px;
}
.manuinnner p{
	padding:0 20px;
}
.manumenu{
margin-top:50px;
}
.manumain h2{
margin-top:60px;
color:#77B2C7;
padding-top:30px;
font-weight:600;
padding-bottom:30px;
border-top:3px solid #ccc;
}
.manumenu h3{
margin-top: 20px;
    padding-top: 28px;
    font-weight: 600;
    padding-bottom: 20px;
				font-size:20px;
    border-top: 1px dotted #ccc;
}

.manuinnner table{
margin-top:10px;
width:100%;
border-collapse:collapse;
margin-bottom:40px;
}
.manuinnner table th{
border:1px solid #ccc;
padding:15px;
text-align:center;
background-color:#BCE0ED;
}
.manuinnner table td{
border:1px solid #ccc;
padding:15px;
text-align:center;
}
.manuinnner h3{
margin-top: 20px;
    padding-top: 28px;
    font-weight: 600;
    padding-bottom: 20px;
				font-size:20px;
    border-top: 1px dotted #ccc;
}
.bt0{
border-top:0 !important;
}

.manuinnner h4{
font-weight:600;
margin-top:30px;
}
.manuinnner a{
color:#333;
}
.manuinnner a:hover{
opacity:1;
color:#333;
text-decoration:none;

}
.ec-footerNavi .ec-footerNavi__link {
        display: inline-block; }
.isSP{
display:none !important;
}
@media only screen and (max-width: 768px) {
.isSP{
display:block !important;
}
.ec-footerNavi .ec-footerNavi__link {
        display: block; }
.manumain h2{
font-size:20px;
padding-bottom:0;
}

.manuinnner p {
    padding: 0 0px;
    font-size: 14px;
}
.manuinnner {
    padding: 0 0px;
				font-size:13px;
}
.manuinnner table{
font-size:12px;
}
.manuinnner h3 {
    margin-top: 10px;
    padding-top: 18px;
    font-weight: 600;
    padding-bottom: 0px;
    font-size: 17px;
    border-top: 1px dotted #ccc;
}
.manumenu h3{
font-size:17px;
padding-bottom:0;
}
.ec-orderAccount__account {
font-size:14px;
}
.cartsetitem{
font-size:14px;
}
.ec-input{
font-size:14px;
}
.ec-headerRole__cart{
top:18px;
}
.ec-borderedDefs dd,.ec-studentlistRole__item{
font-size:14px;
}
.ec-studentlistRole__item span{
display:block;
}
.ec-headerNaviRole img{
width:140px;
}
.btnarea{
width:80% !important;
}
.parentguide{
width:100%;
}
.ec-layoutRole__main{
width:100% !important;
}
.ec-headerNav .ec-headerNav__itemLink{
font-size: 3vw;
}
.uset{
width:100%;
}
.ec-topicpath{
padding-bottom:10px;
}
.ditemname{
font-size:20px;
}
.setright{
font-size:15px;
}
.setWrap{
width:100%;
padding:15px;
}
.ec-footerNavi .ec-footerNavi__link a {
    display: block;
    border-bottom: 1px solid #fff;
    padding: 15px 10px;
    font-size: 14px;
    text-align: left;
    color: inherit;
    text-decoration: none;
}
.ec-pageHeader {
    background-color: #77B2C7;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 20px;
}
.ec-pageHeader h1{
width:100%;
padding:10px;
font-size:20px;
}
}
.ec-shelfRole{
margin-bottom:50px;
}
.ec-shelfGrid__item p{
color:#666;
}
.ec-shelfGrid__item .itemname {
    color: #333;
    font-size: 20px;
				margin-top:20px;
    font-weight: 600;
}
.ec-shelfGrid a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 20px 0;
}
.ec-shelfGrid .ec-shelfGrid__item{
margin-bottom:0;
}

.ec-shelfGrid li:last-child a{
    border-bottom: 0;
}
.kamoku{
font-size: 12px;
    background-color: #5C98AD;
    padding: 4px 13px;
    color: #fff;
    border-radius: 15px;
    margin-left: 5px;
}
.searchBtn{		
    height: 3.4rem;
    line-height: 3.3rem;
    background-color: #5C98AD;
    border-radius: 5px;
    border: 0;
    box-shadow: 0 5px 5px #ccc;
    margin: 0 10px;
    color: #fff;
    width: 100px;
								}
.ec-blockBtn--action{						
    height: 5.4rem;
    line-height: 5.4rem;
    background-color: #ff9900;
    border-radius: 5px;
    border: 0;
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 5px 5px #eee;
				}

.ec-inlineBtn--cancel{
    height: 5.4rem;
    line-height: 5.4rem;
    background-color: #666;
    border-radius: 5px;
    border: 0;
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 5px 5px #eee;
    padding:0;
}

.ec-inlineBtn--cancel--modal{
    margin-bottom: 30px;
}

#form_special{
background-color: #F5F5F5;
    padding: 14px;
    border-radius: 6px;
}
#form_individual{
background-color: #F5F5F5;
    padding: 14px;
    border-radius: 6px;
}
.uname{
position: relative;
}
.uname h1{
position:absolute;
text-align: center;
width: 100%;
top:100px;
}
.add-cart{
height: 5.4rem;
    line-height: 5.4rem;
    background-color: #ff9900;
    border-radius: 5px;
    border: 0;
    width: 400px;
    margin: 0 auto;
}
.ec-shelfGrid__item{
border-bottom:0 !important;
}
.ec-shelfGrid .ec-shelfGrid__item-image{

}
.uname_wrap{
width: auto;
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    border: 2px solid #5C98AD;
    padding: 3px 30px 10px 30px;
    border-radius: 34px;
				}
.uname_wrap span{
margin:0 !important;
}				
.ec-productRole{
margin: 80px auto 30px auto;
}
.cancelbox{
height: 300px; width: 80%; overflow-y: scroll; margin: 20px auto;
border:2px solid #ccc;
border-radius:6px;
padding:15px;
font-size:15px;
}

.detailTotalPrice{
width:80%;
margin:20px auto;
}
.detailTotalPrice div{
text-align: right;
    display: block;
    font-size: 24px;
font-weight:600;
}

.detailTotalPrice div span{
font-weight:bold;
}
.detailTotalPrice .tx{
margin-right:10px;
font-size:22px;
}
.codenum{

    text-align: left;

				}
.detailSubTotalPrice{
width: 100%;
    margin: 0 auto;
    text-align: right;
    font-weight: 600;
    font-size: 20px;
}			


.dic{
background: #0099cc;
    border-radius: 15px;
    color: #fff;
    padding: 4px 13px;
    margin: 0 0px 0 5px;
    font-size: 12px;
				}

.w100{
width:100% !important;
}
.ec-productRole .ec-productRole__tags{
margin-top:0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle{
margin-top:10px;
}
.cttop{
	margin-top:70px;
}
.ec-selects{
border-bottom:0;

}
.ec-inlineBtn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 16px;
    text-decoration: none;
    color: #525263;
    background-color: #4599B8;
    margin: 10px 0;
    border-radius: 20px;
    color: #fff;
    box-shadow: 2px 2px 3px #ccc;
}
.ec-inlineBtn:hover{
    color: #fff;
    background-color: #4599B8;
}
.ec-historyRole__detailTitle{
font-size:18px;
font-weight:bold;
color:#4599B8;
}
.ec-historyRole__detailTitle span{
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: normal;
				color:#333;
				margin-left:0;
				margin-top: 8px;
    display: inline-block;
}
.ec-historyRole__detail .ec-imageGrid{
    padding: 20px 0 15px 0;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice{
text-align:right;
}
.ec-navlistRole .active a{
color:#4599B8;
}
.ec-mypageChange h2{
    background: #F3F3F3;
    padding: 15px 12px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin: 15px 0 5px 0;
}
.ec-borderedDefs{
border-top:0;
margin:25px 0;
}
.cartitemname{
    font-weight: 600;
    font-size: 17px;
    padding-bottom: 7px;
    display: inline-block;
}
.ec-cartRow .ec-cartRow__summary{
font-weight:400;
font-size:14px;
}
.ec-cartRow .ec-cartRow__subtotalColumn{
padding:15px 0;
}
.totalborder{
width: 80%;
    border: 2px solid #eee;
}
.ec-cartRow .ec-cartRow__summary{
width:100%;
}
.ec-progress .is-complete .ec-progress__number{
    background: #4599B8;
}
.subtx{
font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 20px;
				}
.relative{
position:relative;
}
.relative .kamoku{
position:absolute;
right:10px;
top:10px;
}
.noborder a{
border-bottom:0;
}
.tb_half{
width:60%;
}
@media only screen and (min-width: 768px) {
.tb_half{
width:100%;
}
    .ec-headerNaviRole {
        padding-bottom: 25px;
								display:block;
    }
    .ec-headerTitle .ec-headerTitle__title span {
        font-size: 20px;
        margin-bottom: 35px;
    }
    .ec-bottomLine {
        padding-bottom: 20px;
    }
    .ec-headerTitle .ec-headerTitle__title span {
    }
}

.modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(151,196,212,.8);
    display: none;
    z-index: 2000;
}
.modal-panel {
    position: fixed;
    z-index: 2;
    background: #fff;
    width: 90%;
    height: 70%;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 10px;
}
.modal-cancel-wrap {
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    text-align: center;
}
.modal-cancel-title {
    padding: 30px 20px 0px 20px;
}
.modal-cancelbox {
    height: 45%;
    width: 90%;
    overflow-y: scroll;
    margin: 20px auto;
    border:2px solid #ccc;
    border-radius:6px;
    padding:15px;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
}
.modal-check {
    margin: 20px auto;
}
.modal-check input[type=checkbox] {
    transform: scale(2.5);
    margin: 5px 20px 0 20px;
}
.modal-button-wrap {
    padding: 0px 20px 20px 20px;
}
.modal-button-back-sp {
    display: initial;
}
.modal-button-back-pc {
    display: none;
}
.modal-button-cancel-confirm {

}
.ec-blockBtn--cancel-modal {
    background-color: #959595;
    height: 5.4rem;
    width: 60%;
    margin: 20px auto 0 auto;
}
.ec-blockBtn--action-modal {
    background-color: #FFC400;
    height: 5.4rem;
    width: 90%;
    margin: 0 auto;
}
@media only screen and (max-height: 700px) {
    .modal-panel {
height: 90%;
    top: 20px !important;
    }
}


				

@media only screen and (max-width: 768px) {
    .modal-cancelbox {
       margin: 10px auto;
    }
    .modal-cancelbox {
        height: 62%;
    }
				.MyCancel{
				
				}
.MyCancel{
				padding:0 10px !important;
}
				
				
				.MyCancel .modal-button-cancel-confirm {
    width: 48%;
    display: inline-block;
}
				.MyCancel .modal-button-back-sp {
    display: inline-block;
    width: 48%;
}
								.MyCancel button{
								font-size:14px;
								}
				
				}
				
@media only screen and (min-width: 768px) {
    .modal-panel {
        width: 90%;
        height: 70%;
        max-width: 855px;
    }
    .modal-cancel-wrap {
        font-size: 15px;
    }
    .modal-cancel-title {
        padding: 50px 20px 20px 20px;
    }
    .modal-cancelbox {
        height: 45%;
        width: 85%;
        padding:25px;
        font-size: 13px;
        line-height: 22px;
    }
    .modal-check {
        margin: 30px 0;
    }
    .modal-check input[type=checkbox] {
        margin: 0px 20px;
    }
    .modal-button-wrap {
        width: 85%;
        display: flex;
        margin: 0 auto;
        padding: 0px;
    }
    .modal-button-back-sp {
        display: none;
    }
    .modal-button-back-pc {
        display: initial;
        width: 17.5%;
        margin: 0;
    }
    .modal-button-cancel-confirm {
        width: 45%;
        margin: 0 10%;
    }
				

				
}

	
    .ec-blockBtn--cancel-modal {
        height: 5.4rem;
        width: 100%;
        margin: 0;
    }
    .ec-blockBtn--action-modal {
        height: 5.4rem;
        width: 100%;
        margin: 0;
    }
}

.ec-borderedDefs dl{
padding: 15px 0 10px 0;
}

.ec-studentlistRole__item h2 {
    background: #F3F3F3;
    padding: 15px 12px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin: 0px 0 15px 0;
}

    .ec-mypageChange {
        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        color: #525263;
        -webkit-text-size-adjust: 100%;
        width: 100%;
    }
				    .ec-studentlistRole__item h2{

        margin: 0px 0 15px 0 !important;
    }
    @media only screen and (min-width: 768px) {
        .ec-mypageChange {
            padding-left: 0px;
            padding-right: 0px;
        }
    }
    .ec-studentlistRole {
        box-sizing: inherit;
    }
    .ec-studentlistRole__studentlist {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
        padding: 0;
        list-style: none;
    }
    .ec-studentlistRole__item {
        width: 100%;
        border-style: none;
        text-align: center;
        font-weight: 500 !important;
    }
    .ec-studentlistRole__item h2{
        background: #F3F3F3;
        padding: 15px 12px;
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        margin: 0px 0 15px 0;
    }
    .ec-studentlistRole__item label{
        width: 100%;
    }
    .ec-studentlistRole__item div{
        text-align: left;
    }
				hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #eee;
}
    @media only screen and (min-width: 768px) {
        .ec-studentlistRole {
            box-sizing: inherit;
        }
        .ec-studentlistRole__studentlist {
            margin-bottom: 0px;
        }
        .ec-studentlistRole__item {
            width: 50%;
            border-style: none;
            text-align: center;
            font-weight: bold;
            margin: 0 0 40px 0;
        }

        .ec-studentlistRole__item h2{
            margin: 0 0 15px 0;
        }
    }
				
			

.midashi{
width:auto;
margin-left:10px;
    font-weight: 600;
				    display: inline-block;
								margin-right:10px;
}
.sp{
display:none;
}
.ec-searchnavRole .ec-searchnavRole__infos {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    display: flex;
    border-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    flex-direction: column;
}
.ec-searchnavRole .ec-searchnavRole__infos{
margin-bottom:20px;
}
.ec-shelfGrid .ec-shelfGrid__item img {
    width: auto;
    max-height: 100%;
}
@media only screen and (max-width: 768px) {
.ec-searchnavRole .ec-searchnavRole__infos{
margin-bottom:0px;
}
.ec-searchnavRole .ec-searchnavRole__infos {
font-size:14px;
}
.spseartch{
width:100% !important;
text-align:center;
margin:10px;
}
.midashi{
    display: inline-block;
    width: 100px;
    margin-bottom: 16px;
}
.sp{
display:block;
}
.ec-layoutRole .ec-layoutRole__main{
font-size:14px;
}
.ec-label{
font-size:14px;
}
.ec-mypageRole{
width:100%;
}
.ec-pageHeader h1{
width:100%;
padding:10px;
font-size:18px;
}
.inner{
padding:10px;
}
.ec-mypageRole{
padding:0;
}
.ec-studentlistRole__item:nth-child( 1n ),.ec-studentlistRole__item:nth-child( 2n ){
width:100%;
}
.uname h1 {

    top: 44px;
}
.cancelbox{
font-size:14px;
height:350px;
width:100%;
margin:0;
}
.ec-productRole .ec-productRole__price {
    padding: 0 0 14px 0;
    border-bottom: 4px solid #ccc;
}
.detailTotalPrice div{
font-size:20px;
}
.detailTotalPrice .tx{
font-size:18px;
}
.ec-productRole .ec-productRole__price{
font-size:auto;
}
.totalborder,.detailTotalPrice{
width:100%;
}
.add-cart{
width:80%;
}


.ec-cartRole__actions{
width:80% !important;
    margin-top: 30px;
    margin: 20px auto !important;
}
.ec-cartRole__actions .ec-blockBtn--action{
width:100%;
float:none;
margin:10px;
}
.ec-cartRole__actions .ec-blockBtn--cancel{
width:100%;
float:none;
margin:10px;
}

.ec-historyRole,.ec-para-normal{
padding:0 20px;
}
.ec-navlistRole .ec-navlistRole__navlist{
margin-top: 50px;
}
.ec-addressRole{
padding:0 20px;
}
.ec-addressList{
padding:0 20px;
}
.ec-borderedDefs {
    border-top: 0;
    margin: 0;
    padding: 0 0px;
}
.ec-cartRole{
padding:0;
}
.ec-headerNavSP{
display:none;
}
.ec-headerNaviRole{
display:block;
}
.ec-headerNaviRole__nav {
    position: relative;
    right: auto;
				top:0;
}
.logout{

}
.ec-headerNav .ec-headerNav__itemIcon{
margin-right:0;
}
.ec-headerNaviRole .ec-headerNaviRole__nav{
width:100%;
}
.ec-alert-warning{
width:90%;
}
.ec-headerNav{
width:100%;
padding:10px 0;
}
.ec-cartNavi{
padding:0;
}
.ec-cartNavi .ec-cartNavi__icon{
font-size:30px;
}
.ec-headerNav .ec-headerNav__itemIcon{
margin-left:0px;
}
.ec-headerNaviRole{
padding: 10px 10px 0 10px;
}
.ec-topicpath__item{
font-size:18px !important;

}
.ec-shelfGrid__item .itemname{
margin-top:10px;
}
.ec-shelfGrid__item .itemname{
font-size:16px;
}
.ec-headerTitle .ec-headerTitle__title span{
font-size:16px;
}
.uname_wrap span{
font-size:16px !important;
}
.ec-headerNav .ec-headerNav__item{
margin: 0;
    width: 30%;
}
.ec-navlistRole .ec-navlistRole__item a {
    padding: 10px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
}
.ec-historyListHeader .ec-historyListHeader__date{
font-size:16px;
}
.ec-addressList .ec-addressList__address{
font-size:14px;
}
.ec-definitions dt, .ec-definitions--soft dt{
font-size:14px;
}
.ec-definitions, .ec-definitions--soft{
margin:0;
}
.ec-historyListHeader,.ec-orderDelivery,.ec-orderPayment{
font-size:14px;
}
.ec-orderOrder{
font-size:14px;
}
.ec-imageGrid .ec-imageGrid__content{
font-size:14px;
}
.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6{
font-size:18px;
}
.ec-orderDelivery{
font-size:14px;
}
.total{
display:block !important;
padding:20px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP{
font-size:14px;
}
.cartsetttl,.cartsetitem{
margin-left:0;
}
}
.ec-cartNavi a{
 color:#333;
}
.ec-cartNavi__label{
position: absolute;
    top: 10px;
    right: 10px;
}
.headic1{
background-image:url("../img/common/ic1.png");
background-repeat:no-repeat;
    background-position: left 11px;
    padding-left: 30px;
}
.headic2{
background-image:url("../img/common/ic2.png");
background-repeat:no-repeat;
    background-position: left 11px;
    padding-left: 35px;
}
.headic3{
background-image:url("../img/common/ic3.png");
background-repeat:no-repeat;
    background-position: left 11px;
    padding-left: 30px;
}
.ec-headerRole{
padding-top:0;
}

@media only screen and (max-width: 768px) {

.headic1{
    background-repeat: no-repeat;
    background-size: 14px;
    background-position:center left;
    padding-left: 20px;
				}
.headic2{
    background-repeat: no-repeat;
    background-size: 14px;
    background-position:center left;
    padding-left: 20px;
				}
.headic3{
    background-repeat: no-repeat;
    background-size: 14px;
    background-position:center left;
    padding-left: 20px;
				}
				.spcommit{
				width:90% !important;
				}
				.spcommit .ec-para-normal{
				width:100% !important;
				padding:0;
				}
				.spcommit .ec-para-normal .ec-blockBtn--action{
				width:100% !important;
				}
				.spcommit .ec-blockBtn--cancel{
				width:100% !important;
				}
				
				}
				
.oddtb td{
padding:0 !important;
}
.manuinnner table span{ 
color:#ff0000;
}
.odday{
background-color:#FFFCED;
padding:10px !important;
}
.tb_half{
width:60% !important;
}

.oddtb .odtime{
background-color:#EFF7FF;
padding:10px !important;
}

.odsample{
padding:10px !important;
}

.liner1{
border-top:2px solid #ff0000 !important;
border-left:2px solid #ff0000 !important;
border-right:2px solid #ff0000 !important;
}
.liner2{
border-left:2px solid #ff0000 !important;
border-right:2px solid #ff0000 !important;
}
.liner3{
border-bottom:2px solid #ff0000 !important;
border-left:2px solid #ff0000 !important;
border-right:2px solid #ff0000 !important;
}
.lineg1{
border-top:2px solid #76C14E !important;
border-left:2px solid #76C14E !important;
border-right:2px solid #76C14E !important;
}
.lineg2{
border-left:2px solid #76C14E !important;
border-right:2px solid #76C14E !important;
}
.lineg3{
border-bottom:2px solid #76C14E !important;
border-left:2px solid #76C14E !important;
border-right:2px solid #76C14E !important;
}
.isPC{
display:block;
}
@media only screen and (max-width: 768px) {
.tb_half{
width:100% !important;
}
.headic1.isSP{
    color: #333;
    text-decoration: none;
    font-size: 12px;
    display: inline-block !important;
    float: right;
    margin-top: 12px;
}
.ec-headerNaviRole__left{
width:84% !important;
}
.isPC{
display:none !important;
}
}
.ec-select select{
max-width:100%;
}