#content {overflow: hidden;}
dl.annotation {font-size:12px; text-indent:-1em; padding:0.9em 0 0 1em; margin:0 1em 2em 0;}
dl.annotation dd {margin-bottom:1em;}
#notice .notice {width:700px;}
.answer.notRequired.choice {margin-top:5px;}
#cmdtyform3 .answer.answerShop a[target="_blank"]:after {content: url(/service-bin/cmdty_form_3/img/imageview.gif);}
#shopform .answer.answerShop a[target="_blank"]:after {content: url(/service-bin/shop_form/img/imageview.gif);}
#mileserviceform .answer.answerShop a[target="_blank"]:after {content: url(/service-bin/mileservice_form/img/imageview.gif);}
.answer.answerShop a[target="_blank"] {font-size:12px;}
body#shopform #shopUser {margin-top:10px;}
.cardInfo {margin-top:20px;}
.notRequired h1 {color: #555; font-weight:normal;}

#form input,
#form textarea {background: none repeat scroll 0 0 #fff; border: 2px solid #666;}
#form .notRequired input,
#form .notRequired textarea {background: none repeat scroll 0 0 #fff;border: 1px solid #ccc; box-shadow:none;}
#form .messageDetail #countChara {width:360px; color:#555;}
#form textarea {margin-bottom: 0;}
#form .messageDetail .answer {position:relative;margin-bottom:30px;}
#form .counter {position:absolute;left:0;bottom:-22px;font-size:14px;color:#666;}

#mainNav #nav .relatedLink a:before {border-bottom: 3px solid transparent; border-left: 6px solid #666; border-top: 3px solid transparent; content: ""; left: 10px; position: absolute; top: 12px;}

#mainNav #nav .relatedLink a {
    cursor: pointer;
    letter-spacing: normal;
    margin: 0 15px 15px 0;
    padding: 10px 20px 10px 22px;
    position: relative;
    width: auto;
    display:inline-block;
    border:1px solid #ccc;
}

#cmdtyform4 #content #mainNav .annotation {width:430px; display:inline-block; vertical-align:top;}
#cmdtyform4 #content #mainNav .relatedLink {width:auto; display:inline-block; vertical-align:top; margin-top:10px; font-weight:bold;}
#cmdtyform4 #content #mainNav #nav .relatedLink a:before {position: absolute; top: 16px;}

#infoNetstore {margin-bottom: 10px;}
#infoNetstore a {text-decoration: underline;}

.annotation {width: 670px;}

body#mileserviceform #discc{display: none;}
body#mileserviceform #fancybox-inner #inline1 h1,
body#mileserviceform #fancybox-inner #inline2 h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 10px;
    border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
body#mileserviceform #fancybox-inner .id-tit {font-weight:600; color:#555;}

body#mileserviceform .mileInfo .notRequired {margin-bottom:15px;}
body#mileserviceform .mileInfo .notRequired .inputNotice,
#applicant .notRequired .inputNotice {font-size:12px;}
#applicant .notRequired.sex h1 {padding:0;}

body#feedbackJpn_form #content #main #form ul,
body#feedbackJpn_form #content #main #form li {list-style:disc;}
body#feedbackJpn_form #content #main #form>p,
#branch #content #main #form>p {font-size:14px;}
body#feedbackJpn_form #content #main #form .categorySelect {margin-bottom:20px;}
body#feedbackJpn_form #content #main #form .categorySelect h1 {font-weight:20px; padding:0;}
body#feedbackJpn_form #submit button {margin:0 10px;}

#cmdtyform3 .purchaseDate~.notRequired h1 {padding:0;}
#cmdtyform3 .purchaseDate~.notRequired .answer.choice {margin-top:10px;}
#cmdtyform3 .answer.dateAnswer dd {display:inline-block; margin-top:10px;}
#cmdtyform3 .answer.dateAnswer dd:last-child {margin-left:10px;}
#cmdtyform3 .answer.dateAnswer dl {margin-bottom:15px;}
#cmdtyform3 section section h1 {padding-top: 9px;}

