/* �X�}�[�g�t�H���i�c���E�����j----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

  #subject{
  	height: 3.5rem;
  	line-height: 2.5rem;
  	font-size: 1.5rem;
  }
  #subject .dropdown{
  top: 2px;
  }
  #subject .dropdown .dropdown-toggle{
  font-size: 1rem;
  }
  .dropdown-item{
  line-height: 2.4rem;
  font-size: 1.2rem;
  }
  #contents .cont_main_right_top,
  #contents .cont_main_right_bottom {
    float:none;
    width:100%;
  }
  #contents .cont_main_right_title{
    font-size:1.1em;
  }
  #contents .cont_main_left {
    float:none;
  }
  #contents .cont_main_right {
    float:none;
    padding-left:10px;
  }
  #contents .cont_main_left,
  #contents .cont_main_right {
    width:100%;
  }
  #contents .cont_main_right {
    padding:0;
    margin:0 auto;
  }
  #contents .cont_main_left ul {
    margin-left:0px;
    font-size:0.85em;
  }
  #contents .cont_main_right ul {
    padding-left:20px;
  }
  #contents .top_head_attention_cont {
    padding-left:0px;
  }
  #contents .cont_main_right_top {
    background:url(../../../img/accept_area_s.gif) top left repeat-x;
  }
  #contents .cont_main_right_bottom {
    background:url(../../../img/accept_area_s.gif) top left repeat-x;
  }
  #contents .cont_main_left .item_img .seal_img {
    width:220px;
    height:109px;
    margin:0 auto;
    background:url(../../../img/seal_fujisawa_s.gif) top center no-repeat;
  }
  #item1,
  #item2,
  #item3,
  #item4,
  #item5,
  #item6 {
    width:auto;
  }
    #cont_main_topmenu .row .moji-font-blue2{
	font-weight:bold;
	background: #00A299;
	color: #FFFFFF;
	font-size: 1.2em;
	height: 3em;
	padding-top: 0.7em;
	margin-bottom: 20px;
  }
  #cont_main_topmenu .row .if-possible{
  	display: none;
  }
  #cont_main_topmenu .row .if-possible2{
  	background: url(../../../img/yokohama/arrow.png) center / 100% no-repeat;
  	width: 30px;
  	height:35px;
  	margin-right: 3px;
  	display: block;
  }
  #cont_main_topmenu .row .moji-font-blue3{
  	font-weight:bold;
  	color: #00A299;
  	font-size: 1.2em;
  	margin-top: 10px;
  	margin-bottom: 10px;
  }
  #cont_main_topmenu .row .moji-font-red3{
  	font-weight:bold;
  	color: #cc0000;
  	font-size: 1.2em;
  	margin-top: 10px;
  	margin-bottom: 10px;
  }
  #cont_main_topmenu .row .heading{
  	font-size: 1.2em;
      width:100%;
  	    display: flex;
  	align-items: center;
  	justify-content: space-around;
  }
  
  #cont_main_topmenu .row .heading .possible2 a {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  
  #cont_main_topmenu .row .heading .impossible2 a {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  
  #footer_text_topics_block table{
  	margin-bottom: 2em;
  }
  #footer_text_topics_block .top_table_sf{
  	display:  table;
  	margin-left: auto;
      margin-right: auto;
  }
  #footer_text_topics_block .top_table{
  	display:  none;
  }
  .caution_section .calendar_img{
      padding: 3em 3em;
  }
  .caution_section .sun_img{
      padding: 3em 3em;
  }
  .caution_section .clock_img{
      padding: 5em 3em;
  }
  .caution_section .washing_machine_img{
      background: url(../../../img/yokohama/washing_machine_sf.png)  no-repeat;
      padding: 3.2em 2.5em;
      float: left;
      margin-top: 0.5em;
  }
  .caution_section .tv_img{
      background: url(../../../img/yokohama/tv_sf.png)  no-repeat;
      padding: 2.4em 3em;
      float: left;
      margin-top: 1.5em;
  }
  .caution_section .refrigerator_img{
      background: url(../../../img/yokohama/refrigerator_sf.png)  no-repeat;
      padding: 4em 2.3em;
      float: left;
      margin-top: 0.5em;
  }
  .caution_section .air_conditioning_img{
      background: url(../../../img/yokohama/air_conditioning_sf.png)  no-repeat;
      padding: 2em 4em;
      float: left;
  }
  #header_commnet .header_comment_list .item_title_top{
  	text-align: center;
  }
  
  #contents .flow_img {
    width: 100%;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 575px) {
	.caution_section .air_conditioning_img{
    background: url(../../../img/yokohama/air_conditioning_sf.png)  no-repeat;
    padding: 2em 4em;
    float: left;
    /*margin-top: 0px;*/
    }
    #cont_main_topmenu .row .moji-font-blue2{
	font-weight:bold;
	background: #00A299;
	color: #FFFFFF;
	font-size: 1.2em;
	height: 3em;
	padding-top: 0.7em;
	margin-bottom: 20px;
	}
	#cont_main_topmenu .row .moji-font-red{
		font-size: 1.6em;
		padding-top: 0.35em;
	}
	#cont_main_topmenu .row .if-possible{
		display: none;
	}
	#cont_main_topmenu .row .if-possible2{
		background: url(../../../img/yokohama/arrow.png) center / 100% no-repeat;
		width: 30px;
		height:35px;
		margin-right: 3px;
		display: block;
	}
	
	#cont_main_topmenu .row .if-possible2::after{
		float: none;
	}
	#cont_main_topmenu .row .moji-font-blue3{
		font-weight:bold;
		color: #00A299;
		font-size: 1.2em;
		margin-top: 10px;
		margin-bottom: 10px;
		align-items: center;
	}
	#cont_main_topmenu .row .moji-font-red3{
		font-weight:bold;
		color: #cc0000;
		font-size: 1.2em;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#cont_main_topmenu .row .heading{
		font-size: 1.2em;
	    width:100%;
		    display: flex;
		align-items: center;
		justify-content: space-around;
	}
	
	#cont_main_topmenu .row .heading .possible2 a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#cont_main_topmenu .row .heading .impossible2 a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#cont_main_topmenu #updatelist .btn-light #font-lg{
		display: none;
	}
	#cont_main_topmenu #updatelist .btn-light #font-sm{
		display: flex;
	}
	
	#footer_text_topics_block table{
		margin-bottom: 2em;
	}
	#footer_text_topics_block .top_table_sf{
		display:  table;
		margin-left: auto;
	    margin-right: auto;
	}
	#footer_text_topics_block .top_table{
		display:  none;
	}
	

	#header_commnet .header_comment_list .item_title_top{
		text-align: center;
	}
	.caution_section .clock_img{
	    padding: 5em 3em;
	}
	
	#contents .flow_img {
	  width: 100%;
	}
}

