@charset "utf-8";
@charset "utf-8";

  html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
} body {
line-height:1;
font-size:100%;
} article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
} ol,ul,li {
list-style:none;
} blockquote, q {
quotes:none;
} blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
} a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
} del {
text-decoration: line-through;
} abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
} table { }
table,th,td {
text-align:left;
vertical-align:top;
border-collapse: collapse;
padding: 0px;
border:0;
} hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
} input, select {
vertical-align:middle;
}
strong {
font-weight:900;
}* {	
margin: 0;
padding: 0;
color: #2d2d2d;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-feature-settings: 'palt';
}
html {
font-size: 62.5%; }
body {
line-height: 1.8;
font-size: 1.5rem;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
letter-spacing: 0.05em;
font-weight: 500;
}
@media screen and (min-width: 960px) {
body {
font-weight: 500;
}
}
img {
border: 0;
vertical-align:bottom;
}
.img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: #80c269;
}
@media screen and (max-width: 1160px) {
img {
max-width: 100%;
height: auto;
}
a:hover>img {
opacity: 1;
}
} .mt5  { margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}
.mb00 { margin-bottom: 0px !important;}
.mb5  { margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100{	margin-bottom: 100px !important;}
.ml00 {	margin-left: 0px !important;}
.ml5  {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.mr00 {	margin-right: 0px !important;}
.mr5  {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.pb5  {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pt00 {	padding-top: 0px !important;}
.pt5  {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt40 {	padding-top: 40px !important;}
.pa10 {	padding: 10px !important;}
.pa20 {	padding: 20px !important;}
.pr5  {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}
.pr30 {	padding-right: 30px !important;}
.ms_a { margin: 0 auto 60px;} .cen   { text-align: center !important; }
.left  { text-align: left !important; }
.right { text-align: right !important; } .bold   {font-weight: bold !important;}
.txtRed   { color: #ff0000 !important;}
.txtBlue  { color: #0052E5 !important;}
.txtPink  { color: #f66c86 !important;}
.txtGold  { color: #d4af37 !important;}
.txtGray  { color: #666666 !important;}
.txtWhite {	color: #FFFFFF !important;}
.txtOrange { color:#c04737 !important;}
.txtYellow { color:#f6ff00 !important;}
.txtBrown  { color:#d1c0a5 !important;} .bn {
border:none !important;
} .bc {
background:none !important;
} .clear {
clear: both;
} .cf,#main,.entry,.cont_area,#contents.entry {
*zoom: 1;
}
.cf:before, .cf:after,main:before, main:after,.cont_area:before,.cont_area:after,#contents:before,#contents:after,.entry:before,.entry:after {
content: " ";
display: table;
}
.cf:after,main:after,.cont_area:after,#contents:after,.entry:after{
clear: both;
} #wrapper {
width: 100%;
overflow: hidden;
} .cont_s  { display:block; }
.cont_st { display:block; }
.cont_so { display:block; }
.cont_sl { display:block; }
.cont_p  { display:none; }
.cont_pt { display:none; }
.cont_po { display:none; }
.cont_pl { display:none; }
@media screen and (min-width:768px) {
.cont_st { display:none; }
.cont_pt { display:block; }	
}
@media screen and (min-width:600px) and ( max-width:959px) {
.cont_s  { display:none; }
.cont_so { display:block; }
.cont_sl { display:block; }
.cont_p  { display:none; }
.cont_po { display:none; }
.cont_pl { display:block; }
}
@media screen and (min-width:960px) and ( max-width:1159px) {
.cont_s  { display:none; }
.cont_so { display:none; }
.cont_sl { display:block; }
.cont_p  { display:none; }
.cont_po { display:block; }
.cont_pl { display:block; }
}
@media screen and (min-width:1160px) {
.cont_s  { display:none ; }
.cont_so { display:none; }
.cont_sl { display:none; }
.cont_p  { display:block; }
.cont_po { display:block; }
.cont_pl { display:block; }
} .half_col {
float: left;
width: 50%;
}
.col03 {
float: left;
width: 33.333%;
}
@media screen and (min-width:600px) and ( max-width:1160px) { .half_col01 {
float: left;
width: 50%;
}
.col03-01 {
float: left;
width: 33.333%;
}
}
@media screen and (min-width:768px) and ( max-width:1160px) { .half_col02 {
float: left;
width: 50%;
}
.half_col02:nth-child(2n) {
float: right;
}
.col03-02 {
float: left;
width: 33.333%;
}
}
@media screen and (min-width:960px) and ( max-width:1160px) { .half_col03 {
float: left;
width: 50%;
}
.col03-03 {
float: left;
width: 33.333%;
}
}
@media screen and (min-width:1160px) { .half_col,.half_col01,.half_col02,.half_col03 {
float: left;
width: 50%;
}
.col03-01,.col03-02,.col03-03 {
float: left;
width: 33.333%;
}
} .cont_area {
width: 100%;
padding: 30px 20px;
margin: 0 auto;
}
@media screen and (min-width: 1160px) {
.cont_area {
max-width: 1200px;
padding: 50px 0 40px;
}
#index .cont_area {
padding: 40px 0;
}
} .btn_s {
width: 100%;
max-width: 350px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.btn_s a{
display: block;
padding: 15px 0;
text-align: center;
font-size: 1.6rem;
color: #fff;
font-weight: 900;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
text-decoration: none;
}
.btn_m {
width: 100%;
max-width: 350px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.btn_m a{
display: block;
padding: 15px 0;
text-align: center;
font-size: 1.8rem;
color: #fff;
font-weight: 900;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
text-decoration: none;
}
.btn_r {	
position: relative;
}
.btn_r a{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#ec6941;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.btn_r a:before{
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: calc( 50% - 7px );
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow04.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.btn_r a:hover{
background: #d83a09;
}
.btn_g {
position: relative;
}
.btn_g a{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#80c269;
}
.btn_g a:before{
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: calc( 50% - 7px );
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow05.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.btn_g a:hover{
background: #3fa41c;
}
.btn_dl {
position: relative;
}
.btn_dl a{
padding: 15px 40px;
background:#ec6941;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.btn_dl a:before{
content: "";
position: absolute;
width: 16px;
height: 16px;
left: 20px;
top: calc( 50% - 7px );
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon_dl.png) no-repeat 0 0;
background-size: 16px 16px; 
}
.btn_dl a:hover{
background: #d83a09;
}
.btn_li {
position: relative;
}
.btn_li a{
background:#80c269;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.btn_li a:hover{
background:#3fa41c;
}
.btn_li a:before{
content: "";
position: absolute;
width: 20px;
height: 14px;
left: 20px;
top: calc( 50% - 7px );
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/list_icon.png) no-repeat 0 0;
background-size: 20px 14px; 
}
.btn_d {
width: 70%;
max-width: 135px;
margin: 0 auto;
position: relative;
}
.btn_d a{
display: block;
background:#ec6941;
color: #fff;
font-size: 1.3rem;
font-weight: 900;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align: center;
padding: 5px 0;
text-decoration: none;
}
@media screen and (min-width: 1160px) { .btn_s {
max-width: 280px;
}
.btn_g {
background:#80c269;
position: relative;
}
.btn_dl a{
line-height: 1.4;
}
} #header {
width: 100%;
height: 60px;
position: relative;
}
#header img {
display: block;
}
header h1 {
position: absolute;
left: 60px;
top: 20px;
width: 91px;
text-align: center;
display: block;
}
header p.logo_eng {
position: absolute;
left: 60px;
top: 37px;
width: 123px;
text-align: center;
}
header p.logo {
position: absolute;
left: 15px;
top: 15px;
width: 36px;
text-align: center;
}
.tel_s {
position: absolute;
width: 60px;
height: 60px;
right: 60px;
top: 0;
border-left: 1px solid #cdcbcb;
}
.tel_s a{
display: block;
text-align: center;
padding: 16px 0;
text-decoration: none;
}
.tel_s img {
width: 16px;
margin: 0 auto 4px;
}
.tel_s span{
display: block;
font-size: 1.2rem;
text-align: center;
color: #719c62;
}
@media screen and (min-width: 1160px) { #header {
height: 210px;
}
header h1 {
left: 120px;
top: 47px;
width: 182px;
}
header p.logo_eng {
left: 320px;
top: 57px;
width: 246px;
}
header p.logo {
left: 40px;
top: 25px;
width: 72px;
}
.g_nav {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 90px;
border-top: 1px solid #eeeded;
}
.g_nav li{
float: left;
width: 20%;
}
.g_nav li a{
display: block;
text-align: center;
font-size: 1.4rem;
font-weight: 900;
width: 100%;
height: 90px;
padding: 55px 0 0;
text-decoration: none;
color: #000;
position: relative;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.g_nav li a:after{
position: absolute;
content: "";
width: 1px;
height: 45px;
background: #d0caca;
top: 20px;
right: 0;
}
.g_nav li:last-child a:after{
display: none;
}
.g_nav li.gn01 a{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn01.png) no-repeat center 20px;
}
.g_nav li.gn02 a{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn02.png) no-repeat center 20px;
}
.g_nav li.gn03 a{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn03.png) no-repeat center 20px;
}
.g_nav li.gn04 a{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn04.png) no-repeat center 20px;
}
.g_nav li.gn05 a{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn05.png) no-repeat center 20px;
}
.g_nav li.gn01 a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn01.png) no-repeat center 20px #fbfafa;
}
.g_nav li.gn02 a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn02.png) no-repeat center 20px #fbfafa;
}
.g_nav li.gn03 a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn03.png) no-repeat center 20px #fbfafa;
}
.g_nav li.gn04 a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn04.png) no-repeat center 20px #fbfafa;
}
.g_nav li.gn05 a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/gn05.png) no-repeat center 20px #fbfafa;
}
.header_info {
width: 500px;
position: absolute;
right: 40px;
top: 35px;
}
.header_info p.tel{
width: 270px;
float: left;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/tel_pc.png) no-repeat 0 9px;
padding: 5px 0 0 28px;
font-size: 1.4rem;
line-height: 1.0;
}
.header_info p.tel span{
font-size: 3.2rem;
font-weight: 900;
}
.btn_h {
width: 220px;
height: 50px;
float: right;
}
.btn_h a{
display: block;
width: 220px;
height: 50px;
text-align: center;
font-size: 1.6rem;
font-weight: 900;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon_dl.png) no-repeat 15px 17px #ec6941;
color: #fff;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
line-height: 1.0;
display: table-cell;
vertical-align: middle;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.btn_h a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon_dl.png) no-repeat 15px 17px #d83a09;
}
}
@media screen and (max-width: 1159px) { header p.menu {
width: 60px;
height: 60px;
padding: 0;
right: 0;
top: 0;
position: absolute;
border: none;
background: #7bb965; 
display: block;
z-index: 110;
}
header p.menu .menu-trigger,  header p.menu .menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
header p.menu .menu-trigger {
position: relative;
width: 60px;
height: 60px;
}
header p.menu .menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
border-radius: 4px;
}
header p.menu .menu-trigger span:nth-of-type(1) {
top: 17px;
left: 20px;
width: 20px;
background: #fff;
}
header p.menu .menu-trigger span:nth-of-type(2) {
top: 24px;
left: 20px;
width: 20px;
background: #fff;
}
header p.menu .menu-trigger span:nth-of-type(3) {
top: 31px;
left: 20px;
width: 20px;
background: #fff;
}
#m_trigger01,#m_trigger02 {
top: 36px;
left: 0;
width: 100%;
font-size: 1.2rem;
text-align: center;
color: #fff;
}
header p.menu .menu-trigger span.show {
display: block;
}
header p.menu .menu-trigger span.hide {
display: none;
}
header p.menu .menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);
}
header p.menu .menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
header p.menu .menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}
.dl-menu {
display: none;
width: 100%;
position: absolute;
top: 60px;
right: 0;
z-index: 100;
background: #fff;
box-shadow:0px 0px 5px 2px #c2c1bd;
-moz-box-shadow:0px 0px 5px 2px #c2c1bd;
-webkit-box-shadow:0px 0px 5px 2px #c2c1bd;
}
.dl_logo {
padding: 10px 22px 25px 23px;
width: 210px;
height: 60px;
}
.dl_u_nav {
height: 50px;
background: #537447; background: -moz-linear-gradient(left, #537447 4%, #7bb965 99%); background: -webkit-linear-gradient(left, #537447 4%,#7bb965 99%); background: linear-gradient(to right, #537447 4%,#7bb965 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537447', endColorstr='#7bb965',GradientType=1 ); }
.dl_u_nav li {
float: left;
width: 50%;
position: relative;
}
.dl_u_nav li:first-child:before {
position: absolute;
content: "";
height: 25px;
width: 1px;
right: 0;
top: 12px;
background: #fff;
}
.dl_u_nav li a{
display: block;
color: #fff;
text-decoration: none;
text-align: center;
padding: 10px 0 0;
}
.dl_g_nav {
background: #eaeaea;
padding: 20px;
}
.dl_g_nav li {
background: #fff;
margin-bottom: 10px;
}
.dl_g_nav li a{
display: block;
padding: 12px 0 12px 45px;
font-size: 1.4rem;
text-decoration: none;
color: #2d2d2d;
}
.dl_icon01 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn01.png) no-repeat 15px 15px;
background-size: 20px 20px; 
border-bottom: 1px solid #eee;
}
.dl_icon02 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn02.png) no-repeat 15px 15px;
background-size: 20px 20px;
border-bottom: 1px solid #eee;
}
.dl_icon03 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn03.png) no-repeat 15px 15px;
background-size: 20px 20px; 
}
.dl_icon04 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn04.png) no-repeat 15px 15px;
background-size: 20px 20px; 
}
.dl_icon05 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn05.png) no-repeat 15px 15px;
background-size: 20px 20px; 
}
.dl_icon06 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn06.png) no-repeat 15px 15px;
background-size: 20px 20px; 
}
.dl_icon07 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn07.png) no-repeat 15px 15px;
background-size: 20px 20px; 
}
.dl_icon08 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn08.png) no-repeat 15px 15px;
background-size: 20px 20px; 
}
.dl_icon09 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/dn09.png) no-repeat 15px 15px;
background-size: 20px 20px; 
}
.dl_g_nav ul ul {
padding: 15px 0 10px;
}
.dl_g_nav li.dl01 a {
font-size: 1.6rem;
font-weight: 900;
}
.dl_g_nav li.dl02 {
margin-bottom: 0;
}
.dl_g_nav li.dl02 a {
padding: 0 0 5px 35px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow08.png) no-repeat 20px 8px;
background-size: 5px auto;
font-size: 1.5rem;
font-weight: 500;
}
.dl_close {
width: 50%;
margin: 0 auto;
background: #858484;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.dl_close a{
display: block;
text-align: center;
padding: 5px 0;
color: #fff;
text-decoration: none;
font-size: 1.4rem;
}
}
@media screen and (min-width: 768px) {
.dl_ul01 {
width: 48.5%;
float: left;
}
.dl_ul02 {
width: 48.5%;
float: right;
}
.dl_ul03 {
clear: both;
}
.dl_ul03 li{
width: 48.5%;
float: left;
}
.dl_ul03 li:nth-child(even){
width: 48.5%;
float: right;
}
} #main_visual {
background: #f5f5f5;
padding: 0 0 20px;
}
#main_visual img{
width: 100%;
height: auto;
}
#sub_visual {
height: 150px;
background: #f5f5f5;
position: relative;
}
#sub_visual .sv_inner{
width: 100%;
height: 150px;
z-index: 1;
text-align: center;
display: table;
}
#sub_visual .sv_inner h2{
display: table-cell;
vertical-align: middle;
}
#sub_visual .sv_inner span{
color: #fff;
font-size: 2.2rem;
font-weight: 900;
letter-spacing: 0.1em;
position: relative;
}
#sub_visual .sv_inner span:before{
position: absolute;
content: "";
width: 70px;
height: 3px;
left: calc( 50% - 35px );
bottom: -15px;
background: #80c269;
}
@media screen and (min-width: 600px) {
#main_visual {
padding: 20px 20px 0;
margin-bottom: 20px;
}
#main_visual .mv_inner img{
margin: 0 auto -20px;
}
}
@media screen and (min-width: 960px) {
#main_visual {
margin-bottom: 80px;
}
}
@media screen and (min-width: 1160px) {
#main_visual {
height: 480px;
padding: 40px 0 0;
margin-bottom: 80px;
}
#main_visual .mv_inner {
width: 1350px;
margin: 0 auto;
}
#main_visual .mv_inner p{
width: 1350px;
margin: 0 auto -40px;
}
#sub_visual {
height: 200px;
padding: 40px 0 0;
}
#sub_visual .sv_inner{
max-width: 1345px;
height: 200px;
margin: 0 auto -40px;
}
#sub_visual .sv_inner span{
font-size: 3.0rem;
}
}
.cm_bottom {
background: #f6f6f6;
clear: both;
}
.cm_bottom .cont_area{
padding-top: 40px;
padding-bottom: 70px;
}
.bnr_l {
width: 31.6%;
float: left;
margin: 0 2.5% 20px 0;
}
.cm_bottom li:nth-child(3) {
float: right;
margin: 0 0 20px 0;
}
.bnr_s {
width: 23%;
float: left;
margin: 0 2.5% 20px 0;
}
.cm_bottom li:last-child {
float: right;
margin: 0 0 20px 0;
}
.cm_bottom li a {
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.cm_bottom li a:hover {
opacity: 0.7;
}
@media screen and (min-width: 1160px) {
.cm_bottom .cont_area{
padding-bottom: 20px !important;
}
}
#pageTop {
width:30px;
height:30px;
position:fixed;
bottom:15px;
right:15px;
z-index: 99;
}
#footer {
background: #7bb965;
}
footer {
width: 100%;
margin: 0 auto;
}
.footer_inner {
margin: 0 0 30px;
}
.footer_inner ul li a{
display: block;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #a1d68f;
padding: 17px 0 17px 45px;
}
.footer_inner ul li a:hover{
text-decoration: underline;
}
.footer_inner ul li.fl_a {
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/down_arrow.png) no-repeat 95% 28px;
background-size: 17px 9px;
}
footer .footer_inner ul li.active {
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/up_arrow.png) no-repeat 95% 28px;
background-size: 17px 9px;
}
.footer_inner ul li.fl01 a{
font-size: 1.5rem;
}
.fl_icon01 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn01.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon02 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn02.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon03 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn03.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon04 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn04.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon05 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn05.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon06 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn06.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon07 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn07.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon08 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn08.png) no-repeat 15px center;
background-size: 23px auto;
}
.fl_icon09 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn09.png) no-repeat 15px center;
background-size: 23px auto;
}
.footer_inner ul ul{
}
.footer_inner ul ul li.fl02 a{
font-size: 1.3rem;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow07.png) no-repeat 50px 16px;
padding: 10px 0 10px 60px;
}
.footer_inner ul li.fl03 {
width: 50%;
float: left;
}
.footer_inner ul li.fl03:nth-child(even) {
border-right: 1px solid #a1d68f;
}
.footer_add {
text-align: center;
margin-bottom: 40px;
border-bottom: 1px solid #a1d68f;
padding: 0 0 40px;
}
.footer_add p,
.footer_add span{
color: #fff;
}
.footer_add p{
font-size: 1.4rem;
}
.footer_add span{
font-size: 1.6rem;
font-weight: 900;
}
.footer_add p.f_add01{
font-size: 1.4rem;
width: 250px;
margin: 0 auto 20px;
}
.footer_add p.f_add01 span{
font-size: 2.0rem;
}
.footer_add p.f_add02{
margin-bottom: 10px;
}
.f_logo {
width: 130px;
margin: 0 auto 20px;
}
.f_under_link {
text-align: center;
margin-bottom: 30px;
}
.f_under_link li{
display:inline-block; 
}
.f_under_link li a{
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.3rem;
}
.f_under_link li a:hover{
text-decoration: underline;
}
.f_under_link li:first-child a:before{
position: absolute;
content: "|";
right: 0;
top: -2px;
color: #fff;
}
.f_under_link li:first-child a{
padding: 0 20px 0 0;
margin: 0 10px 0 0;
}
p.copy {
width: 100%;
padding: 0 0 30px;
text-align: center;
color: #fff;
font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
#pageTop {
width: 60px;
height: 60px;
bottom: 30px;
right: 30px;
}
footer {
max-width: 1240px;
}
.footer_inner {
padding: 40px 0;
border-bottom: 1px solid #a1d68f;
margin: 0 20px 50px;
}
.footer_inner ul li a{
border: none;
display: inline;
}
.footer_inner ul li.fl_a {
background: none;
}
footer .footer_inner ul li.active {
background: none;
}
.footer_inner ul li.fl01 a{
padding: 3px 0 0 30px;
}
.fl_icon01 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn01.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon02 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn02.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon03 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn03.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon04 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn04.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon05 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn05.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon06 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn06.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon07 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn07.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon08 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn08.png) no-repeat 0 3px;
background-size: 20px auto;
}
.fl_icon09 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fn09.png) no-repeat 0 3px;
background-size: 20px auto;
}
.footer_inner ul ul{
margin: 0 0 0 30px;
}
.footer_inner ul ul li.fl02 a{
padding: 0 0 0 10px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow07.png) no-repeat 0 3px;
}
.footer_inner ul li.fl03 {
width: 100%;
float: none;
}
.footer_inner ul li.fl03:nth-child(even) {
border-right: none;
}
.footer_add {
margin-bottom: 60px;
border: none;
padding: 0;
margin: 0 20px 30px;
text-align: left;
}
.footer_add p.f_add01{
width: 280px;
}
.footer_add p.f_add02{
width: 25%;
float: left;
}
.f_logo {
width: 260px;
}
}  .tp_sec01 {
border-bottom: 1px solid #eeeeee;
}
.tp_sec01_tab li{
width: 48%;
float: left;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}
.tp_sec01_tab li a{
display: block;
color: #fff;
text-align: center;
line-height: 1.2;
text-decoration: none;
font-weight: 900;
padding: 15px 0 10px;
font-size: 1.5rem;
}
.tp_sec01_tab li a img{
width: 51px;
display: block;
margin: 0 auto 5px;
}
.tp_sec01_tab li.tp_sec01_tab01{
background: #ffd200;
}
.tp_sec01_tab li.tp_sec01_tab02{
float: right;
background: #00b7ee;
}
.tp_mm {
padding: 15px 15px 10px;
}
.tp_mm01 {
border: 5px solid #ffd200;
}
.tp_mm02 {
border: 5px solid #00b7ee;
}
.tp_mm .txt {
font-size: 1.4rem;
margin-bottom: 15px;
}
.tp_mm li {
margin-bottom: 10px;
}
.tp_mm li a{
display: block;
padding: 10px 0 10px 10px;
background: #eeeeee;
font-size: 1.4rem;
font-weight: 900;
text-decoration: none;
color: #000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.tp_mm li a:hover{
background: #dedbdb;
}
.tp_mm01 li{
width: 48.5%;
float: left;
}
.tp_mm01 li:first-child {
width: 100%;
float: none;
}
.tp_mm01 li:nth-child(odd) {
float: right;
}
.tp_mm01 li a{
background:#eeeeee;
position: relative;
}
.tp_mm01 li a:before{
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 14px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow01.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.tp_mm02 li{
width: 48.5%;
float: left;
}
.tp_mm02 li:first-child {
width: 100%;
float: none;
}
.tp_mm02 li:nth-child(odd) {
float: right;
}
.tp_mm02 li a{
background:#eeeeee;
position: relative;
}
.tp_mm02 li a:before{
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 14px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow02.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.btn_tp_mm03-01 {
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/top_sec01_icon03.png) no-repeat 20px 17px #80c269;
background-size: 51px auto;
margin-bottom: 10px;
margin-top: 20px;
max-width: inherit;
}
.btn_tp_mm03-02 {
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/top_sec01_icon04.png) no-repeat 20px 18px #80c269;
background-size: 51px auto;
margin-bottom: 20px;
max-width: inherit;
}
@media screen and (min-width: 600px) {
.btn_tp_mm03-01 {
width: 48.5%;
float: left;
margin-bottom: 10px;
margin-top: 20px;
}
.btn_tp_mm03-02 {
width: 48.5%;
float: right;
margin-bottom: 10px;
margin-top: 20px;
}
}
@media screen and (min-width: 960px) {
.tp_mm {
width:31.66%;
margin: 0 2.5% 0 0;
padding: 0 15px 15px;
}
.tp_mm03 {
border: 5px solid #80c269;
margin: 0;
}
.tp_mm .icon {
width: 70px;
height: 70px;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
text-align: center;
padding: 12px 0 0;
margin: -40px auto 10px;
}
.tp_mm .icon img{
width: 70px;
}
.tp_mm01 .icon {
background: #ffd200;
}
.tp_mm02 .icon {
background: #00b7ee;
}
.tp_mm03 .icon {
background: #80c269;
}
.tp_mm h2 {
font-size: 2.0rem;
text-align: center;
margin-bottom: 10px;
padding: 0 0 5px;
}
.tp_mm01 h2 {
border-bottom: 5px solid #ffd200;
}
.tp_mm02 h2 {
border-bottom: 5px solid #00b7ee;
}
.tp_mm03 h2 {
border-bottom: 5px solid #80c269;
}
.tp_mm02 li{
width: 31.1%;
margin: 0 3.3% 10px 0;
}
.tp_mm02 li:nth-child( 2n + 1 ) {
float: left;
margin: 0 3.3% 10px 0;
}
.tp_mm02 li:nth-child( 3n + 1 ) {
float: right;
margin-right: 0;
} .tp_mm03 li{
width: 48.5%;
float: left;
}
.tp_mm03 li:first-child {
width: 100%;
float: none;
}
.tp_mm03 li:nth-child(odd) {
float: right;
}
.tp_mm03 li a{
background:#eeeeee;
position: relative;
}
.tp_mm01 li a:before,
.tp_mm02 li a:before {
display: none;
}
}
@media screen and (min-width: 1024px) {
.tp_mm01 li a:before{
display: block;
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 14px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow01.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.tp_mm02 li a:before{
display: block;
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 14px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow02.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.tp_mm03 li a:before{
display: block;
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 14px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow03.png) no-repeat 0 0;
background-size: 14px 14px; 
}
} .tp_sec02 {
background: #f1f1f1;
border-bottom: 1px solid #eeeeee;
} 
.tp_sec02_ttl {
position: relative;
}
.tp_sec02_ttl h3 {
font-size: 1.4rem;
font-weight: 900;
padding: 10px 0 10px 30px;
}
.tp_sec02_ttl h3 span{
display: none;
}
.tp_sec02_ttl01 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon01.png) no-repeat 0 10px;
background-size: 21px 21px; 
}
.tp_sec02_ttl02 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon02.png) no-repeat 0 10px;
background-size: 21px 21px; 
}
.tp_sec02_ttl03 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon03.png) no-repeat 0 10px;
background-size: 21px 21px; 
}
.tp_sec02_ttl04 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon04.png) no-repeat 0 10px;
background-size: 21px 21px; 
}
.tp_sec02_ttl .btn_ss {
position: absolute;
right: 0;
top: 10px;
}
.btn_ss a{
display: block;
text-align: center;
color: #000;
padding: 3px 0 3px 15px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow06.png) no-repeat 0 6px;
background-size: 11px 11px; 
font-size: 1.1rem;
text-decoration: none;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.rss_wrap {
margin-bottom: 30px;
background: #fff;
border-bottom: 2px solid #dfdcdc;
}
.rss_wrap li{
border-top: 1px solid #eeeeee;
padding: 10px;
}
.rss_wrap li span.date{
font-size: 1.2rem;
color: #7bb965;
display: block;
vertical-align: top;
padding: 2px 0 0;
}
.rss_wrap li a{
font-size: 1.3rem;
display: inline-block;
text-decoration: none;
}
.tp_event_cont {
width: 46.6%;
float: left;
margin: 0 0 20px;
position: relative;
}
.tp_event_cont:nth-child(2n) {
float: right;
}
.tp_event_cont a {
text-decoration: none;
}
.tp_event_cont p.photo {
margin-bottom: 5px;
}
.tp_event_cont p.photo img{
width: 100%;
height: auto;
}
.tp_event_cont p.ttl {
font-size: 1.2rem;
font-weight: 900;
line-height: 1.4;
}
.tp_event_cont p.label {
text-align: center;
padding: 2px 15px;
color: #fff;
font-weight: 900;
position: absolute;
top: 10px;
left: -5px
}
.tp_event_cont p.label a{
font-size: 1.0rem;
color: #fff;
font-weight: 900;
}
.tp_event_cont .label01 {
background: #ec6941;
}
.tp_event_cont .label01:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #b04727;
}
.tp_event_cont .label02 {
background: #7bb965;
}
.tp_event_cont .label02:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #3c672c;
}
.tp_event_cont .label03 {
background: #00b7ee;
}
.tp_event_cont .label03:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #03779a;
}
.tp_event_cont .label04 {
background: #eb6877;
}
.tp_event_cont .label04:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #c64756;
}
.tp_event_cont .label05 {
background: #f2efef;
}
.tp_event_cont .label05 a{
color:#000 !important;
}
.tp_event_cont .label05:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #d4d1d1;
}
.tp_event_cont .label06 {
background: #ffd200;
}
.tp_event_cont .label06:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #3c672c;
}
.top-category-list-area li{
margin: 0 0 8px;
}
.top-category-list-area li a{
display: block;
color: #fff;
font-size: 15px;
font-weight: bold;
background: #7bb965;
text-decoration: none;
padding: 3% 4%;
box-sizing: border-box;
border: solid 1px #7bb965;
transition: .3s;
text-align: center;
position: relative;
border-radius: 5px;
}
.top-category-list-area li a:hover{
background: #fff;
color: #7bb965;
}
.top-category-list-area li a:before {
font-family: 'Font Awesome 5 Free';
content: "\f138";
right: 50px;
margin: 0 5px 0 15px;
color: #fff;
font-weight: 900 !important;
position: absolute;
}
.top-category-list-area li:hover a:before {
color: #7bb965;
}
.top-n-event-box-wrapper{
padding: 0 0 10px;
}
@media screen and (min-width: 600px) {
.rss_wrap li span.date{
display: inline-block;
}
.tp_event_cont {
width: 31%;
margin: 0 3.4% 20px 0;
}
.tp_event_cont:nth-child(2n) {
float: left;
}
.tp_event_cont:nth-child(3n) {
float: right;
margin: 0 0 20px;
}
.tp_event_cont p.ttl {
font-size: 1.5rem;
}
.tp_event_cont p.label {
font-size: 1.3rem;
}
.tp_event_cont p.label a{
font-size: 1.3rem;
color: #fff;
font-weight: 900;
}
}
@media screen and (min-width: 960px) {
.tp_sec02 {
background: #fff;
} 
.tp_sec02 .half_col03 {
width: 48.33%;
}
.tp_sec02 .half_col03:last-child {
float: right;
}
.tp_sec02_ttl h3 {
font-size: 2.0rem;
padding: 5px 0 20px 40px;
}
.tp_sec02_ttl h3 span{
font-size: 1.4rem;
color: #7bb965;
display: inline-block;
margin: 0 0 0 20px;
font-weight: 500;
}
.tp_sec02_ttl01 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon01.png) no-repeat 0 10px;
background-size: 27px 27px; 
}
.tp_sec02_ttl02 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon02.png) no-repeat 0 10px;
background-size: 27px 27px; 
}
.tp_sec02_ttl03 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon03.png) no-repeat 0 10px;
background-size: 27px 27px; 
}
.tp_sec02_ttl04 {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/icon04.png) no-repeat 0 10px;
background-size: 27px 27px; 
}
.btn_ss{
width: 110px;
}
.btn_ss a{
width: 110px;
color: #fff;
padding: 3px 5px 3px 0;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow07.png) no-repeat 95px center #7bb965;
font-size: 1.3rem;
}
.btn_ss a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow07.png) no-repeat 95px center #3fa41c;
}
.tp_sec02_ttl .btn_ss {
position: absolute;
right: 0;
top: 10px;
}
.rss_wrap {
margin-bottom: 50px;
border: none;
}
.rss_wrap ul{
border-bottom: 1px solid #eeeeee;
}
.rss_wrap li span.date{
width: 17.2%;
font-size: 1.4rem;
}
.rss_wrap li a{
width: 80%;
font-size: 1.5rem;
}
} .cmn_ttl {
font-size: 1.8rem;
font-weight: 900;
padding: 18px 35px 18px;
background: #eeeeee;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
position: relative;
line-height: 1.4;
margin: 0 0 15px;
}
.cmn_ttl:before {
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
left: -10px;
top: 34px;
border-width: 0 10px 5px 0;
border-right-color: #579b40;
}
.cmn_ttl::after {
content: '';
position: absolute;
width: 30px;
height: 5px;
background: #80c269;
left: -10px;
top: 29px;
}
.cmn_ttl02 {
font-size: 1.9rem;
font-weight: 500;
padding: 0 0 10px 15px;
position: relative;
line-height: 1.4;
margin: 0 0 20px;
border-bottom: 3px solid #d9d7d7;
}
.cmn_ttl02:before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 7px;
height: 7px;
background: #80c269;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.cmn_ttl02::after {
position: absolute;
bottom: -3px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 3px;
background-color: #80c269;
}
.cmn_ttl03 {
text-align: center;
margin: 0 0 30px;
}
.cmn_ttl03 span{
color: #ed7452;
font-size: 1.8rem;
font-weight: 900;
border-bottom: 5px solid #ed7452;
padding: 0 0 3px;
line-height: 2.0;
}
@media screen and (min-width:768px) { .cmn_ttl {
font-size: 2.2rem;
padding: 22px 35px 20px;
margin: 0 0 20px;
}
.cmn_ttl:before {
top: 39px;
}
.cmn_ttl::after {
top: 34px;
}
.cmn_ttl02 {
font-size: 2.0rem;
}
.cmn_ttl03 span{
font-size: 2.6rem;
padding: 0 0 5px;
}
} #main {
width: 100%;
margin: 0 auto;
background: #fbfafa;
}
.page_start {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/start_img.jpg) no-repeat 0 0;
background-size: cover;
}
.page_service {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/service_img.jpg) no-repeat 0 0;
background-size: cover;
}
.page_site {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/site_img.jpg) no-repeat 0 0;
background-size: cover;
}
.page_member {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_img.jpg) no-repeat 0 0;
background-size: cover;
}
.page_event {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/event_img.jpg) no-repeat 0 0;
background-size: cover;
}
.page_news {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/news_img.jpg) no-repeat 0 0;
background-size: cover;
}
.page_sightseen {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/sightseen_img.jpg) no-repeat 0 0;
background-size: cover;
}
.page_recruit {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/recruit_img.jpg) no-repeat 0 0;
background-size: cover;
}
#side {
display: none;
} .page_mv {
height: 200px;
position: relative;
margin-bottom: 90px;
}
.page_mv p.ttl{
padding: 20px 20px 20px 0;
background: #fbfafa;
display: inline-block;
position: absolute;
bottom: -50px;
font-size: 2.0rem;
line-height: 1.4;
letter-spacing: 0.05em;
}
.page_mv p.ttl:before{
position: absolute;
content: "";
width: 70px;
height: 3px;
background: #80c269;
bottom: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.page_mv {
height: 260px;
}
.page_mv p.ttl{
padding: 30px 30px 30px 0;
font-size: 3.0rem;
}
}
@media screen and (min-width: 1160px) {
#side {
width: 280px;
float: left;
display: block;
}
.side_cont {
margin: 0 0 50px;
padding: 0 15px 10px;
}
.sc01 {
border: 5px solid #ffd200;
}
.sc02 {
border: 5px solid #00b7ee;
}
.sc03 {
border: 5px solid #80c269;
}
.side_cont .icon{
width: 50px;
height: 50px;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
text-align: center;
padding: 8px 0 0;
margin: -30px auto 10px;
}
.side_cont .icon img{
width: 50px;
}
.sc01 .icon {
background: #ffd200;
}
.sc02 .icon {
background: #00b7ee;
}
.sc03 .icon {
background: #80c269;
}
.side_cont .ttl {
font-size: 1.8rem;
font-weight: 900;
text-align: center;
margin-bottom: 10px;
padding: 0 0 5px;
}
.sc01 .ttl {
border-bottom: 5px solid #ffd200;
}
.sc02 .ttl {
border-bottom: 5px solid #00b7ee;
}
.sc03 .ttl {
border-bottom: 5px solid #80c269;
}
.side_cont li {
margin-bottom: 5px;
}
.side_cont li a{
display: block;
padding: 8px 0 8px 10px;
background: #eeeeee;
font-size: 1.5rem;
text-decoration: none;
color: #000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
position: relative;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.side_cont li a:hover{
background: #dedbdb;
}
.sc01 li a:before{
display: block;
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 15px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow01.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.sc02 li a:before{
display: block;
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 15px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow02.png) no-repeat 0 0;
background-size: 14px 14px; 
}
.sc03 li a:before{
display: block;
content: "";
position: absolute;
width: 14px;
height: 14px;
right: 10px;
top: 15px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow03.png) no-repeat 0 0;
background-size: 14px 14px; 
} #contents {
width: 870px;
float: right;
}
.page_mv {
height: 320px;
position: relative;
margin-bottom: 180px;
}
.page_mv p.ttl{
padding: 35px 40px 35px 0;
background: #fbfafa;
display: inline-block;
position: absolute;
bottom: -135px;
font-size: 4.2rem;
line-height: 1.4;
letter-spacing: 0.05em;
}
.page_mv p.ttl:before{
position: absolute;
content: "";
width: 70px;
height: 3px;
background: #80c269;
bottom: 0;
left: 0;
}
}
#breadcrumbUl {
margin:5px 0 40px;
width: 100%;
}
#breadcrumbUl li{
display:inline-block;
font-size:14px;
margin: 0 10px 0 0;
}
#breadcrumbUl li a {
color:#6f9860;
font-size:14px;
}
.entry {
padding: 0 0 50px;
}
.entry .half_col03{
width: 48.5%;
}
.entry .half_col03:nth-child(odd) {
float: right;
}
.txt_con {
padding-bottom: 15px;
letter-spacing: 0.05em;
}
.txt_con strong{
font-size: 1.7rem;
}
.txt_con02 {
padding-bottom: 40px;
letter-spacing: 0.05em;
}
.txt_ll {
color: #eb6100;
font-size: 2.6rem;
}
.txt_l {
color: #eb6100;
font-size: 2.0rem;
}
.txt_m {
font-size: 1.7rem;
font-weight: 900;
}
.txt_g {
font-size: 1.6rem;
color: #80c269;
}
.out_link a{
color: #80c269;
padding: 0 25px 5px 0;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/out_link.png) no-repeat right 4px;
background-size: 13px 10px;
}
.out_link a.inner_l{
display: inline-block;
color: #80c269;
padding: 0 0 5px 15px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow08.png) no-repeat 0 6px;
background-size: 5px 10px;
line-height: 1.4;
}
.caution01 {
width: 100%;
max-width: 700px;
margin: 0 auto;
border: 5px solid #ec6941;
text-align: center;
padding: 20px 0;
}
.caution01 p.ttl{
color: #ec6941;
font-size: 1.4rem;
font-weight: 900;
margin-bottom: 15px;
}
.caution01 p.btn_m{
width: 90%;
margin: 0 auto;
}
.caution02 {
width: 100%;
margin: 0 auto;
border: 5px solid #d9d7d7;
padding: 40px 20px 15px;
margin: 20px 0 50px;
font-size: 1.6rem;
}
.caution02 p.ttl{
color: #80c269;
font-size: 1.6rem;
font-weight: 900;
position: relative;
background: #eeeeee;
text-align: center;
width: 100%;
padding: 5px;
margin: -59px auto 15px;
}
.caution02 p.ttl:before,
.caution02 p.ttl:after{
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
}
.caution02 p.ttl::before {
bottom: 0;
left: -10px;
border-width: 0 10px 20px 0;
border-right-color: #d9d7d7;
}
.caution02 p.ttl::after {
bottom: 0;
right: -10px;
border-style: solid;
border-width: 0 0 20px 10px;
border-left-color: #d9d7d7;
}
.caution02 .txt01 {
font-size: 3.0rem;
}
.caution02 .txt02 {
font-size: 3.0rem;
color: #e60012;
}
.caution03 {
width: 100%;
margin: 0 auto;
border: 5px solid #80c269;
padding: 40px 20px 15px;
margin: 20px 0 50px;
font-size: 1.6rem;
}
.caution03 p.ttl{
color: #fff;
font-size: 1.6rem;
font-weight: 900;
position: relative;
background: #80c269;
text-align: center;
width: 100%;
padding: 5px;
margin: -59px auto 15px;
}
.caution03 p.ttl:before,
.caution03 p.ttl:after{
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
}
.caution03 p.ttl::before {
bottom: 0;
left: -10px;
border-width: 0 10px 24px 0;
border-right-color: #5b9d44;
}
.caution03 p.ttl::after {
bottom: 0;
right: -10px;
border-style: solid;
border-width: 0 0 24px 10px;
border-left-color: #5b9d44;
}
.caution03 .half_col03 {
margin-bottom: 10px;
}
.caution04 {
width: 100%;
margin: 0 auto;
border: 3px solid #eeeeee;
padding: 17px;
margin: 0 0 40px;
}
.caution04 p{
text-align: center;
line-height: 1.4;
color: #ec6941;
font-size: 1.3rem;
}
.caution04 p.bnr{
padding: 0 0 10px 0;
}
.caution05 {
width: 100%;
margin: 0 auto;
border: 5px solid #eeeeee;
padding: 37px;
margin: 0 0 40px;
text-align: center;
font-size: 1.6rem;
}
.caution05-02{
width: 100%;
margin: 0 auto;
border: 5px solid #eeeeee;
padding: 20px;
margin: 10px 0 40px;
text-align: center;
font-size: 1.6rem;
}
.num_ttl .num {
float: left;
width: 26px;
height: 26px;
margin: 0 10px 10px 0;
background: #ed7452;
font-size: 1.3rem;
font-weight: 900;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
color: #fff;
text-align: center;
line-height: 1.0;
padding: 7px 0 0;
}
.num_ttl .txt {
float: left;
width: calc( 100% - 40px);
margin-bottom: 10px;
}
.list_con {
margin-bottom: 30px;
}
.list_con li{
padding: 0 0 0 20px;
position: relative;
}
.list_con li:before{
position: absolute;
content: "";
left: 0;
top: 12px;
width: 12px;
height: 2px;
background: #80c269;
}
@media screen and (min-width: 768px) {
.entry .half_col02 {
width: 48.5%;
}
.entry .half_col02:nth-child(odd) {
float: right;
}
.caution01 {
padding: 40px 0;
}
.caution01 p.ttl{
font-size: 1.6rem;
}
.caution02 {
padding: 40px 40px 30px;
}
.caution02 p.ttl{
font-size: 1.8rem;
width: 80%;
max-width: 340px;
margin: -65px auto 15px;
}
.caution02 p.ttl::after {
bottom: 0;
right: -10px;
border-style: solid;
border-width: 0 0 20px 10px;
border-left-color: #d9d7d7;
}
.caution03 {
padding: 40px 40px 30px;
}
.caution03 p.ttl{
font-size: 1.8rem;
width: 80%;
max-width: 340px;
margin: -63px auto 15px;
}
.caution03 p.ttl::before {
border-width: 0 10px 24px 0;
}
.caution04 p{
display: inline-block;
}
.caution04 p.bnr{
padding: 0 20px 0 0;
width: 158px;
}
.caution04 p.txt{
width: calc( 100% - 170px );
}
}
@media screen and (min-width: 1160px) {
.txtCon {
padding-bottom: 20px;
}
.out_link a{
color: #80c269;
padding: 0 25px 0 0;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/out_link.png) no-repeat right 4px;
background-size: 13px 10px;
}
} .about_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/about_main_img.jpg) no-repeat center center;
background-size: cover;
} .start_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/start_main_img.jpg) no-repeat center center;
background-size: cover;
}
.point_txt {
font-size: 2.0rem;
font-weight: 900;
}
.point_txt01 {
font-size: 1.0rem;
color: #80c269;
display: inline-block;
padding: 0 5px 0 0 ;
}
.point_num {
font-size: 3.0rem;
color: #80c269;
font-weight: 900;
padding: 0 10px 0 0;
line-height: 1.4;
} .merit_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/merit_main_img.jpg) no-repeat center center;
background-size: cover;
} .sougyou_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/sougyou_main_img.jpg) no-repeat center center;
background-size: cover;
} .access_map_illust {
text-align: center;
}
.access_map_illust img{
width: 100%;
height: auto;
max-width: 870px;
}
.map {
margin: 0 0 20px;
}
.access_detail {
padding: 0 0 50px;
}
.access_detail .ttl{
font-size: 1.6rem;
font-weight: 900;
padding: 2px 0 5px 40px;
font-weight: 900;
}
.access_detail .car{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/access_icon01.png) no-repeat 0 0;
background-size: 30px 30px;
}
.access_detail .bus{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/access_icon02.png) no-repeat 0 0;
background-size: 30px 30px;
} .fukurikousei_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/fukurikousei_main_img.jpg) no-repeat center center;
background-size: cover;
} .oyakata_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/oyakata_main_img.jpg) no-repeat center center;
background-size: cover;
} .keieishien_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/keieishien_main_img.jpg) no-repeat center center;
background-size: cover;
} .kyousai_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/kyosai_main_img.jpg) no-repeat center center;
background-size: cover;
}
.caution03 .point_txt {
font-size: 1.6rem;
font-weight: 500;
}
.caution03 .point_txt01 {
font-size: 1.0rem;
color: #80c269;
display: inline-block;
padding: 0 5px 0 0 ;
font-weight: 900;
}
.caution03 .point_num {
font-size: 3.0rem;
color: #80c269;
font-weight: 900;
padding: 0 10px 0 0;
line-height: 1.4;
} .service_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/service_main_img.jpg) no-repeat center center;
background-size: cover;
}
.service_cont {
width: 100%;
margin: 0 0 30px;
padding: 0 25px 30px;
border: 1px solid #edeaea;
border-bottom: 5px solid #edeaea;
background: #fff;
}
.service_cont p.ttl {
border-top: 3px solid #ec6941;
padding: 35px 0 25px;
text-align: center;
font-size: 2.0rem;
font-weight: 900;
color: #ec6941;
}
.service_cont p.txt {
margin-bottom: 15px;
}
@media screen and (min-width: 600px) {
.service_cont {
width: 48.5%;
}
.service_cont:nth-child(2n) {
float: right;
}
}
@media screen and (min-width: 960px) {
.service_cont {
width: 31%;
margin: 0 3.5% 30px 0;
}
.service_cont:nth-child(2n) {
float: left;
}
.service_cont:nth-child(3n) {
margin: 0 0 30px;
float: right;
}
} .kinyu_img01 {
text-align: center;
}
.kinyu_img01 img{
width: 100%;
max-width: 415px;
height: auto;
} .zeimu_mv {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/zeimu_main_img.jpg) no-repeat center center;
background-size: cover;
} .dl_cont {
padding: 0 0 30px;
}
.dl_cont .col03-03{
margin: 0 0 20px;
text-align: center;
}
.dl_cont .btn_dl{
font-size: 1.4rem;
margin: 0 auto;
}
.dl_cont .btn_dl a{
font-size: 1.4rem;
}
.dl_cont .txt a{
color: #ec6941;
font-size: 1.3rem;
}
@media screen and (min-width: 600px) {
.dl_cont .col03-03{
width: 48.5%;
margin: 0 0 20px;
float: left;
text-align: left;
}
.dl_cont .col03-03:nth-child(2n){
float: right;
}
}
@media screen and (min-width: 768px) {
.dl_cont .col03-03{
width: 32.15%;
margin: 0 1.7% 20px 0;
}
.dl_cont .col03-03:nth-child(2n){
width: 32.15%;
margin: 0 1.7% 20px 0;
float: left;
}
.dl_cont .col03-03:nth-child(3n){
margin: 0 0 20px;
float: right;
}
} .sm_cont {
padding: 20px 0 0;
}
.sm_ul {
border-top :#eee 1px solid;
padding: 20px 10px 0;
margin: 0 0 10px;
}
.sm_ul .sm01 a{
font-size: 1.7rem;
font-weight: 900;
position: relative;
padding: 0 0 5px 20px;
color: #000;
}
.sm_ul .sm01 a:before{
position: absolute;
content: "";
left: 0;
top: 12px;
width: 12px;
height: 2px;
background: #80c269;
}
.sm_ul .sm01 li {
margin: 0 0 0 10px;
}
.sm_ul .sm01 li a{
font-size: 1.6rem;
font-weight: 500;
display: block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow08.png) no-repeat 5px 9px;
background-size: 5px 10px;
}
.sm_ul .sm01 li a:before{
display: none;
}
@media screen and (min-width: 600px) {
.sm_ul {
width: 32.15%;
margin: 0 1.7% 10px 0;
}
.sm_ul:nth-child(3n){
margin: 0 0 10px;
float: right;
}
.sm_ul .sm01 li a:before{
display: none;
}
} .contact_l {
text-align: center;
margin-bottom: 20px;
}
.contact_r {
padding: 20px;
border-top: 1px solid #d0ba95;
}
.contact_l span,.contact_r span {
display: block;
}
.contact_l .ttl{
font-size: 1.8rem;
font-weight: 900;
color: #d0ba95;
line-height: 1.4;
}
.contact_l .tel{
display: inline-block;
font-size: 3.3rem;
font-weight: 900;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/tel_pc.png) no-repeat 0 6px;
padding: 0 0 0 30px;
line-height: 1.2;
}
.contact_r .ttl{
font-size: 1.6rem;
font-weight: 900;
color: #d0ba95;
line-height: 1.4;
}
.contact_r .txt{
font-size: 1.4rem;
letter-spacing: 0;
}
.contact_r .tel{
display: inline-block;
font-size: 2.4rem;
font-weight: 900;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/tel_pc.png) no-repeat 0 6px;
background-size: 16px 16px; 
padding: 0 0 0 22px;
line-height: 1.2;
}
.contact_r p{
text-align: center;
margin-bottom: 20px;
}
span.recIcon {
display: inline-block;
background:#ec6941;
color:#fff;
padding:2px 10px;
margin:0 5px 0 0;
font-size:12px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}	
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
@media screen and (min-width: 600px) {
.contact_r p{
width: 50%;
float: left;
margin-bottom: 20px;
}
}
@media screen and (min-width: 960px) {
.contact_l {
float: left;
width: 32%;
max-width: 285px;
display: table;
}
.contact_r {
float: right;
width: 68%;
padding: 20px 0 0 20px;
border-left: 1px solid #d0ba95;
border-top: none;
}
.contact_l span,.contact_r span {
display: block;
}
.contact_l p {
display: table-cell;
vertical-align: middle;
}
.contact_r p{
width: 50%;
float: left;
}
}
.formTable {
width:100%;
margin-bottom: 30px;
}
.formTable th,
.formTable td {
padding:20px 10px;
border-bottom:1px dotted #dedede;
vertical-align:middle;
display: block;
}
.formTable th {
width:70%;
font-size: 1.6rem;
font-weight: 900;
float: left;
}
form input,
form select {
padding:10px;
font-size: 1.6rem;
margin:0 10px 0 0;
border: 1px solid #dedede;
font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
border: 1px solid #dedede;
}
form textarea {
font-size: 1.6rem;
padding:10px;
font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
border: 1px solid #dedede;
}
.formTable input[type=radio] {
display:inline;
padding:0;
margin:0;
}	
.formTable option {
color:#000;
}	
.form_s input {
width:50%;
}	
.form_m input {
width:90%;
}	
.form_l input,
.form_l textarea {
width:100%;
}	
.col_m {
width:45%x;
}	
.col_s {
width:30%;
float: right;
text-align:right;
}	
.col_l {
width:100%;
clear: both;
}	
.ck_box {
width:50%;
margin:0 0 5px;
float:left;
}
p.contact_radio {
text-align: center;
margin: 0 0 20px;
}	
p.contact_radio a {
color:#000;
}						
#form01 .btnArea {
margin: 0 auto 100px;
text-align: center;
}
#form02 .btnArea {
margin: 0 auto 100px;
text-align: center;
}
#form01 p.btn_submit input,
#form01 p.btn_submit a {
cursor: pointer;
display: inline-block;
width: 90%;
max-width: 350px;
text-align: center;
padding: 20px 0;
border: none;
color:#fff;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow09.png) no-repeat 95% center #ec6941;
margin:0 auto;
font-size:1.6rem;
font-weight: 900;
transition:background 1s,color 1s;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#form01 p.btn_submit input:hover,
#form01 p.btn_submit a:hover {
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow09.png) no-repeat 95% center #bb421d;
}	
#form01 p.btn_submit a {
text-decoration:none;
text-align:center;
vertical-align:center;
height: 37px;
padding-top:13px;
}	
#form02 p.btn_submit{
margin-bottom: 10px;
}
#form02 p.btn_submit input{
cursor: pointer;
display: inline-block;
width: 90%;
max-width: 350px;
text-align: center;
padding: 20px 0;
border: none;
color:#fff;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow09.png) no-repeat 95% center #ec6941;
margin:0 auto;
font-size:1.6rem;
font-weight: 900;
transition:background 1s,color 1s;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#form02 p.btn_submit input:hover{
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow09.png) no-repeat 95% center #bb421d;
}	
#form02 p.btn_return input{
cursor: pointer;
display: inline-block;
width: 90%;
max-width: 350px;
text-align: center;
padding: 20px 0;
border: none;
color:#fff;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow09.png) no-repeat 95% center #999797;
margin:0 auto;
font-size:1.6rem;
font-weight: 900;
transition:background 1s,color 1s;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}	
#form02 p.btn_return input:hover{
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow09.png) no-repeat 95% center #5b5757;
}
@media screen and (min-width: 768px) {	
.formTable {
display: table;
}
.formTable th,
.formTable td {
display: table-cell;
float: none;
}
.formTable th {
width:25%;
}
.col_s {
width:15%;
}						
#form01 .btnArea {
width: 360px;
}
#form02 .btnArea {
width: 740px;
text-align: center;
}	
#form01 p.btn_submit input,
#form01 p.btn_submit a {
width: 350px;
padding: 30px 0;
font-size:1.8rem;
}
#form02 p.btn_submit,#form02 p.btn_return {
width: 350px;
display: inline-block;
}
#form02 p.btn_submit input{
width: 350px;
}
#form02 p.btn_return input{
width: 350px;
}
#form02 .mw_wp_form_input p.btn_submit {
width: 350px;
display: block;
margin: 0 auto;
}
} .nophoto {
width: 100% !important;
max-width: inherit !important;
float: none !important;
}
.member_search_wrap {
margin-bottom: 40px;
}
.member_search_wrap p.ttl{
font-size: 1.5rem;
margin-top: 12px;
width: 110px;
margin-bottom: 5px;
}
.member_search_wrap input {
display: inline;
}
.member_search_wrap p.select{
text-align: center;
}
.member_search_wrap input#submit {
padding: 10px 12px;
font-size: 1.5rem;
background-color: #80c269;
color: #fff;
border-style: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
@media screen and (min-width: 768px) {
.member_search_wrap {
margin-bottom: 40px;
padding: 10px;
}
.member_search_wrap p.ttl{
font-size: 1.5rem;
margin-top: 12px;
width: 110px;
margin-bottom: 5px;
float: left;
}
.member_search_wrap input {
display: inline;
}
.member_search_wrap p.select{
float: right;
width: calc( 100% - 120px);
text-align: center;
}
.member_search_wrap input#submit {
padding: 12px 30px;
font-size: 1.6rem;
background-color: #80c269;
color: #fff;
border-style: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
}
.member_ttl01 {
font-size: 2.0rem;
font-weight: 500;
padding: 0 0 10px 30px;
position: relative;
line-height: 1.4;
margin: 0 0 20px;
border-bottom: 3px solid #d9d7d7;
}
.member_ttl01::after {
position: absolute;
bottom: -3px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 3px;
background-color: #80c269;
}
.member_ttl01-01:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 23px;
height: 26px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_ttl01.png) no-repeat 0 0;
background-size: 23px 26px;
}
.member_ttl01-02:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 23px;
height: 26px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_ttl02.png) no-repeat 0 0;
background-size: 23px 26px;
}
.member_ttl01-03:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 23px;
height: 26px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_ttl03.png) no-repeat 0 0;
background-size: 23px 26px;
}
.member_ul01 {
margin-bottom: 50px;
}
.member_ul01 li{
float: left;
width: 48.5%;
margin: 0 0 20px;
text-align: center;
background: #eeeeed;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.member_ul01 li:hover{
background: #dedbdb;
}
.member_ul01 li:nth-child(2n){
float: right;
margin: 0 0 20px;
}
.member_ul01 li a{
display: block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_btn.png) no-repeat right bottom;
color: #000;
text-decoration: none;
padding: 10px 0;
font-size: 1.6rem;
}
.member_ul02 {
margin-bottom: 50px;
}
.member_ul02 li{
float: left;
width: 48.5%;
margin: 0 0 20px;
text-align: center;
background: #eeeeed;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.member_ul02 li:hover{
background: #dedbdb;
}
.member_ul02 li:nth-child(2n){
float: right;
margin: 0 0 20px;
}
.member_ul02 li a{
display: block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_btn.png) no-repeat right bottom;
color: #000;
text-decoration: none;
padding: 40px 0;
font-size: 2.0rem;
}
.member_ttl02 {
font-size: 2.2rem;
font-weight: 500;
border-bottom: 3px solid #ffd200;
padding: 10px 0 5px 70px;
margin:0px 0 30px;
position: relative;
}
.member_ttl02:before {
position: absolute;
content: "";
width: 110px;
height: 70px;
left: -25px;
top: -3px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/job-icon@2x.png) center no-repeat/contain;
}
.member_ttl02-sumai:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon10.png) no-repeat 0 0;
}
.member_ttl02-shopping:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon12.png) no-repeat 0 0;
}
.member_ttl02-car:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon13.png) no-repeat 0 0;
}
.member_ttl02-beauty:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon11.png) no-repeat 0 0;
}
.member_ttl02-life:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon03.png) no-repeat 0 0;
}
.member_ttl02-eat:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon01.png) no-repeat 0 0;
}
.member_ttl02-manufacturing:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon04.png) no-repeat 0 0;
}
.member_ttl02-agriculture-forestry:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon14.png) no-repeat 0 0;
}
.member_ttl02-tea:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon15.png) no-repeat 0 0;
}
.member_ttl02-agricultural-products:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon09.png) no-repeat 0 0;
}
.member_ttl02-area:before {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/member_icon16.png) no-repeat 0 0;
}
.member_list {
border-bottom: 1px solid #eeeeee;
padding: 0 0 40px;
margin: 0 0 40px;
}
.member_list_l {
float: left;
position: relative;
}
.member_list_img {
text-align: center;
margin-bottom: 10px;
}
.member_list_img img{
width: 100%;
height: auto;
}
.ttl_wrap p.ttl{
font-size: 2.0rem;
font-weight: 900;
padding-right: 30px; 
color: #ec6941;
}
.ttl_wrap p.ttl a{
font-size: 2.0rem;
font-weight: 900;
color: #ec6941;
}
p.pc_link {
position: absolute;
top: 0;
right: 0;
}
p.pc_link a{
display: inline-block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/pc_icon.png) no-repeat center 0;
background-size: 24px 20px;
font-size: 1.1rem;
font-weight: 900;
padding: 20px 0 0 0;
text-align: center;
color: #000;
}
.map_link {
display: block;
width: 85px;
padding: 0 0 0 7px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/map_icon.png) no-repeat 0 2px;
background-size: 11px 18px;
margin: 0 0 0 auto;
font-size: 1.2rem;
font-weight: 900;
color: #ec6941;
text-align: right;
}
.member_list_l p.txt{
margin-bottom: 5px;
}
.member_info {
}
.member_info dt{
display: inline-block;
width: 60px;
background: #80c269;
color: #fff;
text-align: center;
font-size: 13px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 2px;
vertical-align: top;
}
.member_info dd{
display: inline-block;
width: calc( 100% - 70px);
padding: 0 0 0 10px;
font-size: 13px;
margin-bottom: 2px;
}
.member_list p.btn {
width: 150px;
text-align: center;
margin: 15px auto 0;
}
.member_list p.btn a{
display: block;
text-align: center;
background: #ec6941;
color: #fff;
font-size: 14px;
font-weight: 900;
text-decoration: none;
padding: 5px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.member_list p.btn a:hover{
background: #d83a09;
}
.member_list_r {
width: 23.2%;
max-width: 202px;
float: right;
}
.member_list_r img{
width: 100%;
height: auto;
} .pager {
margin: 30px 0 50px;
text-align:center;
}
.pager span,
.pager a {
display: inline-block;
margin: 0 5px 0 0;
padding:5px 15px;
border: 2px solid #80c269;
font-size: 1.8rem;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.pager a {
color: #80c269;
text-decoration:none;
background: #fff;
}
.pager span,
.pager a:hover {
background: #80c269;
color: #fff;
text-decoration:none;
}
@media screen and (min-width: 600px) {
.member_ul01 li{
float: left;
width: 32%;
margin: 0 2% 20px 0;
}
.member_ul01 li:nth-child(2n){
float: left;
margin: 0 2% 20px 0;
}
.member_ul01 li:nth-child(3n){
float: right;
margin: 0 0 20px;
}
.member_ul01 li:nth-child(5n){
float: left;
margin: 0 2% 20px 0;
}
.member_ul02 li{
float: left;
width: 18%;
margin: 0 2.5% 20px 0;
}
.member_ul02 li:nth-child(2n){
float: left;
width: 18%;
margin: 0 2.5% 20px 0;
}
.member_ul02 li:nth-child(5n){
float: right;
margin: 0 0 20px;
}
.member_list_l {
width: 73.5%;
float: left;
position: relative;
}
.ttl_wrap p.ttl{
font-size: 2.6rem;
padding-right: 160px;
line-height: 1.6;
}
.ttl_wrap p.ttl a{
font-size: 2.6rem;
}
p.pc_link {
position: absolute;
top: 12px;
right: 0;
}
p.pc_link a{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/pc_icon.png) no-repeat 0 2px;
background-size: 24px 20px;
font-size: 1.3rem;
padding: 0 0 0 35px;
}
.map_link {
display: inline;
width: inherit;
padding: 0 0 0 15px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/map_icon.png) no-repeat 0 2px;
background-size: 11px 18px;
margin: 0 0 0 10px;
font-size: 1.4rem;
text-align: left;
}
.member_info dd{
width: calc( 100% - 80px);
}
.member_list p.btn {
position: absolute;
bottom: 0;
right: 0;
}
.member_list_r {
width: 23.2%;
float: right;
}
}
@media screen and (min-width: 960px) {
.nophoto {
width: 100% !important;
max-width: inherit !important;
float: none !important;
}
.member_ul01 li{
float: left;
width: 18%;
margin: 0 2.5% 20px 0;
text-align: center;
background: #eeeeed;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px;
}
.member_ul01 li:nth-child(3n){
float: left;
width: 18%;
margin: 0 2.5% 20px 0;
}
.member_ul01 li:nth-child(5n){
float: right;
margin: 0 0 20px;
}
.member_ul02 li{
float: left;
width: 18%;
margin: 0 2.5% 20px 0;
text-align: center;
background: #eeeeed;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px;
}
.member_ul02 li:nth-child(5n){
float: right;
margin: 0 0 20px;
}
.member_list_l {
width: 73.5%;
float: left;
position: relative;		
}
.ttl_wrap p.ttl{
font-size: 2.6rem;
font-weight: 900;
}
p.pc_link {
position: absolute;
top: 12px;
right: 0;
}
.map_link {
padding: 0 0 0 15px;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/map_icon.png) no-repeat 0 2px;
background-size: 11px 18px;
margin: 0 0 0 10px;
font-size: 1.4rem;
font-weight: 900;
color: #ec6941;
}
.member_info dd{
display: inline-block;
width: calc( 100% - 80px);
padding: 0 0 0 10px;
font-size: 13px;
margin-bottom: 2px;
}
}		
.external_link a:hover{
background: #fff;
color: #ff7917;
} .member_detail {
background: #fff;
}
.member_detail_ttl_wrap {
border-top: 5px solid #80c269;
background: #f9f4dc;
text-align: center;
padding: 40px 0 30px;
position: relative;
}
.member_detail_ttl_wrap .ttl{
font-size: 3.0rem;
font-weight: 900;
}
.member_detail_ttl_wrap .label{
color: #fff;
font-size: 1.6rem;
font-weight: 900;
position: relative;
background: #80c269;
text-align: center;
width: 40%;
max-width: 200px;
padding: 5px;
margin: -59px auto 15px;
}
.member_detail_ttl_wrap .label:before,
.member_detail_ttl_wrap .label:after{
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
}
.member_detail_ttl_wrap .label::before {
bottom: 0;
left: -10px;
border-width: 0 10px 24px 0;
border-right-color: #5b9d44;
}
.member_detail_ttl_wrap .label::after {
bottom: 0;
right: -10px;
border-style: solid;
border-width: 0 0 24px 10px;
border-left-color: #5b9d44;
}
.member_detail_logo {
text-align: center;
width: 400px;
margin: 5px auto;
}
.member_detail_cont {
padding: 20px;
}
.member_detail .catch01 {
text-align: center;
font-size: 1.6rem;
color: #ec6941;
margin-bottom: 5px;
}
.member_detail .catch02 {
text-align: center;
font-size: 2.4rem;
line-height: 1.4;
margin-bottom: 30px;
}
.member_detail .catch02 span{
display: inline;
padding: 0 10px 0;
background: linear-gradient(transparent 60%, #fff100 60%);
}
.member_detail_img_m {
margin-bottom: 30px;
}
.member_detail_inner {
margin-bottom: 40px;
}
.member_detail_inner_l {
margin-bottom: 20px;
text-align: center;
}
.member_detail_inner_r {
}
.member_detail_inner_r .ttl_s {
color: #80c269;
font-size: 1.7rem;
font-weight: 900;
margin: 0 0 10px;
}
.member_detail_inner p.pc_link {
text-align: left;
margin: 10px 0 0;
}
.member_detail_inner p.pc_link a{
display: inline-block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/pc_icon.png) no-repeat 10px 10px #eee;
background-size: 24px 20px;
font-size: 1.1rem;
font-weight: 900;
padding: 10px 20px 10px 40px;
text-align: center;
color: #000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.member_detail_inner p.pc_link a:hover{
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/pc_icon.png) no-repeat 10px 10px #dedbdb;
background-size: 24px 20px;
}
.member_info_wrap {
border-top: 1px solid #eee;
padding: 15px 0 0;
}
.member_info_wrap .pc_link{
position: inherit;
text-align: right;
}
.member_detail_gallery {}
.member_detail_gallery_cont {
float: left;
width: 48.5%;
margin: 0 0 20px 0;
}
.member_detail_gallery_cont:nth-child(2n) {
float: right;
margin: 0 0 20px 0;
}
.member_detail_gallery_cont .img{
margin: 0 0 5px;
}
.member_detail_gallery_cont .ttl{
margin: 0 0 5px;
text-align: center;
}
.member_detail_map iframe {
width: 100%;
}
.member_detail_spot p.ttl {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/spot_icon.png) no-repeat 0 2px;
background-size: 32px 31px;
font-size: 2.2rem;
font-weight: 900;
padding: 0 0 5px 42px;
}
.member_detail_spot p.ttl span{
color: #c9b46c;
font-size: 1.2rem;
font-weight: 900;
padding: 0 0 0 10px;
}
.member_detail_spot_cont {
border: 3px solid #ec6941;
padding: 27px 27px 22px;
}
.member_detail_spot_cont p{
font-size: 1.8rem;
background:url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow10.png) no-repeat 0 9px;
background-size: 14px 14px; 
padding: 0 0 0 20px;
}
@media screen and (min-width: 600px) {
.member_detail_ttl_wrap .ttl{
font-size: 4.0rem;
font-weight: 900;
}
.member_detail_cont {
padding: 30px;
}
.member_detail .catch01 {
font-size: 1.8rem;
}
.member_detail .catch02 {
font-size: 3.4rem;
}
.member_detail .catch02 span{
position: relative;
z-index: 1;
}
.member_detail_img_m img{
width: 100%;
height: auto;
}
.member_detail_inner_l {
float: left;
width: 47.5%;
}
.member_detail_inner_l img{
width: 100%;
height: auto;
}
.member_detail_inner_r {
float: right;
width: 47.5%;
}
.member_detail_gallery {}
.member_detail_gallery_cont {
float: left;
width: 30.8%;
margin: 0 3.5% 20px 0;
}
.member_detail_gallery .member_detail_gallery_cont:nth-child(2n){
float: left;
width: 30.8%;
margin: 0 3.5% 20px 0;
}
.member_detail_gallery .member_detail_gallery_cont:nth-child(3n){
float: right;
margin: 0 0 20px 0;
}
.member_detail_gallery_cont .img img{
width: 100%;
height: auto;
}
} .event_list_cont {
width: 48.5%;
float: left;
background: #fff;
margin: 0 0 30px;
position: relative;
border-bottom: 3px solid #eaeaea;
}
.event_list_cont:nth-child(2n) {
margin: 0 0 30px;
float: right;
}
.event_list_cont a {
text-decoration: none;
}
.event_list_cont p.photo {
}
.event_list_cont p.photo img{
width: 100%;
height: auto;
}
.event_list_info {
padding: 20px;
background: #fff;
}
.event_list_info p.date {
font-size: 1.4rem;
font-weight: 900;
line-height: 1.4;
color: #7bb965;
}
.event_list_info p.ttl {
font-size: 2.0rem;
font-weight: 900;
line-height: 1.4;
}
.event_list_cont p.label {
font-size: 1.3rem;
text-align: center;
padding: 2px 15px;
color: #fff;
font-weight: 900;
position: absolute;
top: 10px;
left: -5px
}
.event_list_cont p.label a{
font-size: 1.3rem;
color: #fff;
}
.event_list_cont .label01 {
background: #ec6941;
}
.event_list_cont .label01:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #b04727;
}
.event_list_cont .label02 {
background: #7bb965;
}
.event_list_cont .label02:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #3c672c;
}
.event_list_cont .label03 {
background: #00b7ee;
}
.event_list_cont .label03:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #03779a;
}
.event_list_cont .label04 {
background: #eb6877;
}
.event_list_cont .label04:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #c64756;
}
.event_list_cont .label05 {
background: #f2efef;
}
.event_list_cont .label05 a{
color:#000 !important;
}
.event_list_cont .label05:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #d4d1d1;
}
.event_list_cont .label06 {
background: #ffd200;
}
.event_list_cont .label06:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 5px 5px 0;
border-right-color: #3c672c;
}
.event_detail {
padding: 0px 20px 20px;
}
.event_detail p{
margin-bottom: 20px;
}
.event_detail p.date{
color: #d1c0a5;
font-size: 1.4rem;
font-weight: 900;
}
.event_detail p.date a{
color: #d1c0a5;
font-size: 1.4rem;
font-weight: 900;
}
.event_detail img {
max-width: 100%;
padding-bottom: 1em;
}
.event_detail h3 {
font-size: 22px;
font-weight: 900;
margin: 0 0 10px;
padding: 0 0 0 15px;
position: relative;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.event_detail h3::before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
top: 16px;
width: 3px;
height: 3px;
background: #80c269;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.event_detail h4 {
font-size: 18px;
font-weight: 900;
margin-bottom: 10px;
}
.event_detail h5 {
font-size: 16px;
font-weight: 900;
margin-bottom: 10px;
}
.event_detail p {
margin-bottom: 20px;
font-size: 16px;
}
.event_detail p img {
margin-bottom: 10px;
font-size: 16px;
}
.event_detail a {
color: #80c269;
}
.wp-caption-dd {
font-size: 13px;
}
.blog_pager {
position: relative;
height: 60px;
margin-bottom: 20px;
}
.blog_pager a {
display: block;
position: absolute;
text-align: center;
border: 2px solid #80c269;
padding: 10px 5px;
text-decoration: none;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
font-size: 1.4rem;
font-weight: 900;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.blog_pager a:hover {
border: 2px solid #80c269;
background: #80c269;
color: #fff;
}
.blog_pager .page_prev a,
.blog_pager .page_next a {
width: 100%;
position: relative;
}
.blog_pager .page_prev {
display: block;
position: absolute;
width: 28%;
left: 0;
}
.blog_pager a.page_all {
width: 40%;
left: 30%;
}
.blog_pager .page_next {
display: block;
position: absolute;
width: 28%;
right: 0;
}
@media screen and (min-width: 600px) {
.event_list_cont {
width: 31.0%;
float: left;
margin: 0 3.4% 30px 0;
position: relative;
border-bottom: 3px solid #eaeaea;
}
.event_list_cont:nth-child(2n) {
float: left;
margin: 0 3.4% 30px 0;
}
.event_list_cont:nth-child(3n) {
margin: 0 0 30px;
float: right;
}
.blog_pager .page_prev {
width: 23%;
left: 0;
}
.blog_pager .page_prev a:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow11.png) no-repeat 0 0;
background-size: 14px 14px; 
left: 15px;
top: 16px;
}
.blog_pager a.page_all {
width: 40%;
left: 30%;
}
.blog_pager .page_next {
width: 23%;
right: 0;
}
.blog_pager .page_next a:before {
position: absolute;
content: "";
width: 14px;
height: 14px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow03.png) no-repeat 0 0;
background-size: 14px 14px; 
right: 15px;
top: 16px;
}
} .archive_link_wrap {
background: #ec6941;
margin-bottom: 40px;
padding: 10px;
}
.archive_link_wrap p.ttl{
font-size: 1.4rem;
color: #fff;
font-weight: 900;
padding: 0 0 0 30px;
margin-top: 12px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/archive_icon.png) no-repeat 0 0;
background-size: 22px 23px;
width: 110px;
margin-bottom: 5px;
float: left;
}
.archive_link_wrap p.select{
float: right;
width: calc( 100% - 120px);
text-align: center;
}
.archive_link_wrap select {
display: block;
padding:10px;
font-size: 1.6rem;
margin:0 10px 0 0;
border: 1px solid #dedede;
font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
border: 1px solid #dedede;
width: 100%;
max-width: 200px;
}
.news_list_cont {
border-bottom: 3px solid #eee;
}
.news_list_cont a{
display: block;
padding: 15px 20px;
text-decoration: none;
position: relative;
background: #fff;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.news_list_cont a:before{
position: absolute;
width: 5px;
height: 10px;
content: "";
right: 20px;
top: calc( 50% - 5px);
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow08.png) no-repeat 0 0;
background-size: 5px 10px;
}
.news_list_cont p.date{
font-size: 1.4rem;
font-weight: 900;
color: #7bb965;
}
.news_list_cont p.ttl{
font-size: 1.6rem;
font-weight: 900;
color: #000;
}
.news_detail {
padding: 0px 20px 20px;
}
.news_detail p{
margin-bottom: 20px;
}
.news_ttl {
font-size: 2.4rem;
font-weight: 900;
padding: 20px 20px 20px 30px;
background: #fff;
position: relative;
line-height: 1.4;
margin: 0 0 40px;
border-bottom: 3px solid #eee;
}
.news_ttl:before {
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
left: 15px;
top: -10px;
border-width: 10px 0 0 6px;
border-left-color: #579b40;
}
.news_ttl::after {
content: '';
position: absolute;
width: 5px;
height: 95%;
background: #80c269;
left: 10px;
top: -10px;
}
.news_ttl span{
display: block;
font-size: 1.4rem;
font-weight: 900;
color: #7bb965;
padding: 0 0 5px;
}
@media screen and (min-width: 600px) {
.archive_link_wrap {
padding: 10px 20px;
}
.archive_link_wrap p.ttl{
font-size: 1.6rem;
width: 150px;
float: left;
}
.archive_link_wrap p.select{
float: left;
width: 200px;
}
.news_list_cont a{
display: block;
padding: 25px 30px;
text-decoration: none;
position: relative;
background: #fff;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.news_list_cont a p.ttl{
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.news_list_cont a:hover p.ttl{
color: #7bb965;
}
.news_list_cont a:before{
position: absolute;
width: 5px;
height: 10px;
content: "";
right: 20px;
top: calc( 50% - 5px);
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow08.png) no-repeat 0 0;
background-size: 5px 10px;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.news_list_cont a:hover:before{
right: 15px;
}
.news_list_cont p.date{
font-size: 1.4rem;
font-weight: 900;
color: #7bb965;
}
.news_list_cont p.ttl{
font-size: 2.0rem;
font-weight: 900;
color: #000;
}
.news_ttl {
font-size: 3.0rem;
font-weight: 900;
padding: 50px 0 50px 60px;
background: #fff;
position: relative;
line-height: 1.4;
margin: 0 0 40px;
border-bottom: 3px solid #eee;
}
.news_ttl:before {
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
left: 25px;
top: -10px;
border-width: 10px 0 0 6px;
border-left-color: #579b40;
}
.news_ttl::after {
content: '';
position: absolute;
width: 5px;
height: 95%;
background: #80c269;
left: 20px;
top: -10px;
}
.news_ttl span{
display: block;
font-size: 1.4rem;
font-weight: 900;
color: #7bb965;
padding: 0 0 5px;
}	
} .sightseen_wrap {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/bg01.jpg) repeat 0 0;
border-top : 5px solid #ffde00;
padding: 40px 30px 30px;
margin: 0 0 40px;
}
.sightseen_ttl_eng {
text-align: center;
margin-bottom: 15px;
}
.sightseen_ttl {
font-size: 3.0rem;
font-weight: 900;
text-align: center;
position: relative;
padding: 0 0 10px;
margin: 0 0 40px;
}
.sightseen_ttl:before {
position: absolute;
content: "";
width: 70px;
height: 5px;
background: #80c269;
bottom: 0;
left: calc( 50% - 35px );
}
.sightseen_list_cont {
margin: 0 0 30px 0;
position: relative;
}
.sightseen_list_cont p.photo img{
width: 100%;
height: auto;
}
.sightseen_list_info {
padding: 15px;
background: #fff;
border: 5px solid #eeeeee;
border-top: none;
}
.sightseen_list_info p.ttl {
font-size: 1.8rem;
font-weight: 900;
line-height: 1.4;
color: #ec6941;
padding: 0 0 5px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/line01.png) repeat-x 0 bottom;
margin: 0 0 10px;
text-decoration: none;
}
.sightseen_list_cont p.label {
font-size: 1.4rem;
text-align: center;
padding: 2px 15px;
color: #000;
font-weight: 900;
position: absolute;
top: 20px;
left: -10px;
background: #fff100;
z-index: 1;
}
.sightseen_list_cont p.label span{
font-size: 1.8rem;
color: #000;
font-weight: 900;
}
.sightseen_list_cont p.label:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 10px 7px 0;
border-right-color: #cdc20a;
}
.sightseen_list_cont p.txt {
margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
.sightseen_ttl {
font-size: 4.0rem;
font-weight: 900;
text-align: center;
position: relative;
padding: 0 0 10px;
margin: 0 0 40px;
}
.sightseen_list_cont {
width: 48.5%;
float: left;
margin: 0 0 30px 0;
position: relative;
}
.sightseen_list_cont:nth-child(2n) {
margin: 0 0 30px;
float: right;
}
.event_list_cont a {
text-decoration: none;
}
.sightseen_list_info p.ttl {
font-size: 2.4rem;
font-weight: 900;
line-height: 1.4;
color: #ec6941;
padding: 0 0 5px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/line01.png) repeat-x 0 bottom;
margin: 0 0 10px;
text-decoration: none;
}
}
@media screen and (min-width: 768px) {
.sightseen_list_cont {
width: 30.8%;
float: left;
margin: 0 3.7% 30px 0;
position: relative;
}
.sightseen_list_cont:nth-child(2n) {
float: left;
margin: 0 3.7% 30px 0;
}
.sightseen_list_cont:nth-child(3n) {
margin: 0 0 30px;
float: right;
}
}
p.btn_t {
width: 150px;
text-align: center;
margin: 0 auto 5px;
}
p.btn_t a{
display: block;
text-align: center;
background: #ec6941;
color: #fff;
font-size: 14px;
font-weight: 900;
text-decoration: none;
padding: 5px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 2px solid #ec6941;
transition: all .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
p.btn_t a:hover{
border: 2px solid #ec6941;
background: #fff;
color: #ec6941;
}
.sightseen_detail_cont {
margin: 0 0 40px 0;
border: 5px solid #eeeeee;
background: #fff;
padding: 10px;
position: relative;
}
.sightseen_detail_cont:before {
content: "";
position: absolute;
width: 21px;
height: 21px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow12.png) no-repeat 0 0;
background-size: 21px 21px; 
bottom: -35px;
right: calc( 50% - 10px);
}
.sightseen_detail_cont:last-child:before {
display: none;
}
.sightseen_detail_cont p.ttl {
font-size: 1.8rem;
font-weight: 900;
line-height: 1.4;
color: #ec6941;
padding: 0 0 5px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/line01.png) repeat-x 0 bottom;
margin: 0 0 10px;
text-decoration: none;
}
.sightseen_detail_cont p.label {
font-size: 1.2rem;
color: #000;
font-weight: 900;
background: #fff100;
z-index: 1;
position: relative;
margin: 0 0 0 -25px;
display: inline-block;
}
.sightseen_detail_cont span {
display:block; 
float: left;
height: 30px;
}
.sightseen_detail_cont p.label .step{
font-size: 1.0rem;
color: #000;
font-weight: 900;
padding: 7px 0 0 10px;
}
.sightseen_detail_cont p.label .num{
font-size: 1.6rem;
color: #000;
font-weight: 900;
padding: 0 10px 0 0;
}
.sightseen_detail_cont p.label .lacation{
font-size: 1.4rem;
background: #ffde00;
font-weight: 900;
padding: 2px 10px;
}
.sightseen_detail_cont p.label:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 10px 7px 0;
border-right-color: #cdc20a;
}
.shop_list_cont {
margin: 0 auto 20px;
border: 1px solid #eeeeee;
border-bottom: 5px solid #eeeeee;
background: #fff;
padding: 10px;
width: 80%;
}
.shop_list_cont p.img,
.shop_list_cont p.ttl,
.shop_list_cont p.txt{
margin: 0 0 5px;
}
.shop_list_cont p.ttl a{
font-size: 1.6rem;
font-weight: 900;
line-height: 1.4;
color: #ec6941;
text-decoration: underline;
}
.shop_list_cont p.img img {
width: 100%;
height: auto;
}
@media screen and (min-width: 425px) {
.shop_list_cont {
float: left;
width: 48.5%;
margin: 0 0 20px;
border: 1px solid #eeeeee;
border-bottom: 5px solid #eeeeee;
background: #fff;
padding: 10px;
}
.shop_list_cont:nth-child(2n) {
float: right;
margin: 0 0 20px 0;
}
}
@media screen and (min-width: 600px) {
.sightseen_detail_cont {
float: left;
width: 48.5%;
margin: 0 0 20px;
border: 5px solid #eeeeee;
background: #fff;
padding: 10px;
position: relative;
}
.sightseen_detail_cont:before {
content: "";
position: absolute;
width: 10px;
height: 20px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow08.png) no-repeat 0 0;
right: -20px;
top: calc( 50% - 10px);
}
.sightseen_detail_cont:nth-child(2n) {
float: right;
margin: 0 0 20px 0;
}
.sightseen_detail_cont:nth-child(4n):before {
display: none;
}
.sightseen_detail_cont p.ttl {
font-size: 2.2rem;
font-weight: 900;
line-height: 1.4;
color: #ec6941;
padding: 0 0 5px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/line01.png) repeat-x 0 bottom;
margin: 0 0 10px;
text-decoration: none;
}
.sightseen_detail_cont p.label {
font-size: 1.4rem;
color: #000;
font-weight: 900;
background: #fff100;
z-index: 1;
position: relative;
margin: 0 0 0 -25px;
display: inline-block;
}
.sightseen_detail_cont p.label .step{
font-size: 1.2rem;
color: #000;
font-weight: 900;
padding: 7px 0 0 10px;
}
.sightseen_detail_cont p.label .num{
font-size: 1.8rem;
color: #000;
font-weight: 900;
padding: 0 10px 0 0;
}
.sightseen_detail_cont p.label .lacation{
font-size: 1.6rem;
background: #ffde00;
font-weight: 900;
padding: 2px 10px;
}
.sightseen_detail_cont p.label:before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
border-width: 0 10px 7px 0;
border-right-color: #cdc20a;
}
}
@media screen and (min-width: 768px) {
.shop_list_cont {
float: left;
width: 23.5%;
margin: 0 2% 20px 0;
border: 1px solid #eeeeee;
border-bottom: 5px solid #eeeeee;
background: #fff;
padding: 10px;
}
.shop_list_cont:nth-child(2n) {
float: left;
width: 23.5%;
margin: 0 2% 20px 0;
}
.shop_list_cont:nth-child(4n) {
float: right;
margin: 0 0 20px 0;
}
.shop_list_cont p.img,
.shop_list_cont p.ttl,
.shop_list_cont p.txt{
margin: 0 0 5px;
}
.shop_list_cont p.ttl a{
font-size: 1.6rem;
font-weight: 900;
line-height: 1.4;
color: #ec6941;
text-decoration: underline;
}
.shop_list_cont p.img img {
width: 100%;
height: auto;
}
}
@media screen and (min-width: 960px) {
.sightseen_detail_cont {
float: left;
width: 22.2%;
margin: 0 3.7% 20px 0;
border: 5px solid #eeeeee;
background: #fff;
padding: 10px;
position: relative;
}
.sightseen_detail_cont:before {
content: "";
position: absolute;
width: 10px;
height: 20px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/arrow08.png) no-repeat 0 0;
right: -25px;
top: calc( 50% - 10px);
}
.sightseen_detail_cont:nth-child(2n) {
float: left;
margin: 0 3.7% 20px 0;
}
.sightseen_detail_cont:nth-child(4n) {
float: right;
margin: 0 0 20px 0;
}
.sightseen_detail_cont:nth-child(4n):before {
display: none;
}
} .top-sec-neaw-area .cont_area{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top-sec-neaw-area .cont_area .left-box-wrapper{
width: 60%;
}
.top-sec-neaw-area .cont_area .right-box-wrapper{
width: 34%;
}
.kaiin-list-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.kaiin-list-box li{
width: 48%;
padding: 0 0 20px;
}	
.kaiin-list-box li a{
text-decoration: none;
display: block;
}	
.kaiin-list-box li img{
width: 100%;
display: block;
object-fit: cover;
}	
.kaiin-list-box .days-txt{
color: #b2b2b2;
}
.top-kain-title-cont{
font-size: 1.8rem;
font-weight: bold;
}
.top-evetn-pg{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}	
.top-evetn-pg .l-box{
width: 25%;
margin: 0 3% 0 0;
}	
.top-evetn-pg .r-box{
width: 65%;
}
.top-evetn-pg .l-box img{
width: 100%;
object-fit: cover;
}		
.top-evetn-pg{
padding: 0 0 20px;
}
.top-evetn-pg .r-box a{
color: #000;
font-weight: bold;
font-size: 1.8rem;
text-decoration: none;
}	
.top-sec-neaw-area02 .cont_area{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top-sec-neaw-area02 .l-box{
width: 45%;
}
.top-sec-neaw-area02 .r-box{
width: 45%;
}
.kaiin-list-box .kain-pic{
height: 210px;
overflow: hidden;
}
.top-ev-tham-img{
height: 103px;
overflow: hidden;
} .js-tab-title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.js-tab-title li:first-child {
margin-left: 10px;
}
.js-tab-title li a {
text-align: center;
padding: 5px 25px;
display: block;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
background-color: #ddd;
font-size: 12px;
text-decoration: none;
}
.js-tab-title li.active a h2 {
color: #fff;
}
.js-tab-title li.active a {
background-color: #01176E;
}
.gojyu-tex{
color: #fff;
font-weight: bold;
background: #80c269;
padding: 10px 2%;
font-size: 16px;
margin: 0 0 20px;
}	
.site-content{
margin: 0 0 40px;
}
.js-tab-content ul a{
text-decoration: none;
}
.footer-slide-area .bx-wrapper .bx-controls-direction a {
position: absolute;
top: calc( 50% - 4% );
outline: 0;
width: 29px!important;
height: 40px!important;
text-indent: -9999px;
z-index: 1013;
}
.footer-slide-area li p{
height: 210px!important;
overflow: hidden;
}
.footer-slide-area li p img{
width: 100%;
object-fit: cover!important;
height: 100%;
} ul.top-job-list-wrapper{
}
.top-job-list-wrapper::after{
content: "";
display: block;
width: 30%;
}
.top-job-list-wrapper li{
width: 30%;
margin: 0 10px 30px;
}
.top-job-list-wrapper li img{
width: 100%;
height: 100%;
object-fit: cover;
}
.top-job-list-wrapper .kain-pic{
height: 210px;
overflow: hidden;
}
.to-job-titl {
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/job-icon.png) no-repeat 0 10px;
background-size: 30px 30px;
padding: 8px 20px 0 40px;
font-size: 20px;
margin: 0 0 20px;
}
.jop-title h3,.jop-title p{
display: inline-block;
}
@media screen and (max-width: 960px) {
.top-sec-neaw-area .cont_area .left-box-wrapper {
width: 100%;
}	
.top-sec-neaw-area .cont_area .right-box-wrapper {
width: 100%;
}
.top-sec-neaw-area02 .l-box {
width: 100%;
}
.top-sec-neaw-area02 .r-box {
width: 100%;
}	
}
@media screen and (max-width: 768px) {
.kaiin-list-box .kain-pic {
height: 26vw;
overflow: hidden;
}
.js-tab-title li{
width: 10%;
text-align: center;
}
.js-tab-title li a {
font-size: 12px;
padding: inherit;
padding: 2%;
margin: 2%;
}	
} .ttl_wrap {
border-bottom: 1px dotted #ec6941;
padding: 0 0 10px;
position: relative;
margin-bottom: 15px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: flex-start;
}
.ttl_wrap .l-box{
width:50%;
}
.ttl_wrap .l-box .ttl{
font-size: 2.6rem;
padding-right: 0px;
line-height: 1.6;
}	
.ttl_wrap p.ttl a{
font-size: 2.6rem;
font-weight: 900;
color: #ec6941;
}
.ttl_wrap .r-box{
width:48%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.member_list p.btn {
position: absolute;
width: 150px;
right: 0;
bottom: inherit;
}
.sns-icon-ul{
display: flex;
justify-content: flex-start;
padding: 10px 0 0;
}
.sns-icon-ul li{
max-width: 30px;
}	
.sns-icon-ul li img{
width: 100%;
}		
.sns-icon-ul li:not(:first-child){
margin-left: 5px;
}		
.external_link{
margin: 10px 10px 0 0;
}
.external_link a{
display: inline-block;
text-decoration: none;
color: #fff;
background: #ff7917;
padding: 1% 5px;
box-sizing: border-box;
border: solid 1px #ff7917;
transition: .3s;
border-radius: 5px;
font-size: 13px;
position: relative;
}	
.external_link a:hover::after{
color: #ff7917;
}
.external_link a::after{
font-family: 'Font Awesome 5 Free';
content: "\f138";
margin: 0 0 0 5px;
color: #fff;
font-weight: 900 !important;
}
.r-box .pc_link {
position: inherit;
top: 12px;
right: 0;
display: inline-block;
}	
p.pc_link a{
display: inline-block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/pc_icon.png) no-repeat 0 2px;
background-size: 24px 20px;
font-size: 1.3rem;
font-weight: 900;
padding: 0 0 0 35px;
color: #000;
margin-left: 10px;
margin-top: 10px;
}
.single-m-list-sns{
display: flex;
justify-content: flex-start;
padding: 0 0 15px;
} .recuruit-list-box{
box-sizing: border-box;
margin: 0 0 30px;
padding: 2%; box-shadow:0px 0px 6px 3px #dedede;
}
.recuruit-flex-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.recuruit-free-txt span a{
text-align: right;
display: block;
font-weight: bold;
text-decoration: none;
color: #48c165;
}
.recuruit-free-txt span a:before {
font-family: 'Font Awesome 5 Free';
content: "\f138";
right: 10px;
margin: 0 5px 0 15px;
color: #48c165;
font-weight: 900 !important;
}
.recuruit-flex-box li:nth-child(1){
width: 28%; }
.recuruit-flex-box li:nth-child(1) img{
width: 100%;
height: auto;
object-fit: cover; }
.recuruit-flex-box li:nth-child(2){
width: 43%; }
.recuruit-flex-box li:nth-child(3){
width: 20%;
align-items: center;
margin: 20px 0 0; }
@keyframes fadeIn { 100% {opacity: 1} } @-webkit-keyframes fadeIn {
100% {opacity: 1}
} .cont_area-calender{
max-width: 1200px;
width: 98%;
margin: 0 auto;
} .recuruit-flex-box .company_name{
font-size: 18px;
font-weight: bold;
color: #ec6941;
margin: 0 0 10px;
border-bottom: 2px solid #ec6941;
}
.recuruit-flex-box .web-blank a{
display: block;
color: #fff;
background: #cc2412;
padding: 10px 15px;
text-decoration: none;
outline:1px solid #cc2412;
transition: .3s;
text-align:center;
margin: 0 0 20px;
}
.recuruit-flex-box .web-blank a:hover{
color: #cc2412;
background: #fff;
}
.recuruit-flex-box .recuit-detail-btn a{
display: block;
color: #fff;
background: #48c165;
padding: 10px 15px;
text-decoration: none;
outline:1px solid #48c165;
transition: .3s;
text-align:center;
margin: 0 0 30px;
}
.recuruit-flex-box .recuit-detail-btn a:hover{
color: #48c165;
background: #fff;
} .recruit_detail-chath{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 0 60px;
}
.recruit_detail-chath .l-box{
width: 65%;
}
.recruit_detail-chath .r-box{
width: 30%;
}
.recruit_detail-chath .r-box img{
max-width: 100%;
}
.setu-title{
font-weight: bold;
color: #fff;
background: #80c269;
padding: 8px 0 8px 15px;
font-size: 20px;
margin: 0 0 20px;
}
.recruit_detail-setu{
padding:0 0 30px;
}
.rec-sing-web-btn a{
display: inline-block;
width: 300px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 10px;
transition: .3s;
background: #cc2412;
transition: .3s;
border: solid 1px #cc2412;
margin: 0 0 40px;
text-decoration: none;
}
.rec-sing-web-btn a:hover{
color: #cc2412;
background: #fff;
}
.recruit_detail .member_info {
padding: 0 0 50px;
}
.rec-sing-web-btn{
text-align: center;
}
.offering-txt{
text-align: center;
margin: 0 0 50px;
}
.offering-txt span{
border-bottom: solid 2px #80c269;
color: #80c269;
font-weight: bold;
font-size: 25px;
letter-spacing: 0.1em;
position: relative;
}
.offering-txt span::before{
content: "";
display: inline-block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/recrutit-icon.png) center no-repeat/contain;
width: 42px;
height: 38px;
position: absolute;
left: -50px;
top: 0;
}
.re-table-ara{
padding:  10px;
}
.re-table-ara table th{
width: 20%;
color: #fff;
background: #947347;
vertical-align: top;
padding: 3% 1.5%;
line-height: 2.2;
}
.re-table-ara table td{
width: 75%;
vertical-align: top;
padding: 3% 2%;
line-height: 2.2;
}
.re-table-ara table tr{
border-bottom: 1px solid #a49c8a;
}
.re-table-ara table tr:last-child{
border-bottom: none;
}
.re-table-ara table tr:nth-child(1) th{
border-radius: 5px 5px 0 0;
}
.re-table-ara table tr:last-child th{
border-radius: 0 0 5px 5px;
}
.re-tell-on{
text-align: center;
margin: 0 0 30px;
}
.re-tell-on a{
display: inline-block;
color: #fff;
font-weight: bold;
background: #80c269;
width: 300px;
padding: 10px;
text-decoration: none;
transition: .3s;
box-sizing: border-box;
border:solid 1px #80c269;
}
.re-tell-on a:hover{
background: #fff;
color: #80c269;
}
.re-table-ara table{
margin: 0 0 50px;
}
.re-free-ara{
padding: 0 0 60px;
}
.re-free-ara img{
max-width: 100%;
height: auto;
}
@media screen and (max-width: 600px){
.footer-slide-area li p {
height: 100px!important;
overflow: hidden;
}
.footer-slide-area .bx-wrapper .bx-controls-direction .bx-next {
position: absolute;
top: calc( 50% - 1vw )!important;
outline: 0;
width: 29px!important;
height: 40px!important;
text-indent: -9999px;
z-index: 1013;
right: 0;
}
.footer-slide-area .bx-wrapper .bx-controls-direction .bx-prev {
position: absolute;
top: calc( 50% - 1vw )!important;
outline: 0;
width: 29px!important;
height: 40px!important;
text-indent: -9999px;
z-index: 1013;
left: 0;
}	
.footer-slide-area li p img {
width: 100%;
height: 100%;
}	
.box1 {
padding: 0.5em 1em;
margin: 2em 0;
color: #232323;
background: #fff8e8;
border-left: solid 10px #ffc06e;
}
.box1 p {
margin: 0; 
padding: 0;
}
}@media screen and (max-width: 768px) { .ttl_wrap .l-box {
width: 100%;
}
.ttl_wrap .r-box {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}	
.member_list p.btn {
position:inherit;
width: 150px;
right: 0;
bottom: inherit;
}	
}
@media screen and (max-width: 599px) { .calendar{position: relative;}
.calendar::before{  content: "";
display: block;
padding-top: 100%;
}
.calendar iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
} .member_list_l {
width: 100%;
float: left;
position: relative;
} .recuruit-list-box {
padding: 30px 4% 30px;
}	
.recuruit-flex-box li:nth-child(1) {
width: 100%;
text-align: center;
padding: 0 0 20px;
}	
.recuruit-flex-box li:nth-child(2) {
width: 100%;
padding: 0 0 10px;
}	
.recuruit-flex-box li:nth-child(3) {
width: 100%;
}	
.recuruit-free-txt span a{
display: block;
} .recruit_detail-chath .l-box {
width:100%;
order: 2;
}
.recruit_detail-chath .r-box {
width: 100%;
order: 1;
padding: 0 0 20px;
}	
.offering-txt span::before {
content: "";
display: inline-block;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/recrutit-icon.png) center no-repeat/contain;
width: 38px;
height: 38px;
position: absolute;
left: -43px;
top: -4px;
}
.re-table-ara {
padding: 0;
}	
.re-table-ara table th {
display: block;
width: 100%;
padding: 2% 4%;
}	
.re-table-ara table td {
display: block;
width: 100%;
padding: 4% 2%;
}	
}body:after {
content: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/close.png) url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/loading.gif) url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/prev.png) url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/next.png);
display: none;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; }
.lightbox a img {
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/common/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/common/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/common/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/common/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
.bx-viewport { -webkit-transform: translatez(0);
} .bx-wrapper {
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -50px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/css/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #300606;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #a0a0a0;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #7bb965;
} .bx-wrapper .bx-prev {
left: -60px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/prev.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
right: -80px;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/images/next.png) no-repeat 0 0;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: calc( 50% - 7px );
outline: 0;
width: 9px;
height: 15px;
text-indent: -9999px;
z-index: 999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
@media screen and (max-width:960px) {
.bx-wrapper .bx-prev {
left: -20px;
background-size: 9px 15px;
}
.bx-wrapper .bx-next {
right: -40px;
background-size: 9px 15px;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 45%;
outline: 0;
width: 26px;
height: 26px;
text-indent: -9999px;
z-index: 999;
}
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//www.yameshi-shokokai.jp/wp/wp-content/themes/site/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
 body#tinymce {
font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
letter-spacing: 0.1em;
font-size: 16px;
line-height: 1.8;
width: 870px;
margin: 20px;
}
#tinymce img {
max-width: 100%;
padding-bottom: 1em;
}
#tinymce h3 {
font-size: 22px;
font-weight: 900;
margin: 0 0 10px;
padding: 0 0 0 15px;
position: relative;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#tinymce h3::before {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
left: 0;
top: 16px;
width: 3px;
height: 3px;
background: #80c269;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#tinymce h4 {
font-size: 18px;
font-weight: 900;
margin-bottom: 10px;
}
#tinymce h5 {
font-size: 16px;
font-weight: 900;
margin-bottom: 10px;
}
#tinymce p {
margin-bottom: 20px;
font-size: 16px;
}
#tinymce p img {
margin-bottom: 10px;
font-size: 16px;
}
#tinymce a {
color: #80c269;
}
.wp-caption-dd {
font-size: 13px;
}
.alignright { display: block; margin: 0 0 10px auto; float: none; } .alignleft { display: block; margin: 0 auto 10px 0; float: none; } .aligncenter { display: block; margin: 0 auto 10px; float: none; }