@charset "utf-8";

/**
 *
 *  サイト共通
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

*{font-size:100%;}
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input,address{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,caption,address,em{font-style:normal;font-weight:normal;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
table{border-spacing:0;border-collapse:collapse;}
fieldset{border:none;}
img{border:0;vertical-align:top;}
br{letter-spacing:0;}
button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	overflow:hidden;
	color:#666;
   font-family: 'Hiragino Kaku Gothic Pro', "Helvetica";
	font-size:13px;
	line-height:1.75;
	-webkit-text-size-adjust:100%;
}
::-moz-selection{
	background:#FFD0D2;
}
::selection{
	background:#FFD0D2;
}

/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
  letter-spacing: -1.0px;
  word-break: break-all;
}
a:link,
a:visited{
	color:#666;
	text-decoration:underline;
}
a:hover{
	color:#666;
	text-decoration:none;
}
img{
  max-width: 100%;
  /* width: 100%; */
  height: auto;
  vertical-align: bottom;
}
.imgleft {
    vertical-align: top;
    float: left;
    margin: 2px 5px 2px 0!important;
    display: inline;
}
/*--------------------------------------------------------------------------
   pc非表示
---------------------------------------------------------------------------*/
  .pc_nodisp{
    display:inherit;
  }
@media screen and (max-width: 500px) {
  .pc_nodisp{
    display:none;
  }
}
/*--------------------------------------------------------------------------
   スマホ非表示
---------------------------------------------------------------------------*/
  .sp_nodisp{
    display:none;
  }
@media screen and (max-width: 500px) {
  .sp_nodisp{
    display:inherit;
  }
}
/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/

#Page{
}


/*--------------------------------------------------------------------------
   h1 / tagline
---------------------------------------------------------------------------*/
.h1-wrap{
	background:#FFF6F5;
	padding:2px 0;

}
.h1-wrap h1{
	max-width:980px;
	margin:0 auto;
	color: #8C8C8C;
  font-size: clamp(11px, 1vw, 13px);
    font-weight: bold;
}
@media screen and (max-width: 900px) {
.h1-wrap{
text-align: center;
letter-spacing: -1px;
}
}
/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/

#Header{
	background:url("../images/shared/header_bg.png") repeat-x 0 bottom;
  position: relative;
}
#Header .header-inline{
	position:relative;
	/*width:980px;*/
	margin:0 auto;
  max-width: 980px;
  width: 100%;
  padding-bottom: min(5vw, 40px);
}
#Header .logo a{
	display: block;
	margin: 20px 0 14px;
}
#Header .header-sec01{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
#Header .tagline {
  width:53%;
	text-align:right;
	color:#8C8C8C;
  font-size: clamp(11px, 1vw, 13px);
}


@media screen and (max-width: 900px) {
#Header .header-inline {
    width: 95%;
    margin: 0 auto 30px auto;
}
#Header .header-sec01 {
    flex-direction: column;
}
#Header .tagline {
    width: 100%;
    text-align: center;
}
}
/* GlobalNavi
-----------------------------------------------------------------*/

#GlobalNavi{
}

#GlobalNavi ul {
    margin: 5px 0 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
#GlobalNavi ul li{
    border-left: 1px dotted #674621;
    float: left;
}

#GlobalNavi ul li a {
    color: #674621;
    font-size: 14px;
    padding: 0 34px;
    text-decoration: none;
}
#GlobalNavi ul li a:hover {
    color: #ff7b84;
}
#GlobalNavi ul li:last-child {
    border-right: 1px dotted #674621;
}
@media screen and (max-width: 900px) {
  #GlobalNavi{
    display: none;
  }
}
/*--------------------------------------------------------------------------
   smartphone header ranking
---------------------------------------------------------------------------*/
  .kranking {
  display: none;
  }