/*�X�}�[�g�t�H���i�����j*/
@media only screen and (min-width : 321px) and (max-width: 767px) {
  #headerimage{
	height: 55px;
  }
  #topimage,
  #toTop {
    height:49px!important;
  }
  #yokohama_header_mascot {
    height:50px!important;
  }

  .caution_section_over li.short_width {
  	width: auto;
  }
  #contents .cont_main_right_top,
  #contents .cont_main_right_bottom {
    float:none;
    width:100%;
  }
  #contents .cont_main_right_title{
    font-size:1.1em;
  }
  #contents .cont_main_right_top {
    background:url(../../../img/accept_area_s.gif) top left repeat-x;
  }
  #contents .cont_main_right_bottom {
    background:url(../../../img/accept_area_s.gif) top left repeat-x;
  }
  #contents .cont_main_left {
    float:none;
  }
  #contents .cont_main_left,
  #contents .cont_main_right {
    width:100%;
    float:none;
  }
  #contents .cont_main_right {
    padding:0;
    float:none;
    margin:0;
  }
  #contents .cont_main_left ul {
    margin-left:0px;
    font-size:0.85em;
  }
  #contents .cont_main_right ul {
    padding-left:20px;
  }
  #contents .top_head_attention_cont {
    padding-left:0px;
  }
  #contents .cont_main_left .item_img .seal_img {
    width:220px;
    height:109px;
    margin:0 auto;
    background:url(../../../img/seal_fujisawa_s.gif) top center no-repeat;
  }
  #item1,
  #item2,
  #item3,
  #item4,
  #item5,
  #item6 {
    width:auto;
  }

  .caution_section .discharge_method{
  	padding-left: 45px;
  }
  .caution_section .washing_machine_img{
      background: url(../../../img/yokohama/washing_machine_sf.png)  no-repeat;
      padding: 3.2em 2.5em;
      float: left;
      margin-top: 0.5em;
  }
  .caution_section .tv_img{
      background: url(../../../img/yokohama/tv_sf.png)  no-repeat;
      padding: 2.4em 3em;
      float: left;
      margin-top: 1.5em;
  }
  .caution_section .refrigerator_img{
      background: url(../../../img/yokohama/refrigerator_sf.png)  no-repeat;
      padding: 4em 2.3em;
      float: left;
      margin-top: 0.5em;
  }
  .caution_section .air_conditioning_img{
      background: url(../../../img/yokohama/air_conditioning_sf.png)  no-repeat;
      padding: 2em 4em;
      float: left;
  }
  
  #header_commnet .newAppButton {
  	position: static;
  }
  #header_commnet .header_beginner_explain{
  	display: none;
  }
  #header_commnet .header_beginner_explain_sf{
  	display: block;
      margin: 10px auto;
	  width: 400px;
  }
  #cont_main_topmenu .menu_lg_title {
	font-size: 1.8em;;
  }
  #cont_main_topmenu .menu_md_title{
  	font-size: 1.8em;
  }
  #cont_main_topmenu #collectlist .btn-light div::before{
  margin-left: -20px;
  }  
  #cont_main_topmenu #collectlist .btn-light div>span{
  margin-left: 20px;
  }  
  #cont_main_topmenu #carrylist .btn-light div{
   font-size: 1.9rem;
  }  
  #cont_main_topmenu #carrylist .btn-light div::before{
   background-position-x: -10px;
  margin-left: 0;
  }  
  #cont_main_topmenu #carrylist .btn-light div>span{
  margin-left: 0;
  }  
  #cont_main_topmenu #exemptionCustomerlist .btn-light div::before{
  margin-left: -20px;
  }  
  #cont_main_topmenu #exemptionCustomerlist .btn-light div>span{
  margin-left: 20px;
  }  
  #cont_main_topmenu #exemptionCarrylist .btn-light div{
   font-size: 1.9rem;
  }  
  #cont_main_topmenu #exemptionCarrylist .btn-light div::before{
