/* ************************************************ 
 *	共通設定
 * ************************************************ */
.textContainer a:hover {color:#333333 !important;}

.toiawaseBox {}



.bnrArea1{}






.group-list {padding:0px;
  background-color:#ffffff;
  text-align:center;
  color:#ffffff;}

.group-list-link a{color:#ffffff;}



.side_cat{
    width: 100%;
    padding: 3px;
    margin-bottom: 5px;
 
    text-align: center;
    color: #0080cc;
    border: 1px solid #cccccc;
}


.side_box {margin-bottom:5px;
          width:100%;
          font-size:90%;}



.catItem {
background:#4178fa;
    width: 100%;
    color: #ffffff;
  　box-sizing: border-box;
   -webkit-box-sizing:border-box;
    padding-top: 20px;
    padding-bottom: 20px;
   
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #666666;
}

.catItem a {color: #ffffff;
               display:block;}

.catItem a:hover {color: #ffffff;}




.groupItem {
 background:#4030E3;
    width: 100%;
    color: #ffffff;
  　　box-sizing: border-box;
   -webkit-box-sizing:border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #666666;
}

.groupItem a {color: #ffffff;
               display:block;}

.groupItem a:hover {color: #ffffff;}




.fpBtn {
background:#f93832;
    width: 100%;
    color: #ffffff;
  　　box-sizing: border-box;
   -webkit-box-sizing:border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #666666;
}


.fpBtn  a {color: #ffffff;
               display:block;}

.fpBtn  a:hover {color: #ffffff;}




.incart_name {margin-bottom:0px;}

.total {color:red;}

.btnCart {width:100%;
          padding:3px;
           border: 1px solid #CCC;
           margin-bottom:20px;}






.menuS {}


.menuS ul {list-style-type:none;
           margin:0px;
           padding:0px;}

.menuS li {padding:0px;
           margin:0px;
           line-height:100%;
          font-size:90%;}

.menuS li a{color:#666666;}

.fa-angle-right{}

.LoginBlock {}

.LoginBlock .badge a{color:#ffffff;}


.fa-thumbs-up {}

.fa-gift {color: #0080cc;}

.fa-check-square {}

.item_container {width:30%;
                margin-bottom:20px;
                 height:auto;
                 padding-right:5px;
                 padding-left:5px;}


.item_name {padding-top:10px;}

.item_name a {color:#0080cc;}

.item_plice{}


.setsumei{padding-top:15px;}


.recent_title {
	font-family: 'Noto Serif JP', serif;
     font-weight: normal;
         font-size:190%;
         color: #0080cc;
          padding-bottom: 30px;
          padding-top:30px;
           border-top: 1px solid #CCC;}

.popular_title {font-family: 'Noto Serif JP', serif;
     font-weight: normal;
         font-size:190%;
         color: #0080cc;
         
         padding-top:30px;
          padding-bottom:30px;
          border-top: 1px solid #CCC;}


.setsumei {text-align:left;}






.xslider_wrap {
    display: flex;
    overflow: hidden;
    width: 100%;
    background: #cee5f2;
    border: 1px solid #CCCCCC;
}

.xslider1 , .xslider2 {
	display: inline-flex;
	flex: none;
	animation: xslider 30s 2s linear infinite;
}

.xslider_wrap:hover div {
	animation-play-state: paused!important;
}

.xslider1 div , .xslider2 div {
	flex: none;
	padding: 10px;
}

.xslider1 div:hover , .xslider2 div:hover {
	transform: translateY(-5px);
}










.xslider_wrap2 {
    display: flex;
    overflow: hidden;
    width: 100%;
    background: #e7edc8;
    border: 1px solid #CCCCCC;
}

.xslider3 , .xslider4 {
	display: inline-flex;
	flex: none;
	animation: xslider 30s 2s linear infinite;
}

.xslider_wrap2:hover div {
	animation-play-state: paused!important;
}

.xslider3 div , .xslider4 div {
	flex: none;
	padding: 10px;
}

.xslider3 div:hover , .xslider4 div:hover {
	transform: translateY(-5px);
}









.xslider_wrap3 {
    display: flex;
    overflow: hidden;
    width: 100%;
    /*background: #f7ece2;*/
	background: #efebe8;
    border: 1px solid #CCCCCC;
}

.xslider5 , .xslider6 {
	display: inline-flex;
	flex: none;
	animation: xslider 30s 2s linear infinite;
}

.xslider_wrap3:hover div {
	animation-play-state: paused!important;
}

.xslider5 div , .xslider6 div {
	flex: none;
	padding: 10px;
}

.xslider5 div:hover , .xslider6 div:hover {
	transform: translateY(-5px);
}







/*カレンダー箇所*/
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}



@keyframes xslider {
	0% {
	transform: translateX(0);
	}
	100% {
	transform: translateX(-100%);
	}
}






/*******************************************/

/*タブレット横*/
@media screen and (min-width:960px) and (max-width: 1024px){

}




/*******************************************/

/*タブレット縦*/

@media screen and (min-width:668px) and (max-width:959px){
  
 
 .item_container {width:48%;
                margin-bottom:20px;
                 height:auto;
                  padding-right:5px;
                 padding-left:5px;} 
  
  

  
}




/*******************************************/
/* 480px〜667px：SP横*/

@media screen and (min-width:480px) and (max-width:667px){
	

}









/*******************************************/
/* 〜479px：SP縦
------------------------------ */
@media (max-width: 479px){
  
  
}






/*******************************************/
/* 　　　　　　フリーページ
------------------------------ ************/

/*******************************************/
/* 　　　　　　ショッピングガイド
------------------------------ ************/

	.freePage{}


.freePage .title1{font-family: "Sawarabi Mincho";
	      color: #0080cc;
          font-size:200%;
          line-height: 180%;
          }


.freePage .title2{
    font-family: "Sawarabi Mincho";
    color: #333333;
    font-size: 150%;
    line-height: 180%;
          }


.freePage .title3{
    font-family: "Sawarabi Mincho";
    color: #333333;
    line-height: 130%;
          }


.otodokeContainer {}

.freePage .title3 h2 {font-size:120%;
                     font-weight: bold;}

.textContainer {}


.taableKessai {}

.taableKessai table {border-collapse: collapse;
                     width:100;}

.taableKessai table td{
    border: 1px solid #CCCCCC;
	padding:10px;
}

.taableKessai  .th1 {width:15%;
                    text-align: center;}

.taableKessai table td .td1 {}

.freePage .table02 {}

.freePage .table02 table td{
    border: 1px solid #CCCCCC;
	padding:10px;
	text-align: center;
}

.freePage .table02 .th2 {
    background-color: #E0EDF4;
}


.doukonContainer {
    border: 2px solid #5A95EF;
	padding:10px;
}


.entryBtn {padding-left:20px;
          padding-right: 20px;
          padding-top:10px;
          padding-bottom:10px;
         background-color: darkorange;
        text-align: center;
        color: #ffffff;}

.freePage a:hover{color:#ffffff;}

.tel02 a {font-size:150%;}

.tel02 a:hover {color:#333333;}


/*******************************************/
/* 　　　　　　よくある質問
------------------------------ ************/

	.freePage2{}


.fpT1{font-family: "Sawarabi Mincho";
	      color: #0080cc;
          font-size:200%;
          line-height: 180%;
          }


.fpT2{
    font-family: "Sawarabi Mincho";
    color: #333333;
    font-size: 150%;
    line-height: 180%;
          }





.textContainer {}







.qBtn {
    background-color: #0080cc !important;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top:10px;
	
}



.qBtn a{
    color: #ffffff;
	font-size:120%;

	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
}






.qaSection {
	width:100%;
    padding-right: 10px;
	  padding-left: 20px;
	vertical-align: top;
    border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
           }

.qaSection p {line-height: 160%;
             padding-bottom: 10px;}



.line01 {
    border-bottom: 1px solid #CCCCCC;
}



.fa-angle-down {color:#ffffff !important;;}









/* 960px〜1024px：タブレット横
------------------------------ */
@media screen and (min-width:960px) and (max-width: 1024px){
	

}








/*******************************************/
/* 668px〜959px：タブレット縦
 */

@media screen and (min-width:668px) and (max-width:959px) {
	
	.fpT2{
    font-family: "Sawarabi Mincho";
    color: #333333;
    font-size: 160%;
    line-height: 160%;
          }
	
	
.qBtn a{
    color: #ffffff;
	font-size:110%;

	text-decoration: none;
	font-weight: bold;
	vertical-align: top;
}
	
	
	
	
	.space60 {height: 30px;}
	
}