@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500');
/*====================
  font-family: 'Noto Serif JP', sans-serif;
  font-family: "Meiryo","Hiragino Kaku Gothic Pro",  verdana, "Osaka", "MS PGothic", Sans-Serif;
	font-family: 'Font Awesome\ 5 Free';
====================*/


/*====================
～1280px
1279px～
1024px～
767px～
599px～
479px～
====================*/


/* reset */
html, body, h1, h2, h3, h4, h5,ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tbody,tr, th, td,input,textarea,iframe {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align:baseline;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section ,main{
  display:block;
	box-sizing: border-box;
}
html{
	overflow:auto;
  font-size: 100%;
}
body {
  font-family: "Meiryo","Hiragino Kaku Gothic Pro",  verdana, "Osaka", "MS PGothic", Sans-Serif;
  line-height: 1.6;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	overflow: hidden;
	font-size:16px;
  color:#272727;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Noto Serif JP', sans-serif;
	font-weight: 500;
  font-size:100%;
	line-height:1.4;
}
p{
	line-height:1.8;
}
a{
  color:#272727;
  transition:0.25s ease;
}
img{
  vertical-align:middle;
  border:0;
  max-width:100%;
}
a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
address{
	font-style: normal;
}
table{
  border-collapse: collapse;
}
table th{
  font-weight: bold;
  vertical-align: middle;
}
table td{
  vertical-align: middle;
}




/* ====================================================

  基本幅

==================================================== */

/* ----------------------------------------------------
  ヘッダー 基本幅
---------------------------------------------------- */
header{
  width:100%;
  left:0;
  top:0;
  height:140px;
  z-index:500;
  position:fixed;
  font-family: 'Noto Serif JP', sans-serif;
  background:#fff url(/html/user_data/img/common/bg_gold5.png) repeat-x bottom left;
}
header .header-inner{
  width:100%;
  max-width: 1200px;
  margin:20px auto auto;
  position: relative;
}
header h1{
  position: absolute;
  left:0;
  top:20px;
  width:30%;
  max-width: 355px;
}
header a{
  text-decoration: none;
  display: block;
}
header h1 img {
	width: 100%;
}


/* エクストラナビ・グローバルナビ　共通 */
header nav{
  display: flex;
  flex-direction: column;
}
header #eNav,
header #gNav{
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
header li a:hover{
  text-decoration: none;
}
/* エクストラナビ */
header #eNav li{
  font-size:16px;
  letter-spacing: 0.05em;
}
header #eNav li a{
  color:#fff;
  padding:0 35px 0 70px;
  line-height: 40px;
}
header #eNav li a{
  background:#272727 url(/html/user_data/img/common/icon_cart.png) no-repeat 35px center;
}
header #eNav li a:hover{
  background-color:#09a19b;
}
/* グローバルナビ */
header #gNav li{
  font-size: 18px;
  margin-left:4%;
}
header #gNav li#gNav-voice{
  display: none;
}
header #gNav{
  margin-top:30px;
}
header #gNav li a:hover{
  color:#09a19b;
}

/* ----------------------------------------------------
  メインコンテンツ　基本幅
---------------------------------------------------- */
main{
  margin-top:140px;
}

/* ----------------------------------------------------
  全ページ共通　基本幅
---------------------------------------------------- */
/* タイトル */
.ttl01{
  background:url(/html/user_data/img/common/icon_dia.png) no-repeat center bottom;
  text-align: center;
  font-size:32px;
  font-size:2rem;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  padding-bottom:0.8em;
  margin-bottom:1em;
}
.ttl02{
  background:url(/html/user_data/img/common/icon_dia.png) no-repeat 0.25em 0.4em;
  font-size:26px;
  font-size:1.625rem;
  letter-spacing: 0.05em;
  padding:0 0.5em 0.5em 50px;
  border-bottom: 1px dashed #272727;
  margin:0 auto 20px;
}
/* おすすめ商品／関連商品 */
.recommended-list,
.releted-list{
  display: flex;
  flex-wrap: wrap;
}
.recommended-list li,
.releted-list li{
  line-height: 1.5;
  margin:0 0 30px;
}
.recommended-list a,
.releted-list a{
  text-decoration: none;
}
.recommended-list a:hover,
.releted-list a:hover{
  color:#09a19b;
}
.recommended-list dt,
.recommended-list dd,
.releted-list dt,
.releted-list dd{
  margin:0.75em 0;
}
.recommended-list dt,
.releted-list dt{
  font-family: 'Noto Serif JP', sans-serif;
}
.recommended-list dd.item_des,
.releted-list dd.item_des{
  padding-top:0.75em;
  border-top:1px solid #ccc;
}

/* Information */
#information{
  background: #f0f0f0 url(/html/user_data/img/common/bg_seven.png);
}
#information h2{
  display: none;
}
#information .info-inner{
  background: #fff;
  width:100%;
  max-width: 1200px;
  padding:20px 3% 50px;
  margin:auto;
}
#information .info-content{
  display: flex;
  flex-wrap: wrap;
}
#information .info-content01{
  order: 1;
  width: 48%;
  margin:0 2% 0 0;
} 
#information .info-content02{
 order: 3;
 width: 100%;
  margin:0 auto;
} 
#information .info-content03{
  order: 2;
  width:48%;
  margin:0 0 0 2%;
}
#information h3{
  font-size:20px;
  color:#00847f;
  border-bottom:4px double #00847f;
  padding-bottom:0.25em;
  margin:1.75em 0 0.5em;
}
#information h4{
  font-family: "Meiryo","Hiragino Kaku Gothic Pro",  verdana, "Osaka", "MS PGothic", Sans-Serif;
  font-weight: bold;
  margin:1em 0 0.5em;
}
#information .table-fee{
  margin-bottom:5px;
}
#information .table-fee th,
#information .table-fee td{
  border:1px solid #9e9e9e;
  padding:0.5em 0.75em;
}
#information .table-fee th{
  font-weight: normal;
  background: #f0f0f0;
  text-align: left;
}
#information .table-fee td{
  text-align: right;
}

#information .tax{
  text-align: right;
}
#information .table-cost{
  width:100%;
}
#information .table-cost th,
#information .table-cost td{
  border:1px solid #9e9e9e;
  text-align: center;
  padding:0.75em 0;
  /*width: 9.1%;*/
  width: 8.3%;
}
#information .table-cost th{
  background: #f0f0f0;
}

/* 関連リンク */
#related-links li{
  font-family: 'Noto Serif JP', sans-serif;
  width:50%;
  position: relative;
}
#related-links li.to-artist{
  float:left;
}
#related-links li.to-voice{
  float:right;
  padding-top:100px;
  text-align: right;
}
#related-links li a span{
  display: block;
  width: 100%;
  max-width: 400px;
  position: absolute;
  color:#fff;
  background:#272727 url(/html/user_data/img/common/icon_arrow-b.png) no-repeat right 30px center;
  border:1px solid #272727;
  text-decoration: none;
  text-align: left;
  font-size:24px;
  padding:20.8px 0.5em 20.8px 1.5em;
}
#related-links li.to-artist a span{
  left:0;
  bottom:-40px;
  z-index: 1;
}
#related-links li.to-voice a span{
  right:0;
  top:60px;
}
#related-links li a:hover span{
  color:#fff;
  background-color: #09a19b;
  border:1px solid #09a19b; 
}

