@charset "utf-8";

@media only screen and (max-width: 767px) {
/*html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}*/
body { background-color: #fff !important; background: none !important;}

#forMobileView #wrapper_container {
	min-width: 300px;
}

#forMobileView #wrapper_left,
#forMobileView #wrapper_hnav {
	display: none;
}

#forMobileView #header,
#forMobileView #wrapper_right,
#forMobileView #content_wrapper,
#forMobileView .sitemap,
#forMobileView #bottom-infotext,
#forMobileView #bottom-links,
#forMobileView #webcast_banner #webcast_banner_inner {
	width: 100%;
}

#forMobileView #webcast_banner #webcast_banner_link {
	width: auto;
}

#forMobileView #content_wrapper {
	background-image: none;
	border: none;
    overflow: hidden !important;
}

#forMobileView .sitemap .sitemap-list {
	float: none;
	padding-top: 30px;
}

#forMobileView dl.sitemap-list {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

#forMobileView dl.sitemap-list dd ul li {
	background: none;
}

#forMobileView dl.sitemap-list dd ul li a{
	padding: 0 14px;
	background: url(/content/dam/physician-services/Japan/sitemap-icon.png) 0 4px no-repeat;
}


#forMobileView #bottom-info {
    height: auto;
    padding: 10px 10px 0;
}

#forMobileView #bottom-infotext {
	text-align: center;
}

#forMobileView #bottom-infotext p {
	line-height: 1.6;
}

#forMobileView #bottom-link {
	text-align: center;
	margin-bottom: 10px;
}

#forMobileView #bottom-link li {
	float: none;
}

#forMobileView #bottom-copyright {
	clear: both;
	float: none;
	text-align: center;
}

/*===========================================
 index-page
===========================================*/

#forMobileView .block {
    width: auto;
    padding: 0 15px;
}

/* head */

#forMobileView h3.sHead,
#forMobileView h3.sHead span {
	background: none;
}

#forMobileView h3.sHead span {
	border: 1px solid #eee;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
}

/* table */

#forMobileView .block table {
	width: auto;
}

#forMobileView .block table td.date {
	display: none;
}

/* flash button */

#forMobileView .bnr_fl p {
	text-align: left;
	line-height: 1.7;
}

/* basiclist */

#forMobileView .basiclist_leftbox {
	float: none;
	margin-bottom: 20px;
}

#forMobileView .basiclist_btnrightbox {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

#forMobileView .basiclist_btn {
	position: static;
}

/* download button */

#forMobileView .basiclist_btn p.dlbtn {
	margin-left: 0;
}

#forMobileView .basiclist_blockA p {

	/*clear: both; */
}

#forMobileView .basiclist_btn p.dlbtn_caption {
	width: 100%;
	text-align: right;
	line-height: 1.7;
	margin-top: 5px;
}

/* play button */

#forMobileView .basiclist_btn p.plbtn {
	margin-left: 0;
}

#forMobileView .basiclist_btn p.plbtn_caption {
	/*width: auto;
	text-align: left;*/
    width: 100%;
    text-align: right;
	line-height: 1.7;
	margin-top: 8px;
    float: left;
}
#forMobileView #wrapper_area {
	width: 100%;
    display: block;
}
#forMobileView #wrapper_right {
	border: none;
}

#forMobileView p.supervision{
	float: left;
    margin-bottom: 15px;
    width: calc(100% - 30px);
}
#forMobileView p.supervision span.title {
	margin-bottom: 10px;
    float: left;
}

#forMobileView p.supervision span.person02 {
	float: left;
}

#forMobileView p.supervision span.person {
	width: 75%;
    float: left;
}
#forMobileView .info_block {
	clear: both;
}

#forMobileView .list_block {
	float: left;
}

/* Updated the list_block width to 100% on /medical/product/bd_lst.html */
#forMobileView .list_block.mbd_lst {
	float: none;
}

