@charset "UTF-8";

/*content area*/
body {
	-webkit-text-size-adjust: 100%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0em;
	color:#000;
	line-height:1.6em;
}
@media only screen and (max-width:450px){
body {
	font-size:16px;
}
}
@media only screen and (min-width:451px) and (max-width:550px){
body {
	font-size:18px;
}
}
@media only screen and (min-width:551px) and (max-width:650px){
body {
	font-size:20px;
}
}
@media only screen and (min-width:651px) and (max-width:759px){
body {
	font-size:22px;
}
}
@media only screen and (min-width:760px){
body {
	font-size:24px;
}
}

img{
	width:100%;
	height:auto;
	display:block;
}
.wrapper{
	box-sizing:border-box;
}
.mainarea{
	max-width:760px;
	margin:0 auto;
}
.mainarea p{
	padding:1.6% 4%;
}
a{
	color:blue;
	text-decoration:underline;
}
@media only screen and (min-width:760px){
.mainarea{
	max-width:760px;
	margin:0 auto;
	border:solid 1px #ccc;
	box-shadow: 0 0 6px #ccc;
	-moz-box-shadow :0 0 6px #ccc;
	-webkit-box-shadow:0 0 6px #ccc;
}
}
@media only screen and (min-width:700px){.none1 {display:none;}}
@media only screen and (min-width:400px){.none2 {display:none;}}
@media only screen and (min-width:370px){.none3 {display:none;}}
@media only screen and (max-width:599px){.none4 {display:none;}}
@media only screen and (max-width:400px){.none5 {display:none;}}
@media only screen and (min-width:600px){.none5 {display:none;}}
@media only screen and (min-width:401px){.none6 {display:none;}}

/*------------------------------------------------------------*/
/* < ヘッダー > */
/*------------------------------------------------------------*/
#mainColm{
	position:relative;
}

header {
	width: 100%;	
}
.Navigation{
    top: 0;
	z-index:100;
	max-width:760px;
}

body #container .Navigation_box{
	background:url(../img/top/head_wall.jpg);
	overflow:hidden;
	height:118px;
}

.head_mail{
	width:15.53%;
	float:right;
	margin-right:3.8%;
}
.haed_logo{
	width:57.37%;
	float:left;
}
.haed_menu{
	width:13.18%;
	float:left;
	margin-left:3.8%;
}

.kangen{
	text-align:center;
	width:92%;
	margin:15px auto;}


.box-top-btns{
	display: flex;
	justify-content: center;
}
.box-top-btns a{
	display: block;
	margin: 1rem .5rem;
}

/*20150603 ステップワン工藤作成*/

/*------------------------------------------------------------*/
/* < メニュー > */
/*------------------------------------------------------------*/

#gnav a {
	display: block;
	text-align: center;
}

#gnav ul {
}
#gnav li {
	display: table-cell;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d7));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d5d5d7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#d5d5d7 100%);
	text-align: center;
	vertical-align: middle;
}

#gnav li:first-child {
  width: 20%;
}
#gnav li:nth-child(2) {
  width: 20%;
}
#gnav li:nth-child(3) {
  width: 20%;
}
#gnav li:nth-child(4) {
  width: 20%;
}
#gnav li:last-child {
  width: 20%;
}

#gnav2 a {
	display: block;
	text-align: center;
}

#gnav2 ul {
}
#gnav2 li {
	display: table-cell;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d7));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d5d5d7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#d5d5d7 100%);
	text-align: center;
	vertical-align: middle;
}

#gnav2 li:first-child {
  width: 50%;
}
#gnav2 li:nth-child(2) {
  width: 50%;
}
#gnav2 li:nth-child(3) {
  width: 50%;
}
#gnav2 li:nth-child(4) {
  width: 50%;
}
#gnav2 li:last-child {
  width: 50%;
}



.box01 {
float: left;
width:70%;
padding: 18px 5% 5% 5%;
}

.search {
	float:left;
width: 15%;
padding: 12px 0 0 0;
}

.js-search {
  top:0;
  width: 100%;
  height:auto;
  background-color:#F2F2F2;
  margin-bottom:10px;
}

.js-search li {
	padding:4%;
	border-bottom:1px solid #666;
}

.js-search li img{
	width:auto;
	float:left;
	padding-right:10px;
}

.js-search li a {
	width:100%;
	height:100%;
	font-size:1.5rem;
	text-decoration:none;
	display:block;
	overflow:hidden;
	color:#000;
}

div#container {
	position: fixed;
    top: 0;
	width:760px;
}

div#main {
	margin-top:125px;
}



/*------------------------------------------------------------*/
/* < トップページ > */
/*------------------------------------------------------------*/

