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

body{background-color:#fff;  color:#666; letter-spacing:0.05em; margin:0; line-height:200%; font-size:14px; background-image:url(img/bg_o3.png); /*background-size:50px*/;
font-family: 'Noto Sans JP', sans-serif; font-weight:400;
}

.cx_smartphoneview body{line-height:150%; }


.r11{  font-size:11px;}
.r12{  font-size:12px;}

.b{font-weight:bold;}
.n {font-weight:normal;}
.tar{text-align:right;}
.tac{text-align:center;}
.tal{ text-align:left;}
.clear{  clear:both;}

.lh110{ line-height:110%;}
.lh120{ line-height:120%;}


.cx_smartphoneview .ls0{ letter-spacing:0;}

a{color:#e7280e; text-decoration:none;}
a:hover{color:#FF6009; }
a img:hover{opacity: 0.72;}

a.gray{color:#666666;}
a.gray:hover{color:#999999;}

.red{ color: #DA1317;}
.black{ color:#000;}

.sp{ display:none;}
.cx_smartphoneview .sp{ display:inline;}

.pc{}
.cx_smartphoneview .pc{ display:none;}

#main img{ width:100%; margin:0}
#content{ margin-top:-10px;background-color:#fef9ec;}

#read{  font-size:120%; padding:3% 0 0;}
#read .readIn h1{ color:#e7280e; margin-bottom:30px; margin-left:6%; font-size:40px;}
#read .readIn h3{ text-align:center; line-height:150%;}
#read .readIn h2{ color:#e7280e;text-align:center; line-height:150%;margin-bottom:5%; font-size:30px;}
#read .readIn h4{ color:#f18b00;text-align:center; line-height:150%; letter-spacing:0.1em;}

#read .readIn h2 span{ font-size:24px;}


.cx_smartphoneview #read{line-height:160%;}
.cx_smartphoneview #read h1{ margin-left:5%;}
.cx_smartphoneview #read .readIn h2{ font-size: 40px;}
.cx_smartphoneview #read .readIn h2 span{ font-size:30px;}

#read table{ width:59%; margin:0 auto 0 3%; background-color:#fff;border-collapse: collapse;border: solid 2px #e7280e; float:left; line-height:170% !important;color:#444;}
#read table th, #read table td { border: dashed 1px rgba(255,219,186,1.00);/**/
}

#read td{ padding:15px;text-align:center;}
#read tr:nth-of-type(1) td{ padding-top:0;}
#read tr:nth-of-type(4) td p span{ font-size:13px;}
#read tr:nth-of-type(5) td{ text-align:left; margin:0;}

#read td p{ font-size:13px; font-weight:bold; color:rgba(215,0,3,1.00); line-height:18px;}
#read th{padding:15px;font-size:85%; background-color:#e7280e; color:#fff; width:90px;}
#read hr{ border:none; border-bottom:2px rgba(194,194,194,1.00) dotted; margin: 0% 20%;}

.cx_smartphoneview #read table{ width:95%; font-weight:bold; float:none; margin:0 auto;}
.cx_smartphoneview #read table th{ display:block;font-size:24px; width:auto;}
.cx_smartphoneview #read table td{ display:block; font-size:26px; line-height:160%;}
.cx_smartphoneview #read td p{ font-size:20px; line-height:160%;}

.cx_smartphoneview #read hr{ border:none; border-bottom:2px rgba(194,194,194,1.00) dotted; margin: 5% 20%;}

.cx_smartphoneview #read tr:nth-of-type(1) td{ padding-top:0; padding-bottom:50px;}

#read table td ul{ margin:0px 0 0 -40px;}
#read table td ul li{ text-align:left; list-style:none;}
#read table td ul li span{ font-size:13px; font-weight:bold;}

.cx_smartphoneview #read tr:nth-of-type(4) td p span{ font-size:18px;}

.cx_smartphoneview #read ul li{ font-size:15px; line-height:24px; letter-spacing:0;}
.cx_smartphoneview #read tr:nth-of-type(5) td{ padding:30px 15px 40px;}
.cx_smartphoneview #read table td ul li span{ font-size:11px; }


.free{color: #DA1317; font-size:20px; font-weight:bold;}
.cx_smartphoneview .free{font-size:28px;}


a.link-L { color:#444; font-size:24px; font-weight:bold;}
a.link-L:hover{ text-decoration:none; color:#999;}
.cx_smartphoneview a.link-L { font-size:40px; }


.photo{ width:32%; float:right; margin:0px 3% 0 0;}
.photo2{ width:32%; float:right; margin:0px 3% 0 0;}
.photo2020{ width:100%; margin:5% auto 0;}
.photo2020_sp{ display:none;}

.cx_smartphoneview .photo,
.cx_smartphoneview .photo2,
.cx_smartphoneview .photo2020{ display:none;}

.cx_smartphoneview .photo2020_sp{ display:inline;}
.cx_smartphoneview .photo2020_sp img{ width:100%;}
.cx_smartphoneview .photo2020_sp img:nth-of-type(1){ margin-top:50px;}
.cx_smartphoneview .photo2020_sp img:nth-of-type(2){ margin-top:-10px;}


/*.sns{ text-align:center; margin:50px 0 0 0;float:left;}*/
/*.tw{ width:60px; float:left; margin:40px 1% 0 23%;}*/
.tw-timeline{float:right; margin: 0px 3% 0 0; border:1px solid #e7280e; padding:0 5px; background-color:#fff;}
.tw-timeline-sp{ display:none;}

.cx_smartphoneview .sns{font-weight:bold;margin:40px 0 0 0; font-size:26px;}
.cx_smartphoneview .tw{ margin:40px 2% 0 10%;}
.cx_smartphoneview .tw-timeline{ display:none;}
.cx_smartphoneview .tw-timeline-sp{ width:80%; margin:50px auto 80px; display:block;border:1px solid #e7280e; padding:0 5px; background-color:#fff;}


.k-title-img{ width:250px;}
.cx_smartphoneview .k-title-img{ width:80%; margin-bottom:10px;}

.gojitsu{ text-align:center; margin-top:30px;}
.cx_smartphoneview .gojitsu{ text-align:left; margin:10% 3%; font-weight:bold; font-size:18px;}

#karaage{  padding-top:20px;}
#karaage ul li{ list-style:none; margin:10px 10px 20px; float:left;}

.shop{ background-color:#fff; padding:10px 10px 20px; width:90%; margin:0 auto;
border-radius: 30px; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);}

.shop img{ width:30%; float:left; margin:20px 5px 5px;}
.shop h2{ margin:0 0 10px 0px; color:#000; font-size:30px;}
.shop h4{margin:0 0 8px; color:#f18b00; line-height:140%;}
.shop h5{margin:15px 0 0px; color: #DA1317; font-size:15px;line-height:140%;}

.k-text{ float:left; margin:25px 0 0 15px; width:65%;}

.first{ background-image:url(img/first.png); background-size:100px; background-repeat:no-repeat; background-position:98% 10px;}
.second{ background-image:url(img/second.png); }
.third{ background-image:url(img/third.png); }
.fourth{ background-image:url(img/fourth.png);}
.fifth{ background-image:url(img/fifth.png); }
.sixth{ background-image:url(img/sixth.png); }

.second,
.third,
.fourth,
.fifth,
.sixth{  background-size:70px; background-repeat:no-repeat; background-position:98% 10px;}

.shop p{ line-height:150%; margin:10px 0 0 0;}
.shop p.red{ font-size:16px; font-weight:bold; color:rgba(215,0,3,1.00); line-height:26px; text-align:center; margin:20px 175px 20px 0; }

.cx_smartphoneview #karaage ul { margin:0 0 0 -20px; }
.cx_smartphoneview #karaage ul li{ margin:0px; float:none;}

.cx_smartphoneview .shop{ width:91%; padding:20px 20px 50px 15px; margin-bottom:10% !important;}
.cx_smartphoneview .shop img{ width:100%; float:none; margin-top:5px;}
.cx_smartphoneview .k-text{ width:100%; float:none; margin-bottom:20px;}

.cx_smartphoneview .first{ background-size:130px;}

.cx_smartphoneview .first:nth-of-type(1){ background-position:98% 740px;}
.cx_smartphoneview .first:nth-of-type(2){background-position:98% 685px;}
.cx_smartphoneview .first:nth-of-type(3){background-position:98% 740px;}
.cx_smartphoneview .first:nth-of-type(4){background-position:98% 685px;}

.cx_smartphoneview .second,
.cx_smartphoneview .third,
.cx_smartphoneview .fifth,
.cx_smartphoneview .sixth{  background-size:100px;}

.cx_smartphoneview .second{ background-position:98% 59%;}
.cx_smartphoneview .third{ background-position:98% 58%;}
.cx_smartphoneview .fifth{ background-position:98% 665px;}
.cx_smartphoneview .sixth{ background-position:98% 685px;}


.cx_smartphoneview .shop h2{margin:10px 0 15px; color:#000; font-size:35px;}
.cx_smartphoneview .shop h4{margin:0 0 20px; }
.cx_smartphoneview .shop h5{ margin-bottom:40px; font-size:11px;line-height:160%; letter-spacing:0;}

.cx_smartphoneview .shop p{ line-height:150% !important; font-size:24px; font-weight:bold;}
.cx_smartphoneview .shop p.red{ font-size:24px; line-height:34px; margin:20px auto; }

#att{ font-size:90%; line-height:150%; width:90%; margin:5% auto; color:#666;}
#att p{ font-weight:bold; margin:10px 0;}
#att ul{ list-style-type: square; margin:5px 0 0 0;}
#att ul li{ padding:5px 0;}

#att ul.maru{ list-style-type:circle;}

.cx_smartphoneview #att{ width:95%; margin:100px 20px 10px 10px;}
.cx_smartphoneview #att p{ margin:20px 5px 20px 10px; font-size:150%;line-height:130%;}
.cx_smartphoneview #att ul{ margin:10px 0 ;font-size:120%;line-height:130%;}
.cx_smartphoneview #att ul li{ padding:10px 0;}

@media only screen and (max-width: 767px) {
.pc{ display:none;}
.sp{ display:inline;}
}