@charset "UTF-8";
/*20200806追加DXR移行関連*/
.ikou{
	display: inline-flex;
	width: 800px;
	height: auto;
	margin: 0 auto;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: space-around;
}
.ikou a{
	display: inline-block;
	width: 28%;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px;
	padding: 80px 14px;
	background: #59B0FF;　/*250116_電子処方箋一覧ページのボタン色*/
	background-image: url("image/bg02.png");
	color: #FFFFFF;
	line-height: 1.2em;
	transition: .3s;
	border: 3px solid #486ADF;
}
.ikou a:hover{
	color: #FFFFFF;
	background-color: #AED8FF;/*250116_電子処方箋一覧ページのボタン_タップした時の色*/
	border: 3px solid #86BEFF;
}
.ikou .a_none{
	display: inline-block;
	width: 28%;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding: 80px 14px;
	background-color: #C2C2C2;
	color: #E2E2E2;
	line-height: 1em;
	transition: .3s;
	border: 3px solid #9F9F9F;
}
.entry a{
	display: block;
	width: 784px;
	padding: 3em 0 3em 0;
	margin:0 auto 2em auto;
	background-color: #E36E6B;/*250116_電子処方箋申し込みはこちらのボタン色*/
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	background-image: url("image/bg01.png");
	transition: .3s;
	border: 3px solid #D3586B;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
}
.entry a:hover{
	background-color: #F49984;/*250116_電子処方箋申し込みはこちらのボタン_タップした時の色*/
	border: 3px solid #E27F77;
}
.entry .none{
	display: block;
	width: 784px;
	padding: 2em 0 2em 0;
	margin:0 auto 2em auto;
	background-color: #C2C2C2;
	color: #E2E2E2;
	font-size: 1.5em;
	font-weight: bold;
	transition: .3s;
	border: 3px solid #9F9F9F;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
}

.prog a{
	display: block;
	width: 790px;
	padding: 2em 0 0 0;
	margin:0 auto 2em auto;
	background-color: #fad8d8;
	transition: .3s;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}
