@charset "UTF-8";

/**

 *	

 *	Apply Style： common

 *	Style Name： /css/common/base.css

 *	

 */

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



 *	Reset:サイト共通



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

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,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,header,hgroup,footer,menu,nav,section,summary,time,mark,audio,video {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

}

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;

	outline:none;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

img {

	vertical-align:top;

	border:0;

	max-width:100%;

}

input,select,textarea {

	margin:0;

	padding:0;

	vertical-align:baseline;

}

rt {

	font-size:9px;

	font-size:0.9rem;

	color:#555;	

}



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



 *	html



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

html {

	font-size:62.5%;

	-webkit-text-size-adjust:100%;

}



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



 *	body



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

body {

   color:#343434;

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

   font-size:14px;

	font-size:1.4rem;

	min-width:960px;

	position:relative;

}



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



 *	Link



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

a:link {

	color:#009c53;

	text-decoration:underline;

}

a:visited {

	color:#009c53;

	text-decoration:underline;

}

a:hover {

	color:#ff9200;

	text-decoration:none;

}

a:active {

	color:#ff9200;

	text-decoration:none;

}



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



 *	header



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

.header-global {

	background:#009c53;

	border-bottom:4px solid #fff;

	padding:12px 0 0 0;

	position:fixed;

	width:100%;

	z-index:100;

	min-width:960px;

}

.header-global-lower .nav-global {

	width:960px;

	margin:0 auto;

	background:none;

	height:77px;

	position:relative;

	overflow:hidden;

}

.header-global-lower .nav-global .logo {

	float:left;

}

.header-global .nav-global {

	width:960px;

	margin:0 auto -8px;

	background:url(/resonya/imgs/top/illust_header.png) 11px bottom no-repeat;

	height:84px;

	position:relative;

	overflow:hidden;

}

.header-global .scroll-bottom {

	background:url(/resonya/imgs/common/logo_header.png) 11px 2px no-repeat;

}

.header-global-lower .nav-global {

	background:none;

}

.header-global-lower .scroll-bottom {

	background:none;

}

.nav-global ul {

	width:700px;

	margin:35px 0 0 0;

	float:right;

}

.nav-global li {

	float:left;

	font-size:16px;

	font-size:1.6rem;

	margin:0 36px 0 0;

	line-height:16px;

	border-top:1px solid #009c53;

	position:relative;

	font-weight:bold;

}

.nav-global li:last-child {

	margin:0;	



}

.nav-global li:hover,



.nav-global li.current {

	border-top:1px solid #fff;	



}

.nav-global ul .nav-movie {

	width:74px;

	text-align:center;

}

.nav-global ul .nav-sns {

	width:71px;

	text-align:center;

}

.nav-global li a {

	color:#fff;

	text-decoration:none;

	display:block;

	padding:8px 0 0 0;

	background:#009c53;

	height:32px;

	position:relative;

	z-index:2;

	-webkit-transition:color 0.4s ease 0s;

	transition:color 0.4s ease 0s;

}

.nav-global li a:visited {

	color:#fff;

	text-decoration:none;

}

.nav-global li a:hover {

	color:rgba(255, 255, 255, 0.7);

	text-decoration:none;

}

.nav-global li.current a:hover {

	color:#fff;

	text-decoration:none;

}

#illust-profile {

	width:100%;

	height:28px;

	background:url(/resonya/imgs/common/illust_nav01.png) center 0 no-repeat;

	position:absolute;

	left:0;

	top:0;

	z-index:1;

}

#illust-profile.current {

	left:0;

	top:-27px;

	z-index:3;

}

#illust-movie {

    width:100%;

	height:31px;

	background:url(/resonya/imgs/common/illust_nav02.png) center 0 no-repeat;

	position:absolute;

	left:0;

	top:0;

}

#illust-movie.current {

	left:0;

	top:-27px;

	z-index:3;

}

#illust-collection {

	width:100%;

	height:32px;

	background:url(/resonya/imgs/common/illust_nav03.png) center 0 no-repeat;

	position:absolute;

	left:0;

	top:0;

}

#illust-collection.current {

	left:0;

	top:-30px;

	z-index:3;

}

#illust-sns {

	width:100%;

	height:23px;

	background:url(/resonya/imgs/common/illust_nav04.png) center 0 no-repeat;

	position:absolute;

	left:0;

	top:0;

}

#illust-sns.current {

	left:0;

	top:-23px;

	z-index:3;

}

#illust-special {

	width:100%;

	height:30px;

	background:url(/resonya/imgs/common/illust_nav05.png) center 0 no-repeat;

	position:absolute;

	left:0;

	top:0;

}

#illust-special.current {

	left:0;

	top:-31px;

	z-index:3;

}



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



 *	header-mobile



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

.nav-global-btn {

	display:none;	

}

