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

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

* {
margin:0;
padding:0;
}

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

body {
margin:0;
padding:0;
font-size:13px;
letter-spacing:0.05em;
line-height:2em;
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
}

a {outline:none;}

a:link {color:#000; text-decoration:none; transition:all 0.5s ease;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#535353; text-decoration:none; transition:all 0.5s ease;}

img {
border:0;
vertical-align:bottom;
}

nav {
font-family: 'Spartan', sans-serif;
font-weight:600;
}

#slide_frame {position:relative;}

.swiper-pagination {
font-size:0;
margin:10px 0 0;
text-align:center;
width:100%;
position:absolute;
bottom:0px;
}

.swiper-pagination-bullet {
background:#000 !important;
margin:0 15px 0 0;
width: 5px !important;
height: 5px !important;
display: inline-block;
border-radius: 100%;
opacity:.3 !important;
}

.swiper-pagination-bullet:last-child {margin:0;}

.swiper-pagination-bullet-active {
background:#fff !important;
opacity:1 !important;
}

#slide_pc .swiper-pagination {
font-size:0;
margin:10px 0 0;
text-align:center;
width:100%;
position:absolute;
bottom:0px;
}

#slide_pc .swiper-pagination-bullet {
background:#000 !important;
margin:0 15px 0 0;
width: 5px !important;
height: 5px !important;
display: inline-block;
border-radius: 100%;
opacity:.3 !important;
}

#slide_pc .swiper-pagination-bullet:last-child {margin:0;}

#slide_pc .swiper-pagination-bullet-active {
background:#fff !important;
opacity:1 !important;
}

.copyright a:link {color:#888;}
.copyright a:visited {color:#888;}
.copyright a:hover {color:#aaa;}

/*------------------------------ Calendar ------------------------------*/

.xo-event-calendar p.holiday-title span {
border:0;
display:inline-block;
margin:0 0.5em 0 0;
height:1em;
padding:0;
width:1em;
}

.xo-event-calendar {margin: 0;}

.xo-event-calendar .month-event,
.xo-event-calendar .month-event-space {
display: none;
}

#calendar .month-event-space td {border:0;}

/*
.xo-event-calendar table.xo-month .month-dayname td div {
padding: 0;
text-align: center;
font-size: 1em;
}
.xo-event-calendar table.xo-month .month-dayname td div,
.xo-event-calendar table.xo-month .month-week {
line-height: 2.5em;
height: 2.5em;
}
*/


#calendar .calendar_content {position:relative;}

#calendar .month {
font-family: 'Spartan', sans-serif;
font-weight:600;
text-align:center;
}

#calendar th,
#calendar td{
text-align:center;
font-family: 'Spartan', sans-serif;
font-weight:500;
}

#calendar .note li {
list-style:none;
display:inline-block;
margin:0.3em 0 0;
line-height:1em;
}

#calendar .note li::before {
background:#aaa;
content:"";
display:inline-block;
margin:0 0.5em 0 0;
height:1em;
width:1em;
}

#calendar table {
border:0;
border-collapse: collapse;
width: 100%;
}

.xo-event-calendar {
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
}

#calendar .holiday-title {
display:inline-block;
margin:0 0 0 1em;
}

.xo-event-calendar table.xo-month .month-header > span { font-family: 'Spartan', sans-serif; font-weight:500; display: inline-block; text-align: center; font-size:2em; vertical-align: middle; line-height: 28px; }

