@charset "UTF-8";
/* CSS Document */

/*------------------------------ Common elements ------------------------------*/

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

a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#aaa; text-decoration:none;}

img {vertical-align:bottom;}

body {
font-family: Ryumin Regular KL, "serif";
margin:0;
padding:0;
}

header {background:#162a3c;}

#slide {
margin:0;
padding:0;
width:100%;
position:relative;
}

#slide_frame {z-index:3;}

footer {
background:#162a3c;
color:#fff;
}

footer a:link {color:#fff;}
footer a:visited {color:#fff;}
footer a:hover {color:#888;}

/*------------------------------ Home ------------------------------*/











/*============================== for Smartphone ==============================*/

@media (max-width: 640px) {

/*------------------------------ Common elements ------------------------------*/

#navi {display:none;}

.nav_instagram img {width:25px;}

header h1 {
margin:0;
padding:10px 0;
text-align:center;
width:100%;
}

header h1 img {width:30%;}

/*------------------------------ Footer ------------------------------*/

footer {width:100%;}

#footer_content {
margin:0 auto;
padding:20px 0;
text-align: center;
width:100%;
font-size:14px;
line-height:21px;
}

.footer_logo {
margin:0;
padding:0;
}

.footer_logo img {width:50%;}

.footer_info {
margin:0;
border-bottom:1px #c3c3c3 solid;
padding:10px 0;
list-style:none;
}

.footer_info ul {
margin:0;
padding:0;
}

.footer_info li {
display:block;
padding:0 0 5px;
}

.footer_navi {
margin:0;
border-bottom:1px #c3c3c3 solid;
padding:10px 0;
list-style:none;
}

.footer_navi ul {
margin:0;
padding:0;
}

.footer_navi li {
display:-block;
list-style:none;
padding:0 0 15px;
}

/*------------------------------ Home ------------------------------*/

#slide img {
width:100%;
height:300px;
object-fit:cover;
}

.slide_logo {
background:url("../images/home/title.png") no-repeat;
background-color:rgb(0, 0, 0, 0.15);
background-size:auto 60%;
background-position:50% 50%;
position:absolute;
top:0;
z-index:5;
width:100%;
height:100%;
}


#home #main {
background:url("../images/bg_tori.png") no-repeat;
background-size:150%;
background-position:center 10px;
}

#intro {
margin:0 auto;
padding:50px 0;
width:100%;
text-align:center;
}

#intro h2 {
font-family:"Ryumin Bold KL";
font-size:21px;
line-height:36px;
letter-spacing:0.2em;
margin:0;
padding:0;
}

#intro p {
font-size:14px;
line-height:30px;
letter-spacing:0.1em;
}

#intro p span {display:block;}

#intro .line,
#intro .line-m {
display:block;
}

#shortcut {
background:#f3f3ef;
margin:0 auto;
width:90%;
}

#shortcut_content {padding:20px;}

#shortcut_content:after {
content:"";
clear:both;
display:block;
}

.shorcut_item {
margin:30px 0 0;
width:100%;
}

.shorcut_item:first-child {margin:0;}

.shorcut_item .thumb {
margin:0;
padding:0;
}

.shorcut_item .thumb img {
width:100%;
height:200px;
object-fit: cover;
}

.shorcut_item .title {
font-size:18px;
line-height:36px;
text-align:center;
margin:10px 0 0;
padding:0;
}

#instagram {
background:#ede8d3;
margin:50px 0 0;
width:100%;
}

#instagram h3 {
margin:0;
padding:0;
font-family:"Ryumin Bold KL";
font-size:18px;
letter-spacing:0.1em;
line-height:33px;
text-align:center;
}

#instagram_content {
margin:0 auto;
padding:30px 0;
width:100%;
}

#instafeed {
margin:20px 0 0;
padding:0 10px;
}

#instafeed div {
float:left;
list-style:none;
margin:0;
padding:0;
width:50%;
}

#instafeed div a {
display:block;
padding:10px;
}

#instafeed div img {width:100%; height:100%; object-fit:cover;}

#instagram_content .see_all {
font-size:14px;
line-height:21px;
margin:10px 0;
padding:0 20px;
text-align:center;
}

#instagram_content .see_all a {
border:1px #aaa solid;
margin:20px auto 0;
display:inline-block;
padding:0.5em 4em;
}

#omise {
background:#f8f8f3;
margin:50px auto 0;
width:90%;
}

#omise_content {
margin:0;
padding:20px;
}

