@media screen and (min-width: 0px) and (max-width: 450px) {
	body {
	/*	width:360px;*/
		width:max-width - 60;
	}


	/*  質問窓口  Add by Fujtia 2013/15 */
	#content #tab li {
		width: 30%;
	}

	#content pre.con {
		font-size:26px;
	}

	.checkterms input.termscheckbox {
    height: 35px;
    width: 35px;
    margin-left: 3px;
}

.terms .terms_p {
    font-size: 14px;
}

.terms .termsmes {
    font-size: 14px;
}

.display .terms {
    width: 100%;
}


}

@media screen  and (min-width: 451px)  and (max-width: 700px) {
	body {
		width:max-width - 120;
		/* width:595px;	*/
	}


}


@media screen and (min-width: 0px) and (max-width: 700px) {

	#base {
		width:95%;
		overflow:hidden;
	}

	#head img #logo  {
		width:26%;
	}

	#head img#logo_l  {
		width:60%;
	}

	#head #info {
		width:97%;
	}


	#head h2{
		width:25%;
	}



	#main {
		width:100%;
		padding: 0;
	}


	#content {
		clear:both;
		width:97%;
	}
	#side {
		clear:both;
		display:block;
		width:97%;
	}

	#side .side_box {
		display:block;
		width:100%;
	}

	#side .side_box .side_inbox {
		display:block;
		width:98%;
	}

	#side .side_box .side_inbox ul{
		width:96%;
	}

	#side_sub {
		clear:both;
		display:block;
		width:97%;
	}

	#side_sub .side_box {
		display:block;
		width:100%;
	}

	#side_sub .side_box .side_inbox {
		display:block;
		width:98%;
	}

	#side_sub .side_box .side_inbox ul{
		width:96%;
	}


	 #foot {
		 width:97%;
	 }


	#foot #foot_navi {
		display:none;
	}

	 address{
		 width:97%;
	 }

	#topics_img {
		width: 90%;
		max-width: 90%;
	}

	#topics_text {
		width: 100%;
		max-width:100%;
	}


/* 解答結果テーブルレイアウト */
#content .answer {
	padding-left:0px;
	margine-right:5px;

}

#content .result {
	padding-left:0px;
	margin-top:20px
	width:100%;
}

#result_img {
	max-width:400px;
}





	/* ログイン画面設定 */

	#login_h #head{
		height:150px;
	}


	#login_mess1{
		width:100%
	}

	#login_mess2{
		width:100%
	}

	#login_logo {
		width:100%;
	}

	#login_title {
		width:97%;

	}
	#login_mail{
		width:100%;
		margin-top:0px;
		margin-bottom:0px;
		padding-top:0px;
		padding-bottom:0px;
	}

	#login_footer {
		width:100%;
	}
	#base #login_table{
		width:max-width * 0.9;
	}

	#main #login_input{
		top:29%;
	}

	#base #login_input_table{
		width:100%;
		clear:left;
		left:10px;
	}

	#main #login_input_table input{
		width:80%;
		min-width:100px;
	}


	#main #login_button{
		position:relative;
		top:0px;
	}

	/* 質問窓口画像 */
	#content .question_img {
		width:100%;
		max-width:100%;
	}

.size .md-stepper-horizontal{
		width:100%;
		max-width:100%;

	}
	.size .md-stepper-horizontal .md-step .md-step-title{

	}
	#EntryForm .cardinput{
        width:100%;
	}
	#productdisplay .heading{
	    font-size: initial;
    margin-left: 30px;
    margin-bottom: 10px;
	}
	#productdisplay .mobile{
	display: block
	}
	.tableunder input.cbox{
	    height: 35px;
        width: 35px;
        margin: auto;
	}
	td.tableunder{
	border: 1px solid #917f31;
	font-size: x-large;
}
    tr #th_video_name{
    display: none;
    }
    tr #th_price{
    display: none;
    }
    tr .m_th{
    display: block;
    }
    td .m_td{
    display: block;
    line-height: 30px;
    }
    tr #td_video_name{
    display: none;
    }
    tr #td_price{
    display: none;
    }
    tr #blank{
    display: none;
    }
    #sumprice{
    font-size: x-large;
    }
    tr .tableover{
    font-size: x-large;
    }
    .th_margin{
    margin-top: 2%;
    }
    .td_margin{
    margin-top: 2%;
    margin-bottom: 2%;
    }
    .but1 #back{
}

.but2 #confirm{
}

.but2 #cardchange{
}

table.inputtable{
	width: 100%;
}

.cardinput .heading{
	font-size: 15px;
	    margin-left:30px;
	    margin-bottom: 10px;
}

th .card_th{
	display: block;
	margin-top: 2%;
    margin-bottom: 2%;
}

.card_th_none{
	display: none;
}

tr #card_th_none{
	display: none;
}

tr #card_item{
	display: none;
}

tr #deadline_item{
	display: none;
}

tr #cvc_item{
	display: none;
}
.fourbox input.boxdes{
    width: 90%;
    height: 60px;
    font-size: 130%;
}