.nav-haader-lower {

	display:none;	

}

#nav-mobile-js {

	display:none;	

}



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



 *	footer



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

.footer-global {

	margin:0 auto;

	padding:24px 0 24px 0;

	width:960px;

	overflow:hidden;

}

.footer-global .col-r {

	width:390px;

	float:right;

	text-align:right;

}

.footer-global .nav-footer-sns {

	font-size:0;

	display:block;

}

.footer-global .nav-footer-sns li {

	display:inline-block;

	margin:0 0 0 10px;

}

.footer-global .col-l {

	width:50%;

	float:left;

}

.footer-global .col-l .logo-footer {

	margin:0 0 12px 0;

}

.nav-footer {

	font-size:12px;

	font-size:1.2rem;

	display:block;

	height:16px;

}

.nav-footer li {

	float:left;

}

.nav-footer li a {

	color:#007e3b;

	text-decoration:underline;

}

.nav-footer li a:visited {

	color:#007e3b;

	text-decoration:underline;

}

.nav-footer li a:hover {

	color:#007e3b;

	text-decoration:none;

}

.footer-global .copyright {

	font-size:11px;

	font-size:1.1rem;

	line-height:10px;

	margin:10px 0 0 0;

}

.footer-global .slogan {

	width:390px;

	margin:0 0 10px 0;

}



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



 *	main-wrapper ,container 共通パーツ



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

.main-wrapper {

	width:960px;

	margin:0 auto;	

}

.main-wrapper:after {

	visibility:hidden;

	clear:both;

	display:block;

	content:" ";

	height:0;

	font-size:0;

}

.container {

	padding:96px 0 0 0;

	background:#009c53;

	overflow:hidden;	



}

.contents-wrapper {

	border:6px solid #d5c2a2;

	border-radius:10px;

	background:#fff;

}



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



 *	breadcrumbs



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

.breadcrumbs-area {

	margin:20px 0 20px 0;

	overflow:hidden;

	display:block;

}

.breadcrumbs-area .breadcrumbs-list {

	float:left;

	font-size:14px;

	font-size:1.4rem;

	margin:3px 0 0 0;

}

.breadcrumbs-list li {

	color:#fff;

	float:left;

	margin:0 10px 0 0;

}

.breadcrumbs-list li a {

	color:#fff;

	text-decoration:underline;

}

.breadcrumbs-list li a:visited {

	color:#fff;

	text-decoration:underline;

}

.breadcrumbs-list li a:hover {

    text-decoration:none;

}



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



 *	sec-ttl contents-ttl タイトル共通



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

.section .sec-ttl {

	color:#111;

	font-size:38px;

	font-size:3.8rem;

	font-weight:bold;

	padding:0 0 20px 47px;

	border-bottom:6px solid #dfd3bf;

	background:url(/resonya/imgs/common/illust_mainttl01.png) 5px 0 no-repeat;

	background-size:26px 46px;

	position:relative;

}

.section .sec-ttl:after {

	background:url(/resonya/imgs/common/illust_mainttl02.png) 0 0 no-repeat;

	background-size:36px 41px;

	content:"";

	display:block;

	position:absolute;

	right:4px;

	bottom:-2px;

	z-index:1;

	width:36px;

	height:41px;

}

.section .contents-ttl {

	color:#fff;

	font-size:26px;

	font-size:2.6rem;

	letter-spacing:0.05em;

	font-weight:normal;

	padding:11px 0 11px 25px;

	border-radius:6px;

	background:#009c53;

	position:relative;

}

.section .contents-ttl:after {

	background:url(/resonya/imgs/common/illust_ttl_h3.png) 0 0 no-repeat;

	background-size:120px 80px;

	content:"";

	display:block;

	position:absolute;

	right:39px;

	top:-32px;

	z-index:1;

	width:120px;

	height:80px;

}



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



 *	btn-link



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

.btn-link {

	text-align:center;	

}

.btn-default {

	font-weight:bold;

	font-size:17px;

	font-size:1.7rem;

}

.btn-small {

	font-weight:bold;

	font-size:15px;

	font-size:1.5rem;

}

.btn-link a {

	color:#fff;

	text-decoration:none;

	display:inline-block;

}

.btn-default a {

	background:url(/resonya/imgs/common/arrow_right.png) #ed6d34 94% center no-repeat;

	background-size:10px 13px;

	border-radius:25px;

	padding:15px 0 15px 0;

	width:360px;

	border:3px solid #ed6d34;	

}

.btn-small a {

	background:url(/resonya/imgs/common/arrow_right.png) #ed6d34 94% center no-repeat;

	background-size:10px 13px;

	border-radius:25px;

	padding:12px 0 12px 0;

	width:260px;

	border:3px solid #ed6d34;	

}

