/*
Theme Name: akamakan
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

html {
 margin-top: 0px !important;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, strong, 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 {
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: "游ゴシック","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.7em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #000;
	font-size: 16px;
}

em {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, sans-serif;
	color: #000;
	font-size: 16px;
	font-style: italic;	
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    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;
	text-decoration: none;
	color: #333;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
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 {
   /* border-collapse:collapse;*/
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*li {
	list-style: none;	
}*/

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

/*end reset*/

/* ----------------------------------------------------
    text
---------------------------------------------------- */

.selif {
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.sans-serif {
	font-family: "游ゴシック","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.tc {text-align: center !important;}
.tr {text-align: right !important;}
.tl {text-align: left !important;}

.bold {font-weight:bold;}
 
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font32{font-size:32px !important;}
.font34{font-size:34px !important;}
.font36{font-size:36px !important;}
.font40{font-size:40px !important;}
.font44{font-size:44px !important;}
 
/* ----------------------------------------------------
    float
---------------------------------------------------- */
.fr {float: right !important;}
.fl {float: left !important;}
 
.clear {clear: both;}
 
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
 

/* ----------------------------------------------------
    margin
---------------------------------------------------- */
 
.mt00 { margin-top:  0px !important; }
.mt05 { 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; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
 
.mr00 { margin-right:  0px !important; }
.mr05 { 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; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr6_5 { margin-right: 6.5% !important; }
 
.mb00 { margin-bottom:  0px !important; }
.mb05 { 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; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb76 { margin-bottom: 76px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
 
.ml00 { margin-left:  0px !important; }
.ml05 { 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; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
 
/* ----------------------------------------------------
    padding
---------------------------------------------------- */
 
.pt00 { padding-top:  0px !important; }
.pt05 { 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; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt80 { padding-top: 80px !important; }
 
.pr00 { padding-right:  0px !important; }
.pr05 { 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; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
 
.pb00 { padding-bottom:  0px !important; }
.pb05 { 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; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
 
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }






/* ----------------------------------------------------
    common
---------------------------------------------------- */

.pcdisplay {
	display: block;	
}

.spdisplay {
	display: none;	
}
.fa-angle-up {
	color: #fff !important;	
}





#top_txt03 {
	position: relative;
	bottom: 30px;
    left: 10px;	
}
#top_txt04 {
	position: relative;
	bottom: 10px;
    left: 10px;	
}

#top_txt05 {
	position: relative;
	top: 10px;	
}


#main {
	width: 92vw;
    margin: auto;	
}

.entry-title,
.page-title,
.post-edit-link,
.site-description,
#primary-sidebar {display: none;}


.scroll-back-to-top-inner {
	position: relative;
    top: 3px;	
}

.home .page_image {
	display: none;	
}


.page_image {
	width: 92vw;
    margin: 0 auto 60px;	
}

.page_image img {
	display: block;
    margin: auto;
    padding-top: 100px;	
}


.page_image_contact {
	background-image: url(images/contact/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}

.page_image_info {
	background-image: url(images/info/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}

/*ここからテスト終了後削除可*/
.page_image_info-test {
	background-image: url(images/info/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}
/*ここまでテスト終了後削除可*/

.page_image_introduction {
	background-image: url(images/introduction/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}

.page_image_introduction_test {
	background-image: url(images/introduction/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}

.page_image_magazine {
	background-image: url(images/magazine/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}

.page_image_all-magazine {
	background-image: url(images/magazine/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}

.page_image_news {
	background-image: url(images/news/top_img_bg.jpg);
	background-position: center center;
	height: 310px;
}

.page_image_contact img {
	max-width: 224px;
    width: 90%;	
}

.page_image_info img {
	max-width: 213px;
    width: 90%;	
}

.page_image_introduction img {
	max-width: 440px;
    width: 90%;	
}

.page_image_magazine img {
	max-width: 141px;
    width: 90%;	
}

.page_image_news img {
	max-width: 225px;
    width: 90%;		
}


.section_in {
	max-width: 1200px;
	width: 96%;
	margin: auto;	
}

section {
	padding: 60px 0;	
}

.btn01 a {
	text-align: center;
	font-size: 14px;
	width: 100%;
	margin: auto;
	padding: 8px 0 6px;
	
	/*overflow: hidden;*/
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn01-1 {
	color: #333;
	font-size: 14px;	
}

.btn01 a:before {
	content: '';
	width: 100%;
    height: 78%;
	border: solid 1px #93836A;
	position: absolute;

	
	top: 0px;
	left: -4px;
	
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	box-sizing: border-box;
}

.btn01 a:after {
	content: '';
	width: 100%;
    height: 78%;
	border: solid 1px #93836A;
	position: absolute;
	top: 8px;
	left: 4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	box-sizing: border-box;
}


.btn01 a:hover:before {
	top: 5px;
	left: 0px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn01 a:hover:after {
	top: 5px;
	left: 0px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}
.btn01 img {
	float: right;
	position: relative;
	right: 18px;
	top: 5px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}


.btn01 a:hover img {
	right: 54px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}








.btn02 a {
	text-align: center;
	font-size: 14px;
	color: #fff;
	width: 265px;
	padding: 4px 0 2px;
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn02 a:before {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #fff;
	position: absolute;
	top: -4px;
	left: -4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn02 a:after {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #fff;
	position: absolute;
	top: 4px;
	left: 4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn02 img {
	float: right;
	position: relative;
	right: 18px;
	top: 7px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}


.btn02 a:hover img {
	right: 70px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn02 a:hover:before {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn02 a:hover:after {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}







.btn03 a {
	text-align: center;
	font-size: 14px;
	color: #000;
	width: 265px;
	padding: 4px 0 2px;
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn03 a:before {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: -4px;
	left: -4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn03 a:after {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: 4px;
	left: 4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn03 img {
	float: right;
	position: relative;
	right: 18px;
	top: 7px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}


.btn03 a:hover img {
	right: 70px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn03 a:hover:before {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn03 a:hover:after {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}






.btn04 a {
	text-align: center;
	font-size: 14px;
	color: #fff;
	width: 157px;
	padding: 4px 0 2px;
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn04 a:before {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #fff;
	position: absolute;
	top: -3px;
	left: -3px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn04 a:after {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #fff;
	position: absolute;
	top: 3px;
	left: 3px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn04 img {
	position: relative;
	bottom: 8px;
	right: 6px;
}

.btn04 a:hover:before {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn04 a:hover:after {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}







.btn05 a {
	text-align: center;
	font-size: 14px;
	color: #000;
	width: 220px;
	padding: 4px 0 2px;
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn05 a:before {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: -4px;
	left: -4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn05 a:after {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: 4px;
	left: 4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn05 img {
	position: relative;
	right: 8px;
	bottom: 7px;
	
}




.btn05 a:hover:before {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn05 a:hover:after {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}


.btn06 a {
	text-align: center;
	font-size: 14px;
	color: #000;
	width: 265px;
	padding: 4px 0 2px;
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn06 a:before {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: -4px;
	left: -4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn06 a:after {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: 4px;
	left: 4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn06 img {
	float: right;
	position: relative;
	right: 18px;
	top: 7px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}


.btn06 a:hover img {
	right: 46px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn06 a:hover:before {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn06 a:hover:after {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}




.btn07 a {
	text-align: center;
	font-size: 14px;
	color: #000;
	width: 300px;
	padding: 4px 0 2px;
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn07 a:before {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: -4px;
	left: -4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn07 a:after {
	content: '';
	width: 100%;
    height: 100%;
	border: solid 1px #000;
	position: absolute;
	top: 4px;
	left: 4px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}

.btn07 img {
	position: relative;
	right: 8px;
	bottom: 7px;
	
}




.btn07 a:hover:before {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.btn07 a:hover:after {
	top: 0;
	left: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}






/* ----------------------------------------------------
    header
---------------------------------------------------- */

.home {
	position: relative;	
}

.home .top_img_open {
	z-index: 9999;
    position: absolute;
    top: 20vh;
    left: 18vw;
	transform: translate(18vw, 15vh);
	/*transition: all 4s ease-in-out;*/
}

.home .top_img_open2 {
	z-index: 9999;
    position: absolute;
    top: 20vh;
    left: 18vw;
	transform: translate(0, 0);
	transition: all 2.0s ease-out;
}


.header_in {
	max-width: 1200px;
	width: 96%;
	margin: auto;
	overflow: hidden;
	padding: 20px 0;	
}


.header_in h1 {
	float: left;	
}

.header_in nav {
	float: right;	
}

.header_in li {
	float: left;
	padding: 20px 14px 0;	
}

.header_in h2 {
	float: right;
	padding: 0 15px;
	margin-left: 15px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;	
}

.header_in h2 a:hover {
	opacity: 0.7;	
}

.header_in h3 {
	float: right;
	padding: 0 15px;
	border-right: solid 1px #ccc;	
}

.header_in h3 a:hover {
	opacity: 0.7;	
}

.top_img {
	width: 92vw;
	margin: auto;
	position: relative;
	overflow: hidden;
	padding-bottom: calc(100%*180/1920);/* calc(100*ImageHeight/ImageWidth)% */
}

.top_img_right {
	background-image: url(images/header/top_img2.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	padding-bottom: calc(70%*680/1280);/* calc(100*ImageHeight/ImageWidth)% */
	max-width: 1280px;
	width: 70%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.top_img_in {
	max-width: 1200px;
	width: 90%;
	margin: auto;	
}

.top_img_left {
	float: left;
	margin-top: 10vh;
	max-width: 17px;
    width: 1.1%;	
}

.top_img_left img {
	width: 100%;	
}

.top_img_center {
	margin-top: 11vh;
	max-width: 386px;
	width: 26%;
	position: absolute;
	left: 19%;
}

.top_img_center img {
	width: 100%;	
}

nav a {
  position: relative;
  display: inline-block;
  padding: .3em;
  color: #000;
  text-decoration: none;
	font-size: 15px;
}
nav a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #93836A;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
nav a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}





/* ----------------------------------------------------
    top
---------------------------------------------------- */



.top01_bottom {
	/*overflow: hidden;*/
	width: 100%;

}

.t_news_box {
	width: 25%;
	float: left;
	padding: 0 3%;
	
	box-sizing: border-box;	
}

.page-id-15 .t_news_box_img {
	position: relative;
	bottom: 10px;
	overflow: hidden;
	border-radius: 100%;
	height: 0;
	padding-bottom: calc(100%*160/216);/* calc(100*ImageHeight/ImageWidth)% */
}

.home .t_news_box_img {
	position: relative;
	bottom: 10px;
	overflow: hidden;
	border-radius: 100%;
	height: 0;
	padding-bottom: calc(100%*228/228);/* calc(100*ImageHeight/ImageWidth)% */
}

.t_news_box_img h2 {
	position: absolute;
	top: 0;
	z-index: 3;
	width: 100%
}

.t_news_box_img h3 {
	/*position: absolute;*/
	top: 0;
	z-index: 1;
	width: 100%
}

.t_news_box_img h3 a:hover {
	opacity: 0.7;	
}

.t_news_box_img h2 img {
	width: 100%;	
}

.t_news_box_img h3 img {
	width: 100%;	
}

.t_news_box_title {
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.t_news_date {
	background: #93836A;
	text-align: center;
	color: #fff;
	font-size: 15px;
	margin-bottom: 5px;
}

.t_news_text {
	line-height: 1.3em;
	margin-bottom: 10px;
	word-wrap: break-word;
}

.t_news_btn a {
	display: block;
	max-width: 400px;
	width: 90%;
	height: 40px;
	background-image: url(images/top/t_news_btn01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin: 0 auto 60px;
}

.t_news_btn a:hover {
	background-image: url(images/top/t_news_btn02.png);	
}

.t_pdf_btn a {
	border: solid 1px #aaa;
	padding: 3px 0;
	width: 100%;
	display: block;		
}

.t_pdf_btn a:hover {
	opacity: 0.8;	
}


.top02 {
	width: 92vw;
    margin: auto;
	overflow: hidden;
	padding-top: 0;		
}

.top02_left {
	float: left;
	width: 50%;
	height: 640px;
	position: relative;
	left: 1px;
	background-image: url(images/top/sec02bg.png);
	background-repeat:no-repeat;
	background-size: cover;
}

.top02_left_in {
	padding-top: 50px;
	width: 432px;
	margin: auto;
}

.top02_right {
	float: right;
	width: 50%;	
}

.top02_right img {
	object-fit: cover;
	width: 100%;
	height: 640px;
}

.top02_left p {
	color: #fff;	
}


.top03 {
	width: 92vw;
    margin: auto;
	overflow: hidden;
	padding-top: 0;	
}

.top03_left {
	float: left;
	width: 50%;
	overflow: hidden;	
}

.top03_left img {
	object-fit: cover;
	width: 100%;
	height: 640px;
}

.top03_right {
	float: right;
	width: 50%;
	height: 640px;
	background-image: url(images/top/top03_bg.png);
	background-repeat:no-repeat;
	background-position: 80% 100%;	
}

.top03_right_in {
	padding-top: 120px;
	width: 434px;
	margin: auto;
}


.top04 {
	width: 92vw;
    margin: auto;
	overflow: hidden;
	padding-top: 0;	
	padding-bottom: 30px;
}

.top04_left {
	float: left;
	width: 50%;
	overflow: hidden;
	background: #C1BEBD;
	padding: 60px 0;
	height: 540px;
}

.top04_right {
	float: left;
	width: 50%;
	overflow: hidden;
	background: #E8E7E6;
	padding: 60px 0;
	height: 540px;	
}

.t_calendar_box_wrap {
	max-width: 1200px;
    width: 96%;
    margin: auto;
}

.t_calendar_box {
	width: 45%;
    /*float: left;*/
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: center;	
}

.t_calendar_box img {
	max-width:100%;
	height:auto;
}

.t_calendar_box h6 {
	text-align: center;
}

.t_calendar_box h6 a {
	font-weight: normal;
    text-align: center;
    border: solid 1px #555;
    padding: 3px 0;
    display: block;	
}

.t_calendar_box h6 a:hover {
	opacity: 0.7;
}

.top04_right_in {
	max-width: 570px;
	overflow: hidden;
	margin: auto;
	padding-top: 8px;
	width: 90%;
}

.top04_right01 {
	float: left;
	height: 420px;
	width: 36%;
    max-width: 205px;
}

.top04_right02_in {
	overflow: hidden;
	margin-bottom: 30px;
}

.top04_right02_in p {
	width: 46%;
	margin-right: 4%;
	float: left;
}

.top04_right02_in p a {
	border: solid 1px #888;
	text-align:center;
	padding: 2px 20px;
	display: block;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
}

.top04_right02_in p a:hover {
	opacity: 0.7;
}

.top04_right02 .btn06 a {
	width: 94%;
}

.top04_right01 img {
	width: 100%;
	height: auto;
}

.top04_right02 {
	float: right;
	width: 58%;
    max-width: 330px;
	box-sizing: border-box;
}

.top04_right01 a:hover {
	opacity: 0.8;	
}

.top04_center {
	clear: both;
    padding-top: 50px;
	padding-bottom: 44px;
	background-color:#EEECE8;
}

.top04_center_in {
	width: 800px;
	overflow: hidden;
	margin: auto;
	padding-top: 8px;	
	padding-bottom:10px;
}

.top04_center01 {
	float: left;
	width: 257px;
	height: 240px;
}

.top04_center01 p a {
	border: solid 1px #888;
	text-align:center;
	padding: 2px 20px;
	display: block;
	font-size: 14px;
	width: 210px;	
}

.top04_center01 img {
	width: 100%;	
}

.top04_center02 {
	float: right;	
}

.top04_center01 a:hover {
	opacity: 0.8;	
}


.top05 {
	padding-top: 30px;
	padding-bottom: 60px;
	overflow: hidden;	
}


.top05_in {
	max-width: 800px;
	width: 96%;
	margin: auto;	
}

.top05_left {
	float: left;
	margin-right: 5%;
	width:45%;
	box-sizing:border-box;
}

.top05_right {
	float: left;	
	width:50%;
	box-sizing:border-box;
}

.parking_box {
	overflow: hidden;
	margin-bottom: 15px;	
}

.parking_box h3 {
	float: left;
	margin-right: 3%;	
}

.parking_box_left {
	float: left;	
}

.parking_box h4 {
	background: #0257DC;
	padding: 0 20px;
	color: #fff;
	width: 20px;	
}

.parking_box h5 a {
	font-size: 13px;
	font-weight: normal;
	padding: 3px 20px;
	border: solid 1px #555;
	border-radius: 20px; 	
}

.parking_box h5 a img {
	position: relative;
	bottom: 8px;
	left: 10px;	
}

.parking_box h5 a:hover {
	opacity: 0.7;
}

.top05_right > h2 {
	border-bottom: solid 1px #ccc;
	font-size: 20px;	
}

.top05_right > h3 {
	font-size: 17px;	
}

.top05_right > h3 > img {
	position: relative;
	bottom: 4px;	
}

.top05_right > ul {
	list-style: none !important;	
}

.top06 {
	overflow: hidden;
	padding-top: 0;	
	padding-bottom:0;
	margin-bottom:60px;
	background-color:#E8E7E6;
}

.top06_left {
	background: #E8E7E6;
	width: 33.3%;
	box-sizing:border-box;
	float: left;
	padding: 60px 0;
	min-height: 680px;
}

.top06_left_in {
	max-width: 320px;
	width: 96%;
	margin: auto;
}

.top06_left_in p {
	line-height: 1.4em;	
}

.contact_btn a {
	display: block;
	width: 320px;
	height: 56px;
	background-image: url(images/top/contact_btn01.png);
	background-repeat: no-repeat;
	background-size: contain;	
}

.contact_btn a:hover {
	background-image: url(images/top/contact_btn02.png);	
}


.top06_right {
	background: #E8E7E6;
	width: 33.3%;
	box-sizing:border-box;
	float: left;
	padding: 72px 0 52px;
	min-height: 680px;
}

.contact_info {
	background: #fff;
	padding: 10px 20px;
}


.top06_right_in {
	max-width: 460px;
	width: 96%;
	margin: auto;
}

.top06_right_in2 {
	max-width: 340px;
	width: 90%;
	margin: auto;
}

.top06_center {
	background: #C1BEBD;
	width: 33.3%;
	box-sizing:border-box;
	float: left;
	padding: 72px 0 59px;
	min-height: 680px;
}

.top06_center_in {
	max-width: 460px;
	width: 96%;
	margin: auto;
}



/* ----------------------------------------------------
    contact
---------------------------------------------------- */


.contact_info2 {
	background: #eee;
	padding: 10px 20px;
	width: 248px;
	margin: auto;		
}

.contact02 {
	background: #E8E7E6;
}

.form_wrap {
	max-width: 800px;
	width: 96%;
	margin: auto;
	background: #fff;
	padding: 70px 50px 50px;	
}


.contact03 {
	overflow: hidden;
}

.form_wrap dl {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.form_wrap dt {
	width: 30%;
	float: left;
}

.form_wrap dd {
	width: 60%;
	float: left;
}

.hissu {
	background: #F84467;
	color: #fff;
	font-size: 13px;
	padding: 2px 8px;
	margin-right: 10px;	
}

.form_wrap input[type="text"] {
	font-size: 16px;
    padding: 6px;
	width: 100%;	
}

.form_wrap input[type="email"] {
	font-size: 16px;
    padding: 6px;
	width: 100%;
}

.form_wrap textarea {
	font-size: 16px;
    padding: 6px;
	width: 100%;	
}

.form_wrap input[type="submit"] {
	max-width: 320px;
    width: 96%;
    margin: auto;
    display: block;
	background: #93836A;
	border: solid 2px #93836A;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	padding: 5px 0;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}


.form_wrap input[type="submit"]:hover {
	background: #fff;
	color: #93836A;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}




/* ----------------------------------------------------
    info
---------------------------------------------------- */


.info01 {
	max-width: 1200px;
	width: 96%;
	margin: auto;	
}

.info01_in01,
.info01_in02 {
	overflow: hidden;
	margin-bottom: 50px;	
}

.info01_left {
	float: left;
	padding: 20px 0 40px 100px;
	background-image: url(images/info/info01_bg.png);
	background-repeat: no-repeat;
	background-position: left center;	
}

.info01_right {
	float: right;	
}

.info01_left2 {
	/*float: left;*/
	/*margin-right: 5%;*/
	margin-bottom: 30px;
}
.info01_left2 img {
	max-width: 1200px;
	width: 100%;
		
}

.info01_right2 {
	/*float: right;*/
	max-width: 1000px;
	width: 96%;
	margin: auto;
	padding: 20px 70px 0 0;
	background-image: url(images/info/info02_bg.png);
	background-repeat: no-repeat;
	background-position: right center;	
}

.info01_in03 {
	background: #EBEBEB;
	overflow: hidden;
	background-image: url(images/info/info03_bg.png);
	background-repeat: no-repeat;
	background-position: 101% -1%; 
}

.info01_left3 {
	float: left;
		
}

.info01_center3 {
	float: left;
	padding: 40px 0 0 44px;	
}

.info01_center3 p {
	line-height: 2em;	
}

.info01_right3 {
	float: right;
	padding-right: 60px;
	padding-top: 120px;	
}

.info02 {
	background: #EBEBEB;	
}

.info02_in {
	max-width: 1200px;
	width: 96%;
	margin: auto;
	overflow: hidden;
	
}

.info02_in01box {
	width: 23%;
	float: left;
	padding: 0 1%;	
}

.info02_in01box img {
	width: 100%;
	margin-bottom: 10px;	
}

.info02_in01 {
	overflow: hidden;
	margin-bottom: 40px;	
}

.info02_in02left {
	float: left;	
}

.info02_in02right {
	float: right;	
}

.kissa {
	background: #867760;
	padding: 3px 10px;
	color: #fff;
	margin-right: 5px;	
}

.shokuji {
	background: #61761A;
	padding: 3px 10px;
	color: #fff;
	margin-right: 5px;	
}

.page-id-11 .btn05 a {
	margin: auto;	
}

/*
.info03 {
	padding-bottom: 70px;	
}
*/

.info03_in {
	overflow: hidden;	
}

.info04 {
		
}

.info04_in {
	max-width: 860px;
	width: 96%;
	margin: auto;
	overflow: hidden;	
}

.info04_in01 {
	float: left;	
}

.info04_in02 {
	float: right;	
}

.contact_info02 {
	padding: 17px 55px;	
}

.info05 {
	padding-bottom: 60px;	
	background: #EBEBEB;
}

.info05_in {
	overflow: hidden;
	padding-bottom: 20px;	
}

.info06 {
	margin-bottom: 60px;	
}

.info06_in {
	max-width: 320px;
	width: 96%;
	margin: auto;	
}


.date_lunch01 {
	/*width:50%;*/
	box-sizing:border-box;
	
	width:96%;
	max-width:545px;
	margin:0 auto 30px;
	float:none !important;
}

.date_lunch01 img {
	max-width:552px;
}

.date_lunch02 {
	width:50%;
	box-sizing:border-box;
	text-align:right;
}

.date_lunch02 img {
	max-height:382px;
}

.date_lunch03 {
	max-width: 1000px;
	margin: auto;
}

.date_lunch03 ul li {
	box-sizing:border-box;
	width:25%;
	float:left;
	list-style-type:none;
	padding-right:1.25%;
	text-align:center;
	margin-bottom:12px;
}

.date_lunch03 ul li:nth-child(4),
.date_lunch03 ul li:nth-child(8),
.date_lunch03 ul li:nth-child(12) {
	padding-right:0%;
}

.date_lunch03 ul li a {
}

.date_lunch03 ul li a img {
	max-width:100%;
}

.wasou_outbox {
	margin-top:40px;
	border-top: dotted 1px #ccc;
	padding-top:40px;
}

.wasou_box01 {
	float:left;
	width:50%;
	box-sizing:border-box;
}

.wasou_box02 {
	float:right;
	width:50%;
	box-sizing:border-box;
}

.guide_outbox{
	margin: 40px 0px 30px;
    border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
    padding: 40px 0;
}

.guide_box01 {
	float:right;
	width:50%;
	box-sizing:border-box;
    padding-right: 5px;
}

.guide_box02 {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right: 3%;
}

.guide_box01 .btn05 a {
	margin-top:15px !important;
	width:100%;
}

.guide_box01 .btn05 a:before {
	top: -2px;
    left: -2px;
}

.guide_box01 .btn05 a:after {
	top: 2px;
    left: 2px;
}

.guide_box01 .btn05 a:hover:before,
.guide_box01 .btn05 a:hover:after {
	top: 0px;
    left: 0px;
}

.gide_image01 {
	float:left;
	width:45%;
	margin-right:5%;
	box-sizing:border-box;
}

.gide_image02 {
	float:right;
	width:45%;
	margin-left:5%;
	box-sizing:border-box;
}

.rental_cycle_box01 {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:1%;
}

.rental_cycle_box02 {
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-left:1%;
}



/* ----------------------------------------------------
    introduction
---------------------------------------------------- */


.introduction01 {
	padding-bottom: 20px;
	background-image: url(images/introduction/sec01_bg.png);
	background-repeat: no-repeat;
	background-position: 68% 87%;	
}

.introduction02 {
	/*background: #EBEBEB;*/	
}

.introduction02_in {
	max-width: 1200px;
	width: 96%;
	margin: auto;
	overflow: hidden;	
}

.introduction02_box {
	float: left;
	width: 21.7%;
	margin: 0 1.3%;	
}


.introduction02_box p {
	font-size: 15px;	
}

.introduction02_box img {
	width: 100%;	
}

.introduction02_box a {
	color: #00218C;
	text-decoration: underline;	
}

.introduction03 {
		
}

.introduction03_in {
	max-width: 930px;
	width: 96%;
	margin: auto;
	overflow: hidden;	
}

.introduction03_left {
	float: left;
	max-width: 450px;	
}

.introduction03_left img {
	width: 100%;	
}

.introduction03_right {
	float: right;
	max-width: 430px;	
}

.introduction03_right img {
	width: 100%;	
}


.introduction04 {
	background: #EBEBEB;	
}

.introduction04_in {
	max-width: 700px;
	width: 96%;
	margin: auto;
	overflow: hidden;	
}

.introduction04_left {
	float: left;
	max-width: 361px;
	padding-bottom: 10px;	
}

.introduction04_left h2 img {
	width: 100%;	
}

.introduction04_left .btn07 a {
	margin: auto;
	width: 270px;	
}

.introduction04_right {
	float: right;
	padding: 0 10px 10px;	
}

.introduction04_right h2 img {
	width: 100%;
	max-width: 234px;
	margin: auto;
	display: block;
}

.introduction04_right .btn07 a {
	margin: auto;
	width: 270px;		
}

.introduction05 {
	background: #EBEBEB;
}

.introduction05_in {
	max-width: 320px;
	width: 96%;
	margin: auto;
	overflow: hidden;	
}

.contact_info03 {
	background: #EBEBEB !important;	
}

.introduction05 .contact_info03 {
	background: #fff !important;	
}


.introduction06 {
    
}

.intro06_back_box01 {
	background: #EBEBEB;
	padding:60px 0;
}

.intro06_inbox01 {
	max-width: 800px;
    margin: 0 auto;
    width: 96%;
}

.intro06_inbox02 {
	max-width: 800px;
    margin: 0 auto;
    width: 96%;
	padding-top: 60px;
}


.intro06_left {
	float:left;
	box-sizing:border-box;
	width:50%;
	padding-top: 20px;
}

.intro06_right {
	float:right;
	box-sizing:border-box;
	width:50%;
	text-align:right;
	padding-left: 4%;
}

.intro06_right img {
	max-width:100%;
}

.intro06_out {
    margin-bottom: 30px;
    border-bottom: dotted 1px #ccc;
    padding-bottom: 30px;
}

.line06s {
    background-color: #333;
    height: 3px;
    margin: 20px auto 40px;
    width: 80px;
}

.intro06_out h2 {
	padding-bottom:20px;
}

.intro06_inbox01 .intro06_out:last-child,
.intro06_inbox02 .intro06_out:last-child {
	border-bottom:none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.intro06_inbox02 .intro06_left {
	padding-top:5px;
	width:48%;
	padding-right:10px;
}

.intro06_inbox02 .intro06_left h2 {
	padding-bottom:15px;
}

.intro06_inbox02 .intro06_right {
	text-align:left;
	padding-left:1%;
	width:52%;
}

.intro06_inbox02 img {
	max-width:100%;
}

.intro06_subphoto .in_left {
	float:left;
	width:49%;
	box-sizing:border-box;
	margin-right:2%;
}

.intro06_subphoto .in_right {
	float:left;
	width:49%;
	box-sizing:border-box;
}

.intro06_inbox02 .intro06_out {
	position:relative;
}

.intro06_inbox02 .intro06_out h2 {
	padding-bottom:10px;
    padding-top: 10px;
}

.intro06_subphoto {
	position:absolute;
    bottom: 30px;
}


.intro06_inbox02 .intro06_out:last-child .intro06_subphoto {
	bottom:0;
}

.intro06_in01 {
	max-width: 1000px;
	overflow: hidden;
	width: 92%;
	margin: auto;
}

.intro06_inbox01 .intro06_left h2 {
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 1.3;
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.intro06_inbox01 .intro06_left h2 span {
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	padding-left: 10px;
	display: inline-block;
}

.introduction01 .intro06_inbox01 {
	margin-bottom: 50px;
}



.introduction07 .intro06_right img {
	object-fit: cover;
	width: 100%;
	height: 220px;
}

.introduction08 {
	padding: 0;
}

.intro08_in {
	max-width: 1000px;
	width: 94%;
	margin: auto;
	box-sizing: border-box;
	padding: 30px;
	border: solid 1px #ccc;
}

.intro08_in h2 {
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 1.3;
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 20px;
}

.intro08_in p a {
	text-decoration: underline;
}

.intro08_in p a:hover {
	color: blue;
	text-decoration: none;
}

.introduction07_top {
	margin-bottom: 60px;
}

.intro07_img {
	margin-bottom: 30px;
}

.intro07_img img {
	object-fit: cover;
	width: 100%;
	height: 360px;
}

.intro07_title {
	margin-bottom: 30px;
}

.intro07_title h2 {
	text-align: center;
	font-size: 33px;
	line-height: 1.2;
	margin-bottom: 10px;
	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 400;
	letter-spacing: 2px;
}

.intro07_title_line {
	width: 80px;
	height: 3px;
	background: #333;
	margin: 0 auto 10px;
}

.intro07_title h3 {
	text-align: center;
	font-size: 17px;
	letter-spacing: 2px;
	line-height: 1.2;
	font-family: 游ゴシック, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #999;
	font-weight: 300;
}

.intro07 p {
	text-align: center;
	line-height: 1.6;
	letter-spacing: 1px;
}



/* ----------------------------------------------------
    magazine
---------------------------------------------------- */

.magazine01:nth-of-type(1) {
	padding-top: 0;
}

.magazine01 a:hover,
.magazine02 a:hover {
	opacity: 0.8;	
}

.magazine01_in {
	max-width: 700px;
	width: 96%;
	margin: auto;
	overflow: hidden;	
}

.magazine01_left {
	float: left;
	width: 50%;	
}

.magazine01_right {
	float: right;
	width: 50%;	
}

.magazine01_left_in {
	width: 258px;
	margin: auto;	
}

.magazine01_right_in h2 {
	font-size: 18px;	
}

.magazine01_right_in {
	width: 220px;
	margin: auto;	
}

.magazine01_right_in h3 {
	max-width: 220px;
	margin-bottom: 10px;	
}

.magazine01_right_in h3 img {
	width: 100%;
	height: auto;	
}

.magazine01_left_in01 p {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}

.magazine01_left_in01 p a {
	border: solid 1px #888;
	text-align:center;
	padding: 3px 10px;
	display: block;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
}

.magazine01_right_in p a {
	border: solid 1px #888;
	text-align:center;
	padding: 3px 10px;
	display: block;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
}

.saishin {
	background: #D22C1F;
	padding: 3px 10px;
	color: #fff;
	font-weight: normal;
	margin-right: 10px;
	font-size: 17px;	
}

.magazine02 {
	background: #EBEBEB;	
}

.magazine02_in {
	max-width: 930px;
	width: 96%;
	margin: auto;
	overflow: hidden;
}

.magazine_box {
	width: 21%;
	margin: 0 2%;
	float: left;
	margin-bottom: 50px;
	height: 380px;
}

#magazine04 .magazine_box {
	width: 29%;
	height: 285px;
}

#magazine04 .magazine_box h3 {
	height:auto;
}



.magazine_box h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;	
}

.magazine_box h3 {
	height: 275px;
	margin-bottom:10px;	
}

.magazine_box img {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.page-id-17 #primary {
	padding-bottom: 0 !important;
	padding-top: 20px;
}

.magazine_box p a {
	border: solid 1px #888;
	text-align:center;
	padding: 3px 10px;
	display: block;
	font-size: 14px;	
}

.magazine04-backnumber img {
	object-fit: cover;
    width: 100%;
    height: 190px;
}



/* ----------------------------------------------------
    footer
---------------------------------------------------- */


footer {
	width: 92vw;
    margin: auto;
	overflow: hidden;
	background-image: url(images/footer/footer_bg.jpg);
	background-repeat:no-repeat;
	padding: 30px 0;
}

.footer_in {
	max-width: 1200px;
	width: 96%;
	margin: auto;	
}

.footer_nav li {
	float: left;
	list-style: none;
	color: #fff;	
}

.footer_nav li a {
	color: #fff;	
}

.footer_nav li a:hover {
	opacity: 0.7;	
}

.footer_left {
	float: left;	
}

.footer_left p {
	color: #fff;
	line-height: 1.3em;	
}

.footer_right {
	float: right;
	position: relative;	
}

.footer_btn {
	float: right;
	width: 320px;
	padding: 20px 0;	
}

.footer_fb a:hover {
	opacity: 0.7;	
}

.copylight {
	font-size: 13px;
	color: #fff;
	position: absolute;
	bottom: -30px;
	right: 0;	
}



/* ----------------------------------------------------
    メディアクエリ
---------------------------------------------------- */


@media screen and ( max-width:1280px ){
	.btn01 a:hover img {
		right: 36px;
	}
		
}



@media screen and ( max-width:1000px ){
	.btn01 a:hover img {
		right: 24px;
	}
		
}


@media screen and ( max-width:800px ){
	.btn01 a:hover img {
		right: 10px;
	}
	
	.btn01 img {
		right: 10px;
	}
		
}

@media screen and ( max-width:640px ){
	.btn01 a:hover img {
		right: 6px;
	}
	
	.btn01 img {
		right: 6px;
	}
		
}

.link-card {
	margin-bottom:10px;
	text-align:center;
	display:block;
	box-sizing:border-box;
}


.link-card img {
	max-width: 100%;
}

.link-card:hover {
	opacity: 0.7;
}