.xo-event-calendar table.xo-month .month-dayname td div.today { color: #000; font-weight: 500; }
.xo-event-calendar table.xo-month > thead th.sunday { color: #000; }
.xo-event-calendar table.xo-month > thead th.saturday { color: #000; }
.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td { padding: 0; }
.xo-event-calendar table.xo-month thead th div {
border-top:1px #999 solid;
border-right:1px #999 solid;
border-bottom:1px #999 solid;
padding:0.5em 0;
}
.xo-event-calendar table.xo-month thead th:first-child div {
border-left:1px #999 solid;
}

.xo-event-calendar table.xo-month .month-dayname td {
}

.xo-event-calendar table.xo-month .month-dayname td div {
height:auto;
padding:1em 0;
text-align: center;
font-size: 100%;
line-height: 1em;
}

.xo-event-calendar table.xo-month .month-dayname td span {
display:block;
border-right:1px #999 solid;
}

.xo-event-calendar table.xo-month .month-dayname .dayname td:first-child span {
display:block;
border-left:1px #999 solid;
}

.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td { padding: 0; border: 0; }
.xo-event-calendar table.xo-month .month-dayname td div.other-month { opacity: 0.3; }

#calendar .holiday-title {
display:block;
margin:0;
}

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

@media (max-width: 640px) {

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

body {background:#fff;}

.line-sp {display:block;}

section {
margin:6em auto 0;
width:90%;
}

header {
background:#fff;
position:fixed;
left:0;
top:0;
z-index:10;
width:100%;
}

.header {
position:fixed;
top:0;
width:100%;
background:#fff;
transition:all 0.5s ease;
}

.hidden {
background:#fff;
transition:all 0.5s ease;
}

header h1 {
margin:0;
padding:15px 0;
text-align:center;
}

header h1 a {
}

header h1 img {
width:40%;
vertical-align:top;
}

#nav_pc {display:none;}

.sns_icon img {height:20px;}

#sns_pc {display:none;}

.hidden #header_logo {transition:all 0.5s ease;}

#header_content {position:relative;}

.head_insta {
position:absolute;
right:15px;
top:50%;
transform: translateY(-50%);
}

.head_insta img {
width:27px;
}

#wrapper {
margin:6em 0 0;
}


/*------------------------------ Slide ------------------------------*/

#titleimage {
margin:56px 0 0;
padding:0;
position:relative;
width:100%;
}

#slide {
margin:0;
width:100%;
}

#slide_frame {
margin:0;
width:100%;
}

.swiper-container {
margin:0;
width:100%;
}

.swiper-container2 {
margin:0;
width:100%;
}

.swiper-wrapper {
margin:0;
width:100%;
}

.swiper-slide img {
height:400px;
object-fit:cover;
width:100%;
}

/*------------------------------ Intro  ------------------------------*/

#intro {
background:url("../images/home/intro_bg.png") no-repeat #fafafa;
background-size:130%;
background-position:50% 50%;
margin:0;
padding:2em 0;
text-align:center;
width:100%;
}

#intro .content {padding:1em;}

#intro h2 {
font-family: 'Spartan', sans-serif;
font-weight:700;
font-size:22px;
margin:0 0 1em;
}

#intro .note {
border:1px #000 solid;
margin:1em auto 0;
width:80%;
}

#intro p {
font-family:"游ゴシック体 Pr6N B", "Yu Gothic Pr6N B";
font-size:1.1em;
line-height:1.8em;
}

#intro .line-sp {padding:0 0 1em;}

#intro .note .line-sp {padding:0;}

#intro .note p {
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
font-size:1em;
line-height:1.8em;
padding:1em;
}

/*------------------------------ Calendar  ------------------------------*/

#calendar h2 {
font-family: 'Spartan', sans-serif;
font-size:2em;
font-weight:700;
padding:20px 0;
text-align:center;
position:relative;
}

#calendar .month {font-size:2em;}

#calendar td {
font-size:1em;
line-height:1em;
padding:0;
}

.xo-event-calendar table.xo-month .month-dayname-space { position: relative; top: 0; height:3em; }

.xo-event-calendar p.holiday-title { margin: 0; padding: 2px 0; font-size: 90%; vertical-align: middle; line-height:1.6em; }

#calendar .month-dayname,
#calendar .month-week {
border-bottom:1px #999 solid;
}

.xo-month thead {
border-top:0;
border-left:0;
}

.xo-month tbody {
border-bottom:0;
border-left:0;
}

.month-week tbody {border:0;}

.month-week {border-top:0;}

/*------------------------------ News  ------------------------------*/

#news h2 {
font-family: 'Spartan', sans-serif;
font-size:2em;
font-weight:700;
padding:20px 0;
text-align:center;
position:relative;
}

