@charset "UTF-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	line-height: 1.7;
}


a{
   color: #643D37;
}

a:link{
   color: #643D37;
}

a:visited{
   color: #643D37;
}

a:active{
   color: #643D37;
}


img{
vertical-align: top;
}
img a {
	border:none;
}


.main {
	width: 100%;
	margin: auto;
#	background-position: top center;
#	background-repeat: repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	line-height: 1.7;
}

.main:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url(img/paper-main.jpg);
    background-size: cover;
}

.ohmidashi {
                                font-family:  sans-serif;
                                text-align: mid;
}
.choose {
                                font-family:  sans-serif;
                                font-size: medium;
                                text-align: left;
}


.btn-choose {
  background-color: transparent;
  border-color: #34240E;
  border-radius: 2px;
  border-width: 1px;
  color: #34240E;
  display: block;
  font-size: 16px;
#  font-weight: bold;
  padding: 10px 25px;
  margin: 4rem auto 2rem;
#  width: 300px;
}

.btnsma-choose {
  background-color: transparent;
  border-color: #34240E;
  border-radius: 2px;
  border-width: 1px;
  color: #34240E;
  display: block;
  font-size: 28px;
#  font-weight: bold;
  padding: 10px 25px;
  margin: 4rem auto 2rem;
#  width: 300px;
}

.org_parent {
	width: 1500px;
	margin: auto;
	display: flex;
	justify-content: center; /* 子要素を中央揃え */
	position: relative;
}

.parent {
	width: 1500px;
	clear: both;
	margin: auto;
	text-align: center;
}

,center{
	margin: auto;
}

.head {
	width: 100%;
#	height: 70px;
	clear: both;
	margin: auto;
	text-align: left;
#	background-color: #003957;
}

.contents {
	width: 1200px;
	clear: both;
	margin: auto;
	text-align: left;
}

.contents a{
	text-decoration: none;
	color: #5a2c0a;
}
.contents a:visited{
	text-decoration: none;
	color: #5a2c0a;
}

.chaobi100 {
width: 100%;
#	background-color: #ddddde;
	background-image: url(img/chaobi.png);
	background-repeat: repeat-x;
	text-align: center;
min-width: 1500px;
}

.chaobi00 {
width: 100%;
#	background-color: #ddddde;
	background-image: url(img/chaobi000.png);
	background-repeat: repeat-x;
	text-align: center;
}


.hyo {
	width: 800px;
#	height: 260px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.hyo1200 {
	width: 1200px;
#	height: 260px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.hyo640 {
	width: 640px;
#	height: 260px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.shosai {
	width: 800px;
#	height: 260px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.photo {
	width: 1100px;
	margin: auto;
	text-align: center;
}


.foot {
	width: 100%;
#	height: 260px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #34240e;
min-width: 1500px;
}

.sp750 {
width: 750px;
	font-size: xx-large;
	display: none;
}

.sp750:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url(img/paper-main.jpg);
    background-size: cover;
}

#hdbtn_items {
	width: 750px;
#	height: 900px;
	margin-right: 10px;
	float: right;
#	background-image: url(image/hdbtn_items.gif);
}


#catemenu {
	width: 750px;
	height: 962px;
#	margin-left: -150px;
position: relative;
display:none;
   z-index: 20;
}

.midashi {
	font-family:  sans-serif;
	font-size: xx-large;
	font-weight: bold;
	text-align: left;
	line-height: 1.7;
}

.bunmen {
	font-family:  serif;
	font-size: x-large;
	text-align: left;
	line-height: 1.7;
}

.midashi_s {
	font-family:  sans-serif;
	font-size: xxx-large;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.bunmen_s {
	font-family:  serif;
	font-size: xx-large;
	text-align: left;
	line-height: 1.5;
	margin-right: 30px;
	margin-bottom: 100px;
	margin-left: 30px;
}



.headx {
	width: 100%;
	height: 70px;
	clear: both;
	margin: auto;
	text-align: center;
	background-color: #003957;
	position:fixed;
	z-index: 1;
}

.logo {
	width: 1400px;
#	height: 260px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.logos {
	width: 750px;
#	height: 260px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: x-large;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: none;
}


.kyujin {
	width: 1400px;
#	height: 662px;
	margin: auto;
	background-color: #e7daa6;
	clear: both;
}

.sma {
	display: none;
}

.m_auto {
	margin: auto;
}

table.ichiran {
   width: 800px;
   border-collapse: collapse;
   background-color: #e7daa6;
   margin-left: auto;
   margin-right: auto;
   color: #643D37;
#   border: 2px solid green; /* 外側の枠線 */
}
table.ichiran td {
   border-width: 4px 0px; /* 上下だけ引く */
   border-color: white;   /* 線色：白*/
   border-style: solid;   /* 線種：実線 */
   padding: 3px 20px;        /* セル内側の余白 */
   text-align: left;
}

table.ichi {
   width: 750px;
   border-collapse: collapse;
   background-color: #e7daa6;
   margin-left: auto;
   margin-right: auto;
   color: #643D37;
#   border: 2px solid green; /* 外側の枠線 */
}
table.ichi td {
   border-width: 10px 0px; /* 上下だけ引く */
   border-color: white;   /* 線色：白*/
   border-style: solid;   /* 線種：実線 */
   padding: 10px 10px;        /* セル内側の余白 */
	font-size: xx-large;
   text-align: left;
}

table.shosai {
   width: 800px;
   border-collapse: collapse;
   background-color: #fff;
   margin-left: auto;
   margin-right: auto;
   color: #000;
   border: 1px solid white; /* 外側の枠線 */
}
table.shosai td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #000;   /* 線色： */
   border-style: dashed;   /* 線種：点線 */
   padding: 3px 20px;        /* セル内側の余白 */
   text-align: left;
}
table.shosai th {
   border-width: 5px 0px; /* 上下だけ引く */
   border-color: #fff;   /* 線色： */
   border-style: solid;   /* 線種：点線 */
   padding: 3px 20px;        /* セル内側の余白 */
}