body#branch {font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
body#branch header nav {margin-top: 0;}
body#branch header#globalHeader {margin: 20px 0 0;}
body#branch #GlobalNav ul li.corporate a {border-bottom: 1px solid #999;}
body#branch #GlobalNav ul li a:hover {border-bottom: 1px solid #ccc;}
#branch .localNav li.branch a {border-bottom: 1px solid #999;}
.ryohinKeikaku header li a {padding: 0 0 15px;}
#branch #content #main header .parent {font-size: 14px; margin-top:20px;}
#branch h2 {font-size:16px; font-weight:bold; padding:10px 0;}
#branch #content {width:940px; text-align:center;}
#branch #content #main {width: 940px; text-align: left; margin: 0 auto 50px;}
#branch #content #main #title {text-align: left;}
#branch #content #main #form {width: 940px; margin-right: 0; float: none;}
#branch #content #main #form>p {margin: 0 auto 20px; line-height: 1.8; width: 700px;}
#branch #content #main #form ul {font-size:0;}
#branch #content #main #form ul li {display:inline-block; width:310px; min-height:240px; font-size:13px; margin:0 50px 40px 0; line-height:1.7;}
#branch #content #main #form ul li:nth-child(even) {margin-right:0;}
#branch #content #main #form ul li:last-child {margin-bottom:0;}
#branch #content #main #form ul li h3 {font-weight:bold; font-size:14px; margin:0 0 10px;}
#branch #content #main #form ul li h3 span {display:inline-block; font-weight:normal; font-size:12px; margin-left:6px;}
#branch #content #main #form ul li .info {width:170px; display:inline-block; vertical-align:top;}
#branch #content #main #form ul li figure {width:120px; height:95px; text-align:left; display:inline-block; vertical-align:top;}
#branch #content #main #form ul li img {width:110px;}
#branch #content #main #form ul li#mujicom img {margin-top:20px;}
#branch #content #main #form ul li#mujitogo img {width:90px; padding:33px 10px;}
#branch #content #main #form ul li div.description {width:auto; display:block; font-size:13px;}
#branch #content #main #form ul.branchtype {margin-bottom:10px;}
#branch #content #main #form ul.branchtype li {display:block; width:auto; font-size:12px; margin:0; float:none; min-height:18px;}
#branch #content #main #form ul.annotation li {display:block; width:auto; font-size:14px; margin:0;}
#branch #content #main #form select {background-color: #fff; border: 1px solid #666;}
#branch #content #submit button {margin:0 10px;}
#branch #content section {margin: 0 auto 30px; width: 700px;}
#branch #content #main #form .answer input[name="text_7"],
#branch #content #main #form .answer input[name="text_8"],
#branch #content #main #form .answer input[name="text_0"],
#branch #content #main #form .answer textarea[name="textarea_0"] {width: 60%;}
#branch #content #main #form .answer input[name="text_11"] {width: 40%;}
.ryohinKeikaku header li a {border-left: none;}
.ryohinKeikaku .annotation {width: auto;}

/*.ryohinKeikaku #copyright small {font-size: 10px; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","MS PGothic",Arial,sans-serif;}
.ryohinKeikaku #pageEnd:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0;line-height: 0;}*/

