@charset "UTF-8";
/* CSS Document */


@media screen and (min-width:501px) {


	#info_topcontents_wrap {
		margin: 0px;
		width: 900px;
		text-align: center;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 67px;
		padding-left: 0px;
	}

	.subtitle {
		background-repeat: repeat-x;
		background-position: left top;
		height: 56px;
		line-height: 56px;
		padding-right: 30px;
		padding-left: 30px;
		font-size: 1.4em;
		font-weight: normal;
		padding-top: 0px;
		padding-bottom: 15px;
		margin: 0px;
	}

	#info_subtitle_hoken {
		background-image: url(../images/info/info_subtitle_bg.png);
	}#info_subtitle_jiyuu {
		background-image: url(../images/info/info_subtitle_bg2.png);
		clear: both;
	}
	#info_subtitle_cosme {
		background-image: url(../images/info/info_subtitle_bg3.png);
		clear: both;
	}
	#info_subtitle_medesthe {
		background-image: url(../images/info/info_subtitle_bg4.png);
		clear: both;
	}


	.linkbox {
		cursor: pointer
	}


	#info_sentence_hoken {
		padding-bottom: 20px;
	}

	#info_hoken_item {
		overflow: hidden;
		padding-right: 23px;
		padding-left: 25px;
		padding-bottom: 63px;
	}
	#info_hoken_item li {
		float: left;
		background-image: url(../images/info/info_item_bg_green_quarter.png);
		background-repeat: no-repeat;
		background-position: left top;
		line-height: 70px;
		height: 70px;
		width: 200px;
		margin-right: 8px;
		margin-left: 5px;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 13px;
	}
	#info_hoken_item li img {
		display: block;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_hoken_item li p {
		text-align: center;
		font-size: 1.2em;
		height: 1.2em;
		color: #777;
	}
	/* 緑ボタンロングver */
	#info_hoken_item .hoken_item_green_long {
		background-image: url(../images/info/info_item_bg_green_half.png);
			width: 413px;

	}
	#info_hoken_item .hoken_item_green_long p {
		background-image: url(../images/info/info_item_bg_green_half.png);
	}


	/* 青ボタン */
	#info_hoken_item .hoken_item_blue {
		background-image: url(../images/info/info_item_bg_blue_quarter.png);
	}
	#info_hoken_item .hoken_item_blue p {
		background-image: url(../images/info/info_item_bg_blue_quarter.png);
		line-height: 25px;
		padding-top: 12px;
		padding-bottom: 8px;
	}
	/* 青ボタンロングver */
	#info_hoken_item .hoken_item_blue_long {
		background-image: url(../images/info/info_item_bg_blue_half.png);
			width: 413px;

	}
	#info_hoken_item .hoken_item_blue_long p {
		background-image: url(../images/info/info_item_bg_blue_half.png);
		line-height: 25px;
		padding-top: 12px;
		padding-bottom: 8px;
	}



	#info_sentence_jiyuu {
		padding-bottom: 20px;
	}

	#info_jiyuu_item {
		overflow: hidden;
		padding-right: 23px;
		padding-left: 25px;
		padding-bottom: 20px;
	}
	#info_jiyuu_item li {
		float: left;
		background-image: url(../images/info/info_item_bg_pink_half.png);
		background-repeat: no-repeat;
		background-position: left top;
		line-height: 70px;
		height: 70px;
		width: 413px;
		margin-right: 8px;
		margin-left: 5px;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#info_jiyuu_item li img {
		display: block;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_jiyuu_item li p {
		text-align: center;
		font-size: 1.2em;
		color: #777;
	}



	#info_sentence_cosme {
		padding-bottom: 20px;
	}

	#info_cosme_item {
		overflow: hidden;
		padding-right: 20px;
		padding-left: 25px;
		padding-bottom: 63px;
	}
	#info_cosme_item li {
		float: left;
		background-image: url(../images/info/info_item_bg_cosme.png);
		background-repeat: no-repeat;
		background-position: left top;
		line-height: 70px;
		height: 70px;
		width: 272px;
		margin-right: 7px;
		margin-left: 5px;
		text-align: right;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#info_cosme_item li img {
		display: block;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_cosme_item li p {
		text-align: right;
		color: #983372;
		text-shadow: 1px 0px 2px #ffffff;
		padding-right: 6px;
		font-size: 1.1em;
	}

	#info_cosme_item li p a:link {
		color: #983372;
	}
	#info_cosme_item li p a:visited {
		color: #983372;
	}
	#info_cosme_item li p a:hover {
		color: #983372;
	}
	#info_cosme_item li p a:active {
		color: #983372;
	}

	/* cellnew */
	#info_cosme_item li.cellnew {
		background-image: url(../images/info/info_item_bg_cellnew.png);
	}
	#info_cosme_item li.cellnew p a:link,
	#info_cosme_item li.environ p a:link {
		color: #555555;
	}
	#info_cosme_item li.cellnew p a:visited,
	#info_cosme_item li.environ p a:visited  {
		color: #555555;
	}
	#info_cosme_item li.cellnew p a:hover,
	#info_cosme_item li.environ p a:hover {
		color: #555555;
	}
	#info_cosme_item li.cellnew p a:active,
	#info_cosme_item li.environ p a:active {
		color: #555555;
	}
	#info_cosme_item li.cellnew p,
	#info_cosme_item li.environ p {
		text-shadow: 1px 0px 1px #ffffff;
		padding-right: 66px;
		padding-top: 3px;
		font-size: 1.2em;
	}

	/* gaudiskin */
	#info_cosme_item li.gaudiskin {
		background-image: url(../images/top_banner_gaudiskin.png);
        background-size: contain;
        background-position: center;
	}

	#info_medeste_item {
	}



	/* ソラリリンク */
	#info_jiyuu_item #sorari {
		background-image: url(../images/info/info_item_bg_orange_full.png);
		width: 839px;
	}
	.mojicolor_hatsu {
		color: #F33;
		padding-right: 5px;
	}

	#info_hoken_item li #solari_p img {
		float: left;
	}
	#info_jiyuu_item li #solari_img {
		float: left;
		margin-top: 0px;
		margin-left: 60px;
		margin-bottom: 0px;
	}

	/* ALEXリンク */
	#info_jiyuu_item #alex {
		background-image: url(../images/info/info_item_bg_orange_full.png);
		width: 839px;
	}

	/* 点滴リンク */
	#info_jiyuu_item #drip {
		background-image: url(../images/info/info_item_bg_orange_full.png);
		width: 839px;
	}

	/* 帯状疱疹ワクチンリンク */
	#info_jiyuu_item #vaccine {
		background-image: url(../images/info/info_item_bg_pink_full.png);
		width: 839px;
	}


	/* 自由診療料金表 */
	#jiyuu_price_link_wrap {
		width: 900px;
		text-align: center;
		clear: both;
		padding-bottom: 80px;
	}


	/* セルニューリンク */
	#info_cosme_item #cellnew {
		background-image: url(../images/info/info_item_bg_cellnew_wide.png?2024);
        background-size:839px;
		width: 839px;
	}
	/* エンビロンリンク */
	#info_cosme_item #environ {
		background-image: url(../images/info/info_item_bg_environ_wide.png);
		width: 839px;
	}

	/* ガウディスキンリンク */
	#info_cosme_item #gaudiskin {
		background-image: url(../images/top_banner_gaudiskin.png);
        background-size: contain;
        background-position: center;
		width: 272px;
	}



	#info_sentence_medesthe {
		padding-bottom: 20px;
	}

	#info_medesthe_item {
		overflow: hidden;
		padding-right: 20px;
		padding-left: 25px;
		padding-bottom: 63px;
	}
	#info_medesthe_item li {
		float: left;
		background-image: url(../images/info/info_item_bg_cosme.png);
		background-repeat: no-repeat;
		background-position: left top;
		line-height: 70px;
		height: 70px;
		width: 272px;
		margin-right: 7px;
		margin-left: 5px;
		text-align: right;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#info_medesthe_item li img {
		display: block;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_medesthe_item li p {
		text-align: right;
		color: #983372;
		text-shadow: 1px 0px 2px #ffffff;
		padding-right: 66px;
		font-size: 1.1em;
	}

	#info_medesthe_item li p a:link {
		color: #ea8a14;
	}
	#info_medesthe_item li p a:visited {
		color: #ea8a14;
	}
	#info_medesthe_item li p a:hover {
		color: #ea8a14;
	}
	#info_medesthe_item li p a:active {
		color: #ea8a14;
	}
	/* エンビロンリンク */
	#info_medesthe_item #environesthe {
		background-image: url(../images/info/info_item_bg_environesthe_wide.png);
		width: 839px;
		padding-right: 66px;
		padding-top: 3px;
		font-size: 1.2em;
	}
    
    
    .pdf_dllink {
      font-weight: bold;
      color: #777;
        
      margin-left: 30px;
      padding-top: 15px;
      padding-bottom: 15px;

      padding-left: 40px; /* 画像の配置場所を確保 */
      background-image: url(../images/info/pdf_icon.png); /* 画像URLを指定 */
      background-position: 0px center; /* 画像の位置 */
      background-size: 35px auto; /* 画像のサイズ */
      background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
      background-color: none;

      border-bottom: dotted 1px #ddd;
    }
    .pdf_dllink img{
        left:20px;
    }
    .pdf_dllink a:link{
      color: #777;        
    }
    .pdf_dllink a:visited{
      color: #777;        
    }
    .pdf_dllink a:hover{
      color: #777;        
    }
    .pdf_dllink a:active{
      color: #777;        
    }


	
}

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

	#sub_cmn_breadcrumbs {
		height: 0.5em;
	}
	
	#info_topcontents_wrap {
		margin: 0px;
		width: 100%;
		text-align: center;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 67px;
		padding-left: 0px;
	}

	#info_topcontents_wrap img{
		max-width: 96%;
		object-fit: contain;
	}
	
	.subtitle {
		min-height: 1.1em;
		background-repeat: repeat-x;
		background-position: left bottom;
		padding-right: 2%;
		padding-left: 2%;
		font-size: 1.1em;
		
		font-weight: bolder;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin: 30px 0 0 0;
		
	}

	#info_subtitle_hoken {
		background-image: url(../images/info/info_subtitle_bg.png);
		line-height: 1.1em;
		clear: both;
	}
	#info_subtitle_jiyuu {
		background-image: url(../images/info/info_subtitle_bg2.png);
		line-height: 1.1em;
		clear: both;
	}
	#info_subtitle_cosme {
		background-image: url(../images/info/info_subtitle_bg3.png);
		line-height: 1.1em;
		clear: both;
	}
	#info_subtitle_medesthe {
		background-image: url(../images/info/info_subtitle_bg4.png);
		line-height: 1.1em;
		clear: both;
	}


	.linkbox {
		cursor: pointer
	}


	#info_sentence_hoken {
		padding-bottom: 20px;
	}

	#info_hoken_item {
		overflow: hidden;
		padding-bottom: 45px;
	}
	#info_hoken_item li {
		float: left;
		width: 43%;
		margin-right: 0;
		margin-left: 2%;
		text-align: center;
		margin-top: 1%;
		margin-bottom: 1%;
		padding: 1.2em 2%;
		
		background: linear-gradient(#EEF5E0, #D9E799);

	}
	#info_hoken_item li img.arrow {
		display: none;
	}
	#info_hoken_item li p {

		text-align: center;
		font-size: 0.9em;
		height: 0.9em;
		color: #555;
		font-weight: bold;

	}
	/* 緑ボタンロングver */
	#info_hoken_item .hoken_item_green_long {
			width: 43%;

	}
	#info_hoken_item .hoken_item_green_long p {
	}


	/* 青ボタン */
	#info_hoken_item .hoken_item_blue {
	}
	#info_hoken_item .hoken_item_blue p {
		line-height: 1.2em;
	}
	/* 青ボタンロングver */
	#info_hoken_item .hoken_item_blue_long {
		display: block;
		clear: both;
		width: 92%;
		margin-right: 0;
		margin-left: 2%;
		text-align: center;
		margin-top: 1%;
		margin-bottom: 1%;
		padding: 5% 2%;
		
		background: linear-gradient(#E3F0F6, #A0DCE8);

	}
	#info_hoken_item .hoken_item_blue_long p {
		display: block;
		line-height: 1.0em;
			height: 1.3em;

	}



	#info_sentence_jiyuu {
		padding-bottom: 20px;
	}

	#info_jiyuu_item {
		overflow: hidden;
		padding-bottom: 45px;
	}
	#info_jiyuu_item li {
		float: left;
		width: 92%;
		margin-right: 0;
		margin-left: 2%;
		text-align: center;
		margin-top: 1%;
		margin-bottom: 1%;
		padding: 5% 2%;
		
		background: linear-gradient(#FCEBF2, #F5BBD4);

	}
	#info_jiyuu_item li img {
		display: block;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_jiyuu_item li img.arrow {
		display: none;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_jiyuu_item li p {
	text-align: center;
	font-size: 0.9em;
	height: 1.0em;
	color: #555;
		font-weight: bold;
	}

	img.arrow{
		display: none;
	}

	#info_sentence_cosme {
		padding-bottom: 20px;
	}

	#info_cosme_item {
		overflow: hidden;
		padding-bottom: 45px;
	}
	#info_cosme_item li {
		float: left;
		background-image: url(../images/info/info_item_bg_cosme.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: cover;
		width: 92%;
		margin-right: 0;
		margin-left: 2%;
		text-align: center;
		margin-top: 1%;
		margin-bottom: 1%;
		padding: 5% 2%;
	}
	#info_cosme_item li img {
		display: block;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_cosme_item li p {
		text-align: right;
		color: #983372;
		text-shadow: 1px 0px 1px #ffffff;
		padding-right: 6px;
		font-size: 0.9em;
		font-weight: bold;
	}

	#info_cosme_item li p a:link {
		color: #973671;
	}
	#info_cosme_item li p a:visited {
		color: #973671;
	}
	#info_cosme_item li p a:hover {
		color: #973671;
	}
	#info_cosme_item li p a:active {
		color: #973671;
	}

	/* cellnew */
	#info_cosme_item li.cellnew {
		background-image: url(../images/info/info_item_bg_cellnew.png);
	}
	#info_cosme_item li.cellnew p a:link,
	#info_cosme_item li.environ p a:link {
		color: #555555;
	}
	#info_cosme_item li.cellnew p a:visited,
	#info_cosme_item li.environ p a:visited  {
		color: #555555;
	}
	#info_cosme_item li.cellnew p a:hover,
	#info_cosme_item li.environ p a:hover {
		color: #555555;
	}
	#info_cosme_item li.cellnew p a:active,
	#info_cosme_item li.environ p a:active {
		color: #555555;
	}
	#info_cosme_item li.cellnew p,
	#info_cosme_item li.environ p {
		text-shadow: 1px 1px 1px #ffffff;
		padding-right: 2%;
		padding-top: 3px;
		font-size: 1.2em;
	}

	/* gaudiskin */
	#info_cosme_item li.gaudiskin {
		background-image: url(../images/top_banner_gaudiskin.png);
        background-size: contain;
        background-position: center;
	}

	#info_medeste_item {
		overflow: hidden;
		padding-bottom: 45px;
	}



	/* ソラリリンク */
	#info_jiyuu_item #sorari {
		background: linear-gradient(#FFF4DB, #FEDE80);
	}
	.mojicolor_hatsu {
		color: #F33;
		padding-right: 5px;
	}

	#info_hoken_item li #solari_p img {
		float: left;
	}
	#info_jiyuu_item li #solari_img {
		float: left;
		margin-top: 0px;
		margin-left: 2%;
		margin-bottom: 0px;
		max-width: 30%;
		object-fit: contain;
		height: 3em;
	}

	/* ALEXリンク */
	#info_jiyuu_item #alex {
		background-image: url(../images/info/info_item_bg_orange_full.png);
		width: 50%;
	}

	/* 点滴リンク */
	#info_jiyuu_item #drip {
		background: linear-gradient(#FFF4DB, #FEDE80);
	}

	/* 帯状疱疹ワクチンリンク */
	#info_jiyuu_item #vaccine {
	}


	/* 自由診療料金表 */
	#jiyuu_price_link_wrap {
		width: 100%;
		text-align: center;
		clear: both;
		padding-bottom: 40px;
	}

	#jiyuu_price_link_wrap img{
		width: 76%;
	}
	/* セルニューリンク */
	#info_cosme_item #cellnew {
		background-image: url(../images/info/info_item_bg_cellnew_wide.png?2024);
		width: 92%;
	}
	/* エンビロンリンク */
	#info_cosme_item #environ {
		background-image: url(../images/info/info_item_bg_environ_wide.png);
		width: 92%;
	}
	/* ガウディスキンリンク */
	#info_cosme_item #gaudiskin {
		background-image: url(../images/top_banner_gaudiskin.png);
        background-size: contain;
        background-position: center;
		width: 92%;
		height: 3em;
	}



	#info_sentence_medesthe {
		padding-bottom: 20px;
	}

	#info_medesthe_item {
		overflow: hidden;
		padding-bottom: 45px;
	}
	#info_medesthe_item li {
		float: left;
		background-image: url(../images/info/info_item_bg_cosme.png);
		background-repeat: no-repeat;
		background-position: left center;
		width: 92%;
		margin-right: 0;
		margin-left: 2%;
		text-align: right;
		margin-top: 1%;
		margin-bottom: 1%;
		padding: 5% 2%;
	}
	#info_medesthe_item li img {
		display: block;
		float: right;
		margin-top: 10px;
		margin-bottom: 11px;
	}
	#info_medesthe_item li p {
		text-align: right;
		color: #983372;
		text-shadow: 1px 0px 2px #ffffff;
		padding-right: 2%;
	}

	#info_medesthe_item li p a:link {
		color: #ea8a14;
	}
	#info_medesthe_item li p a:visited {
		color: #ea8a14;
	}
	#info_medesthe_item li p a:hover {
		color: #ea8a14;
	}
	#info_medesthe_item li p a:active {
		color: #ea8a14;
	}
	/* エンビロンリンク */
	#info_medesthe_item #environesthe {
		background-image: url(../images/info/info_item_bg_environesthe_wide.png);
		padding-top: 3px;
		font-size: 1.0em;
		font-weight: bold;
		min-height: 3em;
	}
    
    .pdf_dllink {
      font-weight: bold;
      color: #777;
        
      margin-left: 5px;
      padding-top: 15px;
      padding-bottom: 15px;

      padding-left: 40px; /* 画像の配置場所を確保 */
      background-image: url(../images/info/pdf_icon.png); /* 画像URLを指定 */
      background-position: 0px center; /* 画像の位置 */
      background-size: 35px auto; /* 画像のサイズ */
      background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
      background-color: none;
        
      border-bottom: dotted 1px #ddd;
    }
    .pdf_dllink img{
        left:20px;
    }

    .pdf_dllink a:link{
      color: #777;        
    }
    .pdf_dllink a:visited{
      color: #777;        
    }
    .pdf_dllink a:hover{
      color: #777;        
    }
    .pdf_dllink a:active{
      color: #777;        
    }

    
    
}