.prog a:hover{
	background-color: #E6ABAB;
}
.prog img{
	width: 50%;
	height: auto;
}
.prog2{
	display: block;
	padding: 0.8em 0;
	color: #FFFFFF;
	font-size: 1.5em;
	background-color: #e77184;
	transition: .3s;
	border-radius: 0 0 25px 25px;
	-moz-border-radius: 0 0 25px 25px;
	-webkit-border-radius: 0 0 25px 25px;
}
.prog a:hover .prog2{
	background-color: #D34E64;
}
.btom a{
	display: block;
	width: 300px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0D6763;
	font-size: 1.2em;
	background-image: url("../image/bace/stripe5.png");
	padding: 1em;
	margin: 1em auto 2em auto;
	transition: .3s;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.btom a:hover{
	opacity: 0.6;
}
.btom2 a{
	display: block;
	background-image: url("../dxr/image/yajirushi.png");
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: left center;
	padding-left: 30px;
}
/*見積・支払いページ*/

	.box_read ul{
		display: inline-block;
		font-size: 16px;
		line-height: 2em;
		text-align: left;
		padding: 1em 0 1em 1em;
}


.ikou2{
	display: inline-flex;
	width: 800px;
	height: auto;
	margin: 0 auto;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: space-around;
}
.ikou2 a{
	display: inline-block;
	width: 28%;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px;
	padding: 80px 14px;
	background: #e4b2ed;
	background-image: url("image/bg02.png");
	color: #FFFFFF;
	line-height: 1.2em;
	transition: .3s;
	border: 3px solid #c892d1;
}
.ikou2 a:hover{
	color: #FFFFFF;
	background-color: #DD851F;
	border: 3px solid #CB7A1C;
}
.ikou2 .a_none{
	display: inline-block;
	width: 28%;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding: 80px 14px;
	background-color: #C2C2C2;
	color: #E2E2E2;
	line-height: 1em;
	transition: .3s;
	border: 3px solid #9F9F9F;
}




.dxrbox1 {
     margin: 10px auto; 
     width: 100%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.dxrbox1 .box-title {
    background: #C4E8FF;/*？？？#C2790E*/
	width: 100%;
    padding: 15px 0;
    text-align: center;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.dxrbox2 a {
	display: block;
    background: #BC5399;/*パープル*/
    margin: 10px auto; 
    padding: 15px 0;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
	font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.dxrbox2 a:hover {
    background: #C9753F;/ブラウン系*/
    color: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.dxr_midashi{
    background-color: #70A9FF;/*見出し背景の色*/
    width: auto;
    margin: 0;
    padding: 1em;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
}
.mitsumori{
	border: 2px solid #D64D6F;
	padding: 2em;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 1em;
}
.wt{
	color: #FFFFFF;
}
@media only screen and (min-width:640px) and (max-width:1023px) {
.ikou{
	width: 600px;
	height: auto;
}
.ikou a{
	width: 25%;
	font-size: 1.1em;
	padding: 60px 14px;
}
.entry a{
	width: 600px;
}
.entry .none{
	width: 600px;
}
.prog a{
	width: 600px;
}
.ikou .a_none{
	width: 25%;
	font-size: 1.1em;
	padding: 60px 14px;
}
.box_contents{
    display: block;
    margin: 0 auto;
    padding: 0px;
    height: auto;
    width: 640px;
}
	.box_contents_b{
    display: block;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
    height: auto;
    width: 700px;/*読み物ページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_c{
    display: block;
    margin: 0 auto;
    height: auto;
    width: 700px;/*dxrfaqページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_d{
    display: block;
    margin: 0 auto;
	height: auto;
    width: 700px;/*dxrfaqページ画面幅サイズ*/
    font-weight: bold;
    font-size: 23px;
    text-align: left;
    color: #504946;
}
	.dxrbox1 {
     margin: 10px auto; 
     width: 100%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
}
@media (max-width: 414px) {
header .box_contents img{
    margin-top: 20px;
	width: 200px;
	height: auto;
    float: none;
}
header .menu {
    display: block;
    float: right;
    width: 98%;
    text-align: center;
    padding: 12px 10px 0px 0px;
}
header .menu ul{
    display: block;
}
header .menu ul li br{
		display: none;
}
footer{
	font-size: 12px;
	height: 160px;
	padding-top: 20px;
	}
footer .f_navi{
       display: flex;
       margin: 0 auto;
       height: auto;
       width: 98%;
       text-align: center;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
   }
.bot1{
    background-color: #c0d856;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot2{
    background-color: #c0d856;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot3{
    background-color: #3C52A2;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot4{
    background-color: #19908B;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
    list-style: none;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    padding: 8px 8px 2px 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-shadow:0px 0px 10px -2px #9a9a9a;
}
.bot1 a,.bot2 a{
	color: #333333;
}
.bot3 a,.bot4 a{
	color: #FFFFFF;
}
.ikou{
	width: 90%;
	height: auto;
}
.ikou a{
	width: 100%;
	font-size: 1em;
	padding: 24px 14px;
	margin-bottom: 1em;
}
.ikou .a_none{
	width: 100%;
	font-size: 1em;
	padding: 24px 14px;
	margin-bottom: 1em;
}
.entry a{
	width: 90%;
	font-size: 1em;
}
.entry .none{
	width: 90%;
	font-size: 1em;
}
.prog a{
	width: 90%;
	font-size: 0.9em;
}
.box_contents{
    display: block;
    margin: 0 auto;
    padding: 0px;
    height: auto;
    width: 360px;
}
.btom a{
	width: 86%;
	font-size: 1em;
}
	/*about,faq対応*/
	.box_read{
    display: block;
    margin: 0px auto;
    width: 90%;
}
	.box_read p{
    font-size: 14px;
    line-height: 1.8em;
    text-align: justify;
    margin-bottom: 0px;
}
	.m_d_txt{
    font-size: 22px;
    font-weight: bold;
}
	.dxr_d2_txt{
    font-size: 16px;
    font-weight: bold;
}
	.box_dxr1 {
　　width: 80%;
    padding: 0.5em 0.5em;
    margin: 2em auto;
    text-align: center;
    font-weight: bold;
    color:  #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #19908B;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.menu_muramatsu{
    display: block;
    width: 98%;
    margin: 0 auto;
    padding: 60px 0px;
}
.dxr_midashi{
    background-color: #604772;
    width: auto;
    margin: 0;
    padding: 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
}
.menu_muramatsu .bt_a a{
    color: #FFFFFF;
    background-color: #39aea3;
    padding: 12px 6px 12px 16px;
	font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    border-radius: 30px 0px 0px 30px;
    -moz-border-radius: 30px 0px 0px 30px;
    -webkit-border-radius: 30px 0px 0px 30px;
}
.menu_muramatsu .bt_a a:hover{
    background-color: #089487;
    padding: 12px 6px 12px 16px;
	font-size: 0.8em;
}
.menu_muramatsu .bt_b a{
    color: #FFFFFF;
    background-color: #39aea3;
    padding: 12px 6px 12px 6px;
	font-size: 0.8em;
    font-weight: bold;
    text-align: center;
}
.menu_muramatsu .bt_b a:hover{
    background-color: #089487;
    padding: 12px 6px 12px 6px;
	font-size: 0.8em;
}
.menu_muramatsu .bt_c a{
    color: #FFFFFF;
    background-color: #39aea3;
    padding: 12px 16px 12px 6px;
	font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    -webkit-border-radius: 0px 30px 30px 0px;
}
.menu_muramatsu .bt_c a:hover{
    background-color: #089487;
    padding: 12px 16px 12px 6px;
	font-size: 0.8em;
}
	.box_contents_b{
    display: block;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
    height: auto;
    width: 100%;/*読み物ページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_c{
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;/*dxrfaqページ画面幅サイズ*/
    background-color: #FFFFFF;
}
	.box_contents_d{
    display: block;
    margin: 0 auto;
	height: auto;
    width: 100%;/*dxrfaqページ画面幅サイズ*/
    font-weight: bold;
    font-size: 23px;
    text-align: left;
    color: #504946;
 
}
	.dxr_abox1 {
     margin: 10px auto; 
     width: 96%;
     border: solid 1px #332f26;/*線*/
}
	.dxr_abox1 .box-title {
    font-size: 1em;
    background: #dbebc4;/*うす緑色*/
    padding: 15px 15px 15px 20px;
    text-align: left;
    color: black;
    font-weight: bold;
    letter-spacing: 0.05em;
}
	.explanation3 {
    display: block;
    justify-content: center;
    width: 90%;
    line-height: 1.5em;
    text-align: center;
    margin: 1em auto;
}

.k_pattern {
    display: block;
    width: 90%;
    color: #444444;/*グレー系*/
    background-color: #FFFFFF;
    font-weight: bold;
    margin: 1em auto;
    padding: 2em 1em;
    border: solid 1px #332f26;/*線*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
	.title {
    display: block;
    height: 2em;
    font-size: 1.2em;
    font-weight: normal;
    color: #444444;
    margin: 0 0 0.2em 0;
}
	.dxrbox1 {
     margin: 10px auto; 
     width: 100%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.dxrbox1 .box-title {
    background: #C28E0E;/*申し込みから完了までの流れ？*/
    font-size: 1em;
	width: 100%;
    padding: 15px 0;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
	.dxrbox2 a {
	font-size: 1em;
}
	.balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 20px;
  min-width: 300px;
  max-width: 320px;
  color: #555;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  background: #FFF;
  border: solid 3px #e95464;/*薄めの赤色*/
  box-sizing: border-box;
  border-radius: 10px;
}

.balloon2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #e95464;/*薄めの赤色*/
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #e95464;/*薄めの赤色*/
  z-index: 1;
}
	
	/*フォーム*/
	.order .im_box{
	width: 300px;
	height: 36px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order .im_box2{
	width: 120px;
	height: 30px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order .im_box3{
	width: 60px;
	height: 30px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order .im_box4{
	width: 300px;
	height: 30px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
.order textarea{
	width: 300px;
	height: 160px;
	font-size: 16px;
	color: #333333;
	padding: 3px 10px;
	margin: 3px 0px 12px 0px;
	border:1px solid #595757;
}
	.c_title{
		width: 300px;
		height: auto;
	}
	.kakunin a{
	display: block;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	border: 4px solid #d65778;
	padding: 14px 20px 10px 20px;
	width: 260px;
	margin: 0 auto;
	text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.kakunin a:hover{
	display: block;
	background-color: #d65778;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	border: 4px solid #d65778;
	padding: 14px 20px 10px 20px;
	width: 260px;
	margin: 0 auto;
	text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/*見える化追加分*/
.iinname{
	display: block;
	text-align: center;
	margin: 1.2em auto;
	font-size: 1em;
	font-weight: bold;
}
.koko{
	display: inline-block;
	background-color: #E63D10;
	color: #FFFFFF;
	font-size: 0.8em;
	margin: 0.5em auto;
	padding: 0.5em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.ti_1{
	padding-left:1em;
	text-indent:-1em;
	}
.box-title .day{
	font-size: 0.8em;
	color: #FFFFFF;
	float: right;
	font-weight: normal;
}
.dxrdate{
	font-size: 1.8em;
	color: #2D2D2D;
}
.see .triangle_on{
  border-top: 30px solid #ED722B;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
}
.group .bold,.group .dxr_n_txt2{
	font-size: 0.8em;
	}


}