.news_list {
border:1px #999 solid;
padding:1em;
}

.news_list ul {
padding:0;
}

.news_list li {
border-bottom:1px #ccc solid;
list-style:none;
padding:1em 0;
}

.news_list li:first-child {padding:0 0 1em;}

.news_list li:last-child {
border:0;
padding:1em 0 0;
}

.news_list li .date {
color:#999;
display:block;
}

.news_more {
font-family: 'Spartan', sans-serif;
font-weight:600;
padding:1em 0;
text-align:center;
}

.pagination .nav-links {
font-size:1em;
}

.page-numbers {
border-radius:50%;
width:30px;
height:30px;
display:inline-block;
text-align: center;
line-height:30px;
margin:0 5px;
}

nav.pagination {
text-align:center;
float: none;
margin:50px 0 0;
width:auto;
}

.pagination .nav-links {
margin:0 !important;
display:inline-block;
}

.pagination .nav-links .current {
background:#000000;
color:#fff;
border-radius:50%;
width:30px;
height:30px;
display:inline-block;
text-align: center;
line-height:30px;
}

.pagination .nav-links .next {
vertical-align:middle;
}

/*------------------------------ Shortcut  ------------------------------*/

.shortcut_main {
padding:0;
}

.shortcut_main img {
width:80%;
}

.shortcut_main li {
list-style:none;
text-align:center;
font-family: 'Spartan', sans-serif;
font-size:1.5em;
font-weight:500;
margin:0 0 0.3em;
}

.shortcut_main li a {
display:block;
padding:1em;
}

.shortcut_main li .title {
font-family: 'Spartan', sans-serif;
font-weight:700;
display:inline-block;
padding:1em 0 0;
}

.shortcut_sub li {
list-style:none;
display:inline-block;
}

.shortcut_webshop {background:#f9e5e8;}

.shortcut_wholesale {background:#d6e2e8;}

.shortcut_cakes {background:#c3bfd5;}

.shortcut_sub {
margin:50px auto 0;
padding:0;
text-align:center;
}

.shortcut_sub li {
list-style:none;
margin:0 0 1em;
height:65px;
width:100%;
}

.shortcut_sub li a {
border:1px #bcbcbc solid;
display:block;
font-family: 'Spartan', sans-serif;
font-size:1.3em;
font-weight:500;
padding:1em 0;
text-align:center;
vertical-align: middle;
}

.shortcut_about .icon {
width:40px;
margin:0 1em 0 0;
vertical-align:middle;
}

.shortcut_contact .icon {
margin:0 1em 0 0;
width:30px;
vertical-align:middle;
}

#modal02 .link {
margin:1em 0 0;
text-align:center;
}

#modal02 .link p {
border:1px #ff3b40 solid;
color:#ff3b40;
display:inline-block;
padding:1em 2em;
}

#modal02 .link img {width:30px;}

#modal02 .link a {
background:url("../images/common/icon_ig.png") no-repeat;
background-size:20px;
background-position:15px 50%;
border:1px #ccc solid;
display:block;
text-align:center;
margin:0 auto;
padding:0.5em;
width:100%;
}

/*------------------------------ Access ------------------------------*/

#access {
margin:50px auto 0;
text-align:center;
width:85%;
}

#access h2 {
font-family: 'Spartan', sans-serif;
font-size:2em;
font-weight:700;
padding:20px 0;
text-align:center;
position:relative;
}

#access h2 span {letter-spacing:0;}

#access h3 {
font-size:15px;
font-weight:400;
letter-spacing:7px;
text-align:center;
}

#access h2 span {letter-spacing:0;}

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

.drama_intro {
letter-spacing:0.1em;
margin:40px 0 0;
}

.access_detail {
margin:1em 0 0;
padding:0;
text-align:center;
}

.access_detail p {
letter-spacing:2px;
margin:1em 0 0;
}

.access_detail li {
letter-spacing:0.1em;
list-style:none;
text-align:center;
}

/*------------------------------ News Index  ------------------------------*/

#news_list {
margin:50px auto 100px;
width:90%;
}

#news_list li {
border-top:1px #ccc solid;
list-style:none;
padding:1em 0;
}