#omise h3 {
font-family:"Ryumin Bold KL";
font-size:16px;
line-height:27px;
letter-spacing:0.1em;
margin:0;
padding:0;
text-align:center;
}

#omise p {
font-size:14px;
line-height:21px;
margin:10px 0 0;
padding:0;
}

#omise ul {
margin:15px 0 0;
padding:0;
}

#omise li {
font-size:14px;
line-height:21px;
text-align: center;
margin:0;
padding:0;
list-style:none;
width:50%;
float:left;
}

#omise li p {
font-size:14px;
line-height:21px;
margin:0;
padding:0 10px 10px;
}

#omise li img {width:100%;}

/*------------------------------ Shouhin Detail Page ------------------------------*/

#page_title {
width:100%;
background:url("../images/shouhin/bg_tori_yellow.png") no-repeat #f6f3e8;
background-size:1100px;
background-position:center -200px;
}

#page_title_content {
margin:0 auto;
padding:40px 0;
width:90%;
}

.category_title {
border-bottom:2px #000 solid;
font-family:"Ryumin Bold KL";
font-size:16px;
letter-spacing:0.1em;
line-height:27px;
margin:0;
padding:0 0 5px;
}

#page_title h2 {
border-bottom:1px #000 solid;
font-family:"Ryumin Bold KL";
font-size:24px;
letter-spacing:0.15em;
line-height:42px;
margin:0;
padding:20px 0;
text-align:center;
}

#page_title .text {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
margin:30px auto 0;
text-align:justify;
}

#shouhin_list {
margin:80px auto 0;
width:90%;
}

#shouhin_list .item {
margin:0 40px 40px 0;
width:100%;
}

#shouhin_list .item .image {
margin:0;
padding:0;
}

#shouhin_list .item .image img {width:100%;}

#shouhin_list .item h3 {
font-family:"Ryumin Bold KL";
font-size:21px;
line-height:36px;
margin:10px 0 0;
padding:0;
}

#shouhin_list .item .text {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
margin:10px 0 0;
padding:0;
text-align: justify;
}

#about_jidori {
background-color:rgb(255, 255, 255, 0.5);
margin:20px auto 0;
width:100%;
}

#about_jidori_content {padding:20px;}

#about_jidori h3 {
font-family:"Ryumin Bold KL";
font-size:16px;
line-height:36px;
letter-spacing:0.1em;
margin:0 0 5px;
padding:0;
}

#about_jidori p {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
margin:0 0 15px;
padding:0;
text-align: justify;
}

#yoyaku {
background:#f8f7f1;
border:1px #dedacc solid;
margin:0 auto 50px;
width:90%;
}

#yoyaku_content {padding:20px;}

#yoyaku_content strong {font-family:"Ryumin Bold KL";}

#yoyaku ul {
margin:0 0 0 20px;
padding:0;
}

#yoyaku li {
font-size:14px;
letter-spacing:0.1em;
line-height:21px;
margin:10px 0 0;
padding:0;
}

#yoyaku p {
font-size:14px;
line-height:27px;
text-align:justify;
margin:10px 0 0;
padding:0;
}

#yoyaku p:first-child {
margin:0;
padding:0;
}

#yoyaku .contact {text-align:center;}

#yoyaku .tel {display:block;}

#yoyaku .tel span,
#yoyaku .mail span
{display:block;}

#yoyaku .mail a {font-size:18px;}

#yoyaku a {
font-size:21px;
font-weight:normal;
letter-spacing:0.05em;
margin:5px 0 0;
}

#yoyaku .title {
font-family:"Ryumin Bold KL";
border-bottom:1px #dedacc solid;
text-align:center;
margin:20px 0 0;
}

/*------------------------------ About ------------------------------*/

#about #main {background:none;}

#about #intro {
text-align:left;
margin:0 auto;
padding:40px 0;
width:90%;
}

#about #intro p {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
text-align:justify;
}

#about #intro p.sign {text-align:right;}

#about #detail {
margin:0 auto;
width:90%;
}

#about #detail .image {
margin:0;
padding:0;
text-align:center;
}

#about #detail .image img {width:70%;} 

#about #detail table {
margin:40px 0;
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
border-top:1px #cfccc1 solid;
border-collapse:collapse;
width:100%;
}

#about #detail td {
border-bottom:1px #cfccc1 solid;
padding:10px 0;
}

#about #detail td:first-child {width:6em;}

#about #detail td.address span {display:block;}

}

/*============================== for PC ==============================*/