/* ページトップへ戻る */
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 3%;
  bottom: 50px;
  background: #272727;
  border-radius: 50%;
  display: none;
  border: solid 1px #fff;
}
#page_top a{
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
  border-radius: 50%;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -17px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a:hover {
  background: #09a19b;
}


/* ----------------------------------------------------
  ホーム　基本幅
---------------------------------------------------- */
.p-home .note-home{
  color:#fff;
  background: #e33500;
  text-align: center;
  width:100%;
  max-width: 1600px;
  padding:0.5em;
  margin:0 auto;
  font-size:16px;
  font-size:1rem;
}
.p-home .video-home{
  width:640px;
  float:left;
  margin-right:5%;
  display: block;
  text-align: center;
}
.p-home .video-home iframe{
  width:640px;
  height:360px;
}

/* ホームの作品一覧 */
.p-home #work-list .work-inner{
  display: flex;
  flex-wrap: wrap;
}
.p-home #work-list section{
  width:25%;
  margin-bottom:20px;
}

.p-home #work-list section a{
  width:97%;
  max-width: 290px;
  margin:0 auto;
  background:#fff url(/html/user_data/img/common/bg_gold5.png) repeat-x left bottom;
  text-decoration: none;
  padding-bottom:0.25em;
  display: block;
  height: 100%;
}

.p-home #work-list section h3{
  text-align: center;
  font-size:22px;
  margin:0.5em;
}
.p-home #work-list section p{
  margin:1em;
}

/* ホームのおすすめ商品(5列)*/
.p-home .recommended-list li{
  width:20%;
}
.p-home .recommended-list li img,
.p-home .recommended-list li dl{
  width:92%;
  margin:0 auto;
  display: block;
}

/* ホームの関連リンク */
.p-home #related-links{
  background: #f0f0f0 url(/html/user_data/img/common/bg_check01.jpg);
}



/* ホームのお知らせ */
.p-home #topics .topics-inner{
  position: relative;
}
.p-home #topics h2{
  float:left;
  margin:1em 0 0 6%;
  font-size:26px;
  letter-spacing: 0.05em;
}
.p-home #topics .topics-contents{
  float:right;
  width:65%;
}
.p-home #topics .topics-wrap{
  display: block;
  border-top:2px dotted #aaa;
  width:94%;
  margin:auto;
  padding:0.5em;
}
.p-home #topics .topics-wrap:last-child{
  border-bottom:2px dotted #aaa;
}
.p-home #topics .topics-wrap a:after{
  content: "";
  display: block;
  clear: both;
}
.p-home #topics .topics-wrap a{
  text-decoration: none;
  display: block;
}
.p-home #topics .topics-img{
  float:left;
  width:100px;
  margin-right:15px;
  display: block;
}
.p-home #topics a .topics-date{
  color:#09a19b;
  font-weight: bold;
  display: block;
}
.p-home #topics .topics-msg{
  display: block;
  overflow: hidden;
  text-decoration: underline;
}
.p-home #topics .more01{
  position: absolute;
  left:6%;
  top:100px;
  width:25%;
}


/* ホームのSNS */
.p-home .list-sns {
  position: absolute;
  left: 6%;
  top: 200px;
}
.p-home .list-sns li {
  line-height: 50px;
  margin-bottom: 1rem;
}
.p-home .list-sns li img {
  height: 50px;
}
.p-home .list-sns li span {
  margin-left: .5rem;
}


/*
.p-home #sns{
  display: flex;
  flex-wrap: wrap;
}
.p-home #sns section{
  width:50%;
  text-align: center;
}
.p-home #sns #facebook{
  background: #efeff8;
}
.p-home #sns #instagram{
  background: #fef2fa;
}
.p-home #sns .sns-inner{
  width:90%;
  max-width: 540px;
  margin:50px auto 80px;
}
.p-home #sns #facebook .sns-inner{
  margin-right: 30px;
}
.p-home #sns #instagram .sns-inner{
  margin-left: 30px;
}
.p-home #sns .sns-content{
  margin-top:15px;
}
*/

/* ----------------------------------------------------
  サブページ共通　基本幅
---------------------------------------------------- */
.p-sub #wrap{
  width:96%;
  max-width: 1200px;
  margin:60px auto 0;
}
.p-sub #wrap:after{
  content:"";
  display: block;
  clear: both;
}
.p-sub #main-content{
  width:73%;
  max-width: 870px;
  float:right;
}

#bread{
  width:96%;
  max-width: 1200px;
  margin:auto;
  padding:0.5em 0;
}
#bread li{
  display: inline-block;
  background: url(/html/user_data/img/common/icon_bread.png) no-repeat right 2px;
  font-size:15px;
  line-height: 22px;
  padding-right: 20px;
}
#bread li:last-child{
  background: none;
}
#bread li a{
  text-decoration: none;
}
#bread li a:hover{
  color:#09a19b;
}

.ttl-box{
  background:#f0f0f0 url(/html/user_data/img/common/bg_paper01.jpg);
  height:160px;
  position: relative;
  margin-top:-50px;
  z-index: -1;
}


.ttl-box h2{
  font-size:28px;
  font-size:1.75rem;
  letter-spacing: 0.1em;
  text-align: center;
  width:96%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

/* サブページの関連リンク */
.p-sub #related-links{
  background:#fff url(/html/user_data/img/common/bg_gold5.png) repeat-x top left;
  margin-top:80px;
}

/* サブページのおすすめ商品／関連商品（3列） */
.p-sub .recommended-list li,
.releted-list li{
  width:33.33333%;
}
.p-sub .recommended-list li img,
.p-sub .recommended-list li dl,
.releted-list li img,
.releted-list li dl{
  display: block;
  width:90%;
  margin:0 auto;
}


/* ----------------------------------------------------
  作家紹介・作品紹介 基本幅
---------------------------------------------------- */
/* 作品ができるまで */
.p-artist #step section{
  background:#d59b00 url(/html/user_data/img/common/bg_gold290.png);
  padding:5px;
  margin:0 auto 20px;
  position: relative;
}
.p-artist #step section:after{
  content:"";
  display: block;
  width:3px;
  height:50px;
  background:#09a19b;
  position: absolute;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: -1;
}
.p-artist #step section:last-child:after{
  display: none;
}
.p-artist #step .step-inner{
  width: 100%;
  background: #f6f6f4;
  padding:2px;
  display: table;
}
.p-artist #step h4{
  background: #09a19b;
  font-size:24px;
  font-size:1.5rem;
  color:#fff;
  display:block;
  padding:0.25em 0.25em 0.5em;
  text-align: center;
  vertical-align:middle;
  margin-bottom: 2px;
}
.p-artist #step h4 span{
  color:rgba(255,255,255,0.65);
  font-size:2.08em;
  display: block;
}
.p-artist #step img{
  display: block;
  width:50%;
  max-width:490px;
  float:left;
  margin-right:1.5%;
}
.p-artist #step .step-text{
  padding:0.75em 1.5%;
  overflow: hidden;
}
.p-artist #step .step-text p:first-child{
  font-family: 'Noto Serif JP', sans-serif;
  color:#00847f;
  font-size:26px;
  font-size:1.625rem;
  margin-bottom:0.75em;
}