#news_list li:last-child {border-bottom:1px #ccc solid;}

#news_list .date {display:block;}

#news_list ul {
margin:0;
padding:0;
}

/*------------------------------ News Detail  ------------------------------*/

#detail_content {
margin:0 auto;
width:90%;
}

#detail_page_title {
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:1em 0;
}

#detail_page_title h2 {
font-size:1.5em;
line-height:1.5em;
}

#detail_page_title .date {
color:#666;
font-size:12px;
padding:0 0 10px;
}

.detail_text {margin:20px 0 0;}

.detail_text p {
margin:20px 0 0;
text-align:justify;
}

/*------------------------------ Contact  ------------------------------*/

#contact_content {
margin:0 auto;
width:90%;
}

#contact_page_title {
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:20px 0;
}

#page_title {
margin:0 auto 20px;
font-family: 'Spartan', sans-serif;
font-size:20px;
font-weight:600;
width:90%;
}

#contact_page_title .date {
color:#666;
font-size:12px;
padding:0 0 10px;
}

.contact_detail_text {margin:20px 0 0;}

.contact_detail_text p {margin:20px 0 0;}

#contact_form {
margin:50px auto 100px;
width:90%;
}

#contact_form li {
list-style:none;
margin:0 0 2em;
}

.form_item_title {
display:block;
line-height:1em;
padding:0 0 10px;
}

.form_item_content {display:block;}

.form_item_content input {
background:#fbfbfb;
border:1px #d1d1d1 solid;
display:inline;
font-size:16px;
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
padding:10px;
width:98%;
-webkit-appearance:none;
appearance: none;
border-radius:0;
}

.form_item_content textarea {
background:#fbfbfb;
border:1px #d1d1d1 solid;
width:98%;
font-size:16px;
height:15em;
padding:10px;
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
-webkit-appearance:none;
appearance: none;
border-radius:0;
}

.submit-buttons {
margin:50px 0 0;
text-align:center;
}

.submit-buttons input {
-webkit-appearance:none;
box-shadow:none;
background:#fff;
color:#000;
display:inline-block;
border:1px #bcbcbc solid;
margin:0 0 10px;
padding:15px 50px;
font-size:13px;
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
line-height:1em;
width:90%;
appearance: none;
border-radius:0;
}

#comfirm_detail dt {
font-family:"游ゴシック体 Pr6N B", "Yu Gothic Pr6N B";
}

#comfirm_detail dd {
margin:0 0 20px;
font-family:"游ゴシック体 Pr6N M", "Yu Gothic Pr6N M";
}

/*------------------------------ Footer ------------------------------*/
footer {
background:#fff;
margin:4em 0 0;
padding:2em 0;
text-align:center;
width:100%;
}

.footer_content {
margin:0 auto;
width:90%;
}

footer .info {padding:1em 0;}

footer .info .line {display:block;}

.footer_logo {padding:0 0 2em;}

.footer_logo img {width:40%;}

.footer_icon {
border-top:1px #000 solid;
padding:1em 0 0;
text-align:center;
}

.footer_icon ul {
display:inline-block;
padding:0;
}

.footer_icon li {
float:left;
display:block;
margin:0 20px;
list-style:none;
}

footer .copyright {
border-top:1px #000 solid;
font-family: 'Spartan', sans-serif;
padding:1em 0 0;
font-size:12px;
}

}

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

@media (min-width: 641px) {

body {
background:#dfe1e4;
font-size:12px;
}

header {
background:#fff;
position:fixed;
left:0;
top:0;
z-index:10;
width:100%;
}

#header_content {
margin:0 auto;
padding:5px 0;
width:960px;
transition:all 0.5s ease;
}

#header_logo {
float:left;
width:200px;
line-height:1em;
}

#header_logo a {
display:block;
}

#header_logo img {
transition:all 0.5s ease;
width:60%;
}

nav {
float:right;
width:755px;
font-size:12px;
line-height:1em;
}

nav li a span {letter-spacing:0;}

#nav_pc ul {
text-align:right;
height:37px;
padding:0;
}