.btn-link a:hover {

	border:3px solid #ed6d34;

	background:url(/resonya/imgs/common/arrow_right_mobilenav.png) #fff 94% center no-repeat;

	background-size:10px 13px;

	color:#ed6d34;

}



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



 *	btn-outlink



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

.btn-outlink {

	font-size:16px;

	font-size:1.6rem;

	font-weight:bold;

	text-align:right;

	letter-spacing:0.03em;	

}

.btn-outlink a {

	color:#292929;

	text-decoration:none;

	display:inline-block;

	text-align:center;

	background:url(/resonya/imgs/common/ico_outlink.png) #d5c2a2 94% center no-repeat;

	background-size:18px 14px;

	border-radius:25px;

	padding:13px 0 13px 0;

	border:3px solid #d5c2a2;

}

.btn-outlink-movie {

	margin:0 0 65px 0;	



}

.btn-outlink-movie a {

	width:440px;

}

.btn-outlink a:hover {

	background:url(/resonya/imgs/common/ico_outlink_hover.png) #fff 94% center no-repeat;

	background-size:18px 14px;

	color:#b99f73;

	border:3px solid #d5c2a2;

}



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



 *	sns-btn



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

.sns-btn {

	width:50%;

	float:right;

	overflow:hidden;

}

.sns-btn .inner {

	float:right;

	margin:0 0 0 20px;

}



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



 *	nav-local



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