@media screen and (max-width: 900px) {
  .kranking {
  display: inherit;
  padding: 0px;
  margin:8px auto 10px auto;
  }
  .ktitle { color: #fff;
  padding: 6px 10px;
  font-size:14px;
  line-height: 1.3;
  font-weight:bold;
  background-color:#FF5458;
  text-align:center;
  border-top-right-radius:8px;
  border-top-left-radius:8px;
  }
  .rank { color:#eb5842; font-size: 15px; font-weight:bold; }
  .rank2 { color:#555; font-size: 14px; font-weight:bold; }
  .kranking ul {
  margin: 0px 10px 0px 10px;
  padding: 0px;
  border: 2px solid #FF5458;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius:11px;
  background-color: #fff;
  text-align:left;
  }
  .kranking ul li {
  border-bottom: 2px solid #FF5458;
  margin:0;
  padding:0 5px 0px 5px;
  }
  .kranking ul li a {
  font-size: 13px;
  font-weight:normal;
  color: #333;
  display: block;
  /*padding: 8px 65px 8px 10px;*/
  padding: 8px 10px 8px 10px;
  background: url(../../sp/img/sp-listhd.png) no-repeat right center;
  background-size:65px 26px;
  text-decoration: none;
  }
  .kranking ul li:after {
  content: '';
  display: block;
  clear: both;
  }
  li.kno1 { background-color:#f9e9fd; }
  li.bdrnone { border-bottom: none !important; }
  .imgleft {
    vertical-align: top;
    float: left;
    margin: 2px 5px 2px 0!important;
    display: inline;
}
  .spmenu_rank_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .spmenu_rank_box_in{
    display: flex;
    align-items: center;
  }
  .spmenu_rank_box_txt{
    color: #eb5842;
    font-weight: bold;
  }
}
/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/

#Footer{
	position:relative;
	margin-top:60px;
	background:url(../images/shared/footer_bg_repeat.png);
}
#Footer .footer-outline{
	background:url(../images/shared/footer_bg_top.png) repeat-x 0 0;
}
#Footer .footer-inline{
	padding:40px 0 20px;
	background:url(../images/shared/footer_bg_border.png) repeat-x 0 100%;
}
#Footer #Pagetop{
	position:fixed;
	left:50%;
	margin-left:510px;
}
#Footer .inner{
	position:relative;
	width:980px;
	min-height:42px;
	margin:0 auto;
}
#Footer .inner .footer-logo{
	position:absolute;
	top:0;
	right:0;
}
#Footer .inner ul{
	margin-right:300px;
	margin-bottom:3px;
}
#Footer .inner ul li{
	display:inline-block;
	margin-right:13px;
	font-size:92%;
}
#Footer .inner ul li a{
	margin-right:14px;
	color:#666;
	text-decoration:none;
}
#Footer .inner ul li a:hover{
	text-decoration:underline;
}
  #Footer .copyright_sp {
  display: none;
  }
@media screen and (max-width: 900px) {
  #Footer{
  margin-top: 0;
  }
  #Footer .footer-outline, #Footer .copyright{
  display: none;
  padding: 0;
  padding: 0 0 0 0;
  }
  #Footer .copyright_sp {
    text-align: center;
    margin: 0px auto;
    font-size: 12px;
    font-weight: bold;
    background: #725025;
    line-height: 1em;
    padding: 10px 0;
    display: inherit;
}
  #Footer .copyright_sp a{
  color: #fff;
  }

}

/* copyright
-----------------------------------------------------------------*/
#Footer .copyright{
	padding:13px 0 10px;
	text-align:center;
}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/

#Container{
	/*width:980px;*/
  max-width: 980px;
	margin:0 auto;
}
@media screen and (max-width: 900px) {
#Container{
  max-width: 100%;
  }
}

/* Content
-----------------------------------------------------------------*/
#Content{
	float:left;
	width:762px;
}
@media screen and (max-width: 900px) {
#Content{
  max-width: 100%;
  float:none;
  width:100%;
  }
}

/* Location
-----------------------------------------------------------------*/
#Location{
	width:980px;
	min-height:18px;
	margin:0 auto;
	padding:19px 0 22px;
	font-size:84%;
}
#Location ul li{
	display:inline-block;
}
#Location ul li a{
	padding-right:14px;
	background:url(../images/common/ico_arw01.png) no-repeat 100% 50%;
	color:#666;
}
@media screen and (max-width: 500px) {
  #Location{
    display:none;
  }
}
/* Main
-----------------------------------------------------------------*/

