/* ===================================================================
共通スタイル
=================================================================== */

/* PC用のスタイル記述 */
.sp {
	display: none;}
.pc {
	display: block;}
.sp_img100 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;}

.wrapper {
   width: 1200px;
   margin-left: auto;
   margin-right: auto;
}
.wrapper1000 {
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
}
.wrapperfull {
   width: 1200px;
   margin-left: auto;
   margin-right: auto;
}
.wrapper img, .wrapper1000 img {
   max-width: 100%;
   height: auto;
}
@media screen and (max-width: 1024px) {
.wrapper {
   width: 92%;
   margin-left: auto;
   margin-right: auto;
}
.wrapper1000 {
   width: 92%;
}
.wrapperfull {
   width: 100%;
}
}
.side_banner01 {
   position: fixed;
   top: 615px;
   right: 0;
   z-index: 999;
}
.side_banner01 li {
   margin-bottom: 15px;
   position: relative;
}
@media screen and (max-width: 768px) {
.side_banner01 {
   display: none;
   max-width: 35%;
   top: 180px;
}
.side_banner01 img {
   max-width: 100%;
   height: auto;
}
.sb_close {
   position: absolute;
   bottom: -15px;
   right: 15px;
}
.close_img {
   background: url(../../common/img/side_close_bt.png) top center no-repeat;
   width: 20px;
   height: 20px;
   background-size: 20px auto;
   border: 0;
}
}

header {
   width: 100%;
   color: #6e6e6e;
}
.head_upper {
   background-color: #f5f5f5;
   font-size: 1.3rem;
   color: #6e6e6e;
}
@media only screen and ( max-width : 768px ) {
.head_upper {
margin-top: 62px;
}
}
.head_up_left {
   width: 1000px;
   padding: 9px 0;
   font-size: 11px;
}
.head_up_right {
   width: 180px;
   text-align: right;
   padding: 7px 0;
}
@media screen and (max-width: 1024px) {
.head_up_left {
   width: 75%;
   padding: 9px 0 0 20px;
   font-size: 10px;
}
.head_up_right {
   width: 15%;
   text-align: right;
   padding: 7px 0;
}
}
@media only screen and ( max-width : 768px ) {
.head_up_left {
   width: 100%;
   padding: 5px;
}
.head_up_right {
   display: none;
}
}
.head_up_right li {
   float: left;
   width: 25px;
   margin-left: 10px;
}
.head_banner {
   /*background-color: #cae8f5;*/
   background-color: #942343;
   padding: 3px;
   text-align: center;
}
.head_review_etc {
   padding: 38px 0 10px 0;
   text-align: right;
   color: #6e6e6e;/*20200128_2323_変更#9a7767*//*20191024_0003_変更#6e6e6e*/
   
  display: flex;
  justify-content: flex-end;
}
.head_review {
   width: 200px;
}
.head_search {
   width: 210px;
   border-bottom: 1px solid #6e6e6e;/*20200128_2323_変更#9a7767*//*20191024_0003_変更#ddd*/
   margin-left: 15px;
   height: 28px;
}
.head_search input[type="text"] {
    border: 0;
    width: 180px;
    color: #6e6e6e;/*20200128_2323_変更#9a7767*//*20191024_0003_変更#000*/
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0;
    letter-spacing: 0.1em;
	margin: 0;
}
.head_search input[type="submit"] {
    border: 0;
    width: 20px;
    height: 24px;
    padding: 0;
    margin: 0;
    text-indent: -99999px;
    background: url(../img/icon_search.png) no-repeat;
    cursor: pointer;
}
.head_soryo {
   background-color: #f5f5f5;
   display: inline-block;
   margin-left: 10px;
   padding: 0 10px;
   line-height: 230%;
}