/* 節句の人形は… */
.p-artist #about-doll{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-height: 550px;
  padding:50px 30px 0 50px;
}
.p-artist #about-doll p{
  width:90%;
  font-family: 'Noto Serif JP', sans-serif;
  font-size:24px;
  font-size:1.5rem;
  line-height: 2;
  letter-spacing: 0.1em;
  margin:0 auto 0 2%;
}
.p-artist #about-doll .doll-img{
  position: absolute;
  right:15px;
  top:200px;
  width: 75%;
}

/* ----------------------------------------------------
  商品一覧　基本幅
---------------------------------------------------- */
.p-products #products-list{
  margin:0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: stretch;
}
.p-products #products-list section{
  width: 48%;
  max-width: 410px;
  margin-bottom:40px;
}
.p-products #products-list a{
  text-decoration: none;

}
.p-products #products-list a:hover{
  color:#09a19b;
}
.p-products #products-list h3{
  font-size:22px;
  font-size:1.375rem;
  margin:0.5em 0;
}
.p-products #products-list h3 span{
  font-size:16px;
}
.p-products #products-list p{
  line-height: 1.7;
}
/* ----------------------------------------------------
  商品詳細　各商品共通　基本幅
---------------------------------------------------- */
.bread-box{
  background:#f0f0f0 url(/html/user_data/img/common/bg_paper01.jpg); 
}
.p-sub.p-detail #wrap{
  margin:30px auto 0;
}

/* フリーエリア */
.p-sub.p-detail #freearea{
  margin:20px auto;
}
.p-sub.p-detail #freearea .text-main{
  margin:20px auto;
}
.p-sub.p-detail #freearea .text-main p{
  line-height: 2;
}
.p-sub.p-detail #freearea .img-size{
  margin:50px auto 60px;
}
.p-sub.p-detail #freearea .part{
  margin:80px auto;
}
.p-sub.p-detail #freearea .part .cap-box{
  background:#d59b00 url(/html/user_data/img/common/bg_gold290.png);
  padding-left:5px;
}
.p-sub.p-detail #freearea .part .cap-inner{
  background: #eee;
  padding:15px 20px 15px 30px;
}
.p-sub.p-detail #freearea .part h3,
.p-sub.p-detail #freearea .part p{
  line-height: 2;
  margin:0;
}
.p-sub.p-detail #freearea .part h3{
  font-size:22px;
  font-size:1.375rem;
  margin-bottom:15px;
}
.p-sub.p-detail #freearea .video,#artist .video{
  text-align: center;
}
.p-sub.p-detail #freearea .video iframe{
  width:640px;
  height:360px;
}
#artist .video iframe{
  width:640px;
  height:360px
}
/* フリーエリア内の「予約注文のお客様へ」 */
.p-sub.p-detail #freearea #reserve{
  background: #d59b00 url(/html/user_data/img/common/bg_gold290.png);
  padding: 5px;
  margin:80px auto 50px;
}
.p-sub.p-detail #freearea .reserve-inner{
  background: #f6f6f4;
  padding: 2px;
}
.p-sub.p-detail #freearea .reserve-ttl{
  font-size:26px;
  font-size:1.625rem;
  background: #09a19b;
  color:#fff;
  padding:0.75em 0.25em;
  text-align: center;
}
.p-sub.p-detail #freearea .reserve-content{
  padding:1.5em 3.5%;
}
.p-sub.p-detail #freearea .reserve-mail{
  background:#fff;
  padding:1.25em 3.5%;
  margin:1em 0;
}
.p-sub.p-detail #freearea .reserve-tel{
  font-size:1.25em;
}
.p-sub.p-detail #freearea .reserve-flow dt{
  font-size:22px;
  font-size:1.375rem;
  font-family: 'Noto Serif JP', sans-serif;
  color:#09a19b;
  margin:1em 0 0.5em;
}
.p-sub.p-detail #freearea .reserve-flow li{
  margin-bottom:0.25em;
}
.p-sub.p-detail #freearea .reserve-contact a{
  color:#fff;
  background:#272727 url(/html/user_data/img/common/icon_mail.png) no-repeat 2.5em center;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 32px;
  padding:0.5em 2em 0.5em 3.5em;
  width:90%;
  max-width: 330px;
  margin:2em auto 0.5em;
  font-family: 'Noto Serif JP', sans-serif;
}
.p-sub.p-detail #freearea .reserve-contact a:hover{
  background-color: #09a19b;
}

.p-sub.p-detail #freearea .typeface{
  box-shadow: 0 0 5em #eee inset;
  border:1px solid #ccc;
  padding:1.5em;
}
.p-sub.p-detail #freearea .typeface img{
  width: 266px;
  float:left;
  margin-right: 30px;
  box-shadow: 0 0 1em #ddd;
  display: block;
}
.p-sub.p-detail #freearea .typeface li{
  margin-top:0.25em;
}
.p-sub.p-detail #freearea .typeface-text{
  font-family: 'Noto Serif JP', sans-serif;
  font-size:20px;
  margin-bottom:0.5em;
}
.p-sub.p-detail #freearea .typeface-guide{
  margin:1em 0 0 310px;
}
.p-sub.p-detail #freearea .typeface-guide li{
  color:#e33500;
  text-indent: -1em;
}
.p-sub.p-detail #freearea .typeface-guide li:before{
  content:"※";

}

/* 関連商品上に挿入した「予約注文のお客様へ」 */
.p-sub.p-detail #freeareaTrim #reserve_2 {
  background: #d59b00 url(/html/user_data/img/common/bg_gold290.png);
  padding: 5px;
  /*margin:80px auto 50px;*/
  margin: 0 auto 50px;
}
.p-sub.p-detail #freeareaTrim .reserve-inner{
  background: #f6f6f4;
  padding: 2px;
}
.p-sub.p-detail #freeareaTrim .reserve-ttl{
  font-size:26px;
  font-size:1.625rem;
  background: #09a19b;
  color:#fff;
  padding:0.75em 0.25em;
  text-align: center;
}
.p-sub.p-detail #freeareaTrim .reserve-content{
  padding:1.5em 3.5%;
}
.p-sub.p-detail #freeareaTrim .reserve-mail{
  background:#fff;
  padding:1.25em 3.5%;
  margin:1em 0;
}
.p-sub.p-detail #freeareaTrim .reserve-tel{
  font-size:1.25em;
}
.p-sub.p-detail #freeareaTrim .reserve-flow dt{
  font-size:22px;
  font-size:1.375rem;
  font-family: 'Noto Serif JP', sans-serif;
  color:#09a19b;
  margin:1em 0 0.5em;
}
.p-sub.p-detail #freeareaTrim .reserve-flow li{
  margin-bottom:0.25em;
}
.p-sub.p-detail #freeareaTrim .reserve-contact a{
  color:#fff;
  background:#272727 url(/html/user_data/img/common/icon_mail.png) no-repeat 2.5em center;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 32px;
  padding:0.5em 2em 0.5em 3.5em;
  width:90%;
  max-width: 330px;
  margin:2em auto 0.5em;
  font-family: 'Noto Serif JP', sans-serif;
}
.p-sub.p-detail #freeareaTrim .reserve-contact a:hover{
  background-color: #09a19b;
}