.global_menu {margin-top:2%; padding:6px;}
.global_menu li{float:left;}

.clearfix {min-height:1%;}

.global_menu02 {margin-bottom:2%; padding:6px;}
.global_menu02 li{float:left;}


.top_00 {background:url(../img/top/head_contact.jpg) no-repeat; height:123px;}
.top_01 {background:url(../img/top/top_01.jpg) no-repeat; height:365px; margin-top:30px;}
.top_01 p {padding:50px 25px 0 25px;}
.top_02 {background:url(../img/top/top_02.jpg) no-repeat; height:1120px; margin:50px 0 10px 0;}
.top_02 p {padding:50px 25px 0 25px;}

.red {color:#F00; font-weight:bold;}
.blue {color:#00F; font-weight:bold;}
.purple {color:#30C;}
.purple a{ text-decoration:none;}
.ricoh_01 {width:90%; border-collapse:collapse; margin:20px 0 0 37px; font-size:21px;}
.ricoh_01 th {width:25%; padding:6px; text-align:center; vertical-align:top; background-color:#FF9; border:1px solid;}
.ricoh_01 td {padding:10px; border:1px solid;}
.ricoh_01 th.money {width:5%;}
.ricoh_01 th.taiou {width:20%;}

.kounyu {padding:20px 10px 20px 0; float:right;}
.kounyu img {float:left; width:auto;}

.itiran {float:right; margin:10px 0 30px 0;}


@media only screen and (max-width:520px){
	body #main table.ricoh_01{
		margin:20px 0 0 8px;
		font-size:80%;
		width:95%;
	}
}
	
@media only screen and (max-width:520px){
	body #main table.ricoh_01 td{
		padding:5px;
		font-size:90%;
	}
}

@media only screen and (max-width:520px){
	body #main table.ricoh_01{
		margin:20px 0 0 8px;
		font-size:80%;
		width:95%;
	}
}
	
@media only screen and (max-width:520px){
	body #container .Navigation_box{
	background:url(../img/top/head_wall.jpg) repeat-x;
	height:30%;
}
	}

@media only screen and (max-width:520px){
	.js-search li a {
	font-size:1.0rem;
}
}

@media only screen and (max-width:520px){
	div#container {
	width:100%;
}
}

@media only screen and (max-width:520px){
	div#main {
		margin-top:22%;
}
}

@media only screen and (max-width:520px){
	.js-search li img{
	width:10px;
	padding-top:5px;
}
}

/*20150612 工藤追加*/

#c_right {
  width: 89%;
  margin-left: 27px;
  padding: 15px;
  background-color: #f5f5bb;
}

.cale_table {
  text-align: left;
}

.calender {
  background-color: #583822;
  /* margin: 5px 0px 5px 20px; */
  width:100%;
}

.calender td {
  font-size: 80%;
  text-align: center;
  border: none;
}

.c_hol {
  color: #e83929;
  background-color: #FFDDFF;
}

.c_wek {
  background-color: #fbfaf5;
}

@media only screen and (max-width:520px){
#c_right {
  width: 84%;
  margin-left: 14px;
}
}

