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

@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html { overflow-y: scroll; }
body { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0px; background: #F2F2F2; color: #666666; font-size: 12px; line-height: 1.1; }
img, hr { border: none; }
ol, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, input, textarea, select, address, em, article, section, aside { margin: 0; padding: 0; }
ol, ul { list-style: none }
address, em { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }
object, embed, button { vertical-align: top; line-height: 1.1 }
input, select { vertical-align: bottom; }
header, footer { display: block; }
a { cursor: pointer; color: #ED556A; text-decoration: none; }
fieldset.inline label { display: inline-block; margin-right: 10px; }
fieldset.half label { width: 49%; display: inline-block; vertical-align: top; }
fieldset.onetherd label { width: 32%; display: inline-block; vertical-align: top; }
fieldset.auto select { width: auto; vertical-align: middle; margin-right: 4px; }
input[type=submit], input[type=reset] { -webkit-appearance: none; appearance: none; }
input[type=text], select, textarea, input[type=password] { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 7px; border-radius: 4px; -webkit-border-radius: 4px; margin: 4px 0; }
input[type=tel] { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 7px; border-radius: 4px; -webkit-border-radius: 4px; margin: 4px 0; }
input[type=radio], input[type=checkbox] { margin-right: 4px; vertical-align: middle; }
select { -webkit-appearance: button; appearance: button; background: #FFFFFF url(../images/pageparts/blt_select_down.png) no-repeat right 50%; border: 1px solid #999999; }
.clr { zoom: 1; }
.clr:after { content: ""; display: block; clear: both; }
/*Apply format styles


h1 { font-size:138.5% }

h2 { font-size:123.1% }

h3 { font-size:108% }

h4 { font-size:100% }

h5 { font-size:93% }

h6 { font-size:85% }

h1,
h2,
h3,
h4,
h5,
h6 { color:#000;margin:1em 0;border:none;padding:0;background:none; }

p { margin-bottom:1em }

ul,
ol { margin:1em }

ol,
ul { margin-left:2em }

ol { list-style:decimal outside }

ul { list-style:disc outside }

ol li,
ul li {  font-size:93%;line-height:120%;  }



*/

/* paginate add */
.pagination { display: block; padding-left: 0; margin: 30px auto; border-radius: 4px; text-align: center; }
.pagination>li { display: inline; padding-right: 2px; padding-left: 1px; }
.pagination>li>a,
.pagination>li>span { position: relative; float: none; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #FFFFFF; text-decoration: none; background-color: #f7586e; border: 1px solid #ddd; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { z-index: 3; color: #AFB2D1; cursor: default; background-color: #FFFFFF; border-color: #f7586e; }
.pagination .current { color: #AFB2D1; padding: 5px 12px; margin-right: 2px; }

input[type=text], input[type=tel] { min-height: 30px; font-size: 14px; line-height: 30px; padding: 0 4px; border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0px 0px 4px 0px #CFCFCF inset; margin: 5px 0; border: 1px solid #999999; }
input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; width: 18px; height: 18px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px inset; position: relative; margin-bottom: 3px; margin-right: 5px; }
input[type="checkbox"]:checked:before { position: absolute; left: 0px; top: 14px; display: block; -webkit-box-shadow: 0 1px 1px; content: ""; width: 10px; height: 4px; background: #000; -webkit-transform: rotate(45deg); -webkit-transform-origin: right center; }
input[type="checkbox"]:checked:after { display: block; position: absolute; left: 8px; top: 14px; content: ""; -webkit-box-shadow: 0 1px 1px; width: 16px; height: 4px; background: #000; -webkit-transform: rotate(-53deg); -webkit-transform-origin: left center; }
div.checkbox { width: 100%; }
div.checkbox label { width: 49%; padding: 5px 0 5px 24px; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 1% }
div.checkbox label:nth-child(even) { margin-left: 1%; margin-right: 0; }
div.checkbox label div { width: 18px; height: 18px; position: absolute; top: 5px; left: 0px; }
div.checkbox label span { display: block; font-size: 10px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.more { width: 100%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 10px; }
div.more a { color: #666666; display: block; padding: 12px 24px 12px 16px; background: #FFFFFF url(../images/pageparts/blt_arrow_corner.png) no-repeat 100% 50%; border: 1px solid #B3B3B3; border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; float: right; }
div.more.full { margin-bottom: 0; }
div.more.full a { float: none; display: block; }
input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; width: 18px; height: 18px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px inset; -webkit-border-radius: 10px / 10px; position: relative; margin-bottom: 3px; margin-right: 5px; }
input[type="radio"]:disabled { background-color: #cccccc; }
input[type="radio"]:checked:before { position: absolute; left: 50%; top: 50%; display: block; margin: -4px 0 0 -4px; -webkit-box-shadow: 1 1px 1px; -webkit-border-radius: 10px / 10px; content: ""; width: 8px; height: 8px; background: -webkit-gradient( linear, left top, left bottom, from(#000), to(#000) ); }
/*----------------------------------------------------*/

header { background: #000000 url(../images/pageparts/bg_header.jpg); width: 100%; color: #FFFFFF }
header h1 { display: block; width: 247px; margin-right: 10px; padding: 5px; float: left; }
header h1 a { display: block; height: 50px; }
header .tools { float: right; padding: 5px; }
header .tools .btn_login, header .tools .phone { display: inline-block; vertical-align: bottom; *display: inline;
*zoom: 1;
}
header .tools .phone .number { color: #ED556A; font-size: 27px; font-family: 'Open Sans', sans-serif; font-weight: bold; }
header .tools .phone .sub { font-size: 10px; }
header .tools .btn_login { background: #D6428B; width: 50px; height: 50px; }
header .tools .phone { padding-left: 10px; border-left: 1px dotted #D0D0D0; margin-left: 10px; }
header nav { padding: 5px; float: left; font-family: 'Noto Sans Japanese', serif; box-sizing: border-box; -webkit-box-sizing: border-box; }
header nav ul { display: table; }
header nav li { display: table-cell; vertical-align: middle; font-weight: bold; height: 50px; }
header nav li a { color: #FFFFFF; display: block; position: relative; white-space: nowrap; padding-left: 30px; padding-right: 20px; }
header nav li a span { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 0; margin-top: -15px; }
header nav li.active { border-bottom: 4px solid #757571 }
/*----------------------------------------------------*/

.slider_news { overflow-y: hidden; height: 40px; }
#newsticker { height: 40px; width: 100%; background: #000000; border-bottom: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0; position: relative; margin-bottom:10px;}
#newsticker .inner { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 220px; padding-right: 140px; }
#newsticker h2 { display: block; position: absolute; top: 0; left: 0; height: 40px; font-weight: bold; font-size: 14px; background: #EA5368 url(../images/pageparts/blt_arrow_corner_w.png) no-repeat 98% 50%; color: #FFFFFF; line-height: 30px; padding: 5px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 160px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;}
#newsticker h2 a{ color:#FFFFFF; display:block;}
#newsticker h2 img { vertical-align: middle; margin-right: 10px; }
#newsticker ul.ctrl { display: block; position: absolute; top: 50%; left: 170px; margin-top: -11px; }
#newsticker ul.ctrl li { margin: 1px 0; cursor: pointer; display: block; height: 23px;display: inline-block;vertical-align:bottom; *display: inline;*zoom: 1;}
#newsticker .slider_news div { line-height: 40px; font-size: 14px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
#newsticker .slider_news div span { color: #FFFFFF; margin-right: 16px; }
#newsticker .slider_news div span img { display:inline; vertical-align:middle;}
#newsticker .slider_news div a { display: block; color: #FFFFFF; font-weight: bold; letter-spacing: 2px; }
#newsticker .slider_news div a.aki{ color:#EB7742}
#newsticker .slider_news div a.nyuten{ color:#8CA823}
#newsticker .slider_news div a.event{ color:#0097BD}
#newsticker .slider_news div a.photo{ color:#E36367}
#newsticker .slider_news div a.pickup{ color:#B90180}
#newsticker .slider_news div a.otakara{ color:#0000ff}
#newsticker .slider_news div a.hukki{ color:#6e00ff}
#newsticker .more { position: absolute; top: 3px; right:10px; width: auto; padding:0;}
#newsticker .more a { border: none; border:1px solid #FFFFFF; color:#FFFFFF; background:#000000 url(../images/pageparts/blt_arrow_corner_w.png) no-repeat 100% 50%; padding:9px 24px 9px 16px;}
/*----------------------------------------------------*/
#slider_recommend { margin-bottom: 25px; margin-top: 25px; position: relative; width: 100%; }
#slider_recommend .cover { display: none; width: 100%; margin-bottom: 0; }
#slider_recommend .cover div { padding: 0 1px; }
#slider_recommend .slick-slide img { opacity: 0.3; transition: all 300ms ease; }
#slider_recommend .slick-slide.slick-center img { opacity: 1; transition: all 300ms ease; }
#slider_recommend .arrow { width: 20px; height: 60px; position: absolute; z-index: 10000; top: 50%; margin-top: -30px; cursor: pointer; }
#slider_recommend .arrow.l { left: 50%; margin-left: -492px; }
#slider_recommend .arrow.r { right: 50%; margin-right: -492px; }
/*----------------------------------------------------*/
/*#page { width: 100%; position: relative; border-bottom: 1px solid #B3B3B3; display: table; border-collapse: collapse; }*/
#page { width: 100%; position: relative; border-bottom: 1px solid #B3B3B3; display: inline-block; border-collapse: collapse; text-align: center;  white-space:nowrap; }
/*----------------------------------------------------*/
/*#sidebar { width: 388px; padding: 1px 0; display: table-cell; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; border-right: 1px solid #B5B5B5; }*/
#sidebar { width: 388px; padding: 1px 0; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; border-right: 1px solid #B5B5B5; text-align: left; background-color: #fff; white-space:normal; }
#sidebar .title.page { padding: 10px 0px 10px 50px; background: #FFFFFF; box-shadow: 0px 0px 5px 0px #A4A4A4; height: 40px; position: relative; }
#sidebar .title h2 { font-size: 14px; font-weight: bold; margin: 4.5px 0; color: #000000 }
#sidebar .title p { font-size: 12px; margin: 4.5px 0; }
#sidebar .title.page span { width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; }
#sidebar .title.page .hit_fixed { display: inline-block; background: #ed556a; position: absolute; right: 10px; top: 15px; color: #FFFFFF; line-height: 32px; padding: 1px 10px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; -webkit-border-top-left-radius: 16px; -webkit-border-bottom-left-radius: 16px; z-index: 100000; }
#sidebar .title.page .hit_fixed em { font-weight: bold; font-size: 14px }
fieldset#search { box-sizing: border-box; -webkit-box-sizing: border-box; background: #FEF3F9; border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; border: 1px solid #B3B3B3; margin: 10px; width: auto; box-shadow:2px 2px 2px rgba(0,0,0,0.2); }
fieldset#search_nm { box-sizing: border-box; -webkit-box-sizing: border-box; background: #FEF3F9; border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; border: 1px solid #B3B3B3; margin: 10px; width: auto; box-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#search_nm .name_search { width: 100%; position: relative; }
#search_nm .name_search input[type=text] { width: 100%; padding-right: 30px; height: 30px; }
#search_nm .name_search button { width: 30px; height: 30px; background: #000000; border: none; position: absolute; top: 50%; right: 0; margin-top: -15px; padding: 0; }
#search p, #search_nm p { margin-top: 8px; color: #000000 }
#search div.half select { width: 49%; float: left; margin-right: 1%; }
#search div.half select:nth-child(even) { width: 50%; margin-right: 0; }
#search select.aru { background: #000000; color:#FFFFFF; }
#sidebar .btns { width: 100%; padding: 1px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 40px; margin-top: -10px; }
#sidebar button { margin: 10px 0; }
#sidebar button.search { -webkit-appearance: none; appearance: none; -webkit-appearance: button; appearance: button; font-size: 16px; background: #FEF3F9 url(../images/pageparts/icon_loupe_b.png) 10px 50% no-repeat; background-size: 30px 30px; font-weight: bold; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; padding: 14px 60px; overflow: hidden; white-space: nowrap; border: 1px solid #999999; width: 100%; display: block; color: #666666; box-shadow:2px 2px 2px rgba(0,0,0,0.2); }
#sidebar button[type=reset] { color: #949494; background: #FFFFFF url(../images/pageparts/icon_close.png) 10px 50% no-repeat; background-size: 24px 24px; padding: 8px 60px; font-size: 12px; }
#sidebar ul.linkbtn { padding: 10px; }
#sidebar ul.linkbtn li { margin-bottom: 10px; }
/*----------------------------------------------------*/

#sidebar.mini { width: 260px; box-sizing: border-box; -webkit-box-sizing: border-box; background: #AFB2D1 }
#sidebar.mini .title { background-color: #FFFFFF; box-shadow: 0 0 5px 0 #a4a4a4; }
#sidebar.mini .title h2, #sidebar.mini .title p { color: #000 }
#sidebar.mini ul.nav { width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }
#sidebar.mini ul.nav li a { color: #FFFFFF; padding: 10px 0px 10px 36px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; min-height: 50px; }
#sidebar.mini ul.nav dt { font-size: 14px; font-weight: bold; margin: 4.5px 0; }
#sidebar.mini ul.nav dd { font-size: 12px; font-weight: bold; margin: 4.5px 0; font-weight: normal; }
#sidebar.mini ul.nav li a span { display: block; position: absolute; }
#sidebar.mini ul.nav li a span.icon { top: 10px; left: 10px; width: 26px; height: 26px; }
#sidebar.mini ul.nav li.active { box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.05); border-radius: 38px; -webkit-border-radius: 38px; }
/*----------------------------------------------------*/

#sidebar.profile .portrait { width: 200px; height: 200px; margin: 10px auto; box-sizing: border-box; -webkit-box-sizing: border-box; border: 6px solid #FFFFFF; border-radius: 100px; -webkit-border-radius: 100px; background-position: top center; background-repeat: no-repeat; background-size: cover; }
#sidebar.profile h2 { text-align: center; font-size: 20px; font-weight: bold; margin: 0.6em 0; color: #FFFFFF; font-family: 'Noto Sans Japanese', serif; }
#sidebar.profile.mini ul.nav li a { min-height: 0; }
#sidebar.profile .favorite { margin: 10px; width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; border-top: 1px dotted #FFFFFF; color: #FFFFFF }
#sidebar.profile .favorite li { padding: 12px 0; width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; line-height: 17px; text-align: center; font-size: 14px; }
#sidebar.profile .favorite li img { margin-right: 4px; margin-top: -1px; }
#sidebar.profile .favorite li.add_fav { border: 1px solid #FFFFFF; font-weight: bold; cursor: pointer; }
/*----------------------------------------------------*/
/*#main { box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 1px; padding-bottom: 1px; display: table-cell; vertical-align: top; }*/
#main { box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 1px; padding-bottom: 1px; display: inline-block; vertical-align: top;  background-color: #fff; text-align: left; white-space:normal; }
#main .title { padding: 10px 140px 10px 50px; background: #FFFFFF; box-shadow: 0px 0px 5px 0px #A4A4A4; height: 40px; position: relative; overflow: hidden; }
#main .title span { width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; }
#main .title h2 { font-size: 20px; line-height: 43px; color: #000000 }
#main .title h2 em { font-size: 14px; margin-left: 1em; font-weight: normal; }
#main .title .more { width: auto; position: absolute; top: 0px; right: 0px; }
#main.full { padding-left: 0; background: none; text-align: left; }
#main.big { background: none; }
/*----------------------------------------------------*/

#main .grid_1 { width: 640px; margin-left: auto; margin-right: auto; padding: 1px 0; }
/*----------------------------------------------------*/

#main .grid_3 { width: 100%; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#main .grid_3 .unit_1 { box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.3%; float: left; padding: 5px }
#main .grid_3 .unit_2 { box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.3%; float: left; padding: 5px }
#main .grid_3 .unit_3 { box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.3%; float: left; padding: 5px }
/*----------------------------------------------------*/
#main .tile { width: 100%; padding: 5px; margin-bottom: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#main .tile .item { width: 12.500000%; float: left; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; }
/*#main .tile .item { opacity: 1; animation-duration: 1s; animation-name: fade-in; -moz-animation-duration: 1s; -moz-animation-name: fade-in; -webkit-animation-duration: 1s; -webkit-animation-name: fade-in; }*/



/*----------------------------------------------------*/







 @keyframes fade-in {
 0% {
 display: none;
 opacity: 0;
}
 1% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
 @-moz-keyframes fade-in {
 0% {
 display: none;
 opacity: 0;
}
 1% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
 @-webkit-keyframes fade-in {
 0% {
 display: none;
 opacity: 0;
}
 1% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
#main .tile .item .inner { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 0px 5px 0px #A4A4A4; }
#main .tile .item img { width: 100%; }
#main .tile .item a { color: #666666; position: relative; display: block; }
#main .tile .item dl { padding: 6px; display: block; position: relative; }
#main .tile .item dt { font-size: 14px; font-weight: bold; color: #000000; overflow: hidden; white-space: nowrap; }
#main .tile .item dd span { color: #76B39E; font-weight: bold; }
#main .tile .item dd span.repeat { color: #EA2B5B }
.new { position: absolute; top: 0; right: 0; width: 36px; height: 36px; }
.new img { width: 36px; height: 36px; }
.honjitsu { background: #F7586E; color: #FFF; padding: 0; line-height: 22px; white-space: nowrap; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; position: absolute; width: 100%; height: 22px; overflow: hidden; top: -22px; left: 0; }
.manin { background: #000000; color: #F7586E; padding: 0; line-height: 22px; white-space: nowrap; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; position: absolute; width: 100%; height: 22px; overflow: hidden; top: -22px; left: 0; }
/*----------------------------------------------------*/

.horizon { width: 100%; border-bottom: 1px solid #B3B3B3 }
.horizon .title { padding: 10px 60px 10px 50px; background: none; height: 40px; position: relative; }
.horizon .title h2 { font-size: 16px; font-weight: bold; margin: 4.5px 0; color: #000000 }
.horizon .title p { font-size: 12px; margin: 4.5px 0; color: #000000 }
.horizon .title span { width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; }
.horizon .title .more { position: absolute; float: none; top: 10px; right: 10px; width: auto; padding: 0; }
.horizon .tile { width: 100%; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.horizon .tile .item { width: 10%; float: left; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.horizon .tile .item .inner { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 0px 5px 0px #A4A4A4; padding: 10px; }
.horizon .tile .item .inner .photo { width: 100%; height: 140px; }
.horizon .tile .item .inner .photo { background-repeat: no-repeat; background-position: top center; background-size: cover; }
.horizon .tile .item a { color: #666666; }
.horizon .tile .item dl { padding: 6px 0; }
.horizon .tile .item dt { font-size: 14px; font-weight: bold; color: #000000; overflow: hidden; white-space: nowrap; }
.horizon .tile .item dd { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.horizon .tile .item dd img { width: auto !important; }
/*----------------------------------------------------*/
footer { background: #000000 }
footer nav { background: #FFFFFF; padding: 15px 0; }
footer nav ul { text-align: center; }
footer nav ul li { display: inline-block; vertical-align: bottom; *display: inline;
*zoom: 1;
border-right: 1px dotted #B3B3B3 }
footer nav ul li:first-child { border-left: 1px dotted #B3B3B3 }
footer nav ul li a { display: block; height: 50px; line-height: 50px; color: #666666; padding: 1px 10px; }
footer nav ul li a img { vertical-align: middle; }
footer div.phone { margin-left: auto; margin-right: auto; padding: 40px 0; text-align: center; border-bottom: 1px solid #B3B3B3 }
footer div.phone p { display: inline-block; vertical-align: middle; *display: inline;
*zoom: 1;
text-align: left; }
footer div.phone p.number { color: #ED556A; font-size: 39px; font-family: 'Open Sans', sans-serif; }
footer div.phone p.sub { font-size: 14px; color: #FFFFFF }
footer ul.shyohyo { padding: 20px; float: left; }
footer ul.shyohyo li { display: inline-block; vertical-align: bottom; *display: inline;
*zoom: 1;
margin-right: 26px; background: url(../images/pageparts/arrow_purple.png) no-repeat 0 50%; padding-left: 14px; }
footer ul.shyohyo li a { color: #FFFFFF }
footer p.copy { float: right; padding: 20px; }
/*----------------------------------------------------*/


.syasyo_cmt { padding: 10px 10px 10px 76px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; min-height: 76px; }
.syasyo_cmt p { margin-bottom: 1em; }
.syasyo_cmt p strong { font-weight: bold; font-size: 16px; color: #ED556A }
.syasyo_cmt span { width: 56px; position: absolute; top: 10px; left: 10px; }
/*----------------------------------------------------*/

.btn_link { background: #ED556A; font-size: 14px; font-weight: bold; text-align: center; border-radius: 21px; -webkit-border-radius: 21px; margin: 10px; width: auto; }
.btn_link a { color: #FFFFFF; display: block; padding: 15px 30px 15px 30px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
.btn_link a span { width: 22px; height: 22px; position: absolute; top: 50%; margin-top: -11px; right: 10px; }
/*----------------------------------------------------*/


.shadow { margin-bottom: 10px; box-shadow: 0px 0px 5px 0px #A4A4A4; background: #FFF; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }

/*----------------------------------------------------*/

#infscr-loading { text-align: center; position: fixed; left: 50%; top: 50%; margin:0 auto; margin-left: -150px; margin-bottom: 10px; padding: 10px; background: #F1F1F1; opacity: 0.8; color: #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.item .inner img.grayout { filter: grayscale(1); }

div.error-message { color: #f00; }







/*----------------------------------------------------*/

@media only screen and (max-width: 1431px) {
header nav { background: #333333; width: 100%; }
header nav ul { margin-left: auto; margin-right: auto; }
}