.p-sub.p-detail #freeareaTrim .typeface{
  box-shadow: 0 0 5em #eee inset;
  border:1px solid #ccc;
  padding:1.5em;
}
.p-sub.p-detail #freeareaTrim .typeface img{
  width: 266px;
  float:left;
  margin-right: 30px;
  box-shadow: 0 0 1em #ddd;
  display: block;
}
.p-sub.p-detail #freeareaTrim .typeface li{
  margin-top:0.25em;
}
.p-sub.p-detail #freeareaTrim .typeface-text{
  font-family: 'Noto Serif JP', sans-serif;
  font-size:20px;
  margin-bottom:0.5em;
}
.p-sub.p-detail #freeareaTrim .typeface-guide{
  margin:1em 0 0 310px;
}
.p-sub.p-detail #freeareaTrim .typeface-guide li{
  color:#e33500;
  text-indent: -1em;
}
.p-sub.p-detail #freeareaTrim .typeface-guide li:before{
  content:"※";

}

/* 商品説明 */
.p-sub.p-detail #product-description{
  border-top:1px solid #272727;
  border-bottom:1px solid #272727;
  padding:1em 0;
  line-height: 2;
}
/* 商品説明内の説明リスト */
.p-sub.p-detail #product-description .gift li,
.p-sub.p-detail #product-description .cart li{
  color:#e33500;
  padding-left:1em;
  text-indent: -1em;
  margin-bottom:1em;
  line-height: 1.7;
}
.p-sub.p-detail #product-description .cart li{
  margin-bottom:0;
}
.p-sub.p-detail #product-description .gift li:before{
  content:"★";
}
.p-sub.p-detail #product-description .cart li:before{
  content:"※";
}
/* 価格 */
.p-sub.p-detail .kakaku{
  font-size: 20px;
  font-size:1.25rem;
  color:#272727;
}
/* 注文エリア */
.p-sub.p-detail #order-box{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  margin:80px auto;
}
.p-sub.p-detail .order-left{
  width:37%;
}
.p-sub.p-detail .order-left .zoom a{
  display: block;
  margin-top:0.5em;
  text-decoration: none!important;
}
.p-sub.p-detail .order-left .zoom a:before{
  font-family: 'Font Awesome\ 5 Free';
  content:"\f00e";
  font-weight: bold;
  margin-right:0.5em;
}
.p-sub.p-detail .order-left .zoom a:hover{
  color:#09a19b;
}
.p-sub.p-detail .order-right{
  width:60%;
}

/*.p-sub.p-detail .addcart-box{
  background: #eee;
  padding:20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 520px;
}
.p-sub.p-detail .btn_cart{
  width:250px;
  height:60px;
  margin:5px 0;
}
.p-sub.p-detail .btn_cart button{
  width:100%;
  font-size:16px;
  line-height: 1;
  letter-spacing: 0.05em;
  color:#fff;
  padding:22px 0 22px 30px;
  height: 60px;
  font-family: 'Noto Serif JP', sans-serif;
  border:none;
  background:#09a19b url(/html/user_data/img/common/icon_cart.png) no-repeat 35px center;
}
.p-sub.p-detail .btn_cart button:hover{
  background-color:#272727;
  cursor: pointer;
}*/
/*.p-sub.p-detail .ec-productRole__actions{
  height:60px;
}*/
.p-sub.p-detail .ec-productRole__btn button{
  font-family: 'Noto Serif JP', sans-serif;
  background:#09a19b url(/html/user_data/img/common/icon_cart.png) no-repeat 35px center;
  font-size:16px;
  font-weight: normal;
}
.p-sub.p-detail .ec-productRole__btn button:hover{
  background-color:#272727;
}

/* ----------------------------------------------------
  ご購入案内　基本幅
---------------------------------------------------- */
/* ご注文方法 */
.p-guide #order-flow .orderflow-inner{
  background: #deeeed;
  width:100%;
  margin:0 auto;
  padding:30px 2.5%;
}
.p-guide #order-flow section{
  width:100%;
  background: #fff;
/*  display:table;*/
  margin:0 auto 20px;
  padding:5px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
}
.p-guide #order-flow section:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 15px 15px 0 15px;
}
.p-guide #order-flow section:last-child:after{
  border:none;
}
.p-guide #order-flow .no,
.p-guide #order-flow h4{
  display: flex;
  align-items: center;
}
.p-guide #order-flow .no{
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 30px;
  font-size:1.875rem;
  width:auto;
  padding:0 0.5em;
  color:rgba(255,255,255,0.7);
  background: #008d87;
}
.p-guide #order-flow h4{
  font-size:24px;
  font-size:1.5rem;
  flex: 1;
  padding:0.75em;
  color:#fff;
  background: #09a19b;
}
.p-guide #order-flow section p{
  background: #fff;
  padding:1em;
  width: 100%;
}
.p-guide #order-flow .other{
  width:100%;
  background: #fff;
  margin:30px auto 20px;
  padding:1.25em;
}
/* 特定商取引に関する法律に基づく表記 */
.p-guide #tradelaw .table-law{
  margin:30px auto;
}
.p-guide #tradelaw .table-law tr{
  border-top:1px solid #9e9e9e;
  border-bottom:1px solid #9e9e9e;
}
.p-guide #tradelaw .table-law th,
.p-guide #tradelaw .table-law td{
  padding:1.25em 3%;
}
.p-guide #tradelaw .table-law th{
  background: #f0f0f0;
  text-align: left;
  width:25%;
  min-width: 6em;
}


.p-guide #tradelaw .table-law dl dt{
  font-weight: bold;
  margin:1.5em 0 0.25em;
}
.p-guide #tradelaw .table-law dl dt:first-child{
  margin-top:0;
}
.p-guide #tradelaw .table-fee02{
  margin-bottom:5px;
}
.p-guide #tradelaw .table-fee02 td,
.p-guide #tradelaw .table-fee02 th,
.p-guide #tradelaw .table-cost02 th,
.p-guide #tradelaw .table-cost02 td{
  border:1px solid #9e9e9e;
  width:auto;
  min-width: auto;
}
.p-guide #tradelaw .table-fee02 th,
.p-guide #tradelaw .table-fee02 td{
  padding:0.5em 0.75em;
  font-weight: normal;
}
.p-guide #tradelaw .table-fee02 td{
  text-align: right;
}
.p-guide #tradelaw .table-cost02 th,
.p-guide #tradelaw .table-cost02 td{
  white-space: nowrap;
  padding:0.5em 3em;
}

.p-guide #tradelaw .table-cost02 td{
  text-align: right;
}