/*20170407追加*/
.maker_area .maker1{
	background:url(../../img/common/sp/menu/bg1.jpg) center top no-repeat;
	background-size:100% auto;
	padding-top:7.1%;
}
.maker_area .maker2{
	background:url(../../img/common/sp/menu/bg2.jpg) center top no-repeat;
	background-size:100% auto;
	padding-top:7.5%;
}
.maker_area .maker3{
	background:url(../../img/common/sp/menu/bg3.jpg) center top no-repeat;
	background-size:100% auto;
	padding-top:7%;
}
.maker_area .maker4{
	background:url(../../img/common/sp/menu/bg4.jpg) center top no-repeat;
	background-size:100% auto;
	padding-top:7.5%;
}
.maker_area .maker_common{
	padding-bottom:4%;
	padding-left:0.6%;
}
.maker_area .box{
	padding:2% 4%;
}
.maker_area .box input.s_i{
	width:70%;
	padding:3px 1%;
	font-size:1.2em;
}
.maker_area .box .submit_button{
	font-size:1.2em;
	border:solid 1px #cccccc;
	background-color:#F1F1F1;
	background: -moz-linear-gradient(top center, #fff 0%, #F1F1F1 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#F1F1F1));
	background: linear-gradient(top center, #fff 0%, #F1F1F1 100%);
	padding:3px 5px;
	margin-left:6px;
}

.maker_area ul li{
	float:left;
	width:18.5%;
	padding-left:1.1%;
	padding-bottom:1.7%;
}
.maker_area .maker2 ul li{
	padding-bottom:1.2%;
}
.maker_area ul li a{
	display:block;
	width:100%;
	text-indent:-9999px;
	height:0;
	padding-top:55%;
}
.maker_area ul li.li1 a{
	background:url(../../img/common/sp/menu/menu1_1.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li2 a{
	background:url(../../img/common/sp/menu/menu1_2.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li3 a{
	background:url(../../img/common/sp/menu/menu1_3.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li4 a{
	background:url(../../img/common/sp/menu/menu1_4.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li5 a{
	background:url(../../img/common/sp/menu/menu1_5.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li6 a{
	background:url(../../img/common/sp/menu/menu1_6.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li7 a{
	background:url(../../img/common/sp/menu/menu1_7.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li8 a{
	background:url(../../img/common/sp/menu/menu1_8.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li9 a{
	background:url(../../img/common/sp/menu/menu1_9.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li10 a{
	background:url(../../img/common/sp/menu/menu1_10.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li11 a{
	background:url(../../img/common/sp/menu/menu1_11.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li12 a{
	background:url(../../img/common/sp/menu/menu1_12.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li13 a{
	background:url(../../img/common/sp/menu/menu1_13.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li14 a{
	background:url(../../img/common/sp/menu/menu1_14.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li15 a{
	background:url(../../img/common/sp/menu/menu1_15.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li16 a{
	background:url(../../img/common/sp/menu/menu1_16.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li17 a{
	background:url(../../img/common/sp/menu/menu1_17.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li18 a{
	background:url(../../img/common/sp/menu/menu1_18.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li19 a{
	background:url(../../img/common/sp/menu/menu1_19.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li20 a{
	background:url(../../img/common/sp/menu/menu1_20.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li21 a{
	background:url(../../img/common/sp/menu/menu1_21.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li22 a{
	background:url(../../img/common/sp/menu/menu1_22.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li23 a{
	background:url(../../img/common/sp/menu/menu1_23.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li24 a{
	background:url(../../img/common/sp/menu/menu1_24.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li25 a{
	background:url(../../img/common/sp/menu/menu1_25.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li26 a{
	background:url(../../img/common/sp/menu/menu1_26.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li27 a{
	background:url(../../img/common/sp/menu/menu1_27.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li28 a{
	background:url(../../img/common/sp/menu/menu1_28.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li29 a{
	background:url(../../img/common/sp/menu/menu1_29.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li30 a{
	background:url(../../img/common/sp/menu/menu2_1.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li31 a{
	background:url(../../img/common/sp/menu/menu2_2.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li32 a{
	background:url(../../img/common/sp/menu/menu2_3.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li33 a{
	background:url(../../img/common/sp/menu/menu2_4.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li34 a{
	background:url(../../img/common/sp/menu/menu2_5.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li35 a{
	background:url(../../img/common/sp/menu/menu2_6.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li36 a{
	background:url(../../img/common/sp/menu/menu2_7.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li37 a{
	background:url(../../img/common/sp/menu/menu2_8.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li38 a{
	background:url(../../img/common/sp/menu/menu2_9.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li39 a{
	background:url(../../img/common/sp/menu/menu2_10.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li40 a{
	background:url(../../img/common/sp/menu/menu2_11.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li41 a{
	background:url(../../img/common/sp/menu/menu3_1.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li42 a{
	background:url(../../img/common/sp/menu/menu4_1.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li43 a{
	background:url(../../img/common/sp/menu/menu4_2.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li44 a{
	background:url(../../img/common/sp/menu/menu4_3.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li45 a{
	background:url(../../img/common/sp/menu/menu4_4.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li46 a{
	background:url(../../img/common/sp/menu/menu4_5.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li47 a{
	background:url(../../img/common/sp/menu/menu4_6.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li48 a{
	background:url(../../img/common/sp/menu/menu4_7.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li49 a{
	background:url(../../img/common/sp/menu/menu4_8.png) center top no-repeat;
	background-size:100% auto;
}
.maker_area ul li.li50 a{
	background:url(../../img/common/sp/menu/menu4_9.png) center top no-repeat;
	background-size:100% auto;
}


.announce_area{
	color:#333;
    font-size: 14px;
    line-height: 1.6em;
}
.announce_area p{
	padding:0;
}
.announce_area .red {
    color: #bf2f34;
}
.announce_area .text_du {
    text-decoration: underline;
}
.announce_area .pt5 {
    padding-top: 5px;
}
.announce_area .fw_b {
    font-weight: bold;
}
.announce_area .announce1{
	background:url(../../img/common/sp/footer/title1.jpg) center top no-repeat;
	background-size:100% auto;
}
.announce_area .common_announce{
	padding:0 4%;
}
.announce_area .kuwasiku {
	padding:3.8% 0% 0 70%;
}
.announce_area .kuwasiku a{
	display:block;
	width:100%;
	height:0;
	padding-top:25%;
	text-indent:-9999px;
	background:url(../../img/common/sp/footer/button.png) center top no-repeat;
	background-size:100% auto;
}
.announce_area dl dt{
	font-size:110%;
	font-weight:bold;
	padding-top:10px;
}
.announce_area dl dd{
	padding-left:1em;
	padding-top:3px;
}
.announce_area dl dt span{
	border-bottom:solid 1px #333;
	display:block;
	padding-bottom:2px;
}
.announce_area .announce1 table{
	width:90%;
	margin:3px 0;
	max-width:332px;
}
.announce_area .announce1 table th{
	background-color:#fff2e6;
	text-align:left;
	padding:3px 10px;
	vertical-align:top;
	width:145px;
	border:solid 1px #333;
}
.announce_area .announce1 table td{
	text-align:right;
	padding:3px 10px;
	vertical-align:top;
	border:solid 1px #333;
}
.announce_area .announce2{
	background:url(../../img/common/sp/footer/title2.jpg) center top no-repeat;
	background-size:100% auto;
}
.announce_area .announce3{
	background:url(../../img/common/sp/footer/title3.jpg) center top no-repeat;
	background-size:100% auto;
	padding-top:11.9%;
}
.announce_area .announce3 .d1{
	padding:5px 0 0 10px;
}
.announce_area .announce4{
	background:url(../../img/common/sp/footer/title4.jpg) center top no-repeat;
	background-size:100% auto;
}
.announce_area .announce4 .kuwasiku {
	padding-bottom:3%;
}
.announce_area .announce4 .d2{
	font-size:13px;
	padding:2px 0 1% 3px;
	line-height:1.4em;
}
.announce_area .announce4 .d2 p{
	padding-bottom:1%;
}
.announce_area .announce4 table{
	width:96%;
	max-width:330px;
	margin:3px 0 3px 4%;
	font-size:90%;
	line-height:1.5em;
}
.announce_area .announce4 table th{
	background:url(../../img/common/pc/footer/th_bg.jpg) left top repeat-x;
	background-size:auto 100%;
	text-align:left;
	padding:3px 10px;
	height:18px;
	line-height:18px;
	vertical-align:top;
	border:solid 1px #333;
	overflow:hidden;
}
.announce_area .announce4 table td{
	text-align:left;
	padding:3px 10px;
	vertical-align:middle;
	border:solid 1px #333;
}
.announce_area .announce4 table td.td1{
	background-color:#fff2e6;
}
.announce_area .announce4 .d3{
	font-size:13px;
	padding:2px 0 0 15px;
	line-height:1.4em;
}
.announce_area .announce4 .d3 p{
	padding-bottom:5px;

}
.announce_area .announce5 .left_box{
	background:url(../../img/common/sp/footer/waku_y.jpg) center top repeat-y;
	background-size:100% auto;
}
.announce_area .announce5 .left_box .box_top{
	background:url(../../img/common/sp/footer/waku1.jpg) center top no-repeat;
	background-size:100% auto;
	padding-top:12%;
}
.announce_area .announce5 .left_box .box_bottom{
	background:url(../../img/common/sp/footer/waku_bottom.jpg) center bottom no-repeat;
	background-size:100% auto;
	padding-bottom:24px;
}
.announce_area .announce5 .left_box li{
	background:url(../../img/common/sp/footer/icon.jpg) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	margin-left:10%;
	margin-top:8px;
}
.announce_area .announce5 .left_box li a{
	text-decoration:underline;
	font-size:13px;
	color:#333;
}
.announce_area .announce5 .left_box li a:hover{
	text-decoration:none;
}
.js-search{
	overflow-y: scroll;
}


.n-cont1{
	width:90%;
    margin: 0 auto;
	font-size: 90%;
}
.n-cont1 th{
	padding:5px 10px;
}
.n-cont1 td{
	padding:5px 10px;
}
.n-cont1 th{
	border:solid 1px #999;
	text-align:left;
	vertical-align:middle;
	background-color:#F7FCFF;
	font-weight:bold;

}
.n-cont1 td{
	border:solid 1px #999;
	text-align:left;
	vertical-align:middle;
}



@media only screen and (max-width: 760px){
.n-cont1 th {
    padding: 5px 1%;
}
.n-cont1 td {
    padding: 5px 1%;
}
.n-cont1{
	font-size:75%;
	line-height:1.4em;
}}


.cart-new img{  width: 95%;
    margin: 0 auto;
    margin-bottom: 3%;}


.osirase-title{    background: #DB1B26;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 1.5% 0 1.5%;}

.hr01{    margin: 0 1.5% 0 1.5%;
    background-color: #db1c27;}