#forMobileView .basiclist_leftbox p.caption {
	max-width: 100%;
}

/* Breadcrumb style */
#forMobileView #wrapper_area #breadcrumb {
	width: 100%;
    height: auto;
    float: left;
    border-top: 3px solid #830051;
    margin-top: 5px;
}
#forMobileView #wrapper_area #breadcrumb .breadcrumb {
	margin: 10px 15px;
}
#forMobileView .intro_block {
	overflow: hidden;
}
#forMobileView .basiclist_rightbox {
	width: 100%;
    margin-left: 0;
}
#forMobileView .basiclist_img {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 30px 0;
    position: relative;
}
#forMobileView img.play {
    position: absolute;
    top: 35%;
    left: 44%;
}
a.lightbox img {
    max-width: 100%;
    display: block;
}
/* Image Light box style for mobileveiw */
#lightbox-container-image-data-box, #empoverlay #exitdialog.window {
	width: 100% !important;
}
#lightbox-container-image-data-box {
    padding: 0px !important;
}
#lightbox-container-image-box {
    width: 100% !important;
    height: 100% !important;
}
img#lightbox-image {
    max-width: 100%;
}
#lightbox-secNav-btnClose {
    width: auto;
    margin-right: 20px;
}
#empoverlay #exitdialog {
	top: 5% !important;
    left: 0 !important;
    right: 0 !important;
    overflow-y: auto;
    bottom: 0;
}
/* product page styles */
#forMobileView .headlineInner, #forMobileView .headline01 h2 {
	width: auto;
}
#forMobileView .headline01 {
	height: auto;
    background-color: #faf9f8;
    padding: 0;
    margin-bottom: 10px;
}
#forMobileView #keyWrapper {
	height: auto;
    width: 100%;
}
#forMobileView .section01, #forMobileView .section03 {
	width: auto;
    border: none;
}
#forMobileView .product ul.product-list {
    margin: 0 auto;
}
#forMobileView .product ul.product-list li {
 	 width: 100%;
     margin: 0 0 17px 0;

}
#forMobileView .product ul.product-list ul li {
 	 width: 40%;
     margin: 0;
     padding: 10px 14px;
}
#forMobileView .product ul.product-list .product-img img {
	margin: 0 auto;
}

