html, body, div, img, table, tbody, tr, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* SETUP ============================================================================= */

body { 
	margin : 0 auto;
	padding : 0;
	font : 100%/1.5 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', sans-serif; 	
	color : #ffffff; 
	background: #ffffff;
}
	

/*  TYPOGRAPHY  ============================================================================= */

.pad_post {
	padding-left: 0em;
	padding-right: 0em;
}


/* IMAGES ============================================================================= */

img, input {
border: 0;
max-width: 100%;
height: auto;
}



/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

td { 
padding : .25em 10px .25em 5px; }


/*  MAIN LAYOUT	============================================================================= */

.widget {
	display: block;
	overflow: hidden;
	margin: 0 0 1em 0 !important;
}

.content-innercontent {
    clear: both;
    width: 96%;
    max-width: 88em;
    font-size: 0.75em; /* 13 / 16 */
    margin: 0 auto;
    padding: 8em 0 6em 0;
    position: relative;
    overflow: hidden;
    color: #8a8a8a;
}
		



/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : transparent; 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

::-webkit-input-placeholder {
font-size : 14px; 
line-height : 1.4; }




/* Layout 1945 */ 
#pgc-1945-0-0 { width:100%;width:calc(100% - ( 0 * 30px ) ) } 
#pl-1945 .so-panel { margin-bottom:30px }
#pl-1945 .so-panel:last-child { margin-bottom:0px }
#pg-1945-0.panel-no-style  { -webkit-align-items:flex-start;align-items:flex-start } 

@media (max-width:780px){
    
    #pg-1945-0.panel-no-style  { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } 
    #pg-1945-0 .panel-grid-cell { margin-right:0 } 
    #pg-1945-0 .panel-grid-cell { width:100% } 
    #pl-1945 .panel-grid-cell { padding:0 }  
}

/*通話SIM*/
.content-innercontent{
padding-top:50px;
}


/*MYCCイメージ*/
.mycc-top{
text-align:center;
}

.mycc-tbtx{
color:#000;
font-size:20px;
}

.mycc-call,.mycc-data,.mycc-invitation{
text-align:center;
}

.mycc-data-top,.mycc-invi-top{
margin-top:30px;
}

.mycc-invi-top{
width:30%;
}

.mycc-pass{
width:30%;
margin-top:50px;
}

.mycc-passtd-1,.mycc-passtd-2{
border:1px solid #000;
border-radius: 5px;
}

.mycc-passtd-1{
text-align:center;
vertical-align:middle;
color:#000;
font-size:16px;
width:40%;
height:30px;
}

.mycc-jump{
width:30%;
}


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

/*通話SIM*/

.content-innercontent{
padding-top:0px !important;
}

/*データSIM*/
.textwidget{
margin-top:5px;
}

.content-innercontent{
padding:30px 0 20px 0;
}

/*MYCCイメージ*/
.mycc-top{
width:70%;
margin:0 auto;
}

.mycc-tbtx{
font-size:8px;
}

.mycc-data-top,.mycc-invi-top{
margin-top:0px;
}

.mycc-invi-top{
width:50%;
}

.mycc-pass{
width:70%;
margin-top:0px;
}

.mycc-passtd-1{
font-size:12px;
width:40%;
height:30px;
}

.mycc-jump{
width:70%;
}

}