/* ----------------------------------------------------
  店舗案内・交通アクセス　基本幅
---------------------------------------------------- */
.p-about .googlemap iframe{
  width:100%;
  height:650px;
  border:0;
  margin:30px auto;
}
.p-about p.koutsu-access{
  font-weight: bold;
}
.p-about dl.koutsu-access dd ul li{
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	margin-right: 10px;
	margin-left: 5px;
}
.p-about dl.koutsu-access dd ul li::after{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #272727;
	top: 50%;
	margin-top: -5px;
	right: -15px;
}
.p-about dl.koutsu-access dd ul li:last-child::after{
	content: none;
}
.p-about dl.koutsu-access dd ul li.station{
	border:1px solid #272727;
	padding: 2px;
}
.p-about dl.koutsu-access dd ul li.senro{
	border-bottom:3px solid #272727;
	padding: 2px;
	line-height: 1.4;
}
.p-about dl.koutsu-access dt.w40{
	width: 40%;
}

/* ----------------------------------------------------
  お客様の声　基本幅
---------------------------------------------------- */
.p-voice #tabList{
  margin:0 auto 40px;
  overflow: hidden;
}
.p-voice #tabList li {
  float: left;
  width:14.285%;
  margin-left: -1px;
  font-size:20px;
  font-size:1.25rem;
  font-family: 'Noto Serif JP', sans-serif;
  text-align: center;
}
.p-voice #tabList li:first-child{
  margin-left:0;
}
.p-voice #tabList li a {
  width: 100%;
  display: block;
  border:1px solid #272727;
  text-decoration: none;
  padding:0.5em 0.25em;
}
.p-voice #tabList li a:hover,
.p-voice #tabList li a:focus,
.p-voice #tabList li.current a{
  background: #272727;
  color:#fff;
  border-left: 1px solid #fff;
}
.p-voice #tabList li:first-child a:hover,
.p-voice #tabList li:first-child a:focus,
.p-voice #tabList li:first-child.current a{
  border-left:1px solid #272727;
}
.p-voice #tabList li.current:after{
  content:"▼";
  display: block;
}
.p-voice .tabHead  {
  display: none;
}
.p-voice .tabBody {
}
.p-voice scrText,
.p-voice .backToTab a {
  position: absolute;
  height: 0;
  overflow: hidden;
}
.backToTab a:focus {
  position: static;
  height: auto;
}
.p-voice .voice-content{
	background:url(../../../../user_data/img/common/bg_tonbo.png),
					 #f0f0f0 url(../../../../user_data/img/common/bg_paper02.jpg);
	background-repeat:no-repeat,repeat;
	background-position:right bottom,left top;
  padding:30px 4.5%;
  margin-bottom:20px;
}
.p-voice .voice-content h3{
  background: url(../../../../user_data/img/common/bg_gold40.png) repeat-y left center;
  background-size:5px auto;
  padding:0.5em 0.5em 0.5em 1.25em;
  margin-bottom:1.5em;
  display: flex;
  flex-wrap : wrap;
}
.p-voice .voice-content h3 span{
  line-height: 32px;
}
.p-voice .voice-content h3 .product-name{
  color:#00847f;
  font-size:20px;
  margin-right: 2em;
}
.p-voice .voice-content h3 .customer-name{
  font-size:16px;
  font-family: "Meiryo","Hiragino Kaku Gothic Pro",  verdana, "Osaka", "MS PGothic", Sans-Serif;
  color:#272727;
}

.p-voice .voice-content .voice-img{
  margin-top:1em;
}


/* ----------------------------------------------------
　サイドメニュー　基本幅
---------------------------------------------------- */
.p-sub #side{
  width:25%;
  max-width: 270px;
  float:left;
}
#side dl{
  margin-bottom:20px;
}
#side dt{
  font-family: 'Noto Serif JP', sans-serif;
  background: #09a19b;
  color:#fff;
  font-size:18px;
  font-size:1.125rem;
  text-align: center;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0.25em;
}
#side #side-category li a{
  display:flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  height:80px;
  padding:5px 5%;
  border-bottom:1px dashed #272727;
}
#side #side-category li a:hover{
  background-color:#deeeed;
}
#side #side-category li a img{
  margin-right: 10%;
  float: left;
}

#side #side-cart{
  background:#deeeed;
  padding-bottom: 15px;
}
#side #side-cart dd{
  background: #fff;
  width: 90%;
  margin:15px auto 0;
  padding:10px 5%;
  display: flex;
  justify-content: space-between;
}
#side #side-cart dd:last-child{
  padding:0;
  display: inherit;
}
#side #side-cart dd a{
  font-family: 'Noto Serif JP', sans-serif;
  display: block;
  color:#fff;
  background:#272727 url(/html/user_data/img/common/icon_cart.png) no-repeat 15% center;
  padding:10px 1% 10px 35%;
  text-decoration: none;
}
#side #side-cart dd a:hover{
  background-color:#09a19b;
}
#side #side-link-list li a{
  display:flex;
  border:1px solid #272727;
  height:50px;
  align-items: center;
  text-decoration: none;
  margin-bottom:10px;
  background: #fff url(/html/user_data/img/common/icon_bread.png) no-repeat right 5% center;
  padding:0 14% 0 7%;
  line-height: 1.3;
}
#side #side-link-list li a:hover{
  background-color:#deeeed;
}

/* ----------------------------------------------------
　フッター　基本幅
---------------------------------------------------- */
footer{
  background: #272727 url(/html/user_data/img/common/bg_gold5.png) repeat-x left top;
  padding:60px 0 10px;
  position: relative;
}
footer,
footer a{
  color:#e9e9e9;
  text-decoration: none;
}
footer a:hover{
  text-decoration:underline;
}
footer a:hover img{
  text-decoration:underline;
}
footer .footer-inner{
  width:100%;
  max-width: 1200px;
  margin:auto;
  display: flex;
  flex-wrap: wrap;
}
footer address{
  width:31%;
}
footer address dt{
  margin-bottom:2em;
}
footer address dd{
  margin-bottom:0.5em;
}
footer address dd ul{
  max-width: 300px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
footer address dd ul li{
  width:33.33333%;
}
footer .btn-insta{
  color: #FFF;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  height: 19px;
  width: 95px;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
  text-decoration:none;
  margin-top:-5px;
}
footer .btn-insta:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
footer .btn-insta .fa-instagram{
  font-size:12px;
  position: relative;
  top:1px;
  margin-right: 0.25em;
}
footer .btn-insta span {
  display:inline-block;
  position: relative;
  transition: .5s
}
footer .btn-insta:hover{
  text-decoration: none;
}

footer #fNav{
  width:44%;
  display: flex;
  flex-wrap: wrap;
}
footer .fNav01{
  width: 33%;
}
footer .fNav02{
  width: 67%;
}
footer #fNav li{
  margin:1em 0;
}
footer #fNav li li:before{
  margin:0 0.5em;
  content:"-";
}
footer .seiki{
  width: 25%;
}
footer .seiki dl{
  border:1px solid #09a19b;
  padding:0.75em;
  display: inline-block
}
footer .seiki dt{
  color:#09a19b;
  float:left;
  width:8em;
}
footer .seiki dd{
  overflow: auto;
}
footer #copyright{
  width: 100%;
  font-size:14px;
  text-align: right;
  margin-top:1em;
}
footer #pagetop a img{
  position: absolute;
  top:-40px;
  left: 0;
  right: 0;
  margin: auto;
}
footer #pagetop a:hover img{
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100)";
}