.cardtxt .fourbox{
	float: left;
    margin-top: 2%;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 2%;
    width: auto;
}

.cardtxt .csvbox{
	float: left;
    margin-top: 2%;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 2%;
    width: 80%;
}


.cardtxt .-box{
    font-size: 50px;
    margin-top: 2%;
}


.cardtxt .fourbox_first{
    margin-left: 5%;
    width: 80%;
}

.card_margin{
    margin-bottom: 1%;
    }

    .selectbox select.select {
    width: 80px;
    height: 50px;
    font-size: 110%;
    margin-bottom: 0;
}

    .tableunder .selectbox{
    float: left;
    width: auto;
    margin-top: 2%;
    margin-bottom: 2%;

    }
    .first{
    margin-left: 5%;
    }

    td .slash {
    padding-top: 0;
    float: left;
    width: 5%;
    margin-top: 7%;
    margin-right: 10px;
    margin-left: 10px;
}

    #base .card_h h1{
    margin-top: 0;
    }

    a #logo{
    width: 50%;
    }

    #base .cardhead{
    width: auto;
    }

 #base .card_foot{
    width: auto;
    }

    .card_foot #f_ul01 li a{
    }
    .card_foot #f_ul01 li{
    }
    div#foot.card_foot p{
    line-height: 11px;
    margin-bottom: 0;
    }
    #base .address{
    font-size: 20px;
    }

    body .cardinput{
    width:100%;
    }

    body .password{
    width:100%;
    }

    .main_title .title{
    font-size: 17px;
    margin-bottom: 2px;
    margin-top: 2px;
    }

    .but1 #backCard{
}

.but2 #complete{

}
.content .cardInput{
	font-size: x-large;
	padding-left: 0;
}

.completeBtn button.btn{
	font-size: 17px;
}
.fontsize{
	font-size: x-large;
}

tbody .m_carditem{
	display: contents;
}

form .okbutton{
	display: block;
    text-align: center;
}

form .okbuttonimage{
	width:75px;
	margin-bottom: 0;
}

#login_pr{
	width:97%;
}

.loginmail {
    text-align: left;
    margin-left: 25px;
}

.layoutvideohead {
    padding-bottom: 20px;
}

.box2 .samune {
    display: inline-block;
     width: auto;
     margin-left: 0;
     margin-bottom: 0;
}

#main.video {
    width: auto;
}

#base.video {
    width: auto;
}

#foot.video_foot {
    width: auto;
}

#foot.video_foot #f_ul01 {
    position: absolute;
     left: 0;
     top: 0;
}

#foot.video_foot p.video_p{
	line-height: 11px;
    margin-bottom: 0;
}
table.historytable{
	margin-top: 100px;
    margin: auto;
    width: 100%;
    margin-bottom: 5%;
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
}

tr th.mobile_th_width{
	width: 40%;
	font-size: 14px
}

tr th.mobile_th_width2{
	width: 30%;
	font-size: 14px
}

.mobile_display_none{
    display: none;
    }

    .card_body{
    font-size: 12px;
    line-height: 20px;
    }

    #base.card_base{
    width: auto;
    }

    #main.card_main{
    width: auto;
    }

    .m_cardfont{
    font-size: 15px;
    }

    tr th.m_cardthfont{
    font-size: 17px;
    width: 77%;
    }

    tr td.m_cardfont{
    font-size: 15px;
    }

    tr td input#sumprice{
    font-size: 15px;
    }

    #productdisplaybtn.inline-block {
    width: 39%;
    display: inline-block;
    margin: 0;
}

#base .cardaddress {
    width: auto;
    font-size: 10px;
    margin-bottom: 0;
}

#foot.card_foot #f_ul01 {
    position: absolute;
     left: 0;
     top: 0;
     margin: 0 0 10px 25px;
}

.card_txet{
	line-height: 1;
	font-size: 15px;
}

#carddisplaybtn.inline-block {
    width: 39%;
    display: inline-block;
    margin: 0;
}

address.videoaddress {
    display: block;
    margin-bottom: 0;
    font-style: normal;
    line-height: 20px;
    width: auto;
}

tr th.m_confirmthfont {
    font-size: 17px;
    width: 10%;
}

tr td .confirmproduct{
	display: block;
	margin-top: 2%;
}

#EntryForm .content .completemes {
    font-size: 15px;
    height: auto;
}

.complete_a_font {
    font-size: 17px;
    margin-bottom: 8px;
}

.box2 .description {
width: auto;
}

.pcdisplay{
	display: none;
}

#foot .mbdisplay{
	display: inline;
}

tr .hismoney {
    width: 20%
}
div.carderrortitle{
	line-height: 130%;
    font-size: 25px;
}
br.error_br{
	display: block;
}
div.a_pr{
	text-align: center;
	margin-right: 0;
}

}


@media screen and (min-width: 0px) and (max-width: 506px) {

div input#emailaddress{
	margin-left: 75px;
}
}