.nav-local-area {

	padding:92px 0 0 0;

	background-image:-webkit-linear-gradient(left, #009e50, #009e50 2px, transparent 2px, transparent 2px);

	background-image:-ms-linear-gradient(left, #009e50, #009e50 2px, transparent 2px, transparent 2px);

	background-image:linear-gradient(to right, #009e50, #009e50 2px, transparent 2px, transparent 2px);

	background-size:4px 2px;

	background-position:top;

	background-repeat:repeat-x;

	font-weight:bold;

}

.nav-local {

	/* overflow:hidden; */

	display:table;

	width:100%;

	position:relative;

}

.nav-local-movie:after {

	background:url(/resonya/imgs/movie/illust_localnav_movie.png) 0 0 no-repeat;

	background-size:115px 71px;

	content:"";

	display:block;

	position:absolute;

	left:29px;

	top:-60px;

	z-index:1;

	width:115px;

	height:71px;

}

.nav-local-collection:after {

	background:url(/resonya/imgs/collection/illust_localnav_collection.png) 0 0 no-repeat;

	background-size:63px 71px;

	content:"";

	display:block;

	position:absolute;

	left:31px;

	top:-65px;

	z-index:1;

	width:63px;

	height:71px;

}

.nav-local-sns:after {

	background:url(/resonya/imgs/sns/illust_localnav_sns.png) 0 0 no-repeat;

	background-size:107px 55px;

	content:"";

	display:block;

	position:absolute;

	left:33px;

	top:-55px;

	z-index:1;

	width:107px;

	height:55px;

}

.nav-local-special:after {

	background:url(/resonya/imgs/special/illust_localnav_special.jpg) 0 0 no-repeat;

	background-size:74px 81px;

	content:"";

	display:block;

	position:absolute;

	left:23px;

	top:-81px;

	z-index:1;

	width:74px;

	height:81px;

}

.nav-local .nav-local-ttl {

	display:table-cell;

	border-radius:10px 0 0 10px;	



	background:#ed6d34;

	padding:30px 0 30px 32px;

	font-size:16px;

	font-size:1.5rem;

	line-height:20px;

	width:288px;

	vertical-align:middle;

	box-sizing:border-box;

}

.nav-local .nav-local-ttl a {

	color:#fff;

	text-decoration:underline;

	display:inline-block;

	padding:0 28px 0 0;

	background:url(/resonya/imgs/common/arrow_circle.png) right center no-repeat;

	background-size:20px 20px;

}

.nav-local .nav-local-ttl a:visited {

	color:#fff;

	text-decoration:underline;

}

.nav-local .nav-local-ttl a:hover {

	color:#fff;

	text-decoration:none;

}

.nav-local .nav-local-list {

	font-size:16px;

	font-size:1.4rem;

	display:table-cell;

	vertical-align:middle;

	padding:22px 0 0 32px;

	border-right:3px solid #ed6d34;

	border-top:3px solid #ed6d34;

	border-bottom:3px solid #ed6d34;

	border-radius:0 10px 10px 0;

	overflow:hidden;

}

.nav-local .nav-local-list li {

	float:left;

	margin:0 22px 22px 0;	

}

.nav-local .nav-local-list li a {

	color:#007e40;

	text-decoration:underline;

	display:inline-block;

	padding:0 15px 0 0;

	background:url(/resonya/imgs/common/arrow_right_green.png) right center no-repeat;

	background-size:8px 10px;	

}

.nav-local .nav-local-list li a:visited {

	color:#007e40;

	text-decoration:underline;

	background:url(/resonya/imgs/common/arrow_right_green.png) right center no-repeat;

	background-size:8px 10px;	

}

.nav-local .nav-local-list li a:hover {

	color:#ff9200;

	text-decoration:none;

	background:url(/resonya/imgs/common/arrow_right_orange.png) right center no-repeat;

	background-size:8px 10px;	

}



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



 *	bnr-common



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

.bnr-common {

	padding:32px 0 30px 0;

	overflow:hidden;

	display:block;	

}

.bnr-common li {

	float:left;

	margin:0 16px 0 0;

}

.bnr-common li a {

	display:block;

}



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



 *	pagetop



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

.page-top {

	position:fixed;

	right:50px;

	bottom:190px;

	/* bottom:245px; */



	display:block;

	opacity:0;

	-webkit-animation:float 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;

	-ms-animation:float 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;

	animation:float 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;

	-webkit-transition:opacity 0.5s ease 0s;

	transition:opacity 0.5s ease 0s;

	width:96px;

	height:121px;

	z-index:99;

}

.page-top a {

	-webkit-transition:opacity 0.3s ease 0s;

	transition:opacity 0.3s ease 0s;

}

.page-top img {

	width:96px;

	height:121px;	

}

.page-top a:hover {

	opacity:0.8;

}

div.nav-show {

	opacity:1;	

}

@keyframes float {

	0% {

		transform:translateY(0);

	}

	50% {

		transform:translateY(20px);

	}

	100% {

		transform: translateY(0px);

	}

}

@-webkit-keyframes float {

	0% {

		-webkit-transform: translateY(0);

	}

	50% {

		-webkit-transform: translateY(20px);

	}

	100% {

		-webkit-transform: translateY(0px);

	}

}



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



 *	modalwindow



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

#bg-modal {

	background:rgba(119, 119, 119, 0.7);

	width:100%;

    height:100%;

    position:fixed;

	left:0;

    top:0;

    z-index:400;

	display:none;

}

.modal-wrap {

	background:#fff;

	box-sizing:border-box;

	position:fixed;

	z-index:402;

	display:block;

	margin:auto;

	max-width:660px;

	top:0;

}

.modal-wrap .modal-img {

	display:-webkit-flex;

	display:-ms-flex;

	display:-o-flex;

    display:flex;

	-webkit-align-items:center;

	-ms-align-items:center;

	-o-align-items:center;

	align-items:center;

	text-align:center;

	padding:20px;

}

.modal-wrap .modal-img img {

	width:auto;

	height:auto;

	padding:0 0 20px 0;

	overflow:hidden;

}

.txt-poster {

	text-align:left;

	line-height:1.5;

	text-indent:-1em;

	margin:0 0 0 20px;

	padding:0 20px 20px 1em;

}

#modal-close {

	cursor:pointer;

    height:33px;

    position:absolute;

    width:33px;

	z-index:600;

	top:0;

	right:-47px;

}



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

 *	flex-box

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

.flex {

	width: 100%;

	-js-display:flex;

	display:-webkit-box;

	display:-moz-box;

	display:-webkit-flexbox;

	display:-moz-flexbox;

	display:-webkit-flex;

	display:-moz-flex;

	display:flex;

	-webkit-box-lines:multiple;

	-moz-box-lines:multiple;

	-webkit-flex-wrap:wrap;

	-moz-flex-wrap:wrap;

	-ms-flex-wrap:wrap;

	flex-wrap:wrap;

	justify-content: space-between;

}

.flex .box2 {

	width: 50%;

	-webkit-align-items:center;

	align-items:center;

	overflow:hidden;

}

.flex .box3 {

	width: 33.3%;

	-webkit-align-items:center;

	align-items:center;

	overflow:hidden;

}



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



 *	display



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

.pc {	display: block!important;}

.sp {	display: none!important;}





/**

 *	

 *	レスポンシブスタイル

 *	

 */

@media all and (max-width: 767px) {

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



 *	body



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

body {

    color:#343434;

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

    font-size:14px;

	font-size:1.4rem;

	min-width:inherit;

	position:relative;

	-webkit-tap-highlight-color:rgba(0,0,0,0);

}



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



 *	Link



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

a:hover {

	color:#009c53;

	text-decoration:underline;

}



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



 *	header



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

.header-global {

	display:none;

}

.nav-haader-lower {

	padding:15px 0 0 0;

	position:relative;

	background:#009c53;

	border-bottom:6px solid #fff;

	width:100%;

	display:block;

}

.nav-haader-lower h1 {

	text-align:center;

}

.nav-haader-lower h1 img {

	width:180px;

	height:auto;

	margin:0 0 -1px 0;

}

.nav-global-btn {

	width:35px;

	height:50px;

	margin:-7px 0 0 0;

	padding:0 20px 0 0;

	position:absolute;

	right:5px;

	top:7px;

	display:block;

	cursor:pointer;

}

.nav-global-btn .icon {

	display:block;

	position:absolute;

	top:50%;

	left:50%;

	width:24px;

	height:2px;

	margin:-1px 0 0 -12px;

	background:#fff;

}

.nav-global-btn .icon:before,



.nav-global-btn .icon:after {

	display:block;

	content:"";

	position:absolute;

	top:50%;

	left:0;

	width:24px;

	height:2px;

	background:#fff;

}

.nav-global-btn .icon:before {

	margin-top:-9px;

}

.nav-global-btn .icon:after {

	margin-top:7px;

}

.nav-global-btn .txt-nav {

	color:#fff;

	font-size:9px;

	font-size:0.9rem;

	font-weight:bold;

	position:absolute;

	bottom:0;

	left:20%;

}

#nav-mobile-js {

	display:none;

	position: absolute;

	top:0;

	left:0;

	z-index:100;

	width:100%;	

}

.nav-haader {

	padding:15px 0 0 0;

	position:relative;

	background:#009c53;	

}

.nav-haader h1 {

	text-align:center;

}

.nav-haader h1 img {

	width:180px;

	height:auto;

}

.nav-haader .global-nav-close {

	width:40px;

	height:40px;

	position:absolute;

	right:11px;

	top:13px;

	cursor:pointer;

}

.global-nav-close .txt-nav {

	color:#fff;

	font-size:9px;

	font-size:0.9rem;

	font-weight:bold;

	position:absolute;

	bottom:0;

	left:15%;

}

.global-nav-close .icon {

	display:block;

	position:absolute;

	top:50%;

	left:50%;

	width:30px;

	height: 2px;

	margin:-1px 0 0 -15px;

	background:#transparent;

}

.global-nav-close .icon:before,



.global-nav-close .icon:after {

	display:block;

	content:"";

	position:absolute;

	top:50%;

	left:0;

	width:30px;

	height:3px;

	background:#fff;

}

.global-nav-close .icon:before {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-top:-8px;

}

.global-nav-close .icon:after {

	margin-top:-8px;

	-webkit-transform: rotate(-135deg);

	transform: rotate(-135deg);

}

.nav-global-mobile nav {

	padding:0 0 40px 0;

	background:#f2f2f2;	

}

.nav-global-contents li {

	background:#f8f3eb;

	background-image:-webkit-linear-gradient(left, #dfd3bf, #d5c2a2 3px, transparent 3px, transparent 3px);

	background-image:-ms-linear-gradient(left, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-image:linear-gradient(to right, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-size:5px 1px;

	background-position:top;

	background-repeat:repeat-x;

	font-size:15px;

	font-size:1.5rem;

}

.nav-global-contents li.current {

	background:#fce0d3;

	background-image:-webkit-linear-gradient(left, #dfd3bf, #d5c2a2 3px, transparent 3px, transparent 3px);

	background-image:-ms-linear-gradient(left, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-image:linear-gradient(to right, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-size:5px 1px;

	background-position:top;

	background-repeat:repeat-x;

}

.nav-global-contents li:first-child {

	background-image:none;

}

.nav-global-contents li a {

	display:block;

	text-decoration:none;

	color:#404040;

	padding:20px 0 20px 13px;

	background:url(/resonya/imgs/common/arrow_circle_mobilenav.png) 96% center no-repeat;

	background-size:14px 14px;

}

.nav-global-contents li a:visited {

	text-decoration:none;

	color:#404040;

}

.nav-global-contents li a:hover {

	text-decoration:none;

	color:#404040;

}

.nav-global-contents li .nav-open {

	display:block;

	padding:20px 0 20px 13px;

	background:url(/resonya/imgs/common/add.png) 96% center no-repeat;

	background-size:16px 16px;

	cursor:pointer;

}

.nav-global-contents li .nav-close {

	display:block;

	padding:20px 0 20px 13px;

	background:url(/resonya/imgs/common/sub.png) 96% center no-repeat;

	background-size:16px 16px;

	cursor:pointer;

}

.nav-global-contents li .nav-local-contents {

	display:none;	

}

.nav-global-contents li .nav-local-contents.open {

	display:block;	

}

.nav-global-contents li .nav-local-contents li {

	background:#fff;

	font-size:13px;

	font-size:1.3rem;

	background-image:-webkit-linear-gradient(left, #dfd3bf, #d5c2a2 3px, transparent 3px, transparent 3px);

	background-image:-ms-linear-gradient(left, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-image:linear-gradient(to right, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-size:5px 1px;

	background-position:top;

	background-repeat:repeat-x;

}

.nav-global-contents li .nav-local-contents li.current {

	background-color:#fce0d3;

}

.nav-global-contents li .nav-local-contents li a {

	display:block;

	text-decoration:none;

	color:#404040;

	padding:17px 0 17px 10px;

	background:url(/resonya/imgs/common/arrow_right_mobilenav.png) 96% center no-repeat;

	background-size:6px 8px;

}

.nav-global-contents .nav-outlink {

	background:#f2f2f2;

	font-size:13px;

	font-size:1.3rem;

	background-image:-webkit-linear-gradient(left, #d5c2a2, #b2b2b2 3px, transparent 3px, transparent 3px);

	background-image:-ms-linear-gradient(left, #b2b2b2, #b2b2b2 3px, transparent 3px, transparent 3px);

	background-image:linear-gradient(to right, #b2b2b2, #b2b2b2 3px, transparent 3px, transparent 3px);

	background-size:5px 1px;

	background-position:bottom;

	background-repeat:repeat-x;

}

.nav-global-contents .nav-outlink-first {

	border-top:2px solid #dfd3bf;

}

.nav-global-contents .nav-outlink a {

	display:block;

	text-decoration:none;

	color:#404040;

	padding:15px 0 15px 10px;

	background:url(/resonya/imgs/common/ico_outlink_mobilenav.png) 96% center no-repeat;

	background-size:14px 12px;

}

.nav-global-mobile .bnr-mobile {

	padding:30px 13px 0 13px;

	background:#f2f2f2;

	text-align:center;

}



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



 *	footer



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

.footer-global {

	margin:0 auto;

	padding:14px 0 0 0;

	width:100%;

	overflow:hidden;

}

.footer-global .col-r {

	width:100%;

	float:none;

	text-align:center;

}

.footer-global .nav-footer-sns {

	display:none;

}

.footer-global .col-l {

	width:100%;

	float:none;

}

.footer-global .col-l .logo-footer {

	text-align:center;

}

.nav-footer {

	display:none;

}

.footer-global .copyright {

	width:100%;

	font-size:10px;

	font-size:1rem;

	line-height:10px;

	margin:10px 0 0 0;

	padding:6px 0 6px 0;

	text-align:center;

	color:#fff;

	background:#009c53;

}

.footer-global .slogan {

	padding:0 10px 0 10px;

	margin:0 auto 10px;

	width:300px;

}



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



 *	main-wrapper



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

.main-wrapper {

	width:100%;

}

.container {

	padding:0 0 40px 0;

}

.contents-wrapper {

	border:4px solid #d5c2a2;

	border-radius:8px;

	background:#fff;

	margin:0 10px 0 10px;

}



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



 *	breadcrumbs



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

.breadcrumbs-area {

	margin:15px 0 15px 0;

	overflow:hidden;

}

.breadcrumbs-area .breadcrumbs-list {

	display:none;

}



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



 *	sec-ttl contents-ttl タイトル共通



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

.section .sec-ttl {

	font-size:21px;

	font-size:2.1rem;

	padding:7px 0 10px 26px;

	border-bottom:4px solid #dfd3bf;

	background:url(/resonya/imgs/common/illust_mainttl01.png) 3px 0 no-repeat;

	background-size:18px 32px;

	line-height:1.3;

}

.section .sec-ttl:after {

	background:url(/resonya/imgs/common/illust_mainttl02.png) 0 0 no-repeat;

	background-size:19px 22px;

	right:0;

	bottom:-2px;

	width:19px;

	height:22px;

}

.section .contents-ttl {

	font-size:18px;

	font-size:1.8rem;

	letter-spacing:0.05em;

	font-weight:bold;

	padding:11px 0 11px 18px;

	border-radius:6px;

}

.section .contents-ttl:after {

	background:url(/resonya/imgs/common/illust_ttl_h3.png) 0 0 no-repeat;

	background-size:70px 47px;

	right:6px;

	top:-45px;

	z-index:1;

	width:70px;

	height:47px;

}



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



 *	btn-link



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

.btn-link {

	text-align:center;	

}

.btn-default {

	font-size:15px;

	font-size:1.5rem;

}

.btn-small {

	font-size:15px;

	font-size:1.5rem;

}

.btn-link a {

	color:#fff;

	text-decoration:none;

	display:inline-block;

}

.btn-default a {

	background:url(/resonya/imgs/common/arrow_right.png) #ed6d34 94% center no-repeat;

	background-size:9px 12px;

	border-radius:25px;

	padding:16px 0 16px 0;

	width:275px;

	font-weight:bold;

	border:none;

}

.btn-small a {

	background:url(/resonya/imgs/common/arrow_right.png) #ed6d34 94% center no-repeat;

	background-size:9px 12px;

	border-radius:25px;

	padding:7px 0 7px 0;

	width:275px;

	border:none;	

}

.btn-link a:hover {

	opacity:1;

	border:none;

	background:url(/resonya/imgs/common/arrow_right.png) #ed6d34 94% center no-repeat;

	background-size:9px 12px;

	color:#fff;

}



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



 *	btn-outlink



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

.btn-outlink {

	font-size:15px;

	font-size:1.5rem;

	font-weight:bold;

	text-align:center;

	letter-spacing:0.03em;

	line-height:1.3;	

}

.btn-outlink a {

	display:inline-block;

	text-align:left;

	background:url(/resonya/imgs/common/ico_outlink.png) #d5c2a2 94% center no-repeat;

	background-size:17px 14px;

	border-radius:34px;

	box-sizing: border-box;

   padding: 16px 30px 16px 25px;

	width:100%;

	border:none;

}

.btn-outlink-movie {

	margin:0 0 80px 0;	

}

.btn-outlink a:hover {

	background:url(/resonya/imgs/common/ico_outlink.png) #d5c2a2 94% center no-repeat;

	background-size:17px 14px;

	color:#292929;

	border:none;

}



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



 *	sns-btn



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

.sns-btn {

	width:auto;

	float:right;

	overflow:hidden;

	padding:0 10px 0 10px;

}

.sns-btn .inner {

	float:right;

	margin:0 0 0 10px;

}



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



 *	nav-local



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

.nav-local-area {

	padding:70px 0 0 0;

	background-image:-webkit-linear-gradient(left, #009e50, #009e50 2px, transparent 2px, transparent 2px);

	background-image:-ms-linear-gradient(left, #009e50, #009e50 2px, transparent 2px, transparent 2px);

	background-image:linear-gradient(to right, #009e50, #009e50 2px, transparent 2px, transparent 2px);

	background-size:4px 2px;

	background-position:top;

	background-repeat:repeat-x;

}

.nav-local {

	overflow:visible;

	display:block;

	width:100%;

	position:relative;

}

.nav-local-movie:after {

	background:url(/resonya/imgs/movie/illust_localnav_movie.png) 0 0 no-repeat;

	background-size:71px 44px;

	content:"";

	display:block;

	position:absolute;

	left:18px;

	top:-37px;

	z-index:1;

	width:71px;

	height:44px;

}

.nav-local-collection:after {

	background:url(/resonya/imgs/collection/illust_localnav_collection.png) 0 0 no-repeat;

	background-size:45px 51px;

	content:"";

	display:block;

	position:absolute;

	left:16px;

	top:-47px;

	z-index:1;

	width:45px;

	height:51px;

}

.nav-local-sns:after {

	background:url(/resonya/imgs/sns/illust_localnav_sns.png) 0 0 no-repeat;

	background-size:71px 37px;

	content:"";

	display:block;

	position:absolute;

	left:16px;

	top:-37px;

	z-index:1;

	width:71px;

	height:37px;

}

.nav-local-special:after {

	background:url(/resonya/imgs/special/illust_localnav_special.jpg) 0 0 no-repeat;

	background-size:52px 57px;

	content:"";

	display:block;

	position:absolute;

	left:15px;

	top:-57px;

	z-index:1;

	width:52px;

	height:57px;

}

.nav-local .nav-local-ttl {

	display:block;

	border-radius:10px 10px 0 0;	



	background:#ed6d34;

	font-size:14px;

	font-size:1.4rem;

	line-height:14px;

	width:auto;

	vertical-align:middle;

	box-sizing:inherit;

	padding:0 16px 0 0;

	font-weight:bold;

}

.nav-local .nav-local-ttl a {

	color:#fff;

	padding:20px 0 20px 25px;

	text-decoration:none;

	display:block;

	background:url(/resonya/imgs/common/arrow_circle.png) right center no-repeat;

	background-size:14px 14px;

}

.nav-local .nav-local-ttl a:visited {

	color:#fff;

	text-decoration:none;

}

.nav-local .nav-local-ttl a:hover {

	color:#fff;

	text-decoration:none;

}

.nav-local .nav-local-list {

	font-size:13px;

	font-size:1.3rem;

	display:block;

	vertical-align:middle;

	border-right:3px solid #ed6d34;

	border-left:3px solid #ed6d34;

	border-bottom:3px solid #ed6d34;

	border-top:none;

	border-radius:0 0 10px 10px;

	overflow:hidden;

	padding:0;

}

.nav-local .nav-local-list li {

	float:none;

	margin:0;

	padding:0 15px 0 15px;

	letter-spacing:-0.05em;

	background-image:-webkit-linear-gradient(left, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-image:-ms-linear-gradient(left, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-image:linear-gradient(to right, #dfd3bf, #dfd3bf 3px, transparent 3px, transparent 3px);

	background-size:5px 1px;

	background-position:top;

	background-repeat:repeat-x;	

}

.nav-local .nav-local-list li.current {

	background:#ffeee6;

}

.nav-local .nav-local-list li:first-child {

	background-image:none;

}

.nav-local .nav-local-list li a {

	color:#007e40;

	text-decoration:none;

	display:block;

	padding:15px 0 15px 0;

	background:url(/resonya/imgs/common/arrow_right_green.png) right center no-repeat;

	background-size:9px 12px;

}

.nav-local .nav-local-list li a:visited {

	color:#007e40;

	text-decoration:none;

	background:url(/resonya/imgs/common/arrow_right_green.png) right center no-repeat;

	background-size:9px 12px;	

}

.nav-local .nav-local-list li a:hover {

	color:#007e40;

	text-decoration:none;

	background:url(/resonya/imgs/common/arrow_right_green.png) right center no-repeat;

	background-size:9px 12px;

}



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



 *	bnr-common



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

.bnr-common {

	display:none;	

}



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



 *	pagetop



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

.page-top {

	position:fixed;

	right:10px;

	bottom:-81px;

	/* bottom:245px; */



	display:block;

	opacity:1;

	-webkit-animation:none;

	-ms-animation:none;

	animation:none;

	-webkit-transition:bottom 0.5s ease 0s;

	transition:bottom 0.5s ease 0s;

	width:64px;

	height:81px;

	z-index:500;

}

.page-top a {

	-webkit-transition:none;

	transition:none;

}

.page-top img {

	width:64px;

	height:81px;

}

.page-top a:hover {

	opacity:1;

}

div.nav-show {

	bottom:10px;	

}



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



 *	modalwindow



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

#modal-close {

	cursor:pointer;

    height:33px;

    position:absolute;

    width:33px;

	z-index:600;

	top:-20px;

	right:-15px;

}

.modal-wrap .modal-img img {

	width:auto;

	height:100%;

	padding:0 0 20px 0;

	overflow:hidden;

}



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

 *	flex-box

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

.flex {

	display: block;

}

.flex .box2,

.flex .box3 {

	width: 100%;

}



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



 *	display



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

.sp {

	display: block!important;

}

.pc {

	display: none!important;

}



}



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



 *	other



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

.dn {display: none!important;}

.mt5 {margin-top: 5px;}

.mt10 {margin-top: 10px;}

.mt20 {margin-top: 20px;}

.mt30 {margin-top: 30px;}

.mt40 {margin-top: 40px;}

.mr5 {margin-right: 5px;}

.mr10 {margin-right: 10px;}

.mr20 {margin-right: 20px;}

.mr30 {margin-right: 30px;}

.mr40 {margin-right: 40px;}

.mb5 {margin-bottom: 5px;}

.mb10 {margin-bottom: 10px;}

.mb20 {margin-bottom: 20px;}

.mb30 {margin-bottom: 30px;}

.mb40 {margin-bottom: 40px;}

.ml5 {margin-left: 5px;}

.ml10 {margin-left: 10px;}

.ml20 {margin-left: 20px;}

.ml30 {margin-left: 30px;}

.ml40 {margin-left: 40px;}

.pt5 {padding-top: 5px;}

.pt10 {padding-top: 10px;}

.pt20 {padding-top: 20px;}

.pt30 {padding-top: 30px;}

.pt40 {padding-top: 40px;}

.pr5 {padding-right: 5px;}

.pr10 {padding-right: 10px;}

.pr20 {padding-right: 20px;}

.pr30 {padding-right: 30px;}

.pr40 {padding-right: 40px;}

.pb5 {padding-bottom: 5px;}

.pb10 {padding-bottom: 10px;}

.pb20 {padding-bottom: 20px;}

.pb30 {padding-bottom: 30px;}

.pb40 {padding-bottom: 40px;}

.pl5 {padding-left: 5px;}

.pl10 {padding-left: 10px;}

.pl20 {padding-left: 20px;}

.pl30 {padding-left: 30px;}

.pl40 {padding-left: 40px;}

.lh100 {line-height: 100%}

.lh110 {line-height: 110%}

.lh120 {line-height: 120%}

.lh130 {line-height: 130%}

.lh140 {line-height: 140%}

.lh150 {line-height: 150%}

.lh160 {line-height: 160%}

.lh170 {line-height: 170%}

.lh180 {line-height: 180%}

.lh190 {line-height: 190%}

.lh200 {line-height: 200%}

.lh210 {line-height: 210%}

.lh220 {line-height: 220%}

.lh230 {line-height: 230%}

.lh240 {line-height: 240%}

.lh250 {line-height: 250%}

.lh260 {line-height: 260%}

.lh270 {line-height: 270%}

.lh280 {line-height: 280%}

.lh290 {line-height: 290%}

.lh300 {line-height: 300%}