#forMobileView .newsenduserlist #wrapper {
    width: auto;
	padding: 30px 15px 0;
}
#forMobileView #content_bottom .bnr_area .box03 {
    width: auto;
    padding-left: 0;
}
#forMobileView #content_bottom .bnr_area .box03 ul {
    text-align: center;
}
#forMobileView #content_bottom .bnr_area li {
	float: none;
	margin-right: 0px;
    display: inline-block;
    padding: 0px 10px 10px;
    vertical-align: top;
}
#forMobileView .section03 div.banner {
    margin-bottom: 15px;
}
#forMobileView .section01 .sectionInner {
	margin-top: 15px;
}
#forMobileView #brand-brl .section03 .info img {
    max-width: 100%;
	display: block;
}
#forMobileView .section03 .link { float: none;}
#forMobileView .section03 .link, #forMobileView .section03 .info {
    width: auto;
    height: auto;
    border-right: none;
    display: block;
    padding: 10px;
}
#forMobileView ul#tabNavi {
    width: auto;
}
#forMobileView a.recommend {
    width: 100%;
}
#forMobileView .link .headSection ul li {
    float: left;
    /*width: 49.8%;*/ /* 202011編集 - コメントアウト */
    background-color: #830051;
    /*border-right: 1px solid #fff;*/ /* 202011編集 - コメントアウト */
}
#forMobileView .link .headSection ul li:last-child {
	border-right: none;
}
#forMobileView .section03 ul#tabNavi li a.history, #forMobileView .section03 ul#tabNavi li a.recommend {
    width: auto;
    display: block;
	background-color: #830051;
}
#forMobileView .section03 ul#tabNavi li.active a.history, #forMobileView .section03 ul#tabNavi li.active a.recommend {
    width: auto;
	background-color: #f5f4f0;
}
#forMobileView p.chapter01 { margin-right: 15px;}
.newsenduserlist #wrapper .infowrap p.newslink {
    width: 100% !important;
}
#forMobileView .listItem .item .infoBox, #forMobileView .info .infoBox {
	width: 98%;
    left: auto;
    right: auto;
    bottom: 10px;
    padding: 7px 0 10px 2%;
    background: rgba(127, 127, 127, 0.8);
}
#forMobileView #keyWrapper .info .infoBox {
	/*position: relative;
    bottom: 68px;*/
}
#forMobileView p.imgC img, #forMobileView div.imgC img {
    max-width: 100%;
}
#forMobileView #brand-brl .section01 .itemImg img, #forMobileView #keyWrapper, #forMobileView .section01 .listItem img, #forMobileView #brand-be .section03 .info img {
		max-width: 100%;
      /*max-width: 100%;
      width: auto;
      height: auto;*/
}
#forMobileView .section03 .info img, #forMobileView .section01 .itemImg img, /*#forMobileView #wrapper_right img,*/ #forMobileView .cateSmall p img {
	max-width: 100%;
    max-height: 100%;
}
#forMobileView .section03 .banner .info img { height: 100%;}
#forMobileView .banner .info .infoBox {
    width: calc(100% - 7%);
}
#forMobileView .listItem p.itemImg, #forMobileView div.cateSmall {
	text-align: center;
}
#forMobileView p.cateSmallL {
    margin: 0 0 10px;
}
#forMobileView .cateSmall p {
	width: 100% !important;
}
#forMobileView .section01 .listItem {
    padding: 0 10px;
}
#forMobileView .listItem .item {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    position:relative;
    left:0px !important;
}
#forMobileView .brandList .box03 {
    width: auto;
}
#forMobileView .box03 ul.about {
	margin-right: 0;
}
#forMobileView div#tab_area_rec ul li.info { padding: 10px 20px 10px 12px;}
#forMobileView #selectLst, #forMobileView #tabBtn, #forMobileView #tabBox #forMobileView p.mb30, #forMobileView h2.mHead {
    padding: 0 10px;
}
#forMobileView h2.mHead { padding-top: 15px;}
#forMobileView p.selectLstBtn {
    margin-bottom: 15px;
    width: auto;
}
#forMobileView #tabBtn .tabBorderBtm.leftSpace, #forMobileView #tabBtn .tabBorderBtm.rightSpace, #forMobileView #tabBtn .tabBorderBtm.centerSpace, #forMobileView #tabBox .centerSpace, #forMobileView #tabBox .leftSpace, #forMobileView #tabBox .rightSpace {
	display: none;
}
#forMobileView #tabBtn p, #forMobileView #tabBox p {
	margin: 0 auto;
    float: none;
}
#forMobileView div.menuBox {
	width: 100%;
}
#forMobileView .section01 ul.menuItem li.endChild { margin-right: auto;}
#forMobileView .section01 ul.menuItem li { float: none; margin: 0 auto 15px;}
#forMobileView .section03 .link .linkSection, #forMobileView #mainVisual .link .linkSection {
    height: 100%;
}
#forMobileView #tab_area ul, #forMobileView #tab_area_rec ul {
    overflow: auto;
    height: 210px;
}
#forMobileView .brandCap_section { padding: 50px !important;}
#forMobileView .content_section p.post_date_yymm { font-size: 12px;}
#forMobileView .threeBtn { margin: 0 auto 15px; float: none; text-align: center; }
#forMobileView p.mb30 {
    padding: 0 10px;
}

#forMobileView p.logo-az {
    position: relative;
    top: -25px;
    left: 10px;
    max-width: 300px;
}
#forMobileView .block h1.bHead { padding-top: 10px;}