/* ----------------------------------------------------
  他
---------------------------------------------------- */
.pagelink{
  padding-top:150px;
}
.font14{font-size:14px}
.font18{font-size:18px}
.font20{font-size:20px}
.font22{font-size:22px}
.font32{font-size:32px}
.font36rem{font-size:36px;font-size:2.25rem}

.min{font-family: 'Noto Serif JP', sans-serif}

.red{color:#e33500}
.bold{font-weight: bold}

.more01{
  font-family: 'Noto Serif JP', sans-serif;
  font-size:20px;
  letter-spacing: 0.05em;
  display: block;
  background: #fff url(/html/user_data/img/common/icon_arrow-w.png) no-repeat right 30px center;
  border:1px solid #272727;
  text-decoration: none;
  padding:0.5em 0.5em 0.5em 1.5em;
}
.more01:hover{
  color:#fff;
  background: #09a19b url(/html/user_data/img/common/icon_arrow-b.png) no-repeat right 30px center;
  border:1px solid #09a19b;
  text-decoration: none;
}

.inner1200{
  width:100%;
  max-width: 1200px;
  margin:auto;
}

.right{text-align: right}

.w90per{width: 90%;margin:auto}
.max420{max-width: 420px}

.bg-white{background: #fff;}
.bg-paper01{background: #f0f0f0 url(/html/user_data/img/common/bg_paper01.jpg)}
.bg-check01{background: #f0f0f0 url(/html/user_data/img/common/bg_check01.jpg)}


.center{text-align: center}

.mt1em{margin-top:1em}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px}
.mt80-60{margin-top:80px}

.mr10{margin-right:10px}
.mb15{margin-bottom:15px}

.mb5{margin-bottom:5px}
.mb30{margin-bottom:30px!important}
.mb80-60{margin-bottom:80px}

.p30{padding:30px}
.pt80-60{padding-top:80px}
.pb50{padding-bottom:50px}
.pb80-60{padding-bottom:80px}


.cf:after{
  content:"";
  display: block;
  clear: both;
}

a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
}


/* ====================================================

1279px幅以下

==================================================== */

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

html{
	font-size:98%
}  
  
/* ----------------------------------------------------
  ヘッダー 1279px幅以下
---------------------------------------------------- */
header .header-inner{
  width:94%;
}

/* ----------------------------------------------------
  全ページ共通 1279px幅以下
---------------------------------------------------- */
/* Information */
#information .info-inner{
  width:94%;
  padding:10px 4% 40px;
}
  

/* ----------------------------------------------------
  ホーム 1279px幅以下
---------------------------------------------------- */  
/* ホームのSNS */
.p-home #sns section{
  width: 100%;
}
.p-home #sns #facebook .sns-inner{
  margin-right: auto;
}
.p-home #sns #instagram .sns-inner{
  margin-left:auto;
}
/* ----------------------------------------------------
  作家紹介・作品紹介　1279px幅以下
---------------------------------------------------- */
/* 作家紹介 */
.p-artist #artist .artist-img{
  right:-5%;
}

/* 節句の人形は… */
  .p-artist #about-doll p{
    margin:0 auto;
  }
.p-artist #about-doll .doll-img{
  position:static;
  width: 96%;
  margin:15px auto 0;
}
  
  

/* ----------------------------------------------------
　フッター　1279px幅以下
---------------------------------------------------- */
footer .footer-inner{
  width:94%;
}
footer address{
  width:43%;
}
footer #fNav{
  width:57%;
}

footer #fNav li li:before{
  content:" - ";
}
footer .seiki{
  width: auto;
  margin:30px auto;
}


  
/* ----------------------------------------------------
  他　1279px以下
---------------------------------------------------- */
.inner1200{
  width:92%;
}
  
  


/* ====================================================

 1024px幅以下

==================================================== */

@media screen and (max-width: 1024px) {
html{
	font-size:96%
}  
 
/* ----------------------------------------------------
  ヘッダー　1024px以下
---------------------------------------------------- */ 
header h1{
  top:0;
  width:280px;
}
/* グローバルナビ */
header #gNav{
  justify-content:space-between;
}
header #gNav li{
  margin-left:0;
  justify-content:space-between;
}

/* ----------------------------------------------------
  メインコンテンツ　1024px以下
---------------------------------------------------- */

/* ----------------------------------------------------
  全ページ共通 1024px以下
---------------------------------------------------- */
/* 関連リンク */
#related-links li{
  width:100%;
}

/* Information */
#information .info-content01,
#information .info-content02,
#information .info-content03{
  width:100%;
  margin:0 auto;  
}
#information .info-content02{
  order: 2;
} 
#information .info-content03{
  order: 3;
}
#information .tax,
#information .table-cost{
  max-width: 400px;
}
#information .table-cost tr:first-child{
  display: block;
  float:left;
  width:40%;
}
#information .table-cost tr:last-child{
  display: block;
  float:right;
  width:60%;
}
#information .table-cost th,
#information .table-cost td{
  display: block;
  padding:0.5em 1em;
  width: auto;
  margin-bottom:-1px;
}
#information .table-cost th{
  border-right:none
}

 
  
/* ----------------------------------------------------
  ホーム 1024px以下
---------------------------------------------------- */
.p-home .video-home{
  width:100%;
  float:none;
  margin:0 auto 1em;
}

/* ホームの作品一覧 */
.p-home #work-list section{
  width:33.33333%;
}
  
/* ホームのおすすめ商品(3列)*/
.p-home .recommended-list li{
  width:33.33333%;
}
  


  
/* ホームのお知らせ */
.p-home #topics h2{
  float:none;
  margin:0 auto 1em;
  text-align: center;
}
.p-home #topics .topics-contents{
  float:none;
  width: 100%;
}
.p-home #topics .more01{
  position: static;
  width:100%;
}

/* ホームのSNS */
.p-home .list-sns {
  position: static;
  margin-top: 2rem;
}
/*
.p-home #sns section{
  width: 50%;
}
.p-home #sns #facebook .sns-inner,
.p-home #sns #instagram .sns-inner{
  width:84%;
  margin:50px auto;
}
.p-home #sns h2 a{
  margin:auto;
  display: block;
  padding:20px 5% 10px;
}  
.p-home #sns #facebook h2 a{
  border:1px solid #004fa3;
}
.p-home #sns #instagram h2 a{
  border:1px solid #111;
}
.p-home #sns .sns-content{
  display: none;
}
.p-home #sns h2 a:hover{
  background: #fff;
}
*/
  
/* ----------------------------------------------------
  サブページ共通　1024px以下
---------------------------------------------------- */ 
/* おすすめ商品／関連商品（ここから2列） */
.p-sub .recommended-list li,
.releted-list li{
  width:50%;
}