@media (min-width: 641px) {

/*------------------------------ Common elements ------------------------------*/

header {
margin:0;
padding:0;
text-align:center;
width:100%;
}

#header_content {
margin:0 auto;
padding:20px 0;
width:960px;
}

h1 {
float:left;
width:185px;
}

h1 img {width:185px;}

#sp_header {display:none;}

#navi {
float:right;
width:775px;
}

#navi ul {
text-align:right;
width:775px;
margin:0;
padding:50px 0 0 0;
}

#navi li {
display:inline-block;
list-style:none;
padding:0 0 0 30px;
}

#navi a {
font-size:18px;
letter-spacing:0.15em;
}

#navi a:link {color:#fff;}
#navi a:visited {color:#fff;}
#navi a:hover {color:#888;}

.nav_instagram img {width:25px;}

footer {
margin:100px 0 0;
width:100%;
}

#footer_content {
margin:0 auto;
padding:20px 0;
text-align: center;
width:760px;
font-size:12px;
line-height:18px;
}

.footer_logo {
margin:0;
padding:0;
}

.footer_logo img {width:230px;}

.footer_info {
margin:0;
border-bottom:1px #c3c3c3 solid;
padding:10px 0;
list-style:none;
}

.footer_info li {
display:inline-block;
padding:0 20px 0 0;
}

.footer_info li:last-child {padding:0;}

.footer_navi {
margin:0;
border-bottom:1px #c3c3c3 solid;
padding:10px 0;
list-style:none;
}

.footer_navi li {
display:inline-block;
padding:0 20px 0 0;
}

.footer_navi li:last-child {padding:0;}

.junbichuu {
text-align: center;
margin:100px auto 200px;
width:960px;
}

/*------------------------------ Home ------------------------------*/

#slide img {width:100%;}

.slide_logo {
background:url("../images/home/title.png") no-repeat;
background-color:rgb(0, 0, 0, 0.15);
background-size:auto 60%;
background-position:18% 50%;
position:absolute;
top:0;
z-index:5;
width:100%;
height:100%;
}

#home #main {
background:url("../images/bg_tori.png") no-repeat;
background-size:1100px;
background-position:center -40px;
}

#intro {
margin:0 auto;
padding:100px 0;
width:960px;
text-align:center;
}

#intro h2 {
font-family:"Ryumin Bold KL";
font-size:21px;
letter-spacing:0.1em;
line-height:48px;
margin:0;
padding:0;
}

#intro p {
font-size:16px;
line-height:36px;
}

#intro p .line {display:block;}

#shortcut {
background:#f3f3ef;
margin:0 auto;
width:960px;
}

#shortcut_content {padding:30px;}

#shortcut_content:after {
content:"";
clear:both;
display:block;
}

.shorcut_item {
float:left;
width:300px;
}

.shorcut_item .thumb {
margin:0;
padding:15px;
}

.shorcut_item .thumb img {width:270px;}

.shorcut_item .title {
font-size:18px;
line-height:36px;
text-align:center;
margin:0;
padding:0;
}

#instagram {
background:#ede8d3;
margin:100px 0 0;
}

#instagram h3 {
margin:0;
padding:0;
font-family:"Ryumin Bold KL";
font-size:18px;
letter-spacing:0.1em;
line-height:33px;
text-align:center;
}

#instagram_content {
margin:0 auto;
padding:30px 0;
width:960px;
}

#instagram_content ul {
margin:0;
padding:0 10px;
}

#instagram_content li {
float:left;
list-style:none;
margin:0;
padding:0;
width:25%;
}

#instagram_content li a {
display:block;
padding:10px;
}

#instagram_content li img {width:100%;}

#instagram_content .see_all {
font-size:14px;
line-height:21px;
margin:10px 0;
padding:0 20px;
text-align:right;
}

#omise {
background:#f8f8f3;
margin:50px auto 0;
width:960px;
}

#omise_content {
margin:0;
padding:20px;
}

#omise h3 {
font-family:"Ryumin Bold KL";
font-size:16px;
line-height:27px;
letter-spacing:0.1em;
margin:0;
padding:0;
text-align:center;
}

#omise p {
font-size:14px;
line-height:21px;
margin:10px 0 0;
padding:0;
text-align:center;
}

#omise ul {
margin:15px 0 0;
padding:0;
}

#omise li {
font-size:14px;
line-height:21px;
text-align: center;
margin:0 10px 10px 0;
padding:0;
list-style:none;
width:145px;
float:left;
}

#omise li:last-child {margin:0 0 10px 0;}

#omise li p {
font-size:14px;
line-height:21px;
margin:0;
padding:0 0 10px;
}