#nav_pc li a {
position: relative;
display: inline-block;
text-decoration: none;
}

#nav_pc .sns_icon a::after {height:0;}

#nav_pc li a:hover::after {
bottom: 2px;
opacity: 1;
visibility: visible;
}

#header_content li {
list-style:none;
display:inline-block;
height:37px;
padding:0 0 0 50px;
}

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

#header_content li a {
height:37px;
display:table-cell;
vertical-align:middle;
}

#header_content li a:link {color:#000;}

#header_content li a:visited {color:#000;}

#header_content li a:hover {color:#535353;}

.hidden #header_content li a:link {color:#000;}

.hidden #header_content li a:visited {color:#000;}

.hidden #header_content li a:hover {color:#535353;}

#nav_sp {display:none;}

.header {
position:fixed;
top:0;
width:100%;
background:#fff;
transition:all 0.5s ease;
}

.hidden {
background:#fff;
transition:all 0.5s ease;
}

.hidden header {
height:97px;
transition:all 0.5s ease;
}

.hidden #header_content {
background:#fff;
padding:15px 0;
transition:all 0.5s ease;
}

.hidden #header_logo img {
transition:all 0.5s ease;
width:100%;
}

.titleimage img {
height:550px;
object-fit:cover;
width:100%;
}

.sns_icon img {height:17px;}

.line-pc {display:block;}

#wrapper {
background: #fff;
-webkit-box-shadow: 10px 10px 10px #ccc;
box-shadow: 0 10px 20px #ccc;
margin:67px auto 50px;
width:1050px;
}

#page_title {padding:50px 0 0;}

/*------------------------------ Slide ------------------------------*/

#titleimage {
margin:67px auto 0;
padding:0;
position:relative;
width:100%;
}

#slide {
margin:0;
width:100%;
}

#slide_frame {
margin:0;
width:100%;
}

.swiper-container {
margin:0;
width:100%;
}

.swiper-wrapper {
margin:0;
width:100%;
}

.swiper-slide {
height:600px !important;
text-align:center;
width:100%;
}

.swiper-slide img {width:600px;}

.slide_img1 {background:#e8e7eb;}

.slide_img1 img {width:630px;}

.slide_img2 {background:#ede6d3;}

.slide_img3 {background:#e0e7db;}

.slide_img3 img {width:650px;}

/*------------------------------ Intro  ------------------------------*/

#intro {
background:url("../images/home/intro_bg.png") no-repeat #fafafa;
background-size:100%;
background-position:50% 50%;
margin:50px auto 0;
width:960px;
text-align:center;
}

#intro .content {padding:50px;}

#intro h2 {
font-family: 'Spartan', sans-serif;
font-weight:600;
font-size:23px;
margin:0 0 20px;
}

#intro p {
font-size:1.25em;
line-height:1.8em;
}

#intro p .line-pc{padding:0 0 0.7em;}

#intro .note {margin:1em auto 0;}

#intro .note p {
border:1px #000 solid;
display:inline-block;
font-size:1em;
padding:1em 2em;
}

#intro .note .line-pc {padding:0;}

/*------------------------------ Calendar  ------------------------------*/

#calendar {
float:left;
width:50%;
}

#calendar .month {
position:absolute;
top:100px;
left:50%;
}

#calendar h2 {
font-family: 'Spartan', sans-serif;
font-weight:600;
font-size:20px;
margin:0 0 10px;
position:absolute;
top:0;
}

.calendar_content {
padding:100px 25px 0 50px;
}

.calendar_wrap {position:relative;}

#calendar th {
font-size:1em;
line-height:1em;
padding:0;
width:14.28%;
}

#calendar td {
font-size:16px;
line-height:1em;
padding:0;
width:14.28%;
}

#calendar .note {
text-align:center;
padding:0.5em 0;
}

#calendar .note li {
list-style:none;
display:inline-block;
margin:0 1em 0 0;
line-height:1em;
}

#calendar .month {
font-size:20px;
}

.holiday-title span {
display:inline-block;
height:15px;
width:15px;
}

/*
#calendar .month-week {
border-bottom:1px #999 solid;
}
*/