/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */
.head_fixed {
  position: fixed!important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  opacity: 0.9;
}
@media only screen and ( max-width : 768px ) {
.headfix, .head_fixed {
  position: fixed!important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.head_fixed #header {
   opacity: 1;
}
}
#header {
  z-index: 99;
  width: 100%;
  background: #fff;
}
nav li a {
  font-size: 13px;
}
.en {
     font-weight: 600;
}
.h_nav {
   align-items: flex-end;
}
nav .sub-menu,.mean-container .mean-nav ul ul {
  background: #FFF;
}
@media only screen and ( max-width : 768px ) {
  #header {
    height: 60px;
  }
  .h_logo {
     position: absolute;
	 width: 190px;
	 z-index: 88;
	 padding: 10px 10px;
  }
  .h_logo img {
     max-width: 100%;
	 height: auto;
  }
  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  nav li .fa {
    display: none;
  }
  #gNav > ul > ul > ul {
     background-color: #FFF;
  }
  .sp_menu_title {
     font-size: 1.7rem;
	 border-bottom: 1px solid #dedede;/*2020_0206_2243変更#e8e1db*//*20191024_1243_変更#d2d2d2*/
	 padding: 40px 0 10px 10px;
	 background-color: #FFF;
	 position: relative;
	 z-index: 999;
  }
  .sp_menu_none {
     display: none!important;
  }
  .sp_menu_block {
     display: block!important;
  }
  .h_nav {
     position: relative;
  }
  .sp_head_icon {
     display: block;
	 position: absolute;
	 right: 60px;
	 top: 10px;
	 z-index: 99;
  }
  .sp_head_icon li {
     float: left;
	 margin-left: 10px;
	 text-align: center;
	 font-size: 10px;
  }
  .sp_layout {
     background-color: #FFF;
	 display: block;
	 height: 100%;
  }
  .sp_layout img {
     max-width: 100%;
	 height: auto;
	 display: block;
	 margin: 0 auto;
  }
  .sp_menu_icon {
     text-align: center;
	 display: block!important;
	 padding-top: 35px;
  }
  .sp_menu_icon div {
     text-align: center;
	 display: inline-block;
	 font-size: 1.2rem;
	 padding: 15px 0;
	 width: 30%;
  }
  .sp_menu_icon div a {
     text-align: center!important;
	 display: block;
	 letter-spacing: 0!important;
  }
  .sp_menu_free {
     background-color: #f5f5f5;/*2020_0206_2245変更#e8e1db*//*20191024_1243_変更#f5f5f5*/
	 padding: 10px;
	 text-align: center;
	 width: 90%;
	 margin: 0 auto 20px;
  }
  .sp_menu_free span {
     background: url(../img/icon_free.png) center left no-repeat;
	 padding-left: 40px;
  }
  .sp_menu_haiso {
     background-color: #6e6e6e!important;/*2020_0325_1315変更#c5dbde*/
	 padding: 6px!important;
	 width: 90%!important;
	 display: block!important;
	 margin: 0 auto 30px!important;
	 position: relative;
  }
  .sp_menu_haiso::after {
    content: '';
	background-image: url(../img/arrow_s_w.png);
	width: 7px;
	height: 13px;
	position: absolute;
	top: 38%;
	right: 20px;
  }
  .sp_menu_haiso span {
     border: 1px solid #f5f5f5;/*2020_0325_1315変更#FFF*//*20191024_1243_変更2px*/
	 padding: 10px 10px 10px 50px;
	 background: url(../img/icon_truck.png) center left 11% no-repeat;
	 background-size: 25px auto;
	 display: block;
	 text-align: center;color: #FFF;
  }
  .sp_menu_campaign {
     padding: 20px 0;
  }
  .sp_ranking {
     border-bottom: 1px solid #f5f5f5;/*2020_0325_1315変更#e8e1db*//*20191024_1243_変更#d2d2d2*/
	 padding: 15px;
  }
  .sp_ranking_left {
     width: 30%;
	 text-align: center;
  }
  .sp_ranking_right {
     width: 69%;
  }
  .sp_feature {
     width: 48%;
	 margin-bottom: 15px;
  }
  .sp_guideArea {
     padding-bottom: 50px;
  }
  .sp_guide {
	 position: relative;
	 display: block;
	 margin: 0 auto 20px!important;
	 width: 90%!important;
	 text-align: center!important;
	 padding: 15px;
  }
  .sp_guide::after {
     content: '';
	 background-image: url(../img/arrow_s.png);
	 width: 7px;
	 height: 13px;
	 position: absolute;
	 top: 15px;
	 right: 10px;
  }
  .sp_guide a:hover {
     opacity: 1;
  }
  .sp_guide01 {
     background: url(../img/icon_truck02.png) center left 10% no-repeat #f5f5f5;/*2020_0325_1315変更#c5dbde*//*2020_0206_2243変更#e8e1db*/
	 background-size: 30px auto;
  }
  .sp_guide02 {
     background: url(../img/icon_q.png) center left 11% no-repeat #f5f5f5;/*2020_0325_1315変更#c5dbde*//*2020_0206_2243変更#e8e1db*/
	 background-size: 20px auto;
  }
  .sp_guide03 {
     background: url(../img/icon_setting.png) center left 10% no-repeat #f5f5f5;/*2020_0325_1315変更#c5dbde*//*2020_0206_2243変更#e8e1db*/
	 background-size: 25px auto;
  }
  .mean-nav, .mean-nav a {
	color: #6e6e6e;/*2020_0206_2243変更#9a7767*/
}
}

