@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#595959;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
a{
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
a img {
border-style:none;
-webkit-transition:all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

.clearfix:before,
.clearfix:after {
content:" ";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}

p {
font-size:100%;
line-height:160%;
}
@media screen and (min-width:769px) {
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

h1{}
h2{}
h3{}
h4{}

header{
width:100%;
height:50px;
margin:0;
padding:0;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
header a:link {color:#595959;text-decoration:none;}
header a:visited {color:#595959;text-decoration:none;}
header a:hover {color:#595959;text-decoration:none;}
.headbox{
margin:0 15px;
padding:0;
display:flex;
justify-content:space-between;
}
@media screen and (min-width:1025px) {
.headbox {
width:1100px;
margin:0 auto;
}
}
@media screen and (min-width:769px) {header{height:60px;}}

.logo {
margin:0 auto 0 0;
padding:12px 0 0 0;
font-size:60%;
line-height:150%;
}
.logo img{height:25px;}
.logo_txt{
float:right;
margin:0;
padding:5px 0 0 10px;
}
@media screen and (min-width:769px) {
.logo {
padding:14px 0 0 0;
font-size:12px;
letter-spacing:1px;
}
.logo img{height:30px;}
.logo_txt{padding:8px 0 0 10px;}
}


header nav {
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
line-height:100%;
}
ul.menu {
margin:0;
padding:0 0 0 15px;
list-style:none;
z-index:9999;
}
ul.menu li {
margin:0;
padding:0;
color:#fff;
border-bottom:solid 1px #444;
text-align:left;
}
ul.menu li a {
display:block;
margin:0;
padding:14px 15px 12px 0;
color:#fff;
text-decoration:none;
-webkit-transition: all .3s;
transition:all .3s;
}
ul.menu li a:hover {color:#999;}
@media screen and (min-width:769px) {
header nav {
margin:0;
padding:18px 0 0 0;
text-align:right;
}
ul.menu {
margin:0;
padding:0;
list-style:none;
display:flex;
z-index:9999;
}
ul.menu li {
margin:0;
padding:0;
font-size:15px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
position:relative;
border-bottom:none;
}
ul.menu li a {
display:block;
margin:0;
padding:5px 15px;
color:#595959;
text-decoration:none;
-webkit-transition:all .3s;
transition:all .3s;
}
ul.menu li a:hover {color:#999;}
ul.menu li a:first-child {
padding:5px 0 5px 15px;
}
}


/*---------- ナビゲーションドロワー ----------*/

.click {
background:transparent url(img/btn.png) no-repeat 0 0;
background-size:70px 35px;
display:block;
width:35px;
height:35px;
position:absolute;
top:7px;
right:10px;
cursor:pointer;
z-index:9999;
}
@media screen and (min-width:769px) {
.click {
top:22px;
}
}
.peke {
background-position:-35px 0;
}
@media only screen and (max-width:1024px){
.drawr {
display:none;
background-color:rgba(0,0,0,0.80);
position:absolute;
top:0;
right:0;
width:310px;
padding:45px 0 20px 0;
z-index:9990;
}
}
@media screen and (min-width: 1025px) {.click {display:none;}}
@media screen and (min-width: 1025px) {.peke {}}
@media screen and (min-width: 1025px) {.drawr {}}


#copy{
margin:0;
padding:0;
background-image:url(img/copy_bg_sp.jpg);
background-position:center right;
background-repeat:no-repeat;
background-size:cover;
}
#copy h1{
margin:0 20px;
padding:45px 0 60px 0;
}
#copy img{width:55%;}
#info_bg{
margin:0 0 45px 0;
padding:20px 45px;
background-color:#f3f0e9;
background-image:url(img/dot.png);
}
.info{margin:0 auto;padding:0;}
.info img{width:100%;}
.info_01{margin:0;padding:0;}
.info_02{margin:0;padding:0;}
.info_03{margin:0;padding:0;}
@media screen and (min-width:769px) {
#copy{
margin:0;
padding:0;
background-image:url(img/copy_bg.jpg);
background-position:center center;
background-size:2000px 1332px;
}
#copy h1{
width:980px;
margin:0 auto;
padding:100px 0;
}
#copy img{width:680px;}
#info_bg{margin:0 0 90px 0;padding:30px 0;}
.info{
width:1073px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.info_01{width:293px;}
.info_02{width:487px;}
.info_03{width:293px;}
}


.top_voice_top{
margin:0 0 30px 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
#top_voice{
margin:0;
padding:0 30px 25px 30px;
}
.top_v{
margin:0 0 20px 0;
padding:0 0 20px 0;
background:#f3f0e9;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
.top_v_pict{
margin:0;
padding:0;
}
.top_v_pict img{
width:100%;
-webkit-border-radius:15px 15px 0 0;
-moz-border-radius:15px 15px 0 0;
border-radius:15px 15px 0 0;
}
.top_v_title{
margin:20px 0 15px 0;
padding:0;
font-size:110%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.top_v_title span{
padding:0 0 3px 0;
border-bottom:1px solid #f39800;
}
.top_v_name{
margin:0;
padding:0 0 15px 0;
font-size:75%;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.top_v_txt{
margin:0 30px;
padding:0;
font-size:90%;
line-height:160%;
text-align:justify;
text-justify:inter-ideograph;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.top_voice_top{margin:0 0 45px 0;font-size:30px;letter-spacing:1px;}
#top_voice{
width:1200px;
margin:0 auto 90px auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.top_v{width:31%;margin:0;padding:0 0 40px 0;}
.top_v_title{margin:30px 0 15px 0;font-size:18px;}
.top_v_name{font-size:12px;}
.top_v_txt{font-size:15px;}
}


.top_eng{
margin:0 0 5px 0;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
color:#f39800;
font-family:Arial, Helvetica, sans-serif;
}
.top_subhead{
margin:0 0 30px 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.top_eng{font-size:18px;}
.top_subhead{margin:0 0 45px 0;font-size:30px;letter-spacing:1px;}
}


.top_worry{margin:0 20px 30px 20px;padding:0;}
.top_worry_pict{margin:0;padding:0;}
.top_worry_pict img{width:100%;}
.top_worry_txt{margin:0;padding:0;}
.top_what{margin:0 20px 45px 20px;padding:0;}
.top_what_pict{margin:0;padding:0;}
.top_what_pict img{width:100%;}
.top_what_txt{margin:0;padding:0;}
.top_what_title{
margin:0;
padding:20px 0 0 0;
font-size:125%;
font-weight:bold;
line-height:150%;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.top_worry{
width:1200px;
margin:0 auto 30px auto;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.top_worry_pict{width:45%;}
.top_worry_txt{width:52%;padding:15px 0 0 0;}
.top_what{
width:1200px;
margin:0 auto 90px auto;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.top_what_pict{width:45%;order:2;}
.top_what_txt{width:52%;order:1;}
.top_what_title{padding:0;font-size:24px;letter-spacing:1px;}
}


.top_euro_bg{
margin:0;
padding:45px 20px 1px 20px;
background-image:url(img/dot.png);
background-color:#f3f0e9;
}
.top_euro_txt{margin:0;padding:0;}
.top_euro_sub{
margin:20px 0 0 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.top_euro_txt2{margin:0 auto;padding:0;}
.top_euro_box{
margin:0 auto 45px auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.top_euro{
width:32%;
margin:0;
padding:0;
}
.top_euro p{font-family: "Noto Sans Japanese";}
.top_euro_pict{margin:0;padding:10px 0 15px 0;text-align:center;}
.top_euro_pict img{
width:95%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.top_euro_title{
margin:0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.top_euro_bg{padding:75px 0 1px 0;}
.top_euro_txt{text-align:center;}
.top_euro_sub{margin:30px 0 0 0;font-size:24px;}
.top_euro_txt2{width:470px;text-align:center;}
.top_euro_box{width:780px;margin:0 auto 90px auto;}
.top_euro p{font-size:15px;}
.top_euro_pict img{width:90%;}
.top_euro_title{font-size:18px;}
}


.top_about_bg{
margin:0 0 45px 0;
padding:45px 20px 25px 20px;
color:#fff;
background:#f39800;
}
.top_about_head{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
}
.top_about_head span{font-family:Arial, Helvetica, sans-serif;}
.top_about_title{
margin:0;
padding:5px 0 20px 0;
font-size:200%;
font-weight:bold;
line-height:150%;
letter-spacing:5px;
text-align:center;
font-family: "Noto Sans Japanese";
}
.top_about_txt{
margin:0 auto;
padding:0;
}
.top_about_txt img{
width:100%;
margin-bottom:15px;
}
@media screen and (min-width:769px) {
.top_about_bg{margin:0 0 90px 0;padding:60px 0;}
.top_about_head{font-size:18px;}
.top_about_title{padding:5px 0 35px 0;font-size:42px;letter-spacing:10px;}
.top_about_txt{width:768px;}
.top_about_txt img{margin-bottom:20px;}
}


.top_items_box{
margin:0;
padding:0 20px 20px 20px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.top_items {
width:49%;
margin:0 0 15px 0;
padding:0;
}
.top_items a{
display:block;
padding:20px 10px 15px 10px;
border:1px solid #ddd;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.top_items a:hover{border:1px solid #f39800;}
.top_items_pict{
margin:0 0 15px 0;
padding:0;
}
.top_items_pict img{width:100%;}
.top_items_name{
margin:0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.top_items a:link {color:#595959;text-decoration:none;}
.top_items a:visited {color:#595959;text-decoration:none;}
.top_items a:hover {color:#595959;text-decoration:none;}
.top_items_type{
margin:5px 0 0 0;
padding:0;
font-size:80%;
line-height:150%;
text-align:center;
color:#f39800;
}
@media screen and (min-width:769px) {
.top_items_box{width:1200px;margin:0 auto 60px auto;padding:0;}
.top_items {width:23%;margin:0;}
.top_items a{padding:20px 20px 15px 20px;}
.top_items_name{font-size:18px;}
.top_items_type{font-size:15px;}
}


/*---------- ボタン ----------*/

.device{
margin:0;
padding:0;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:80%;
margin:0 auto 0 auto;
padding:20px 0;
font-size:110%;
font-weight:bold;
color:#fff;
display:inline-block;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:#f39800;
}
.btn:hover {
opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
@media screen and (min-width:769px) {
.btn {
width:480px;
padding:20px 0;
font-size:21px;
}
}



#page_title{
margin:0 0 45px 0;
padding:0;
height:200px;
background-image:url(img/page.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
display:flex;
justify-content:center;
align-items:center;
}
#page_title h1{
margin:0;
padding:0;
font-size:150%;
line-height:100%;
color:#fff;
}
.contents{
margin:0 20px 45px 20px;
padding:0;
}
.subhead_eng{
margin:0 0 5px 0;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
color:#f39800;
font-family:Arial, Helvetica, sans-serif;
}
.subhead{
margin:0 0 30px 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.photo{
margin:0 0 25px 0;
padding:0;
}
.photo img{width:100%;}
.check_box{
margin:0;
padding:5px 20px 20px 20px;
border:1px solid #f39800;
}
table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:25px;
padding:10px 0 5px 0;
font-size:100%;
line-height:150%;
color:#f39800;
vertical-align:top;
text-align:left;
}
table.check td{
padding:10px 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
border-bottom:dotted 1px #999;
vertical-align:top;
}
@media screen and (min-width:769px) {
#page_title{margin:0 0 60px 0;height:240px;}
#page_title h1{font-size:36px;letter-spacing:1px;}
.contents{width:768px;margin:0 auto 90px auto;}
.subhead_eng{font-size:18px;}
.subhead{margin:0 0 45px 0;font-size:30px;letter-spacing:1px;}
.photo{margin:0 0 30px 0;}
.check_box{padding:15px 85px 30px 85px;}
table.check th{width:35px;font-size:20px;}
table.check td{font-size:20px;letter-spacing:1px;}
}


.item_box{
margin:0 0 45px 0;
padding:0 0 30px 0;
border-bottom:dotted 1px #999;
}
.item_box a:link {color:#595959;text-decoration:none;}
.item_box a:visited {color:#595959;text-decoration:none;}
.item_box a:hover {color:#595959;text-decoration:none;}
.item_pict{
margin:0;
padding:0;
}
.item_pict img{width:100%;}
.item_detail{
margin:0;
padding:0;
}
.item_sub{
margin:0;
padding:15px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.item_name{
margin:0 0 20px 0;
padding:5px 0 10px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
border-bottom:1px solid #f39800;
text-align:center;
}
.item_txt{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
}
@media screen and (min-width:769px) {
.item_box{
margin:0 0 30px 0;
padding:15px 0 45px 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.item_pict{width:37%;}
.item_detail{width:59%;}
.item_sub{padding:0;font-size:16px;letter-spacing:1px;text-align:left;}
.item_name{font-size:24px;letter-spacing:1px;text-align:left;}
.item_txt{font-size:16px;letter-spacing:1px;}
}



.cart_box{margin:0 20px;padding:0;}
.cart_photo{margin:0;padding:0;}
.cart_photo img{width:100%;}
.cart_detail{margin:0;padding:0;}
.cart_sub{
margin:0;
padding:15px 0 5px 0;
font-size:90%;
line-height:150%;
color:#f39800;
text-align:center;
}
.cart_name{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.cart_price{
margin:0;
padding:10px 0 5px 0;
font-size:125%;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
.cart_price span{
font-size:75%;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}
.cart_spec{
margin:0;
padding:0;
}
.cart_spec table{
width:100%;
border-collapse:separate;
margin:0;
}
.cart_spec table th{
width:100px;
font-size:80%;
font-weight:normal;
line-height:150%;
padding:10px 0;
background:#f3f0e9;
border-bottom:solid 1px #ccc;
}
.cart_spec table td{
font-size:80%;
line-height:150%;
padding:10px 0 10px 15px;
border-bottom:solid 1px #ccc;
}
.cart{
margin:0;
padding:30px 20px 0 20px;
text-align:center;
}
.cart a:link {color:#fff;text-decoration:none;}
.cart a:visited {color:#fff;text-decoration:none;}
.cart a:hover {color:#fff;text-decoration:none;}
.enter {
width:100%;
margin:0 auto;
padding:25px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
text-align:center;
display:inline-block;
text-decoration:none;
color:#fff;
background-color:#f39800;
position:relative;
z-index:1;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}
.enter:before {
content: "\f105";
position: absolute;
top:25px;
right:10px;
color:#fff;
font-size:16px;
font-weight:900;
font-family: "Font Awesome 5 Free";
z-index: -1;
}
.enter:hover {
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.cart_txt{margin:30px 20px 30px 20px;}
@media screen and (min-width:769px) {
.cart_box{
width:860px;
margin:0 auto;
padding:15px 0 0 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.cart_photo{width:48%;}
.cart_detail{width:48%;}
.cart_sub{padding:0 0 5px 0;font-size:15px;letter-spacing:1px;text-align:left;}
.cart_name{font-size:24px;letter-spacing:1px;text-align:left;}
.cart_price{font-size:24px;text-align:left;}
.cart_price span{font-size:14px;}
.cart_spec table th{width:80px;font-size:12px;letter-spacing:1px;}
.cart_spec table td{font-size:12px;letter-spacing:1px;}
.cart{padding:45px 0 0 0;}
.enter {width:480px;font-size:21px;}
.cart_txt{width:640px;margin:60px auto;}
}


.shopguide_bg{
margin:0 0 40px 0;
padding:0;
background:#f3f0e9;
}
.shopguide_box{
margin:0;
padding:20px 20px 25px 20px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.shopguide{
width:100%;
margin:0;
padding:0;
font-size:12px;
line-height:160%;
}
.shopguide strong{
font-size:115%;
color:#f39800;
font-family:Arial, Helvetica, sans-serif;
}
.shopguide_category{
margin:15px 0 10px 0;
padding:11px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}
.shopguide_payment{
margin:0 0 0 0;
padding:10px 0 0 0;
display: table-cell;
vertical-align:top;
}
.shopguide img{
width:94%;
}
.shopguide ul{
margin:0;
padding:0 0 0 20px;
list-style:none;
}
.shopguide ul li{
margin:0;
padding:0 0 3px 0;
font-size:75%;
line-height:160%;
list-style-type:disc;
}
.shopguide table{
width:100%;
border-collapse:collapse;
margin:0 0 20px 0;
}
.shopguide table th{
padding:5px;
border:solid 1px #ccc;
background:#eee;
}
.shopguide table td{
padding:5px;
text-align:center;
border:solid 1px #ccc;
}
@media screen and (min-width:769px){
.shopguide_bg{
margin:0 0 60px 0;
}
.shopguide_box{
width:980px;
margin:0 auto;
padding:45px 0 50px 0;
}
.shopguide{
width:49%;
font-size:12px;
line-height:160%;
}
.shopguide strong{font-size:20px;}
.shopguide_category{font-size:15px;}
.shopguide_payment{
width:50%;
display: table-cell;
vertical-align:top;
}
.shopguide img{width:94%;}
.shopguide ul li{font-size:12px;}
.shopguide table{
width:100%;
border-collapse:collapse;
margin:0;
}
.shopguide table th{
padding:5px;
border:solid 1px #ccc;
background:#eee;
}
.shopguide table td{
padding:5px;
text-align:center;
border:solid 1px #ccc;
}
}

.howto{
margin:20px 0 0 0;
padding:0;
font-size:110%;
font-weight:bold;
line-height:150%;
}
.howto span{color:#f39800;}
.howto_pict{margin:0;padding:15px 0 0 0;}
.howto_pict img{width:226px;}
.clr{clear:both;}
@media screen and (min-width:769px){
.howto{font-size:20px;letter-spacing:1px;}
.howto_pict{
float:right;
margin:-20px 0 0 0;
padding:0 0 0 30px;
}
.howto_pict img{width:150px;}
}


.interview{
margin:15px 0 0 0;
padding:30px;
background:#f3f0e9;
}
.interview_title{
margin:0;
padding:0 0 30px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.interview_box{margin:0;padding:0;}
.interview_photo{margin:0;padding:0;text-align:center;}
.interview_photo img{width:60%;}
.interview_detail{margin:0;padding:0;}
.interview_name{
margin:0 0 15px 0;
padding:10px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
border-bottom:1px solid #f39800;
text-align:center;
}
.interview_txt{
margin:0;
padding:0;
font-size:90%;
line-height:160%;
}
.subject{
margin:30px 0 0 0;
padding:5px 0 5px 12px;
font-size:120%;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
border-left:6px solid #f39800;
}
.interview_pict01{
float:right;
margin:0;
padding:5px 0 0 15px;
}
.interview_pict01 img{width:180px;}
.interview_pict02{
float:left;
margin:0;
padding:5px 15px 0 0;
}
.interview_pict02 img{width:180px;}
.voice_title{
margin:0;
padding:0 0 5px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
border-bottom:1px solid #f39800;
}
.voice_name{
margin:0;
padding:10px 0 0 0;
font-size:75%;
line-height:150%;
text-align:center;
}
.voice_photo{margin:0;padding:0;text-align:center;}
.voice_photo img{width:60%;}
.vt{margin:20px 0 0 0;}
.surprise{
margin:0 0 20px 0;
padding:1px 25px 15px 25px;
border:1px solid #f39800;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.surprise_name{
margin:0;
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
text-align:right;
border-top:dotted 1px #999;
}
@media screen and (min-width:769px){
.interview_title{font-size:24px;letter-spacing:1px;}
.interview_box{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.interview_photo{width:28%;order:2;}
.interview_photo img{width:100%;}
.interview_detail{width:68%;order:1;}
.interview_name{
margin:0 0 15px 0;
padding:0 0 10px 0;
font-size:18px;
letter-spacing:1px;
text-align:left;
}
.interview_txt{font-size:15px;line-height:180%;letter-spacing:1px;}
.subject{margin:45px 0 0 0;font-size:21px;letter-spacing:1px;}
.interview_pict01 img{width:240px;}
.interview_pict02 img{width:240px;}
.voice_title{font-size:24px;letter-spacing:1px;}
.voice_name{padding:10px 0 5px 0;font-size:15px;letter-spacing:1px;}
.voice_photo{margin:0;padding:10px 0 0 20px;float:right;}
.voice_photo img{width:240px;}
.vt{margin:45px 0 0 0;}
.surprise{
margin:0 0 30px 0;
padding:10px 45px 20px 45px;
border:2px solid #f39800;
}
.surprise_name{font-size:15px;letter-spacing:1px;}
}


.qus{
margin:0 0 10px 0;
padding:3px 0 5px 28px;
font-size:100%;
font-weight:bold;
line-height:150%;
position:relative;
color:#f39800;
border-bottom:dotted 1px #999;
}
.qus:after {
position:absolute;
top:0;
left:0;
content:"Q.";
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
}
.ans{
margin:0;
padding:0 0 0 28px;
}
@media screen and (min-width:769px){
.qus{font-size:18px;letter-spacing:1px;}
.ans{padding:0 0 15px 28px;}
}


.contents_sub{
margin:0 20px 0 20px;
padding:0;
}
.contents_sub p{font-size:80%;}
.contents_sub strong{font-size:120%;}
.contents_sub h2{
margin:30px 0 0 0;
padding:0;
font-size:120%;
line-height:150%;
}
table.spec{
width:100%;
border-collapse:collapse;
margin:0;
}
table.spec th{
font-size:90%;
line-height:160%;
padding:15px 0 5px 0;
border-bottom:solid 1px #7d6857;
text-align:left;
vertical-align:top;
display:block;
}
table.spec td{
font-size:90%;
line-height:160%;
padding:10px 0 0 10px;
vertical-align:top;
display:block;
}
.space{margin:10px 0 0 0;padding:0;}
.contents_sub ul{
margin:0;
padding:0;
list-style:none;
}
.contents_sub ul li{
margin:0;
padding:0 0 10px 0;
font-size:90%;
line-height:150%;
}
.contents_sub ul li ul{
margin:10px 0 0 20px;
}
@media screen and (min-width:769px){
.contents_sub{
width:768px;
margin:0 auto 90px auto;
}
.contents_sub p{font-size:14px;}
.contents_sub strong{font-size:16px;}
.contents_sub h2{font-size:16px;letter-spacing:1px;}
table.spec th{
width:140px;
font-size:14px;
letter-spacing:1px;
padding:20px 15px 15px 0;
display:table-cell;
}
table.spec td{
font-size:14px;
letter-spacing:1px;
padding:20px 15px 15px 15px;
border-bottom:dotted 1px #7d6857;
vertical-align:top;
display:table-cell;
}
.space{margin:15px 0 0 0;}
.contents_sub ul li{font-size:16px;letter-spacing:1px;}
.contents_sub ul li ul{margin:10px 0 0 20px;}
}

/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.red {font-weight:bold;color:#c30d23;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


/*---------- フッター ----------*/


#footer_links{
margin:45px auto 0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
border-top:1px solid #ccc;
}
@media screen and (min-width:769px) {#footer_links{margin:60px auto 0 auto;}}
@media only screen and (min-width:320px) and (max-width:768px){
.footer_link{
width:50%;
margin:0 auto;
padding:0;
}
}
.footer_link ul {
margin:0;
padding:0;
}
.footer_link ul li {
margin:0;
padding:10px;
list-style:none;
font-size:80%;
line-height:150%;
border-bottom:1px solid #ccc;
}

.footer_link a:link {color:#666;text-decoration:none;}
.footer_link a:visited {color:#666;text-decoration:none;}
.footer_link a:hover {color:#666;text-decoration:none;}
.footer_link a:link {
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.footer_link a:hover {
opacity:0.6;
filter:alpha(opacity=60);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
@media screen and (min-width:769px){
#footer_links{width:360px;border-top:none;}
.footer_link{
margin:0 auto;
padding:0;
}
.footer_link ul li {
padding:5px 0 0 0;
font-size:12px;
letter-spacing:1px;
border-bottom:none;
}
}


footer{
margin:0;
padding:25px 0;
font-size:75%;
line-height:180%;
text-align:center;
color:#666;
}
.copyright{
margin:15px 0 0 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width:769px){footer{font-size:12px;}}


#footer a:link {color:#999;text-decoration:underline;}
#footer a:visited {color:#999;text-decoration:underline;}
#footer a:hover {color:#999;text-decoration:none;}

.mt{margin-top:25px;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}

.pr-box {
    display: block;
    border: 1px solid #808080;
    color: #808080;
    background: #ffffff;
    font-size: 0.6em;
    font-weight: 500;
    line-height: 1em;
    padding: 3px 0;
    width: 2em;
    margin: 0.5em auto;
}