/* Side
-----------------------------------------------------------------*/
#Side{
	float:right;
	margin-top:16px;
	text-align:center;
	width: 204px;
}
#Side .snav{
	padding-top:16px;
}


ul.side-ranking li a {
    background: url("../images/snavi_rank_btn00.png") no-repeat scroll 0 0;
    color: #674621;
    display: table-cell;
    font-size: 12px;
    height: 58px;
    margin: 0;
    padding: 0 30px 0 40px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    width: 203px;
}
ul.side-ranking li a:hover {
    background: url("../images/snavi_rank_btn00_on.png") no-repeat scroll 0 0;
}
ul.side-ranking li.head a {
    background: url("../images/snavi_rank_btn_head.png") no-repeat scroll 0 0;
    height: 57px;
    padding-top: 5px;
}
ul.side-ranking li.head a:hover {
    background: url("../images/snavi_rank_btn_head_on.png") no-repeat scroll 0 0;
}
ul.side-ranking li.foot a {
    height: 64px;
    background: url("../images/snavi_rank_btn_foot.png") no-repeat scroll 0 0;
}
ul.side-ranking li.foot a:hover {
    background: url("../images/snavi_rank_btn_foot_on.png") no-repeat scroll 0 0;
}
.snav li {
margin:0 5px 0 3px;
}
.snav li a {
    background: #fcf9f7 url("../images/common/snavi_bg.png") no-repeat scroll 0 0;
    color: #674621;
    display: table-cell;
    font-size: 12px;
    height: 42px;
    padding: 0 15px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    width: 171px;
}
.snav li a:hover {
background-color:#faf0ed;
}
@media screen and (max-width: 900px) {
  #Side{
    display: none;
  }
}

/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}
.method-inline {
    padding: 1rem 0;
}
 .machine-list tbody {
    border: dotted 1px #FCC6D6;
    background: #FCF5F1;
    text-align: center;
}

.machine-list table {
width: 80%;
    margin: 1rem auto;
    min-width: 610px;
    }
.machine-list th{
background: #f5c5c5;
}
.machine-list {
    margin-top: 27px;
}

.machine-list span {
    font-weight: bolder;
}