@media screen and (max-width: 1024px) {
  #gNav > ul > li {
    margin-right: 1em!important;}
}
@media print, screen and ( min-width : 769px ) {
  #header {
	padding: 15px 0;
    position: relative;
  }
  #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #gNav ul {
    display: flex;
  }
  #gNav > ul > li {
    margin-right: 2em;
	width: 93px;
  }
  #gNav li:last-child {
    margin-right: 0;
  }
  #gNav li i {
    font-size: 16px;
    margin-left: 5px;
  }
  #gNav li a {
    display: block;
    text-align: center;
  }
  #gNav > ul > li a {position: relative;overflow: visible;}
  #gNav > ul > li a::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  grid-row: 0;
  margin: auto;
  content: '';
  width: 93px;
  height: 2px;
  background: #6e6e6e;/*20200128_2323_変更#9a7767*//*20191024_0003_変更#333*/
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
#gNav > ul > li a:hover::after {
  bottom: -16px;
  opacity: 1;
  visibility: visible;
}
  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 100px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	margin-top: 4px;
  }
div.sub-menu {
   padding: 40px 0 30px;
   background-color: #f5f5f5;/*20200128_2323_変更#e6e1db*/
}
.sub-menu > ul {
   display: inline-block!important;
   text-align: center!important;
}
.sub-menu > ul > li {
   display: inline-block!important;
   margin: 0 20px;
   vertical-align: top;
}
.sub-menu > ul > li a {
   text-align: left!important;
   padding: 5px 0!important;
}
.sub-menu > ul > li a:hover {
color: #6e6e6e!important;/*20200128_2323_変更#942243*/
}

.sub-menu ul {
   display: block!important;
}
.sm_title {
   font-size: 1.6rem;
   letter-spacing: 0;
}
.sm_title .pc {
   letter-spacing: 0.08em;
}
.sm_txt {
   font-size: 1.0rem;
   border-bottom: 1px solid #6e6e6e;/*20200128_2323_変更#9a7767*/
   padding-bottom: 7px;
   display: block;
}
.sm_txt02 {
}
  #gNav .sub-menu a {
    padding: 10px;
    display: block;
    border-bottom: none;
    line-height: 1.2em;
	color: #6e6e6e;/*20200128_2323_変更#9a7767*/
  }
  #gNav .sub-menu a:hover:after {
    content: none;
  }
  #gNav .sub-menu li {
    display: block;
    font-size: 14px;
    padding: 0;
  }
  #gNav .sub-menu li:last-child {
    border-bottom: none;
  }
  #gNav ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #gNav li:hover .sub-menu {
    top: 80px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  #gNav li ul li:after {
    content: none;
  }
  
  .sp_menu_none {
     display: block!important;
  }
  .sp_menu_block {
     display: inherit!important;
  }
  .sp_head_icon {
     display: none;
  }
  .sp_layout {
	 display: none;
  }
}
  .sm_txt {position: relative; pointer-events: none;}
  .sm_txt02 {position: relative; pointer-events: none;}

.head_navi_icon {
   width: 210px;
   margin-left: 20px;
}
.head_navi_icon li {
   display: inline-block;
   margin-left: 18px;
   text-align: center;
   font-size: 1.0rem;
}
.head_navi_icon li img {
   height: 28px;
   width: auto;
}
.search-box {
   background-color: #ecf7fc;
   padding: 20px 3em;
   display: none;
   width: 100%;
}
.search-box input[type="text"] {
    border: 0;
    width: 85%;
    color: #000;
    font-size: 12px;
	border: 1px solid #6e6e6e;
    line-height: 30px;
    height: 30px;
    padding: 0;
    letter-spacing: 0.1em;
	margin: 0;
}
.search-box input[type="submit"] {
    border: 0;
    width: 40px;
    height: 30px;
    padding: 0;
	color: #FFF;
    margin: 0;
	background-color: #6e6e6e;
    cursor: pointer;
}

small {
   text-align: center;
   padding: 12px 0;
   font-size: 12px;
   display: block;
}

.flex {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
.jc {justify-content: space-between;}
.ai {align-items: center;}



#pageTop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
  }
@media screen and (max-width: 768px) {
#pageTop {
   right: 5px;
   bottom: 25px;
}
#pageTop img {
   width: 80%;
   height: auto;
}
}