.shosai_title{
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #e7daa6;   /* 線色： */
   border-style: solid;   /* 線種：点線 */
   color: #000;
   background-color: #e7daa6;
	font-size: medium;
	font-weight: bold;
   text-align: left;
}

.newmark {
	color: #a03a3a;
}

.boshu {
   background-color: #e7daa6;
	color: #a03a3a;
	font-size: medium;
	font-weight: bold;
   text-align: right;
}

.btn_areas{
	display: none;
}

a.ichi{
   color: #643D37;
}

a:link.ichi{
   color: #643D37;
}

a:visited.ichi{
   color: #643D37;
}

a:active.ichi{
   color: #643D37;
}




.iki {
width: 100%;
height: 500px;
	background-image: url(img/washi2.jpg);
}


.trim {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 410px;/* トリミングしたい枠の高さ */
    position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.trim2 {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 950px;/* トリミングしたい枠の高さ */
    position: relative;
}
.trim2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.topmain {
	width: 1300px;
#	height: 619px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.phone {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: medium;
	line-height: 2;
	text-align: center;
	color: #fff;
}
.phone2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: medium;
	line-height: 2;
	text-align: center;
	color: #000;
}



.items {
	width: 420px;
	height: 650px;
	float: left;
	margin: auto;
	text-align: left;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: large;
	line-height: 1.7;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}

.ritems {
	width: 420px;
	height: 700px;
	float: left;
	margin: auto;
	text-align: left;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: medium;
	line-height: 1.7;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}

.citems {
	width: 650px;
	height: 520px;
	float: left;
	margin: auto;
	text-align: center;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: small;
	line-height: 1.7;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.citems2 {
	width: 420px;
	height: 350px;
	float: left;
	margin: auto;
	text-align: left;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: small;
	line-height: 1.7;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}
.fitems {
	width: 650px;
#	height: 520px;
	float: left;
	margin: auto;
	text-align: left;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: medium;
	line-height: 1.7;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.copy {
	width: 1300px;
	float: left;
	margin: auto;
	text-align: center;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: medium;
	line-height: 1.8;
	color: #000;
z-index:0;
}

.hako {
	float: left;
	margin: auto;
	text-align: left;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: large;
	line-height: 1.7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.rsv {
	float: right;
	margin: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.form {
	width: 800px;
#	float: left;
	margin: auto;
	text-align: left;
#	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: medium;
	line-height: 1.8;
	color: #000;
#z-index:0;
}


.l {
	font-size: large;
	font-weight: bold;
}
.xl {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: x-large;
	font-weight: bold;
}
.xxl {
	font-size: xx-large;
	font-weight: bold;
}
.textcenter {
	text-align: center;
	clear: both;
}

.textleft {
	text-align: left;
	clear: both;
}

.clear {
	clear: both;
	height: 3px;
}

.access {
	width: 650px;
	margin: auto;
	text-align: center;
	float: left;
}


.padding50 {
}
.pickup {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: x-small;
	line-height: 1.3;
	text-align: left;
	color: #472C14;
	padding-top: 20px;
	padding-right: 45px;
	padding-left: 45px;
}
.wnew {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	line-height: 1.3;
	text-align: left;
	color: #472C14;
}
.midashi-box {
	color: #FFFFFF;
	background-color: #71A338;
}
.setsumei-box {
	background-color: #E6EEC3;
}
#pankuzu {
	padding: 0px;
	clear: both;
	font-size: 11px;
	line-height: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.tim {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
}
.works_name {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: large;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
	width: 690px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.works_honbun {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	padding-left: 15px;
	width: 710px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.sale {
	text-decoration: line-through;
}
.s_price {
	color: #C00;
}
.works {
	float: left;
	width: 750px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


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

.main {
	display: none;
}

#.hyo {
#	display: none;
#}

.hyo1200 {
	display: none;
}

.chaobi100 {
	display: none;
}

.foot {
	display: none;
}

.parent {
	display: none;
}

.sp750 {
	display: block;
}

.pc {
	display: none;
}

.sma {
	display: block;
}

.logo {
	display: none;
}

.logos {
	display: block;
}

table.shosai{
   width: 750px;
	font-size: x-large;
}

.shosai_title{
	font-size: x-large;
}

.boshu{
	font-size: x-large;
}

.btn_area{
	display: none;
}

.btn_areas{
	display: block;
}





}