/* ----------------------------------------------------
  作家紹介・作品紹介　1024px以下
---------------------------------------------------- */
/* 作家紹介 */
.p-artist #artist{
  align-items: baseline;
  position: static;
  width: 92%;
  margin:auto;
}
.p-artist #artist .artist-text-out{
  width: 100%;
  max-width: 680px;
  display: block;
  align-items: baseline;
  position: static;
  order: 2;
}
.p-artist #artist .artist-text-in{
  position: static;
  width:100%;
}
.p-artist #artist .artist-img{
  align-items:baseline;
  width: 100%;
  max-width: 680px;
  position: static;
  order: 1;
  margin:0 auto 20px;
}

.p-artist #artist .artist-img:after{
  display: none;
}
/* 奈良一刀彫 */
.p-artist #nara-ittobori{
  flex-wrap: wrap;
  align-items: baseline;
  padding:80px 0;
}
.p-artist #nara-ittobori .itto-img{
  width:92%;
  margin:auto;
}
.p-artist #nara-ittobori .itto-text-out{
  width: 100%;
}
.p-artist #nara-ittobori .itto-text-in{
  max-width: 680px;
  margin:auto;
}
/* 作品ができるまで */
.p-artist #step section{
  width:96%;
  max-width:494px;
  padding:4px;
}
.p-artist #step section:after{
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.p-artist #step section h4{
  display: block;
  width: 100%;
  margin-bottom:2px;
}
.p-artist #step img{
  width:100%;
  float:none;
  margin:auto;
}
.p-artist #step .step-text{
  width:100%;
  padding:0.75em 3%;
}
/* 節句の人形は… */
.p-artist #about-doll{
  position: static;
  padding:60px 0;
}
.p-artist #about-doll .doll-text{
  width:92%;
  margin:0 auto;
  order: 1;
}
.p-artist #about-doll .doll-img{
  position: static;
  order: 2;
}
  
 /* ----------------------------------------------------
  商品詳細　1024px以下
---------------------------------------------------- */ 
/* フリーエリア */
.p-sub.p-detail #freearea .video iframe,#artist .video iframe{
  width:480px;
  height:270px;
}

/* ----------------------------------------------------
  お客様の声　1024px以下
---------------------------------------------------- */
 .p-voice #tabList li a{
  position: relative;
  height: 6em;
  padding:0.25em;
}

.p-voice #tabList li a .tabItem {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  position:absolute;
  top:1em;
  left: 50%;
  transform: translateX(-50%);
}

/* ----------------------------------------------------
　サイドメニュー　1024px幅以下
---------------------------------------------------- */  
#side #side-category li a{
padding:5px 1.5%;
}
#side #side-category li a img{
  margin-right: 5%;
}
  
#side #side-cart dd{
  font-size:14px;
}
#side #side-cart dd a{
  font-size:1rem;
}  

/* ----------------------------------------------------
　フッター　1024px幅以下
---------------------------------------------------- */
footer address{
  width:100%;
  text-align: center;
}
footer address dd ul{
  margin:auto;
}
footer #fNav{
  width:100%;
  max-width: 500px;
  margin:30px auto;
}
footer .fNav01{
  width: 35%;
}
footer .fNav02{
  width: 65%;
}
  

/* ----------------------------------------------------
  他 1024px以下
---------------------------------------------------- */

.mt80-60{margin-top:70px}
.mb80-60{margin-bottom:70px}  

.pt80-60{padding-top:70px}  
.pb80-60{padding-bottom:70px}  
  
br.pc-only{display: none}

}


}


/* ====================================================

 767px幅以下

==================================================== */


@media screen and (max-width: 767px) {
html{
	font-size:94%
}  

 /* ----------------------------------------------------
  ヘッダー　767px以下　※ここから１カラムでハンバーガーメニュー
---------------------------------------------------- */ 
header{
	height:90px;
}
header h1{
  top:0;
  width:280px;
}
/* エクストラナビ・グローバルナビ　共通 */
header #eNav,
header #gNav{
  flex-direction: column;
  text-align: left;
  width: 100%;
  margin:0 auto 2px;
  display: block;
}
header #eNav li,
header #gNav li{
  font-size:18px;
  font-size:1.125rem;
  margin:0;
  letter-spacing: 0;
  width:100%
}

header #eNav li a,  
header #gNav li a{
  padding:0.75em 20px;
  margin-bottom:2px;
}

/* エクストラナビ */
header #eNav{
  order: 2;
}
header #eNav li a{
  padding-left:55px;
  line-height: 30px;
}
header #eNav li:nth-child(1) a,
header #eNav li:nth-child(2) a{
  background-position: 20px center;
}
header #eNav li a:hover{
  background-color:#09a19b;
}

/* グローバルナビ */
header #gNav{
  order: 1;
}
header #gNav li#gNav-voice{
  display:inline-block;
}
header #gNav li a{
  background: #fff;
}
header#topnav .navDrawr {
  position: fixed;
  width: 210px;
  top: 90px;
  bottom: 0;
  right: -210px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #efefef;
  padding:10px;
}
.navDrawrBtn span{
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	display: flex;
  line-height: 48px;
  border:1px solid #272727;
  width:160px;
}

.navDrawrBtn span::before,
.menuOpen .navDrawrBtn span::before{
	font-family: 'Font Awesome\ 5 Free';
	font-weight: bold;
	font-size:30px;
  width:60px;
  text-align: center;
  display: inline-block;
}
.navDrawrBtn span::before {
	content: "\f0c9";/* 三ボタン */
}
.menuOpen .navDrawrBtn span::before {
	content: "\f00d";/*　×ボタン */
}  
.navDrawrBtn span::after,
.menuOpen .navDrawrBtn span::after{
  width:100px;
  font-size: 20px;
} 
.navDrawrBtn span::after{
	content: "メニュー";
}
.menuOpen .navDrawrBtn span::after {
 content:"閉じる";
  letter-spacing: 0.1em;
}
.navDrawr a {
		position: relative;
}
  
  
/* ----------------------------------------------------
  メインコンテンツ　767px以下
---------------------------------------------------- */
main{
  margin-top:90px;
}
  
/* ----------------------------------------------------
  HOME　767px以下
---------------------------------------------------- */
.p-home .video-home iframe{
  width:560px;
  height:315px;
}
  
/* ----------------------------------------------------
  サブページ共通　767px以下　※ここから１カラム
---------------------------------------------------- */
  
.ttl-box{
  height:140px;
}
.p-sub #wrap{
  width: 100%;
}
.p-sub #main-content{
 width: 100%;
 float:none;
 margin:0 auto;
}

/* おすすめ商品／関連商品 */
.p-sub .recommended-list,
.p-sub .releted-list{
  width:94%;
  margin:0 auto;
}

  
/* ----------------------------------------------------
  作家紹介・作品ができるまで　767px以下
---------------------------------------------------- */
.p-artist #nara-ittobori{
  background: #f6f6f4;
    
 }
.p-artist #nara-ittobori .ittobori-inner{
  width:94%;
  margin:0 auto;
}
  