.bannerArea {
   background-color: #f5f5f5;/*20200129_2157_変更#e6e1db*/
   padding: 30px 0;
   margin-bottom: 40px;
}
.bannerArea li {
   width: 15%;
}
.bannerArea li a {
   background-color: #FFF;
   text-align: center;
   display: block;
   height: 100%;
   padding: 20px 10px;
}
.ba_title {
   font-size: 20px;
   padding: 10px 0px 5px;
}
@media screen and (max-width: 768px) {
.bannerArea li {
   width: 48%;
   margin-bottom: 15px;
}
}

#footer {
   padding: 40px 0 20px;
   width: 1200px;
   margin: 0 auto;
   color: #6e6e6e;/*20200130_2057_変更#9a7767*/
}#footer a {
   color: #6e6e6e;/*20200130_2057_変更#9a7767*/
}
.foot_left {
   width: 32%;
}
.foot_center {
   width: 27.5%;
   text-align: center;
}
.foot_right {
   width: 28%;
   text-align: center;
   border-left: 1px dashed #dedede;/*20200130_2057_変更#9a7767*/
   padding: 20px;
}
.foot_delivery {
	display:block;
	margin-bottom: 10px;
	position:relative;
	overflow:hidden;
	text-align: center;
	border:1px #dedede solid;/*20200130_2057_変更#9a7767*//*20191024_0003_変更#dddddd*/
	box-shadow:0 0 0 5px #f5f5f5 inset;/*20200130_2057_変更#e8e1db*//*20191024_0003_変更#f4f4f4*/
	padding: 9px;
}
.foot_delivery::after {
	width: 18.6%;
	content:"";
	background-color: #FFF;
	position:absolute;
	top:0;
	left:0;
	z-index: -1;
}
.foot_delivery a {
	display:block;
	padding: 18px 0 12px;
	border:2px #dedede dotted;/*20200130_2057_変更#e8e1db*//*20191024_0003_変更#dedede*/
   font-size: 1.4rem;
}
.fd_day {
   font-size: 24px;
   font-weight: bold;
   padding: 15px 0;
}
.fd_day div {
   background: url(../img/icon_truck.png) center left no-repeat;
   padding-top: 8px;/*20191024_1455_追加*/
   padding-bottom: 8px;/*20191024_1455_追加*/
   padding-left: 60px;
   display: inline-block;
}
.fd_soku {
   display: inline-block;
   padding: 5px 12px;
   background-color: #232d5a;
	color: #fff;
}
.foot_soryo {
   background-color: #f5f5f5;/*20200130_2057_変更#e6e1db*/
   padding: 15px;
   font-size: 1.4rem;
   margin-bottom: 25px;
   text-align: center;
}
.foot_soryo span {
   background: url(../img/icon_free.png) center left no-repeat;
   padding-top: 4px;/*20191024_1500追加*/
   padding-bottom: 3px;/*20191024_1500追加*/
   padding-left: 40px;
}
.foot_blue {
   background-color: #f5f5f5;
   padding: 5px;
}
.foot_blueIn {
   border: 2px solid #FFF;
   padding: 15px 10px 10px;
}
.foot_tel {
   font-size: 1.6rem;
   background: url(../img/icon_tel.png) left center no-repeat;
   padding-left: 30px;
   font-weight: bold;
   display: inline-block;
}
.foot_contact {
   font-size: 1.4rem;
   background: url(../img/icon_mail_foot.png) center left no-repeat;
   padding-left: 30px;
   display: inline-block;
}
.foot_bt {
   width: 200px;
   background: url(../img/arrow_s.png) center right no-repeat;
   display: block;
   margin: 0 auto 10px;
   text-align: center;
   font-size: 1.4rem;
}
a.foot_mailmaga {
   background: url(../img/icon_mail_foot2.png) center left no-repeat;
   display: block;
}
a.foot_line {
   background: url(../img/icon_line.png) center left no-repeat;
   display: block;
}
.border_dot {
   margin-bottom: 15px;
   border-bottom: 1px dashed #dedede;/*20200130_2057_変更#d2d2d2*/
}
.foot_icon {
   text-align: center;
   margin-bottom: 30px;
}
.foot_icon li {
   text-align: center;
   display: inline-block;
   margin: 0 10px;
}
@media screen and (max-width: 768px) {
.foot_icon {
   margin-bottom: 10px;
}
}
.foot_under {
   background-color: #232d5a;
   padding: 40px;
   text-align: center;
   color: #fff;
}
.foot_under ul {
   text-align: center;
   margin-bottom: 15px;
}
.foot_under li {
   display: inline-block;
}
.foot_under li+ li {
      border-left: 1px solid #fff;/*20200129_2157_変更#FFF*//*20191024_0003_変更#959595*/
	  line-height: 100%;
}
.foot_under li a {
   padding: 0 10px;color: #fff;
}
@media screen and (max-width: 1024px) {
#footer {
   width: 100%;
   padding: 50px 20px;
}