body.ryohinKeikaku footer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.ryohinKeikaku footer { width: 100%; background: #000; padding: 30px 0; position: relative; bottom: 0; color:#fff;}
body.ryohinKeikaku footer a {text-decoration: none; color:#fff;}
body.ryohinKeikaku footer a:hover {text-decoration:none; color:#ccc;}
/*
body.ryohinKeikaku footer div.footerWrap { width: 1200px; margin: 0 auto; }
*/
body.ryohinKeikaku footer div.footerWrap { max-width: 1320px; margin: 0 auto; padding: 0 20px;}
/*
body.ryohinKeikaku footer div.footerWrap nav#footerNav ul { margin: 0; padding: 0; text-align: center; }
*/
body.ryohinKeikaku footer div.footerWrap nav#footerNav ul {padding: 0;text-align: center;}

body.ryohinKeikaku footer div.footerWrap nav#footerNav li { list-style: none; display: inline-block; font-size: 12px; }
body.ryohinKeikaku footer div.footerWrap nav#footerNav li a { padding: 10px; }

/*
body.ryohinKeikaku footer div.footerWrap nav#footerNav li#copyright { color: #999999; padding: 10px; }
*/
body.ryohinKeikaku footer div.footerWrap nav#footerNav li#copyright {color: #ffffff;padding: 10px;}

body.ryohinKeikaku footer div.footerWrap nav#contentNav { margin: 0 0 40px 0; }
body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block {width: 23.7%; padding: 0; margin: 0 20px 0 0; float: left;}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block h1 {padding: 0; margin: 0.67em 0; background: none; text-align: left; border-radius: initial;}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block h2 {padding: 0;}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block ul {padding: 0;}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block li {float: none;}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block:last-child {margin: 0;}

body.ryohinKeikaku footer div.footerWrap nav#contentNav section#irNav {/*width: 40%;*/}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section#irNav div.irNav__contents__block {/*width: 47%;*/ padding: 0; margin: 0 20px 0 0; float: left;}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section#irNav div.irNav__contents__block:last-child {margin: 0;}
body.ryohinKeikaku footer div.footerWrap nav#contentNav section#irNav div.irNav__contents__block section {margin:0 0 20px; padding: 0;}



/* media query ------------------------------------- */
@media only screen and (max-device-width: 1199px) {
  body.ryohinKeikaku footer div.footerWrap {width: 100%; margin: 0 auto; padding:0 15px;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block,
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section#irNav div.irNav__contents__block {margin: 0 2% 0 0;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section:last-child {margin: 0;}
}
@media only screen and (max-device-width: 768px) {
  body.ryohinKeikaku footer {padding: 30px 5px; box-sizing: border-box;}
  body.ryohinKeikaku footer div.footerWrap { width: auto; }

  body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block {width: auto; margin: 0 0 30px; float: none;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section#irNav {width: auto;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section#irNav div.irNav__contents__block {width: auto; padding: 0; margin: 0 0 30px; float: none;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block h2 { font-size: 14px; margin:0; padding:0 10px;}
}
@media only screen and (max-device-width: 768px) {
  body.ryohinKeikaku footer div.footerWrap nav#contentNav {margin-right: 0;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section {width: 23%; margin: 0 1%;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block h1 {margin-bottom: 10px;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block li {float: left; margin-right: 0;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section.contents__block li.contentTop {float: none; margin-bottom: 10px;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav a {padding:0 10px 10px;}
  body.ryohinKeikaku footer div.footerWrap nav#contentNav h2 a {padding:0;}
}
@media only screen and (max-device-width: 767px) {
  body.ryohinKeikaku footer div.footerWrap nav#contentNav section {float: none; width: auto; margin: 0 0 30px;}
}


@media only screen and (max-width : 768px){
	body#branch header#globalHeader {margin: 20px 0 10px;}
	#branch #content #main #title {margin: 0; font-size: 22px;}
	#branch h2 {font-size: 16px;}
	#branch #content,
	#branch #content section,
	#branch #content #main,
	#branch #content #main #form {width: auto;}
	.ryohinKeikaku #content #main .localNav ul {width:190%;}
	#branch #content #main #form>p br {display:none;}
	#branch #content #main #form>p {width: auto;margin: 0 15px 20px;}
	#branch #content #main #form ul li {display: block; width: auto; min-height: 240px; font-size: 13px; margin: 0 0 30px 0;}
	#branch #content #main #form ul li img,
	#branch #content #main #form ul li#mujitogo img {width: 60%; text-align: center;}
	#branch #content #main #form ul li figure {width: auto; height: auto; text-align: center;display: block; margin-bottom:10px;}
	#branch #content #main #form ul li h3 {font-size: 15px;}
	#branch #content #main #form ul.branchtype li {font-size: 13px;}
	#branch #content #main #form ul li .info {width: auto; display: block;}
	.ryohinKeikaku .headerWrap h1#siteName a img {width: 100px; height: auto; margin: 0;}
	/*.ryohinKeikaku #footer {width: auto;}
	.ryohinKeikaku footer {padding: 30px 5px;}*/
	.ryohinKeikaku .annotation {width: auto; margin: 0 15px;}
	.ryohinKeikaku #content #main p {margin: 10px 15px;}
	.ryohinKeikaku #content #main #form section {margin: 0 15px 20px; width:auto;}
	#branch #content #main #form ul li div.description p {margin: 0;}
	#branch #content #submit {margin-top:20px;}
	#complete #globalHeader #GlobalNav {display:none;}
	#branch #content #main #form .answer input[name="text_7"],
	#branch #content #main #form .answer input[name="text_8"],
	#branch #content #main #form .answer input[name="text_0"],
	#branch #content #main #form .answer textarea[name="textarea_0"],
	#branch #content #main #form .answer input[name="text_11"] {width: 95%;}
	/*.ryohinKeikaku footer .footerWrap {width: auto;}
	.ryohinKeikaku footer .footerWrap nav#contentNav section li {float: left;}
	.ryohinKeikaku footer .footerWrap nav#contentNav section h1 {margin: 0.67em 0 10px;}*/
}

@media screen and (min-width: 320px) and (max-width: 569px){
	header h1 {text-align: center; display: block;}
	aside #infoNetstore {padding: 10px; text-align: center; background: #ccc; border-radius: 4px; margin-top: 20px;}
	#infoNetstore a {text-decoration: none;}
	aside #infoNetstore a {color: #191919;}
	.annotation {width: auto;}
	dl.annotation {margin:0 10px 20px;}
	div.aside {margin-bottom:50px;}
	aside.relatedFaq.view #itemFaq {margin-bottom:10px;}
	#cmdtyform #nav .menu p {display: block; margin:0 10px; font-size:12px;}
	body#feedbackJpn_form #content #main #form>p {display:none;}
	body#feedbackJpn_form #content #main #form>ul.annotation>li>br {display:none;}
	body#feedbackJpn_form #submit button:nth-child(1) {display:none;}
	#cmdtyform4 #content #mainNav .annotation {width:auto; display:block; vertical-align:top;}
	#cmdtyform4 #content #mainNav .relatedLink {display:block; vertical-align:top; margin-left:10px;}
	#branch .floor input[type="text"] {width: 12%;}
}
@media only screen and (max-width : 320px){
	label {display:block;}
	#branch #content #submit button {margin: 0 auto 20px; display: block;}
}

/* 2021/1/25 add */
#cmdtyform1 .answer.answerShop a [target="_blank"]:after,
#cmdtyform2 .answer.answerShop a [target="_blank"]:after,
#cmdtyform3 .answer.answerShop a [target="_blank"]:after,
#cmdtyform4 .answer.answerShop a [target="_blank"]:after,
#mileserviceform .answer.answerShop a [target="_blank"]:after 
{content: url(/service-bin/mileservice_form/img/imageview.gif);}

body#cmdtyform1 #disc,
body#cmdtyform2 #disc,
body#cmdtyform3 #disc,
body#cmdtyform4 #disc,
body#mileserviceform #disc
{display: none;}

body#cmdtyform1 #fancybox-inner #inline1 h1,
body#cmdtyform2 #fancybox-inner #inline1 h1,
body#cmdtyform3 #fancybox-inner #inline1 h1,
body#cmdtyform3 #fancybox-inner #inline2 h1,
body#cmdtyform4 #fancybox-inner #inline1 h1,
body#mileserviceform #fancybox-inner #inline1 h1,
body#mileserviceform #fancybox-inner #inline2 h1
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 10px;
    border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
body#cmdtyform1 #fancybox-inner .id-tit,
body#cmdtyform2 #fancybox-inner .id-tit,
body#cmdtyform3 #fancybox-inner .id-tit,
body#cmdtyform4 #fancybox-inner .id-tit,
body#mileserviceform #fancybox-inner .id-tit
{font-weight:600; color:#555;}

body#cmdtyform1 .answer a[target="_blank"]:after,
body#cmdtyform2 .answer a[target="_blank"]:after,
body#cmdtyform3 .answer a[target="_blank"]:after,
body#cmdtyform4 .answer a[target="_blank"]:after,
body#mileserviceform .answer a[target="_blank"]:after
{content: url(/service-bin/mileservice_form/img/imageview.gif);}

body#cmdtyform3 #inline2 img{width:100%;}
#inline1 img{width:100%;}