/* for index page */
/* hero banner section */
#forMobileView #mainVisual .banner {
	margin-bottom: 20px;
}
#forMobileView #mainVisual .banner div#keyv {
	overflow: visible;
    height: auto;
    display: table;
}
#forMobileView #mainVisual .itemImg {
	margin: 0;
}
#forMobileView #mainVisual .banner .item img {
	max-width: 100%;
}
#forMobileView #mainVisual .item {
    /*display: block !important;*/ /******** commented by Deepika since the display of the banner is handled through including the page in home_brand_copyJS *********/
    /*min-height: 181px;*/
}
#forMobileView #mainVisual .banner .infoBox {
	left: 0;
    width: 90%; /******** changed the width % to adjust the Device width **************/
    /*padding: 50px 0 19px 20px;*/ /******** changed the padding value to adjust the alignment **************/
	padding: 10px 0 0 20px; /******** changed the padding value to adjust the alignment **************/
    position: relative; /* Alignment of the box as per Javier email on 19-02-2018*/
    /*display: none; *//**** Banner image text hide for mobile view by Deepika as per email from Javier on 30-01-2018*******/
}
#forMobileView #mainVisual .banner .infoBox p{
	font-size:14px;
}
#forMobileView #linkPosition, #forMobileView #mainVisual .item {
	width: 100%;
}
/* index page banner order style */
#forMobileView #linkPosition {
    display: table-footer-group;
}
#forMobileView #mainVisual .item {
	/*display: table-header-group;*/  /**** commented by Deepika to display the overlay and text on the banner properly  *******/
}
/* index page banner order style ends here */
#forMobileView #mainVisual .link {
	margin-top: 15px;
    margin-bottom: 0px;
    width: auto;
    height: 260px;
    padding: 10px 10px 5px;
    position: static;
}
#forMobileView #mainVisual .link .linkSection {
	min-height: 180px;
}
#forMobileView #mainVisual #tab_area_rec ul {
    transition: height 0.3s ease;
}
#forMobileView ul#tabNavi li a.recommend, #forMobileView ul#tabNavi li a.history {
	width: auto;
    background-color: #830051;
}

/* tab active mode */
#forMobileView ul#tabNavi li.active a.recommend, #forMobileView ul#tabNavi li.active a.history {
	background-color: #f5f4f0;
}
#forMobileView #mainVisual .banner .titleBG {
    /*display: none;*/ /**** Grey image on the banner hided for mobile view as per email from Javier on 30-01-2018*******/
    min-height: 71px; /****** Changed the height of the Visual by Deepika************/
    height: auto;
	bottom: 276px;
	width: 100%;
}
/*#forMobileView .headline03 { margin-left: 0;}*/ /* Commented by Deepika to fix the heading to center*/
#forMobileView .section01 .listItem #tileUI, #forMobileView .headline03 h3 {
	width: auto;
}
iframe#frame-one {
    /*height: calc(100% - 50px) !important;
    min-height: 280px;*/
	overflow-y: scroll;
}