#omise li img {width:100%;}

/*------------------------------ Shouhin Detail Page ------------------------------*/

#page_title {
width:100%;
background:url("../images/shouhin/bg_tori_yellow.png") no-repeat #f6f3e8;
background-size:1100px;
background-position:center -200px;
}

#page_title_content {
margin:0 auto;
padding:40px 0;
width:960px;
}

.category_title {
border-bottom:2px #000 solid;
font-family:"Ryumin Bold KL";
font-size:21px;
letter-spacing:0.1em;
line-height:36px;
margin:0;
padding:0 0 5px;
}

#page_title h2 {
border-bottom:1px #000 solid;
font-family:"Ryumin Bold KL";
font-size:30px;
letter-spacing:0.2em;
line-height:52px;
margin:0;
padding:20px 0;
text-align:center;
}

#page_title .text {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
margin:30px auto 0;
width:650px;
}

#shouhin_list {
margin:80px auto 0;
width:960px;
}

#shouhin_list .item {
float:left;
margin:0 40px 40px 0;
width:460px;
}

#shouhin_list .item:nth-child(2n) {
float:left;
margin:0 0 40px 0;
width:460px;
}

#shouhin_list .item .image {
margin:0;
padding:0;
}

#shouhin_list .item .image img {width:100%;}

#shouhin_list .item h3 {
font-family:"Ryumin Bold KL";
font-size:21px;
line-height:36px;
margin:10px 0 0;
padding:0;
}

.jidori_curry_letterspacing {
letter-spacing:-0.1em;
font-family:"Ryumin Bold KL";
}

#shouhin_list .item .text {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
margin:10px 0 0;
padding:0;
text-align:justify;
}

#about_jidori {
background-color:rgb(255, 255, 255, 0.5);
margin:20px auto 0;
width:650px;
}

#about_jidori_content {padding:30px;}

#about_jidori h3 {
font-family:"Ryumin Bold KL";
font-size:18px;
line-height:27px;
letter-spacing:0.1em;
margin:0 0 10px;
padding:0;
}

#about_jidori p {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
margin:0 0 15px;
padding:0;
text-align: justify;
}

#yoyaku {
background:#f8f7f1;
border:1px #dedacc solid;
margin:0 auto;
width:960px;
}

#yoyaku_content {padding:20px;}

#yoyaku_content strong {font-family:"Ryumin Bold KL";}

#yoyaku ul {
margin:0 0 0 20px;
padding:0;
}

#yoyaku li {
margin:0;
padding:5px 0 0;
font-size:14px;
letter-spacing:0.1em;
line-height:21px;
}

#yoyaku li:first-child {padding:0;}

#yoyaku p {
margin:10px 0 0;
padding:0;
}

#yoyaku p:first-child {
margin:0;
padding:0;
}

#yoyaku .contact {
font-weight:bold;
text-align:center;
}

#yoyaku a {
font-size:24px;
font-weight:normal;
letter-spacing:0.05em;
margin:0;
}

#yoyaku .title {
font-family:"Ryumin Bold KL";
border-bottom:1px #dedacc solid;
text-align:center;
margin:20px 0 0;
}

/*------------------------------ About ------------------------------*/

#about #main {
background:none;
}

#about #intro {
text-align:left;
margin:0 auto;
padding:40px 0;
width:650px;
}

#about #intro p {
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
text-align:justify;
}

#about #intro p.sign {text-align:right;}

#about #detail {
margin:0 auto;
width:650px;
}

#about #detail .image {
margin:0;
padding:0;
text-align:center;
}

#about #detail .image img {width:50%;} 

#about #detail table {
margin:40px 0 0;
font-size:14px;
letter-spacing:0.1em;
line-height:27px;
border-top:1px #cfccc1 solid;
border-collapse:collapse;
width:100%;
}

#about #detail td {
border-bottom:1px #cfccc1 solid;
padding:10px 0;
}

#instafeed {
margin:20px 0 0;
}

#instafeed div {
display:inline-block;
margin:0 10px 10px 0;
width:230px;
vertical-align:top;
}

#instafeed div img {
width:230px;
height:230px;
object-fit:cover;
}

#instafeed div p {
font-family:"Gothic Medium BBB";
}



}





/*============================== for PC and Smartphone ==============================*/



#shouhin_list .item .out_of_stock {
color:#ff4043;
border:1px #ff4043 solid;
padding:0.5em 1em;
line-height:1.3em;
display:inline-block;
vertical-align:middle;
}