/*  	background-position-x: -10px;*/
  	margin-left: -10px;
  }  
  #cont_main_topmenu #exemptionCarrylist .btn-light div>span{
  margin-left: 10px;
  }  
  #cont_main_topmenu #updatelist .btn-light #font-lg{
  	display: none;
  }
  #cont_main_topmenu #updatelist .btn-light #font-sm{
  	display: flex;
  }
  #cont_main_topmenu #updatelist .btn-light div::before{
  	margin-left: -8px;
  }
  #cont_main_topmenu #updatelist .btn-light >div span{
  	margin-left: 8px;
  }

  #cont_main_topmenu #cancellist .btn-light div{
  	font-size: 1.7rem
  }
  #cont_main_topmenu #cancellist .btn-light div::before{
  	margin-left: 0px;
  }
  #cont_main_topmenu #cancellist .btn-light >div span{
  	margin-left: 0px;
  }
  #cont_main_topmenu #dust_search .btn-light div{
  	  font-size: 1.3em;
  }
  #cont_main_topmenu #dust_search .btn-light div .moji-sm{
  	font-size: 1em;
  }
  #cont_main_topmenu #reuse_warp .btn-light div{
  	  font-size: 1.3em;
	  padding-top: 3px;
  }
  #cont_main_topmenu #reuse_warp .btn-light div::before{
	  width: 65px;
	  height: 65px;
  }

  .footer_help {
    height: auto;
  }
  .footer_help .footer_help_topics {
    display: inline-block;
    width: 48%;
    text-align: center;
    box-sizing: border-box;
  }
  .footer_help .footer_help_topics:nth-child(odd) {
    border-left: none;
    text-align: right;
  }
  .footer_help .footer_help_topics:nth-child(even) {
    text-align: left;
  }
  
  .caution_section .clock_img{
      padding: 5em 3em;
  }
  
  #contents .flow_img {
    width: 100%;
  }
}
/*�X�}�[�g�t�H���i�c���j*/
@media only screen and (max-width : 320px) {

	#subject{
		height: 3.5rem;
		line-height: 2.5rem;
		font-size: 1.5rem;
	}
	#subject .dropdown{
	top: 2px;
	}
	#subject .dropdown .dropdown-toggle{
	font-size: 1rem;
	}
	.dropdown-item{
	line-height: 2.4rem;
	font-size: 1.2rem;
	}
  #headerimage{
    height: 55px;
  }
  #topimage,
  #toTop {
    height:49px!important;
  }
  #yokohama_header_mascot {
    height:50px!important;
  }
  #contents .cont_main_right_top,
  #contents .cont_main_right_bottom {
    float:none;
    width:100%;
  }
  #contents .cont_main_right_title{
    font-size:1.1em;
  }
  #contents .cont_main_left {
    float:none;
  }
  #contents .cont_main_right {
    float:none;
    padding-left:10px;
  }
  #contents .cont_main_left,
  #contents .cont_main_right {
    width:100%;
  }
  #contents .cont_main_right {
  	padding:0;
    margin:0 auto;
  }
  #contents .cont_main_left ul {
    margin-left:0px;
    font-size:0.85em;
  }
  #contents .cont_main_right ul {
    padding-left:20px;
  }
  #contents .top_head_attention_cont {
    padding-left:0px;
  }
  #contents .cont_main_left .item_img .seal_img {
    width:220px;
    height:109px;
    margin:0 auto;
    background:url(../../../img/seal_fujisawa_s.gif) top center no-repeat;
  }
  #item1,
  #item2,
  #item3,
  #item4,
  #item5,
  #item6 {
    width:auto;
  }
  .caution_section_over li.short_width {
  	width: auto;
  }
	
  #cont_main_topmenu .row .moji-font-blue2{
	font-weight:bold;
	background: #00A299;
	color: #FFFFFF;
	font-size: 1.2em;
	height: 3em;
	padding-top: 0.7em;
	margin-bottom: 20px;
  }
  #cont_main_topmenu .row .moji-font-red{
  	font-size: 1.6em;
  	padding-top: 0.35em;
  }
  #cont_main_topmenu .row .if-possible{
  	display: none;
  }
  #cont_main_topmenu .row .if-possible2{
  	background: url(../../../img/yokohama/arrow.png) center / 100% no-repeat;
  	width: 30px;
  	height:35px;
  	margin-right: 3px;
  	display: block;
  }
  #cont_main_topmenu .row .moji-font-blue3{
  	font-weight:bold;
  	color: #00A299;
  	font-size: 1.2em;
  	margin-top: 10px;
  	margin-bottom: 10px;
  	align-items: center;
  }
  #cont_main_topmenu .row .moji-font-red3{
  	font-weight:bold;
  	color: #cc0000;
  	font-size: 1.2em;
  	margin-top: 10px;
  	margin-bottom: 10px;
  }
  #cont_main_topmenu .row .heading{
  	font-size: 1.2em;
    width:100%;
  	display: flex;
  	align-items: center;
  	justify-content: space-around;
  }
  
  #cont_main_topmenu .row .heading .possible2 a {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  
  #cont_main_topmenu .row .heading .impossible2 a {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  
  #cont_main_topmenu #dust_search .btn-light{
      padding-top: 0px;
      padding-bottom: 0px;
  }
  #cont_main_topmenu #dust_search .btn-light div{
	font-size: 1.3em;
  }
  #cont_main_topmenu #dust_search .btn-light div .moji-sm{
  	font-size: 1em;
  }
  #cont_main_topmenu #reuse_warp .btn-light div{
  	  font-size: 1.3em;
	  padding-top: 3px;
  }
  #cont_main_topmenu #reuse_warp .btn-light div::before{
	width: 65px;
	height: 65px;
  }
	#cont_main_topmenu .menu_lg_title {
	font-size: 1.8em;;
	}
  #cont_main_topmenu .menu_md_title{
  	font-size: 1.8em;
  }
  #cont_main_topmenu #collectlist .btn-light div::before{
	margin-left: -20px;
  }
  #cont_main_topmenu #collectlist .btn-light div>span{
	margin-left: 20px;
  }
  #cont_main_topmenu #carrylist .btn-light div{
  	font-size: 1.9rem;
  }
  #cont_main_topmenu #carrylist .btn-light div::before{
  	background-position-x: -10px;
	margin-left: 0;
  }
  #cont_main_topmenu #carrylist .btn-light div>span{
	margin-left: 0;
  }
  #cont_main_topmenu #exemptionCustomerlist .btn-light div::before{
	margin-left: -20px;
  }
  #cont_main_topmenu #exemptionCustomerlist .btn-light div>span{
	margin-left: 20px;
  }
  #cont_main_topmenu #exemptionCarrylist .btn-light div{
  	font-size: 1.9rem;
  }
  #cont_main_topmenu #exemptionCarrylist .btn-light div::before{