/* hamburger navigation style for Mobile view only */
#forMobileView #wrapper_hnav {
	height:450px;
    max-height: 2000px;
    margin: 0;
    float: left;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    overflow-y: scroll;
   -webkit-overflow-scrolling:touch;

}
#forMobileView #wrapper_hnav .horizontal-nav {
    width: 100%;
	height: auto;
	float: left;
    margin: 0;
    position:relative;
}
#forMobileView #wrapper_hnav .horizontal-nav li{
    width: 100%;
    display: block;
    float: none;
	text-align: left;
    color: #333;
    height: auto;
}
#forMobileView #wrapper_hnav .horizontal-nav ul li a  {
    width: 85%;
    display: block;
    float: none;
	text-align: left;
    color: #333;
    height: auto;
    background-color:transparent;
}
#forMobileView #wrapper_hnav .horizontal-nav li a:visited{
    color: #333;
}
#forMobileView #wrapper_hnav .horizontal-nav ul li ul li a {
	width: auto;
}
#forMobileView #wrapper_hnav .horizontal-nav li {
    border-bottom: 1px solid #e3e3e3;
}
#forMobileView #wrapper_hnav li a:hover, #forMobileView #wrapper_hnav li a.hover {
	background-color: transparent;
}
#forMobileView #wrapper_hnav .horizontal-nav ul li ul li {
	background-color: transparent;
}
#wrapper_hnav .horizontal-nav ul ul li, #wrapper_hnav .horizontal-nav ul ul ul li { border: none;}
#forMobileView #wrapper_hnav .horizontal-nav li a {
    position: relative;
}
#forMobileView #wrapper_hnav .horizontal-nav ul li:after {
    content: '';
    border-top: 7px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: 20px;
    position: absolute;
    top: 20px;
    transition: all .6s cubic-bezier(.19,1,.22,1);
}
#forMobileView #wrapper_hnav .horizontal-nav li:first-child:after, #forMobileView #wrapper_hnav .horizontal-nav li:nth-child(4):after, #forMobileView #wrapper_hnav .horizontal-nav ul li.expanded ul li:after {
    content: none;
}
#forMobileView #wrapper_hnav .horizontal-nav li a span {
    height: auto;
    padding: 18px 15px;
    width:auto;
}
#forMobileView #wrapper_hnav .horizontal-nav ul ul ul li a{
	background: none;
}
#forMobileView #wrapper_hnav .horizontal-nav li a span.currChild { background-color: transparent;}
#forMobileView #wrapper_hnav .horizontal-nav ul li ul li a span.currChild { background-color: #f5f5f5;}
#forMobileView #header { height: auto; min-height: 110px; position: relative; top: 0; z-index: 9999; padding: 10px 0; background-color: #fff; box-shadow: 1px -1px 4px rgb(0, 0, 0);}
#forMobileView #header.shrink {
	position: fixed;
    transition: margin-top .2s cubic-bezier(.19,1,.22,1);
}
#forMobileView #brand_logo { position: static;}
#forMobileView #brand_logo #logo { top: 0; left: 10px; margin-left: 0; }
#forMobileView #brand_logo #search { width: calc(100% - 4%); position: absolute; left: 10px; right: auto; top: auto; bottom: 10px; margin: 0; display: block; }
#forMobileView #brand_logo #search form {
	float: left;
    border: 2px solid #830051;
    padding: 4px 8px;
    width: calc(100% - 135px);
    height: 38px;
}
#forMobileView #search .search { position: static; top: 0; padding: 0;}
#forMobileView #brand_logo #search form input#SS_searchQuery {
	width: calc(100% - 31%);
    height: auto;
    margin: 0px;
    padding: 11px 16px;
    border: none;
    outline: 0;
    border-radius: 20px 0 0 20px;
    background: #f2f2f2;
}
#brand_logo #search form input#SS_searchSubmit#SS_searchSubmit {
	width: 15%;
    height: 36px !important;
    margin: 0;
    top: 0 !important;
    background: #830051 url(/content/dam/physician-services/Japan/search-icn.png) no-repeat center center;
    background-size: auto;
    border-radius: 0 20px 20px 0;
    border: none;
    padding: 9px 10px;
    outline: 0;
    color: #fff;
    text-indent: -999px;
}
#forMobileView #mastlogo { width: 100%; display: block; height: 1px; top: 0;}
#forMobileView #mastlogo #nmathhead {
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    top: 115px;
    left: auto;
    z-index: 9999;
    transition: top .6s cubic-bezier(.19,1,.22,1);
}
#forMobileView .promo_links {
	width: auto;
    float: none;
    padding: 0 0 10px !important;
    text-align: left;
    display: none;
    height: auto;
}
#forMobileView #mastlogo #nmathhead .promo_links a[title="Profile"] { display: none;}
#forMobileView #mastlogo #nmathhead .promo_links a:link, #forMobileView #mastlogo #nmathhead .promo_links a:visited {
	border-top: none;
    border-right: none;
    border-left: none;
}
#forMobileView #mastlogo #nmathhead .promo_links a {
	display: block;
    border-bottom: 1px solid #e3e3e3 !important;
    margin: 0 !important;
    padding: 14px 10px !important;
}