#calendar .month-dayname-space {
border-bottom:1px #999 solid;
padding:0;
}

#calendar .holiday-title {
display:inline-block;
margin:0 1em 0 0;
}


.xo-event-calendar table.xo-month > caption { caption-side: top; text-align: center; width:200px; margin: 0 auto; }
.xo-event-calendar table.xo-month .month-dayname-space { position: relative; top: 0; height: 3em; }
.xo-event-calendar table.xo-month { margin:0; padding: 0; border: 1px solid #ccc; border-width: 1px 0 1px 1px; }
.xo-month-wrap {border-bottom:0;}

.xo-month thead {
border-top:0;
border-left:0;
line-height:1em;
}

.xo-month tbody {
border-left:0;
}

.month-week tbody {border:0;}

.month-week {border-top:0;}

/*------------------------------ News  ------------------------------*/

#news {
float:left;
width:50%;
}

#news h2 {
font-family: 'Spartan', sans-serif;
font-weight:600;
font-size:20px;
margin:0 0 10px;
}

.news_content {padding:100px 50px 0 25px;}

.news_list li {
border-bottom:1px #ccc solid;
list-style:none;
padding:1em 0;
}

.news_list li:first-child {padding:0 0 1em;}

.news_list li:last-child {
border:0;
padding:1em 0 0;
}

.news_list {
border:1px #999 solid;
padding:1em;
}

.news_list ul {
margin:0;
padding:0;
padding-left:0 !important;
}

.news_list li .date {
color:#999;
display:block;
}

.news_more {
font-family: 'Spartan', sans-serif;
font-size:1em;
font-weight:500;
padding:1em 0;
text-align:right;
}

#news_list ul {
margin:0;
padding:0;
}

.pagination .nav-links {
font-size:1em;
}

.page-numbers {
border-radius:50%;
width:30px;
height:30px;
display:inline-block;
text-align: center;
line-height:30px;
margin:0 5px;
}

nav.pagination {
text-align:center;
float: none;
margin:50px 0 0;
width:auto;
}

.pagination .nav-links {
margin:0 !important;
display:inline-block;
}

.pagination .nav-links .current {
background:#000000;
color:#fff;
border-radius:50%;
width:30px;
height:30px;
display:inline-block;
text-align: center;
line-height:30px;
}

.pagination .nav-links .next {
vertical-align:middle;
}

/*------------------------------ Shortcut  ------------------------------*/

#shortcut {
clear:both;
padding:100px 0 0;
}

.shortcut_main img {width:80%;}

.shortcut_main {
margin:0 auto;
width:960px;
}

.shortcut_main li {
float:left;
list-style:none;
margin:0 3.5% 0 0;
width:31%;
text-align:center;
font-family: 'Spartan', sans-serif;
font-size:1.5em;
font-weight:600;
}

.shortcut_main li a {
display:block;
padding:20px 0 10px;
}

.shortcut_main li .title {
display:inline-block;
padding:10px 0 0;
}

.shortcut_main li:nth-child(3n) {margin:0;}

.shortcut_webshop {background:#f9e5e8;}

.shortcut_wholesale {background:#d6e2e8;}

.shortcut_cakes {background:#c3bfd5;}

.shortcut_sub {
margin:100px auto 0;
text-align:center;
}

.shortcut_sub li {
list-style:none;
display:inline-block;
}

.shortcut_sub li:first-child {
margin:0 30px 0 0;
}

.shortcut_sub li a {
border:1px #bcbcbc solid;
display:table-cell;
font-family: 'Spartan', sans-serif;
font-size:1.3em;
font-weight:600;
text-align:center;
line-height:1em;
height:65px;
width:300px;
vertical-align: middle;
}

.shortcut_about .icon {
margin:0 20px 0 0;
width:40px;
vertical-align:middle;
}

.shortcut_contact .icon {
margin:0 20px 0 0;
width:30px;
vertical-align:middle;
}

#modal02 .link {
text-align:center;
margin:1em auto 0;
}

#modal02 .link p {
border:1px #ff3b40 solid;
color:#ff3b40;
display:inline-block;
padding:1em 2em;
}

#modal02 .link img {
margin:0 10px 0 0;
width:24px;
}