.machine-list p {
    margin: 15px 35px;
}
.machine-list table td {
    padding: 5px 0;
}
.machine-list table td:first-child {
    text-align: left;
    padding-left: 10px;
    width: 26%;
}
@media screen and (max-width: 500px) {

.machine-list table {
    margin: 0 10px 1em;
}
}
.clear {
    clear: both;
    font-size: 1px;
}
/*--------------------------------------------------------------------------
   sp_footer_menu
---------------------------------------------------------------------------*/
.sp_footer_menu{
  display: none;
}
@media screen and (max-width: 900px) {
  .sp_footer_menu{
  display: inherit;
}
 .sp_footer_menu .btn8 a {
    display: block;
    margin: 0.5em 1em 1em;
    padding: 10px 40px 10px 3px;
    background: url(../../sp/img/sp-btn-bg.png) #ef0803 no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 5px 0px #f89290;
    -moz-box-shadow: 0px 5px 0px #f89290;
    -ms-box-shadow: 0px 5px 0px #f89290;
    box-shadow: 0px 5px 0px #f89290;
    color: #fff;
    font-size:15px;
    text-align: center;
    text-decoration: none;
    /*text-shadow: #004080 1px 1px 0px;*/
    font-weight: bold;
    /*border: 2px solid #ffffff;*/
    border-radius: 5px;
}
.subcontents .ttl {
	font-size: 15px;
	/* text-align:center; */
	margin: 0px;
	line-height: 1.2em;
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff818f), color-stop(0.00, #ff595e)); */
	/* background: -webkit-linear-gradient(top, #ff818f 0%, #ff595e 88%); */
	background: -moz-linear-gradient(top, #ff818f 0%, #ff595e 88%);
	background: -o-linear-gradient(top, #ff818f 0%, #ff595e 88%);
	background: -ms-linear-gradient(top, #ff818f 0%, #ff595e 88%);
	/* background: linear-gradient(to bottom, #f9f3ef 0%, #ff595e 88%); */
	background: #fcf9f7;
}
.subcontents .ttlr {
	font-size: 15px;
	text-align:center;
	margin: 0px;
	line-height: 1.2em;
	background: url(../img/sp-kanmuri.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff818f), color-stop(0.00, #ff595e));
	background: url(../img/sp-kanmuri.png) no-repeat right center, -webkit-linear-gradient(top, #ff818f 0%, #ff595e 88%);
	background: url(../img/sp-kanmuri.png) no-repeat right center, -moz-linear-gradient(top, #ff818f 0%, #ff595e 88%);
	background: url(../img/sp-kanmuri.png) no-repeat right center, -o-linear-gradient(top, #ff818f 0%, #ff595e 88%);
	background: url(../img/sp-kanmuri.png) no-repeat right center, -ms-linear-gradient(top, #ff818f 0%, #ff595e 88%);
	background: url(../img/sp-kanmuri.png) no-repeat right center, linear-gradient(to bottom, #ff818f 0%, #ff595e 88%);
}
.subcontents .ttl a {
	text-decoration: none;
	color: #fff;
	padding: 13px 10px;
	display: block;
	overflow: hidden;
	line-height: 1.2em;
	color: #674621;
	}
.subcontents .ttlr a {
	text-decoration: none;
	color: #fff;
	padding: 13px 45px 13px 10px;
	display: block;
	overflow: hidden;
	line-height: 1.2em; }
.subcontents li {
	/* font-weight: bold; */
	border-bottom: #d5c9c0 1px solid;
	/* border-bottom: 1px solid #fff; */
	/* border-top: 1px solid #ff818f; */
	background: url(../img/sp-listr.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #fff), color-stop(0.00, #fefdfb));
	background: url(../img/sp-listr.png) no-repeat right center, -webkit-linear-gradient(top, #fff 0%, #fefdfb 98%);
	background: url(../img/sp-listr.png) no-repeat right center, -moz-linear-gradient(top, #fff 0%, #fefdfb 98%);
	background: url(../img/sp-listr.png) no-repeat right center, -o-linear-gradient(top, #fff 0%, #fefdfb 98%);
	background: url(../img/sp-listr.png) no-repeat right center, -ms-linear-gradient(top, #fff 0%, #fefdfb 98%);
	/* background: url(../img/sp-listr.png) no-repeat right center, linear-gradient(to bottom, #fff 0%, #fefdfb 98%); */
	background: #fcf9f7;
}
.subcontents li a {
	text-decoration: none;
	color: #674621;
	padding: 12px 38px 12px 15px;
	display: block;
	overflow: hidden;
	line-height: 1.2em;
	background: url(../images/menu/sp-arrow.png) no-repeat right center #fcf9f7;
	background-size: 27px;
}
.subcontents li:first-child {
	border-top: none;
}
.subcontents li:last-child {
	/* border-bottom: none; */
}
p.open, p.close {
 cursor:pointer;
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff818f), color-stop(0.00, #ff595e)); */
 /* background: -webkit-linear-gradient(top, #ff818f 0%, #ff595e 88%); */
 background: -moz-linear-gradient(top, #ff818f 0%, #ff595e 88%);
 background: -o-linear-gradient(top, #ff818f 0%, #ff595e 88%);
 background: -ms-linear-gradient(top, #ff818f 0%, #ff595e 88%);
 /* background: linear-gradient(to bottom, #ff818f 0%, #ff595e 88%); */
 background: #fcf9f7;
 margin: 0;
 padding: 13px 10px;
 display: block;
 overflow: hidden;
 font-size:15px;
 line-height: 1.2em;
 color: #674621;
 /* font-weight:bold; */
 border-bottom: #d5c9c0 1px solid;
/* url("../images/snavi_bg.png") no-repeat scroll 0 FONT-VARIANT: JIS04;*/
 }
 .accordion a {
  text-decoration: none;
  letter-spacing: -1px;
  text-align: left;
  }

}
/*--------------------------------------------------------------------------
   スタイル
---------------------------------------------------------------------------*/
.txt_sml{
  font-size:0.9rem;
}