/* ----------------------------------------------------
  商品一覧　767px以下
---------------------------------------------------- */
.p-products #products-list{
  width:94%;
}
  
 /* ----------------------------------------------------
  商品詳細　767px以下
---------------------------------------------------- */ 
/* フリーエリア */
.p-sub.p-detail #freearea{
  width:94%;
}
.p-sub.p-detail #freearea .typeface-guide{
  clear: both;
  margin:1em 0 0 1em;
  padding-top:1em;

}

  
.p-sub.p-detail #freearea .video iframe,#artist .video iframe{
  width:560px;
  height:315px;
}
  
/* 注文エリア */
.p-sub.p-detail #order-box{
  width:94%;
}
  

  
/* ----------------------------------------------------
  店舗案内・交通アクセス　基本幅
---------------------------------------------------- */
.p-about .googlemap iframe{
  height:350px;
}
.p-about dl.koutsu-access dt.w40{
	width: 100%;
}
.p-about dl.koutsu-access dt{
	margin-bottom: 1.0em;
}
/* ----------------------------------------------------
  お客様の声　767px以下
---------------------------------------------------- */
.p-voice .tabContent{
  width:94%;
  margin:0 auto 80px;
}
.p-voice .voice-content{
  background-size: 50%,auto;
} 
 
/* ----------------------------------------------------
  サイドメニュー　767px以下
---------------------------------------------------- */
.p-sub #side{
  width:94%;
  max-width: inherit;
  margin:30px auto;
  float: none;
}
#side #side-category ul{
  display: flex;
  flex-wrap: wrap;
}
#side #side-category li{
  width:50%;  
}
#side #side-category li:nth-child(odd) a{
  border-right:1px dashed #272727;
}
#side #side-cart{
  background:#deeeed;
  padding-bottom: 15px;
}
#side #side-cart dd{
  background: #fff;
  width: 90%;
  max-width: 270px;
  margin:15px auto 0;
  padding:10px 5%;
}
#side #side-cart dd:last-child{
  padding:0;
}
#side #side-link-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#side #side-link-list li{
  width: 49%;
}

}


/* ====================================================

 599px幅以下

==================================================== */

@media screen and (max-width: 599px) {
  
html{
	font-size:92%;
}
  
/* ----------------------------------------------------
  全ページ共通 599px以下
---------------------------------------------------- */ 

  
/* ----------------------------------------------------
  ホーム 599px以下
---------------------------------------------------- */ 
.p-home .video-home iframe{
  width:400px;
  height:225px;
}
  
/* ホームの作品一覧 */
.p-home #work-list section{
  width:50%;
}

/* ホームのおすすめ商品 */
.p-home .recommended-list li{
  width:50%;
}
  
/* ホームのお知らせ */

.p-home #topics dt{
  float:none;
}
  
/* ----------------------------------------------------
  サブページ共通　599px以下
---------------------------------------------------- */
  


  
/* ----------------------------------------------------
  商品一覧　599px以下
---------------------------------------------------- */
.p-products #products-list section{
  width:100%;
  margin:0 auto 40px;
}

/* ----------------------------------------------------
  商品詳細 599px以下
---------------------------------------------------- */
.p-sub.p-detail #freearea .video iframe,#artist .video iframe{
  width:400px;
  height:225px;
}
  
/* 注文エリア */
.p-sub.p-detail .order-left,
.p-sub.p-detail .order-right{
  width:100%;
  margin-bottom:20px;
}

  
/* ----------------------------------------------------
  ご購入案内 599px以下
---------------------------------------------------- */ 
  
/* 特定商取引に関する法律に基づく表記 */
.p-guide #tradelaw .table-law th,
.p-guide #tradelaw .table-law td{
  display: block;
  width:100%;
  min-width: inherit;
  padding:1em 3%;
}

.p-guide #tradelaw .table-fee02 td,
.p-guide #tradelaw .table-fee02 th{
  display:table-cell;
  width:auto;
  padding:0.25em 0.5em 0.25em 1em;
}
.p-guide #tradelaw .table-cost02{
  width:auto;
}
.p-guide #tradelaw .table-cost02 th,
.p-guide #tradelaw .table-cost02 td{
  display: table-cell;
  border-bottom:1px solid #9e9e9e;
  width:auto;
  padding:0.5em 3em;
}



/* ----------------------------------------------------
  他
---------------------------------------------------- */
.mt80-60{margin-top:60px}
.mb80-60{margin-bottom:60px}
 
.pt80-60{padding-top:60px}  
.pb80-60{padding-bottom:60px}  
  
}


/* ====================================================

 479px幅以下

==================================================== */

@media screen and (max-width: 479px) {
  
html{
	font-size:90%;
}
 /* ----------------------------------------------------
  ヘッダー　479px以下
---------------------------------------------------- */
header h1{
  width:75%;
  max-width:270px;
}
.navDrawrBtn span{
  width: 50px;
}
.navDrawrBtn span::after,
.menuOpen .navDrawrBtn span::after{
display: none;
}

/* ----------------------------------------------------
  全ページ共通 479px以下
---------------------------------------------------- */ 
/* 関連リンク */
#related-links li.to-voice{
  padding-top:0;
  margin-top:30px;
}
#related-links li.to-artist a span,
#related-links li.to-voice a span{
  position:inherit;
  font-size:20px;
  padding:14px 0.5em 14px 1em;
  max-width: inherit;
  display: block;
  left:0;
  bottom:0;
  top:inherit;
  right: inherit;
}
  

/* ----------------------------------------------------
  ホーム 479px以下
---------------------------------------------------- */ 
.p-home .video-home iframe{
  width:320px;
  height:180px;
}
/* ホームの作品一覧 */
.p-home #work-list section{
  width:100%;
}

/* ----------------------------------------------------
  商品詳細 479px以下
---------------------------------------------------- */ 
.p-sub.p-detail #freearea .video iframe,#artist .video iframe{
  width:320px;
  height:180px;
}

.p-sub.p-detail #freearea .typeface img{
  max-width: 100%;
  float:none;
  margin:0 auto 20px;
}
  

/* ----------------------------------------------------
  サイドメニュー　479px以下
---------------------------------------------------- */
#side #side-category li a{
  height:70px;
  padding:5px 5%;
}
#side #side-category li a img{
  width:60px;
}
#side #side-link-list li{
  width:100%;
}


/* ----------------------------------------------------
　フッター　479px幅以下
---------------------------------------------------- */
footer .fNav01,
footer .fNav02{
  width:96%;
  max-width: 300px;
  margin:0 auto;
}

}


/* ====================================================

 320px幅以下

==================================================== */

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

html{
	font-size:88%;
}

/* ----------------------------------------------------
  ホーム 320px以下
---------------------------------------------------- */ 
.p-home .video-home iframe{
  width:280px;
  height:157.5px;
}

/* ----------------------------------------------------
  商品詳細 320px以下
---------------------------------------------------- */ 
.p-sub.p-detail #freearea .video iframe,#artist .video iframe{
  width:280px;
  height:157.5px;
}
  
}



/* ====================================================

 print

==================================================== */
@media print{
body {
  width: 1240px;
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform-origin: 0 0;
  page-break-after: avoid;
}
header{
  position:static;
}
main{
  margin:0 auto auto;
}
.ec-sliderRole img{
  max-width:1240px;
}
#pagetop{
  display: none;
}

}