#modal02 .link a {
background:url("../images/common/icon_ig.png") no-repeat;
background-size:20px;
background-position:15px 50%;
border:1px #ccc solid;
display:block;
text-align:center;
margin:0 auto;
padding:0.5em;
width:300px;
}

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

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

#access h2 {
font-family: 'Spartan', sans-serif;
font-size:20px;
font-weight:600;
padding:0 0 20px;
text-align:center;
}

.access_map {
margin:0 auto;
width:960px;
}

.access_detail {margin:10px 0 0;}

.access_detail li {
letter-spacing:2px;
list-style:none;
text-align:center;
}

/*------------------------------ News Index  ------------------------------*/

#page_title {
margin:50px auto 0;
font-family: 'Spartan', sans-serif;
font-size:20px;
font-weight:600;
width:960px;
}

#news_list {
margin:50px auto 100px;
width:600px;
}

#news_list li {
border-top:1px #ccc solid;
list-style:none;
padding:20px 0;
}

#news_list li:last-child {border-bottom:1px #ccc solid;}

#news_list .date {display:block;}

/*------------------------------ News Detail  ------------------------------*/

#detail_content {
margin:0 auto;
width:600px;
}

#detail_page_title {
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:20px 0;
}

#detail_page_title h2 {
font-size:1.5em;
}

#detail_page_title .date {
color:#666;
font-size:12px;
padding:0 0 10px;
}

.detail_text {margin:20px 0 0;}

.detail_text p {margin:20px 0 0;}

/*------------------------------ Contact  ------------------------------*/

#contact_content {
margin:50px auto 0;
width:600px;
}

#contact_page_title {
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:20px 0;
}

#contact_page_title .date {
color:#666;
font-size:12px;
padding:0 0 10px;
}

.contact_detail_text {margin:20px 0 0;}

.contact_detail_text p {margin:20px 0 0;}

#contact_form {
margin:50px auto 100px;
width:600px;
}

#contact_form li {
list-style:none;
margin:0 0 30px;
}

.form_item_title {
display:block;
line-height:1em;
padding:0 0 10px;
}

.form_item_content {display:block;}

.form_item_content input {
background:#fbfbfb;
border:1px #d1d1d1 solid;
display:inline;
font-size:13px;
padding:10px;
width:95%;
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
}

.form_item_content textarea {
background:#fbfbfb;
border:1px #d1d1d1 solid;
width:95%;
font-size:13px;
height:15em;
padding:10px;
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
}

.submit-buttons {
text-align:center;
margin:50px 0 0;
}

.submit-buttons input {
background:#fff;
display:inline-block;
border:1px #bcbcbc solid;
padding:15px 50px;
font-size:13px;
font-family:"游ゴシック体 Pr6N D", "Yu Gothic Pr6N D";
line-height:1em;
}

#comfirm_detail dt {
font-family:"游ゴシック体 Pr6N B", "Yu Gothic Pr6N B";
}

#comfirm_detail dd {
margin:0 0 20px;
font-family:"游ゴシック体 Pr6N M", "Yu Gothic Pr6N M";
}

/*------------------------------ Footer ------------------------------*/
footer {
background:#fff;
margin:4em 0 0;
padding:50px 0;
text-align:center;
}

.footer_content {
border-top:1px #666 solid;
margin:0 auto;
padding:20px 0 0;
width:960px;
}

footer .info {padding:0;}

.footer_logo {
float:left;
padding:0;
text-align:left;
width:160px;
}

.footer_logo img {width:140px;}

.footer_icon {
float:left;
width:800px;
text-align:right;
}

.footer_icon ul{display:inline-block;}

.footer_icon li {
float:left;
display:block;
margin:0 0 0 25px;
list-style:none;
}

.footer_icon li:first-child {margin:0;}

footer .copyright {
border-top:1px #666 solid;
font-family: 'Spartan', sans-serif;
font-weight:500;
font-size:10px;
margin:20px 0 0;
padding:1em 0 0;
}

}