#footer {
   padding: 10px 0 0;
   width: 94%;
   margin: 0 auto 5px;
}
.foot_left {
   width: 100%;
   margin-bottom: 25px;
}
.foot_center {
   width: 100%;
   margin-bottom: 25px;
}
.foot_right {
   width: 100%;
   border-left: 0px dashed #d2d2d2;
   border-top: 1px dashed #d2d2d2;
   padding: 20px;
}
.foot_delivery {
   width: 90%;
	display:block;
	margin: 0 auto 10px;
}
.foot_under {
   margin-top: 30px;
}
.foot_under li {
   display: inline-block;
   margin-bottom: 10px;
}
}
.accordion ul {
	width:100%;
	padding:0;
	margin-bottom: 30px;
}
.accordion li {
	position:relative;
	list-style:none;
}
.accordion li:first-child {
}

.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 1.5em 1em;
	position: relative;
	background-color: #f5f5f5;
}
.accordion > ul > li > a h5 {
	text-decoration:none;
	font-weight: normal;
}
.accordion > ul > li > ul {
	display: none;
	text-align:left;
	padding:0 .8em 1.4em 1em;
	color:#555;
	line-height:1.8;
}

.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 12px;
    height: 12px;
    top: 26px;
    right: 10px;

}
.accordion li .accordion_icon span {
	position: absolute;
    width: 100%;
	height: 1px;
    background-color: #6e6e6e;/*2020_0206_2243変更#9a7767*//*20191024_0003_変更 solid #6e6e6e;*/
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.toggle h5 {
   font-size: 1.4rem;
}
.sp_foot_sub {
   width: 100%!important;
   padding: 0!important;
   margin: 0!important;
}
.sp_foot_sub li {
   border-bottom: 1px solid #f5f5f5;
}
.sp_foot_sub li a {
   padding: 10px 15px;
   display: block;
}

.ggmap {
position: relative;
padding-bottom: 50.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.cal_wrapper {
	padding: 0 0 10px;
}
.cal_ui {
   display: none;
}
div.schedule_wrapper {
	padding: 10px 0px;
	width: 310px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
}
div.schedule_wrapper h3 {
	padding: 0px 10px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}
div.schedule_wrapper div.schedule_list {
	padding: 0px 10px;
	margin: 0px;
}
div.schedule_wrapper div.schedule_list ol {
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}
div.schedule_wrapper div.schedule_list ol li {
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}
div.schedule_wrapper div.schedule_list ol li:hover {
	text-decoration: underline;
}
div.cal_wrapper table.cal tr th p {
	padding: 5px;
	margin: 0px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: normal;
}
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: solid 1px #CCC;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 5px;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td {
	border-top: solid 1px #EEE;
}
div.cal_wrapper table.cal tr td {
	font-size: 10px;
	text-align: center;
	padding: 2px;
}
div.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
	color: #6e6e6e;/*20200130_2057_変更#9a7767*//*20191024_0003_変更#666*/
}
div.cal_wrapper table.cal tr.headline {
	background-color: #f5f5f5;/*20200130_2057_変更#e6e1db*/
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 1px 4px;
	font-size: 10px;
	text-align: center;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div span {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	display: none;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 1px 1px 3px #666;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat {
	color: #00F;
}
div.cal_wrapper table.cal tr td div.Sun {
	color: #F00;
}
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Holyday {
	font-weight: bolder;
	color: #fff;
	background-color: #6e6e6e;
}

div.cal_wrapper table.cal tr td div.noholiday {
  font-weight: normal!important;
  color: #9a7767!important;
  background-color: #FFF!important;
}

div.cal_wrapper table.cal tr td div.Birthday {
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
	border-radius: 3px;
}

div.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}

a:hover img {
	opacity: 0.8 ;
}
span.cal_attention {
  background-color: #6e6e6e;
  color: #6e6e6e;
  }

@media screen and (max-width: 1024px) {
div.cal_wrapper {
   width: 40%;
   margin: 0 5%;
}
div.cal_wrapper table {
   width: 100%;
}
}
@media screen and (max-width: 768px) {
div.cal_wrapper {
   width: 46%;
   margin: 0 2%;
}
div.cal_wrapper table.cal tr td {
	padding: 2px 1px;
}
}

/* ===================================================================
    スマホ
=================================================================== */

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

.sp {
	display: block;}
.pc {
	display: none;}

.sp_img100 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;}
}