#forMobileView #wrapper_hnav .horizontal-nav ul ul {
	width: 100%;
    background: #F1F0EE;
    position:relative;
    display:none;
}
/* subnavigation dropdown style */
#forMobileView #wrapper_hnav .horizontal-nav ul li ul li a:visited{
    border:0;
    color:#333;
}
#forMobileView #wrapper_hnav .horizontal-nav ul li ul li a{
    border-bottom:0;
	border-top:0;
    color:#333;
}
#forMobileView #wrapper_hnav .horizontal-nav li.expanded ul {
    display: block;
    position: static;
    background-color: #F1F0EE;
}

#forMobileView #wrapper_hnav .horizontal-nav ul li.expanded:after {
    transform: rotate(-180deg);
}
#forMobileView #wrapper_hnav .horizontal-nav ul ul ul li{border-top:0; border-right:0;}
#forMobileView #wrapper_hnav .horizontal-nav ul li.safetyInfo ul li a span{background:none;}
button.toggleNav {
    border: none;
    outline: 0;
    background-color: #830051;
    padding: 16px 14px;
    position: absolute;
    top: 64px;
    right: 10px;
    width: auto;
    height: 50px;
    cursor: pointer;
}
button.toggleNav span {
	width: 20px;
    height: 2px;
    float: left;
    clear: both;
    background-color: #fff;
    margin-top: 2px;
    transition: all .6s cubic-bezier(.19,1,.22,1);
    transform: translate3d(0,0,0);
    position: relative;
}
button.toggleNav span:before, button.toggleNav span:after {
    width: 20px;
    height: 2px;
    background-color: #fff;
    top: 8px;
    content: '';
    position: absolute;
    left: 0;
}
button.toggleNav span:after { top: -8px;}
button.toggleNav.open span {
	background-color: transparent;
}
button.toggleNav.open span:before {
    transform: rotate(45deg);
    top: 0;
}
button.toggleNav.open span:after {
	transform: rotate(-45deg);
    top: 0;
}
button.userLogin {
	background: #830051 url(/content/dam/physician-services/Japan/login-member-icon.png) no-repeat center center;
	background-size: 75% 75%;
    border: none;
    outline: 0;
    width: 48px;
    height: 50px;
    padding: 0 10px;
    position: absolute;
    top: 54px;
    right: 64px;
}
.mastheadnew.open button.userLogin {
    background-image: none;
    transition: all .6s cubic-bezier(.19,1,.22,1);
}
.mastheadnew.open button.userLogin:before, .mastheadnew.open button.userLogin:after {
    width: 25px;
    height: 2px;
    background-color: #fff;
    top: 25px;
    content: '';
    position: absolute;
    left: 11px;
    transform: rotate(45deg);
}
.mastheadnew.open button.userLogin:after {
	transform: rotate(-45deg);
}

button.forIphone.toggleNav { top: 70px}
button.forIphone.userLogin { top: 60px}

/* hamburger navigation style for Mobile view Ends Here */