/*  	background-position-x: -10px;*/
	margin-left: -10px;
  }
  #cont_main_topmenu #exemptionCarrylist .btn-light div>span{
	margin-left: 10px;
  }
  #cont_main_topmenu #updatelist .btn-light #font-lg{
  	display: none;
  }
  #cont_main_topmenu #updatelist .btn-light #font-sm{
  	display: flex;
  }
  #cont_main_topmenu #updatelist .btn-light div::before{
  	margin-left: -8px;
  }
  #cont_main_topmenu #updatelist .btn-light >div span{
  	margin-left: 8px;
  }
  
  #cont_main_topmenu #cancellist .btn-light div{
  	font-size: 1.7rem
  }
  #cont_main_topmenu #cancellist .btn-light div::before{
  	margin-left: 0px;
  }
  #cont_main_topmenu #cancellist .btn-light >div span{
  	margin-left: 0px;
  }
  
  #footer_text_topics_block table{
  	margin-bottom: 2em;
  }
  #footer_text_topics_block .top_table_sf{
  	display:  table;
  	margin-left: auto;
      margin-right: auto;
  }
  #footer_text_topics_block .top_table{
  	display:  none;
  }

  .footer_help {
    height: auto;
  }
  .footer_help .footer_help_topics {
    display: inline-block;
    width: 48%;
    text-align: center;
    box-sizing: border-box;
  }
  .footer_help .footer_help_topics:nth-child(odd) {
  border-left: none;
  text-align: right;
  }
  .footer_help .footer_help_topics:nth-child(even) {
  text-align: left;
  }
  
  .caution_section .calendar_img{
      padding: 3em 3em;
  }
  .caution_section .sun_img{
      padding: 3em 3em;
  }
  .caution_section .clock_img{
      padding: 5em 3em;
  }
  
  .caution_section .discharge_method{
  	padding-left: 45px;
  }
  .caution_section .washing_machine_img{
      background: url(../../../img/yokohama/washing_machine_sf.png)  no-repeat;
      padding: 3.2em 2.5em;
      float: left;
      margin-top: 0.5em;
  }
  .caution_section .tv_img{
      background: url(../../../img/yokohama/tv_sf.png)  no-repeat;
      padding: 2.4em 3em;
      float: left;
      margin-top: 1.5em;
  }
  .caution_section .refrigerator_img{
      background: url(../../../img/yokohama/refrigerator_sf.png)  no-repeat;
      padding: 4em 2.3em;
      float: left;
      margin-top: 0.5em;
  }
  .caution_section .air_conditioning_img{
      background: url(../../../img/yokohama/air_conditioning_sf.png)  no-repeat;
      padding: 2em 4em;
      float: left;
  }
  
  #header_commnet .newAppButton {
  	position: static;
  }
  #header_commnet .header_beginner_explain{
  	display: none;
  }
  #header_commnet .header_beginner_explain_sf{
  	display: block;
  	margin: 10px auto;
  	width: 400px;
  }
  
  #header_commnet .header_comment_list .item_title_top{
  	text-align: center;
  }
  
  #contents .flow_img {
    width: 100%;
  }
}
/*iPad�i�c���E�����j*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1000px) {
  #contents .cont_main_right_top,
  #contents .cont_main_right_bottom {
    float:none;
    width:100%;
  }
  #contents .cont_main_right_top {
    background:url(../../../img/accept_area_s.gif) top left repeat-x;
  }
  #contents .cont_main_right_bottom {
    background:url(../../../img/accept_area_s.gif) top left repeat-x;
  }
  #contents .cont_main_left {
    float:none;
  }
  #contents .cont_main_left,
  #contents .cont_main_right {
    width:100%;
    float:none;
  }
  #contents .cont_main_right {
    padding:0;
/*
    width:350px;
*/
    float:none;
    margin:0;
  }
  #contents .cont_main_left ul {
    margin-left:0px;
    font-size:0.85em;
  }
  #contents .cont_main_right ul {
    padding-left:20px;
  }
  #contents .top_head_attention_cont {
    padding-left:0px;
  }
  #item1,
  #item2,
  #item3,
  #item4,
  #item5,
  #item6 {
    width:auto;
  }
  
  .caution_section_over li.short_width {
  	width: 500px;
  }

  #cont_main_topmenu #updatelist .btn-light #font-lg{
	display: none;
  }
  #cont_main_topmenu #updatelist .btn-light #font-sm{
	display: flex;
  }
  #cont_main_topmenu #updatelist .btn-light >div::before{
	margin-left: -53px;
  }
  #cont_main_topmenu #updatelist .btn-light >div span{
	margin-left: 53px;
  }
  #cont_main_topmenu #cancellist .btn-light div::before{
  	margin-left: 0px;
  }
  #cont_main_topmenu #cancellist .btn-light >div span{
  	margin-left: 0px;
  }
  
  .footer_help {
    height: auto;
  }
  .footer_help .footer_help_topics {
    display: inline-block;
    width: 48%;
    text-align: center;
    box-sizing: border-box;
  }
  .footer_help .footer_help_topics:nth-child(odd) {
	border-left: none;
	text-align: right;
  }
  .footer_help .footer_help_topics:nth-child(even) {
	text-align: left;
  }
}

@media only screen and (max-width : 505px) {	
	#header_commnet .caution_section_over,
	#cont_main_topmenu .row .exemptionDescription,
	.caution_section .cashless_explanation,
	.caution_section .caution_explain > ul,
	.caution_section_under, 
	#reuse_info{
		font-size: 1.1rem;
	}

	.caution_section_over li span#topExplainHeadMsg28Label{
		white-space: nowrap;
		width: 100%;
		display: inline-block;
	}
}