#jquery-lightbox { z-index: 10000 !important; }
#jquery-overlay { z-index: 9999 !important; }
#forMobileView .threeBtn p, #forMobileView .threeBtn p:nth-child(2) {
	width: 100%; text-align: center;
}
#forMobileView .medyeditprofile {
    display: none;
}
/*************** Added by Deepika to display the grey backround and infobox at the bottom of the banner image in the product pages on 22-03-2018 as per javier request ************/
#forMobileView .section03 div.banner {
    margin-bottom: 45px;
}
#forMobileView .banner .info .infoBox {
    display: table-header-group;
    bottom: -43px;
}
#forMobileView #brand-ire .section03 div.banner {
	margin-bottom: 75px;
}
#forMobileView #brand-ire .banner .info .infoBox {
    bottom: -69px;
}
/*************** Added by Deepika to display the grey backround and infobox at the bottom of the banner image in the product pages on 22-03-2018 as per javier request ************/
/* index page tab nav style dt:28-12-17 */
/*#forMobileView #tabContent > div { display: none;}*/

 /*** Cleared by Deepika from this area **********/
 /*****************   Added by Deepika to align h1 tag for the index test page on 05-02-2018 ***********************/
#forMobileView .headline03 {
	/*margin-top: 80px;*/
    margin-top: 0px;
    margin-bottom: 18px;
}
/*****************   Added by Deepika to align h1 tag for the index test page on 05-02-2018 ***********************/
/*****************   Added by Deepika to align webcast live banner on 22-02-2018 ***********************/
#webcast_banner #webcast_banner_link{
	width: 76% !important;
}
#webcast_banner #webcast_banner_inner {
    width: 100% !important;
}
/*****************   Added by Deepika to align webcast live banner on 22-02-2018 ***********************/

}/* Mobile view break point 767 end here */

/* iPhone 5 & 5S in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){
   /* button.userLogin {
		top: 60px;
    }
    button.toggleNav {
		top: 70px;
    }*/
    #forMobileView #brand_logo #search form input#SS_searchQuery {
    	width: calc(100% - 36%);
    }

    #forMobileView #wrapper_hnav {
        height:400px;
		max-height:2000px;
        overflow-y: scroll;
  		-webkit-overflow-scrolling:touch;
	}
    /* Hero banner background height for index page for iphne5 */
    #forMobileView #mainVisual .banner .titleBG { height: 104px;}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    /*button.userLogin {
		top: 60px;
    }
    button.toggleNav {
		top: 70px;
    }*/

}
/* Responsive style for Mobile view only DT: 09-11-17 */

@media only screen and (min-width: 500px) and (max-width: 667px) {
    #forMobileView .listItem .item {
		position:relative !important;
        top: 0 !important;
    }
    #forMobileView .banner .info .infoBox {
        width: calc(100% - 5%);
    }
    #forMobileView #brand_logo #search form {
		width: calc(100% - 122px);
    }
    #forMobileView #brand_logo #search form input#SS_searchQuery {
		width: calc(100% - 24%);
    }
    /*button.userLogin {
		top: 60px;
    }
    button.toggleNav {
		top: 70px;
    }*/
    /* Hero banner background height for index page */
    #forMobileView #mainVisual .banner .titleBG { /*height: 250px;*/ min-height: 184px;}

}

@media screen and (min-width: 768px) {
    button.toggleNav, button.userLogin, #forMobileView p.logo-az {
		display: none !important;
    }
}

 /*** Cleared by Deepika from this area **********/

/* 202011追記 SPサイズでスクロールをした状態でPCに戻すとヘッダの表示が以上になることの対策 */
@media screen and (min-width: 768px) {
  #forMobileView #header {
    margin-top: 0 !important;
  }
}

/*==================================================================
	Dynamic ExitRamp	2025/2/19	by Hamada
===================================================================*/
#empoverlay #exitdialog .message_area .message {
    /* PC版でも有効にする */
    overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
    #empoverlay #exitdialog {
        top: 0% !important;
    }
    #empoverlay #exitdialog.window {
        width: calc(100% - 20px) !important;
        margin: 10% 10px;
        z-index: 10000;
    }
    body #empoverlay #exitdialog .message_area {
        margin-left: 0;
        margin-right: 0;
    }
    body #empoverlay #exitdialog .message_area .title,
    #empoverlay #exitdialog .message_area .message {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    body #empoverlay .mask {
        z-index: 9999;
        width: 100% !important;
    }
}