/*リセット*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* CLEAR FIX
----------------------------------------------------- */
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

/*==============================
全体
==============================*/
html {
	font-size:62.5%; /*基準サイズ10px*/
	background:none;
}

body {
	font-family:"リュウミン L-KL", "Ryumin Light KL", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	color:#000;
	font-size:1.6rem;
	line-height:3.0rem;
}

a:link {
	color:#000;
	text-decoration:none;
}

a:visited {
	color:#000;
	text-decoration:nonse;
}

a:hover,a:active {
	color:#000;
	text-decoration:none;
}

img {
	vertical-align:bottom;
}

@media screen and (max-width:899px) { 
a {
	display:block;
}
}
dd{
	padding-left: 0;
}

/*==============================
背景スライドショー
==============================*/
.bgslideshow {
	position:fixed;
	left:0;
	top:0;
	z-index:-1;
	height:100vh;
	width:100%;
}

.bgslideshow img {
	position:absolute;
	min-height:100%;
	width:100%;
	height:auto;
	left:0;
	top:0;
}

@media screen and (max-width:899px) {
.bgslideshow img {
	min-height:inherit;
	width:auto;
	height:100%;
	left:-250px;
	top:-10px;
}
}


@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
.bgslideshow img {
	min-height:100%;
	width:100%;
	height:auto;
	left:0;
	top:0;
}
}

/*==============================
ヘッダー
==============================*/
header {
	background:#FFF;
	height:100vh;
	height: -webkit-fill-available;
	width:70px;
	position:fixed;
	right:0;
	z-index:120;
	display:flex;
	justify-content:center;
	align-items: center;
}

@media screen and (max-width:899px) {
header {
	height:70px;
	width:100%;
}
}


/*SNS*/
#snsIcons {
	margin:140px 0;
}

@media screen and (max-width:899px) {
#snsIcons {
	display:flex;
	flex-grow:4;
	margin:0 0 0 20px;
}
}

#snsIcons li {
	margin-bottom:50px;
}

@media screen and (max-width:899px) {
#snsIcons li {
	margin-bottom:0;
	margin-right:15px;
}
}

#snsIcons li:last-child {
	margin-bottom:0;
}

/*==============================
ナビ
==============================*/
nav a:link,nav a:visited,nav a:hover,nav a:active {
	color:#FFF;
}

.drawer-menu {
	font-size:2.0rem;
	line-height:2.0rem;
	padding-bottom:35px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.drawer-menu {
	font-size:1.8rem;
	line-height:1.8rem;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.drawer-menu {
	font-size:1.8rem;
	line-height:1.8rem;
}
}

@media screen and (max-width:899px) {
.drawer-menu {
	font-size:1.8rem;
	line-height:1.6rem;
	padding-bottom:30px;
}
}

.drawer-menu li {
	margin-bottom:40px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.drawer-menu li {
	margin-bottom:25px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.drawer-menu li {
	margin-bottom:25px;
}
}

@media screen and (max-width:899px) {
.drawer-menu li {
	margin-bottom:25px;
}
}

.drawer-menu li:last-child {
	margin-bottom:0;
}


.drawer-menu li span {
	font-family: 'Amiri', serif;
	font-size:1.6rem;
	margin-left:40px;
}

@media screen and (max-width:899px) {
.drawer-menu li span {
	margin-left:30px;
}
}

.drawer-menu li:before {
	content:"";
	display:inline-block;
	width:30px;
	height:2px;
	background:url(../images/gnav_line.svg) no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-right:10px;
	margin-top:-4px;
}

@media screen and (max-width:899px) {
.drawer-menu li:before {
	width:20px;
}
}

.drawer-menu ul li {
	font-size:1.5rem;
	line-height:1.7rem;
	margin-bottom:20px;
	margin-left:40px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.drawer-menu ul li {
	font-size:1.4rem;
	line-height:1.4rem;
	margin-bottom:15px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.drawer-menu ul li {
	font-size:1.4rem;
	line-height:1.4rem;
	margin-bottom:15px;
}
}

@media screen and (max-width:899px) {
.drawer-menu ul li {
	font-size:1.4rem;
	line-height:1.4rem;
	margin-left:30px;
	margin-bottom:15px;
}
}

.drawer-menu ul li span {
	font-family: 'Amiri', serif;
	font-size:1.4rem;
	margin-left:0;
}

@media screen and (max-width:899px) {
.drawer-menu ul li span {
	font-size:1.2rem;
}
}

.drawer-menu li:last-child:before,.drawer-menu ul li:before {
	content: none;
}

.drawer-menu li.shop:after {
	content:"";
	display:inline-block;
	width:28px;
	height:25px;
	background:url(../images/icon_cart.svg) no-repeat;
	background-size:contain;
	position:relative;
	top:-15px;
	left:70px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.drawer-menu li.shop:after {
	width:25px;
	height:22px;
	top:-14px;
	left:55px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.drawer-menu li.shop:after {
	width:25px;
	height:22px;
	top:-14px;
	left:55px;
}
}

@media screen and (max-width:899px) {
.drawer-menu li.shop:after {
	width:25px;
	height:22px;
	top:-12px;
	left:55px;
}
}

.drawer-menu li.shop {
	line-height:0.5rem;
}

@media screen and (max-width:899px) {
.drawer-menu li.shop {
	line-height:0.25rem;
}
}

@media screen and (max-width:899px) {
.drawer-menu a {
	display:inline;
}
}

/*言語切替*/
#langNav select {
/*　矢印を消す　*/
	-webkit-appearance:none;
	-moz-appearance:none;
	text-indent: .01px; /* Firefox用 */
	text-overflow: ""; /* Firefox用 */
    appearance:none;
	border-radius: 0px;
/*　背景画像の指定　*/
    width:70px;
    height:70px;
    background-color:#FFF;
    background-image:url(../images/icon_language.svg);
    background-repeat:no-repeat;
    background-size:58px 43px;/*背景画像のサイズ*/
    background-position:center center;
    cursor:pointer;
	border:none;
	color:#000;
	font-size:1.4rem;
	padding:10px;
	 text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.none {
	display:none;
}

/*ナビ部分*/
#langNav {
	position:absolute;
	top:0;
	width:70px;
	height:70px;
	z-index:150;
}

@media screen and (max-width:899px) {
#langNav {
	right:70px;
	top:0;
	border-left:1px solid #AB0D3E;
	border-bottom:none;
	display:flex;
}
}

#langNav a {
	display:block;
	width:70px;
	height:70px;
	display:flex;
	justify-content:center;
	align-items: center;
}

/*==============================
オンラインショップリンク
==============================*/
#onlineShop {
	background:#AB0D3E;
	position:fixed;
	bottom:0;
	width:100%;
	height:70px;
	text-align:center;
	color:#FFF;
	z-index:130;
	font-size:1.8rem;
	line-height:70px;
	letter-spacing:0.5rem;
}

@media screen and (max-width:899px) {
#onlineShop {
	height:60px;
	font-size:1.6rem;
	line-height:60px;
	letter-spacing:0;
}
}

#onlineShop span {
	font-family: 'Amiri', serif;
	font-size:1.9rem;
}

@media screen and (max-width:899px) {
#onlineShop span {
	font-size:1.7rem;
}
}

#onlineShop a {
	display:block;
	color:#FFF;
	text-decoration:none;
}

#onlineShop span:after {
	content:"";
	display:inline-block;
	width:30px;
	height:28px;
	background:url(../images/icon_cart.svg) no-repeat;
	background-size:contain;
	position:relative;
	top:8px;
	left:10px;
}

@media screen and (max-width:899px) {
#onlineShop span:after {
	width:28px;
	height:26px;
	left:6px;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
#onlineShop {
	display:none;
}
}

/*==============================
メイン
==============================*/
#main {
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items: center;
	position:relative;
}

@media screen and (max-width:899px) {
#main {
	flex-direction: column;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
#main {
	padding-top:0;
}
}


/*ロゴ*/
#logoWrap {
	position:relative;
	margin:14px 85px 0 326px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#logoWrap {
	margin:60px 20px 0 390px
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#logoWrap {
	margin:0 0 0 95px;
}
}

@media screen and (max-width:899px) {
#logoWrap {
	margin:-100px 0 0; 
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
#logoWrap {
	margin:20px 0 0; 
}
}

.logo {
	background:#FFF;
	width:210px;
	height:210px;
	display:flex;
	justify-content:center;
	align-items: center;
	position:absolute;
	top:-112px;
	left:-78px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.logo {
	width:160px;
	height:160px;
	top:-75px;
	left:-60px;
}
}

@media screen and (max-width:899px) {
.logo {
	width:110px;
	height:110px;
	top:-80px;
	left:-30px;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
.logo {
	top:-10px;
	left:-60px;
}
}

.logo img {
	width:196px;
	height:172px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.logo img {
	width:150px;
	height:131px;
}
}

@media screen and (max-width:899px) {
.logo img {
	width:103px;
	height:90px;
}
}


#main h1 {
	display:block;
	background:#000000 url(../images/main_h1_bg.svg) no-repeat right bottom;
	width:520px;
	height:500px;
	color:#FFF;
	display:flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	font-size:4.5rem;
	line-height:6.5rem;
	text-align:center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#main h1 {
	width:395px;
	height:380px;
	font-size:3.4rem;
	line-height:4.8rem;
}
}

@media screen and (max-width:899px) {
#main h1 {
	width:246px;
	height:236px;
	color:#FFF;
	font-size:2.6rem;
	line-height:3.8rem;
	background-size:214px auto;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
#main h1 {
	width:320px;
	height:190px;
	padding-bottom:10px;
	margin-left:20px;
}
}

#main h1 div {
	font-family: 'Amiri', serif;
	font-size:2.8rem;
	line-height:4.0rem;
	margin-top:15px;
}

@media screen and (max-width:899px) {
#main h1 div {
	font-size:1.6rem;
	line-height:2.3rem;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
#main h1 div {
	margin-top:10px;
}
}

/*商品スライド*/
.swiper {
	width:500px;
	min-width:500px;
	height:100vh;
	min-height:620px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 1%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 1%,rgba(204,204,204,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 1%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 );
	margin-right:230px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.swiper-button-prev,.swiper-button-next {
	display:none;
}

.swiper {
	margin-right:350px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.swiper {
	width:400px;
	min-width:400px;
	height: -webkit-fill-available;
	margin-right:70px;
	min-height:auto;
}

.swiper-button-prev,.swiper-button-next {
	display:none;
}
}

@media screen and (max-width:899px) {
.swiper {
	display:none;
}	
}

.swiper-slide {
	text-align:center;
	padding:90px 0 160px;
	display:flex;
	align-items:center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.swiper-slide {
	padding:0 0 100px;
}
}

.alignWrapper {
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
}

.mainSlideImage {
	position:relative;
}

.mainSlideImage img {
	width:330px;
	height:351px;
}

.mainCategoryTitleWrapper {
	text-align:left;
	position:absolute;
	top:220px;
	left:0;
	padding-top:80px;
}

.slideOriginal .organic{
	background:url(../images/icon_organic.svg) no-repeat top 25px left 34px;
}

.slideOriginal .sparkling {
	background:url(../images/icon_sparkling.svg) no-repeat top left 65px;
}

.slideOriginal .wineglass {
	background:url(../images/icon_wineglass.svg) no-repeat top 36px left 50px;
}

.mainCategoryTitleWrapper .titleLine {
	margin:-10px 0 17px;
	padding-left:105px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.mainCategoryTitleWrapper .titleLine {
	margin:-17px 0 10px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.mainCategoryTitleWrapper .titleLine {
	padding-left:55px;
	margin:-20px 0 7px;
}
}

.mainCategoryTitleWrapper .titleLine img {
	width:50px;
	height:2px;
}

.slideOriginal h3 {
	font-size:2.8rem;
	line-height:3.2rem;
	padding:0 105px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.slideOriginal h3 {
	padding:0 55px;
}
}

.slideOriginal h3.en {
	font-family: 'Amiri', serif;
	font-size:2.0rem;
	line-height:2.4rem;
}

.slideOriginal p {
	font-size:1.6rem;
	line-height:2.2rem;
	text-align:left;
	margin:100px 0 0;
	padding:0 105px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.slideOriginal p {
	margin:75px 0 0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.slideOriginal p {
	margin:70px 0 0;
	padding:0 55px;
}
}

.slideOriginal .swiperEn {
	font-family: 'Amiri', serif;
	font-size:1.6rem;
	line-height:2.0rem;
	padding:0 105px;
	text-align:left;
	margin:5px 0 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.slideOriginal .swiperEn {
	padding:0 55px;
	margin:5px 0 0;
}
}

/*スクロールアイコン*/
#scroll {
	position:absolute;
	bottom:96px;
	left:50px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#scroll {
	bottom:120px;
}
}

@media screen and (max-width:899px) {
#scroll {
	bottom:140px;
	left:50%;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
#scroll {
	position:absolute;
	bottom:20px;
	left:50px;
}
}

#scroll img {
    animation-name:home_banner_btn_contact_movement;
    animation-duration:2s;
    animation-iteration-count:infinite;
	width:20px;
	height:120px;
}

@keyframes home_banner_btn_contact_movement {
    0%   {margin-top:30px;margin-bottom: 0;}
    50%  {margin-top:10px;margin-bottom: 10px;}
    100% {margin-top:30px;margin-bottom: 0;}
}

/*==============================
コンテンツ
==============================*/
#contents {
	width:100%;
	background:rgba(14,8,2,0.6);
	position: relative;
}

/*==============================
人気酒造の酒づくり
==============================*/
#brewing {
	color:#FFF;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#brewing {
	margin-right:70px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#brewing {
	margin-right:70px;
}
}

#kioke {
	position:relative;
}

#bottleAged {
	margin-top:120px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#bottleAged {
	overflow:hidden;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#bottleAged {
	overflow:hidden;
}
}

@media screen and (max-width:899px) {
#bottleAged {
	margin-top:60px;
}
}

#otherConcepts {
	max-width:960px;
	margin:0 auto;
	margin-top:120px;
	margin-bottom:90px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#otherConcepts {
	width:910px;
	margin-top:80px;
}
}

@media screen and (max-width:899px) {
#otherConcepts {
	width:100%;
	padding:0 20px;
	margin-top:60px;
	margin-bottom:40px;
}
}

/*タイトルまわり*/
#brewing h2.jp {
	font-size:4.5rem;
	line-height:7.0rem;
}

#brewing #bottleAged h2.jp br {
	display:none;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#brewing #bottleAged h2.jp br {
	display:inherit;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#brewing #bottleAged h2.jp br {
	display:inherit;
}
}

@media screen and (max-width:899px) {
#brewing h2.jp {
	font-size:2.6rem;
	line-height:3.6rem;
	clear:both;
}
}

#brewing h2.en {
	font-size:3.0rem;
	line-height:4.0rem;
	font-family: 'Amiri', serif;
}

@media screen and (max-width:899px) {
#brewing h2.en {
	font-size:1.8rem;
	line-height:2.3rem;
}

#brewing h2 br {
	display:none;
}
}

#brewing .titleLine {
	margin:-18px 0 14px;
}

@media screen and (max-width:899px) {
#brewing .titleLine img {
	width:50px;
	height:2px;
}
}

.titleWrapper {
	position:relative;
	/*width:1200px;*/
	margin:0 352px 100px 347px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.titleWrapper {
	width:100%;
	margin:0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.titleWrapper {
	width:100%;
	margin:0;
}
}

@media screen and (max-width:899px) {
.titleWrapper {
	width:100%;
	margin:0;
}
}

#kioke .titleWrapper {
	text-align:right;
	border-right:1px solid #FFF;
	padding:0 35px 0 0;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#kioke .titleWrapper {
	border-right:none;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#kioke .titleWrapper {
	border-right:none;
}
}

@media screen and (max-width:899px) {
#kioke .titleWrapper {
	text-align:left;
	border-right:none;
	padding:0 20px;
}
}

#bottleAged .titleWrapper {
	text-align:left;
	border-left:1px solid #FFF;
	padding:0 0 0 35px;
	margin-bottom:100px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#bottleAged .titleWrapper {
	border-left:none;
	margin-bottom:0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#bottleAged .titleWrapper {
	border-left:none;
	margin-bottom:0;
}
}

@media screen and (max-width:899px) {
#bottleAged .titleWrapper {
	padding:0 20px;
	border-left:none;
	margin-bottom:0;
}
}

/*吟醸だけしか造らない、手造りだけでしか造らない蔵*/
.kodawari {
	font-size:1.8rem;
	line-height:2.4rem;
	letter-spacing:0.2rem;
	margin-bottom:80px;
	padding-top:30px;
	overflow:hidden;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#kioke .kodawari {
	margin-right:80px;
}

#bottleAged .kodawari {
	margin-left:80px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#kioke .kodawari {
	margin-right:80px;
}

#bottleAged .kodawari {
	margin-left:80px;
}
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.kodawari {
	padding-top:30px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.kodawari {
	padding-top:30px;
}
}

@media screen and (max-width:899px) {
.kodawari {
	font-size:1.4rem;
	line-height:1.8rem;
	margin-bottom:40px;
	padding-top:1px;
}
}

.kodawari br:first-child {
	display:none;
}

@media screen and (max-width:899px) {
.kodawari br:first-child {
	display:inherit;
}
}

.kodawari div {
	font-family: 'Amiri', serif;
	letter-spacing:0;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.kodawari div {
	font-size:1.6rem;
	line-height:2.0rem;
	margin-top:5px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.kodawari div {
	font-size:1.6rem;
	line-height:2.0rem;
	margin-top:5px;
}
}

@media screen and (max-width:899px) {
.kodawari div {
	font-size:1.2rem;
	line-height:1.4rem;
	margin-top:5px;
}
}

.kodawariLogo {
	background:#FFFFFF;
	width:100px;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
}

@media screen and (max-width:899px) {
.kodawariLogo {
	width:70px;
	height:70px;
}
}

.kodawariLogo img {
	width:94px;
	height:82px;
}

@media screen and (max-width:899px) {
.kodawariLogo img {
	width:65px;
	height:57px;
}
}

#kioke .titleWrapper .kodawariLogo {
	position:absolute;
	right:-100px;
	top:0;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#kioke .titleWrapper .kodawariLogo {
	right:0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#kioke .titleWrapper .kodawariLogo {
	right:0;
}
}

@media screen and (max-width:899px) {
#kioke .titleWrapper .kodawariLogo {
	position:inherit;
	float:left;
	right:0;
	top:0;
	margin-right:15px;
}
}

#bottleAged .titleWrapper .kodawariLogo {
	position:absolute;
	left:-100px;
	top:0;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#bottleAged .titleWrapper .kodawariLogo {
	left:0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#bottleAged .titleWrapper .kodawariLogo {
	left:0;
}
}

@media screen and (max-width:899px) {
#bottleAged .titleWrapper .kodawariLogo {
	position:inherit;
	float:left;
	left:0;
	top:0;
	margin-right:15px;
}
}

.kodawariWrapper {
	display:flex;
	align-items:center;
	margin-bottom:80px;
}

@media screen and (max-width:899px) {
.kodawariWrapper {
	margin-bottom:30px;
}
}

.kodawariWrapper .kodawari {
	margin-bottom:0;
	margin-left:25px;
	padding-top:0;
}

@media screen and (max-width:899px) {
.kodawariWrapper .kodawari {
	margin-left:15px;
	padding-top:0;
}
}

/*本文*/
.textWrapper {
	display:flex;
	position: relative;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.textWrapper {
	display:inherit;	
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.textWrapper {
	display:inherit;	
}
}

@media screen and (max-width:899px) {
.textWrapper {
	display:inherit;
}
}

#kioke .textWrapper {
	padding-left:347px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#kioke .textWrapper {
	padding:0 35px;
	margin-top:40px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#kioke .textWrapper {
	padding:0 35px;
	margin-top:40px;
}
}

@media screen and (max-width:899px) {
#kioke .textWrapper {
	padding-left:0;
}
}

#kioke .textBox {
	width:670px;
	margin-right:75px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#kioke .textBox {
	width:100%;
	margin-bottom:30px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#kioke .textBox {
	width:100%;
	margin-bottom:30px;
}
}

@media screen and (max-width:899px) {
#kioke .textBox {
	width:100%;
	margin-right:0;
}
}

#bottleAged .textBox {
	margin-left:75px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#bottleAged .textBox {
	margin-left:0;
	width:100%;
	float:right;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#bottleAged .textBox {
	margin-left:0;
	width:100%;
	float:right;
}
}

@media screen and (max-width:899px) {
#bottleAged .textBox {
	margin-left:0;
}
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#bottleAged .textWrapper {
	padding:0 35px;
	margin-top:40px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#bottleAged .textWrapper {
	padding:0 35px;
	margin-top:40px;
}
}

#brewing p {
	width:670px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#brewing p {
	width:100%;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#brewing p {
	width:100%;
}
}

@media screen and (max-width:899px) {
#brewing p {
	width:100%;
	padding:0 20px;
}
}

#brewing p.en {
	font-family: 'Amiri', serif;
	margin-top:20px;
}

@media screen and (max-width:899px) {
#brewing p.en {
	line-height:2.2rem;
}
}

/*写真*/
.kiokeImg01 {
	float:left;
}

@media screen and (max-width:899px) {
.kiokeImg01 {
	float:none;
	margin-bottom:20px;
}
}

.kiokeImg01 img {
	width:270px;
	height:190px;
}

@media screen and (max-width:899px) {
.kiokeImg01 img {
	width:60%;
	height:auto;
}
}

.kiokeImg02 {
	position:absolute;
	top:190px;
	left:0;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.kiokeImg02 {
	top:170px;
	left:35px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.kiokeImg02 {
	top:170px;
	left:35px;
}
}

@media screen and (max-width:899px) {
.kiokeImg02 {
	position:inherit;
	top:0;
}
}

.kiokeImg02 img {
	width:270px;
	height:500px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.kiokeImg02 img {
	width:108px;
	height:200px;
}

.kiokeImg02 {
	text-align:center;
	margin:30px 0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.kiokeImg02 img {
	width:108px;
	height:200px;
}

.kiokeImg02 {
	text-align:center;
	margin:30px 0;
}
}

@media screen and (max-width:899px) {
.kiokeImg02 img {
	width:50%;
	height:auto;
}

.kiokeImg02 {
	text-align:center;
	margin:30px 0;
}
}

.kiokeImg03 img {
	width:805px;
	width: 100%;
	height:500px;
	height: auto;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.kiokeImg03 img {
	width:80%;
	height:auto;
}

.kiokeImg03 {
	width:100%;
	text-align:center;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.kiokeImg03 img {
	width:80%;
	height:auto;
}

.kiokeImg03 {
	width:100%;
	text-align:center;
}
}

@media screen and (max-width:899px) {
.kiokeImg03 img {
	width:100%;
	height:auto;
}

.kiokeImg03 {
	margin-top:30px;
}
}


.bottleImg01 {
	float:right;
}

@media screen and (max-width:899px) {
.bottleImg01 {
	float:none;
	margin-bottom:20px;
}
}

.bottleImg01 img {
	width:270px;
	height:190px;
}


@media screen and (max-width:899px) {
.bottleImg01 img {
	width:55%;
	height:auto;
}
}

.bottleImg02 img {
	width:805px;
	height:500px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.bottleImg02 img {
	width:80%;
	height:auto;
}

.bottleImg02 {
	margin:30px 0;
	text-align:center;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.bottleImg02 img {
	width:80%;
	height:auto;
}

.bottleImg02 {
	margin:30px 0;
	text-align:center;
}
}

@media screen and (max-width:899px) {
.bottleImg02 img {
	width:100%;
	height:auto;
}

.bottleImg02 {
	margin:30px 0;
}
}

.bottleImg03 {
	margin-top:auto;
	margin-left:-162px;
	margin-bottom:-105px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.bottleImg03 {
	margin-top:30px;
	margin-left:0;
	margin-bottom:0;
	float:right;
	position: static;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.bottleImg03 {
	margin-top:30px;
	margin-left:0;
	margin-bottom:0;
	float:right;
}
}

@media screen and (max-width:899px) {
.bottleImg03 {
	margin-top:0;
	margin-left:0;
	margin-top:30px;
	margin-bottom:0;
}
}

.bottleImg03 img {
	width:446px;
	height:202px;
}

@media screen and (max-width:899px) {
.bottleImg03 img {
	width:100%;
	height:auto;
}
}

/*その他の特徴*/
#otherConcepts dt {
	font-size:3.5rem;
	line-height:3.8rem;
	text-align:center;
	border-bottom:1px solid #FFF;
	padding-bottom:15px;
	margin-bottom:15px;
}

@media screen and (max-width:899px) {
#otherConcepts dt {
	font-size:2.6rem;
	line-height:3.6rem;
}
}

#otherConcepts dt div {
	font-size:2.5rem;
	line-height:2.8rem;
	font-family: 'Amiri', serif;
	margin-top:10px;
}

@media screen and (max-width:899px) {
#otherConcepts dt div {
	font-size:1.8rem;
	line-height:2.3rem;
}
}

#otherConcepts dt br {
	display:none;
}

@media screen and (max-width:899px) {
#otherConcepts dt br {
	display:inherit;
}
}

#otherConcepts dd.en {
	font-family: 'Amiri', serif;
	line-height:2.7rem;
	margin-top:15px;
	margin-bottom:45px;
}

@media screen and (max-width:899px) {
#otherConcepts dd.en {
	line-height:2.2rem;
	margin-bottom:30px;
}
}


#otherConcepts dd.photo {
	text-align:center;
	margin-bottom:90px;
}

@media screen and (max-width:899px) {
#otherConcepts dd.photo {
	margin-bottom:40px;
}
}

#otherConcepts dd.photo img {
	width:400px;
	height:238px;
}

@media screen and (max-width:899px) {
#otherConcepts dd.photo img {
	width:100%;
	height:auto;
}
}

/*==============================
商品紹介
==============================*/
#products {
	width:1200px;
	margin:0 auto;
	padding-bottom:45px
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#products {
	max-width:1100px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#products {
	width:980px;
}
}

@media screen and (max-width:899px) {
#products {
	width: calc(100% - 40px);
	margin:0 auto;
	padding-bottom:10px;
}
}

.itemWrapper {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 50%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 );
	padding:0 0 35px;
	margin-bottom:50px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.itemWrapper {
	margin-right:70px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.itemWrapper {
	margin-right:70px;
}
}

@media screen and (max-width:899px) {
.itemWrapper {
	padding:0 0 10px;
	margin-bottom:30px;
}
}

.subCategory {
	padding:0 0 15px;
}

@media screen and (max-width:899px) {
.subCategory {
	padding:0 0 10px;
}
}

/*ヘッダ*/
.productsHeader {
	border-bottom:1px solid #B3B3B3;
	display:flex;
	align-items: center;
	padding:30px;
	width:360px;
}

@media screen and (max-width:899px) {
.productsHeader {
	padding:10px;
	width:220px;
}
}

.productsHeader img {
	width:94px;
	height:82px;
	margin-right:30px;
}

@media screen and (max-width:899px) {
.productsHeader img {
	width:55px;
	height:48px;
	margin-right:10px;
}
}

.productsHeader h5 {
	font-size:2.0rem;
	line-height:2.4rem;
	letter-spacing:0.2rem;
}

@media screen and (max-width:899px) {
.productsHeader h5 {
	font-size:1.4rem;
	line-height:1.8rem;
	letter-spacing:0.2rem;
}
}

.productsHeader h5 span {
	font-family: 'Amiri', serif;
	letter-spacing:0;
}

/*カテゴリ名*/
.itemCategoryNameWrapper {
	float:left;
	padding:70px 0 0 100px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/ 
.itemCategoryNameWrapper {
	padding:70px 0 0 65px;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.itemCategoryNameWrapper {
	padding:70px 0 0 65px;
}
}

@media screen and (max-width:899px) {
.itemCategoryNameWrapper {
	float:none;
	padding:30px 20px 20px;
}
}

.itemCategoryNameWrapper h3 {
	font-size:4.0rem;
	line-height:4.4rem;
}

@media screen and (max-width:899px) {
.itemCategoryNameWrapper h3 {
	font-size: 2.4rem;
    line-height:2.6rem;
}
}

.itemCategoryNameWrapper h3.en {
	font-size:3.0rem;
	line-height:3.2rem;
	font-family: 'Amiri', serif;
}

@media screen and (max-width:899px) {
.itemCategoryNameWrapper h3.en {
	font-size:1.8rem;
	line-height:2.0rem;
}
}

.itemCategoryNameWrapper .titleLine {
	margin:-16px 0 14px;
}

.itemCategoryNameWrapper .titleLine img {
	width:50px;
	height:2px;
}

@media screen and (max-width:899px) {
.itemCategoryNameWrapper .titleLine img {
	width:35px;
	height:2px;
}
}

.itemCategoryNameWrapper h4 {
	color:#AB0D3E;
	font-size:1.8rem;
	line-height:2.2rem;
	margin-top:40px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.itemCategoryNameWrapper h4 {
	max-width:455px;
}
}

@media screen and (max-width:899px) {
.itemCategoryNameWrapper h4 {
	font-size:1.6rem;
	line-height:2.0rem;
	margin-top:20px;
}
}

.itemCategoryNameWrapper h4 span {
	font-family: 'Amiri', serif;
	line-height:1.4rem;
}

.categoryItem {
	float:right;
	margin-right:100px;
	margin-top:-90px;
}

.organicItem {
	margin-top:-65px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.categoryItem {
	margin-right:20px;
	margin-top:-55px;
}

.organicItem {
	margin-top:-55px;
}
}

@media only screen and (min-device-width: 899px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.categoryItem {
	margin-right:20px;
	margin-top:-55px;
}

.organicItem {
	margin-top:-55px;
}
}

@media screen and (max-width:899px) {
.categoryItem {
	float:none;
	margin:0 0 20px;
	text-align:center;
}
}

.categoryItem img {
	width:360px;
	height:auto;
}

@media screen and (max-width:899px) {
.categoryItem img {
	width:250px;
	height:auto;
}
}

.subCategory .categoryItem img {
	width:300px;
	height:auto;
}

@media screen and (max-width:899px) {
.subCategory .categoryItem img {
	width:250px;
	height:auto;
}
}

/*本文*/
.itemWrapper p.jp {
	width:1000px;
	margin:0 auto;
	clear:both;
	padding-top:40px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.itemWrapper p.jp {
	max-width:900px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.itemWrapper p.jp {
	width:780px;
}
}

@media screen and (max-width:899px) {
.itemWrapper p.jp {
	width:100%;
	margin:0;
	padding:0 20px;
}
}

.itemWrapper p.jp span.notes {
	font-size:1.0rem;
	vertical-align:super;
}

.itemWrapper p.jp span.notes02 {
	font-size:1.4rem;
}

.itemWrapper p.en {
	width:1000px;
	margin:20px auto 0;
	line-height:2.7rem;
	font-family: 'Amiri', serif;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.itemWrapper p.en {
	width:900px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.itemWrapper p.en {
	width:780px;
}
}

@media screen and (max-width:899px) {
.itemWrapper p.en {
	width:100%;
	margin:10px 0 0;
	line-height:2.2rem;
	padding:0 20px;
}
}

/*アイコン背景*/
.sparkling {
	background:url(../images/icon_sparkling.svg) no-repeat top 15px left 60px;
}

@media screen and (max-width:899px) {
.sparkling {
	background:url(../images/icon_sparkling.svg) no-repeat top 5px left 8px;
	background-size:38px 104px;
}
}

.organic {
	background:url(../images/icon_organic.svg) no-repeat top 15px left 28px;
}

@media screen and (max-width:899px) {
.organic {
	background:url(../images/icon_organic.svg) no-repeat top 0 left 5px;
	background-size:72px 86px;
}
}

.wineglass {
	background:url(../images/icon_wineglass.svg) no-repeat top 30px left 44px;
}

@media screen and (max-width:899px) {
.wineglass {
	background:url(../images/icon_wineglass.svg) no-repeat top 10px left 8px;
	background-size:50px 68px;
}
}

/*カテゴリー移動ボタン*/
.cartButtonCategory {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
	width:1000px;
	margin:40px auto;
	display:flex;
	justify-content: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#4D4D4D;
	font-size:1.4rem;
	line-height:2.0rem;
	padding:15px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.cartButtonCategory {
	max-width:900px;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.cartButtonCategory {
	max-width:780px;
}
}

@media screen and (max-width:899px) {
.cartButtonCategory {
	width: calc(100% - 40px);
	margin:20px auto 30px;
	padding:10px;
}
}

.cartButtonCategory span {
	font-family: 'Roboto', sans-serif;
}

.cartButtonCategory a {
	display:block;
	background:#F00;
}

.cartButtonCategory img {
	margin-left:80px;
}

@media screen and (max-width:899px) {
.cartButtonCategory img {
	margin-left:15px;
}
}

/*商品リンク*/
#products ul {
	width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#products ul {
	width:900px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#products ul {
	width:780px;
}
}

@media screen and (max-width:899px) {
#products ul {
	width: calc(100% - 40px);
}
}

#products ul li {
	flex-basis:33.3%;
	border-left:1px solid #B3B3B3;
	padding-right:20px;
	display:flex;
	margin-bottom:20px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#products ul li {
	padding-right:10px;
}
}

@media screen and (max-width:899px) {
#products ul li {
	flex-basis:50%;
	border-left:none;
	margin-bottom:30px;
}
}

@media screen and (max-width:480px) { 
#products ul li {
	flex-basis:100%;
	padding-right:0;
}
}

#products ul li:nth-of-type(3n) {
	border-right:1px solid #B3B3B3;
}

@media screen and (max-width:899px) {
#products ul li:nth-of-type(3n) {
	border-right:none;
}
}

.itemPhoto {
	width:110px;
	height:175px;
	margin-right:10px;
	align-self: center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.itemPhoto {
	margin-right:5px;
}
}

.shopLinkWrapper {
	display:flex;
	flex-direction: column;
	width: calc(100% - 120px);
}

.itemName {
	line-height:2.4rem;
	margin-bottom:10px;
}

.itemName .en {
	line-height:2.0rem;
	font-family: 'Amiri', serif;
	margin-top:10px;
}

.cartButtonItem {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	line-height:2.0rem;
	background:url(../images/item_link_arrow.svg) no-repeat bottom right;
	padding-bottom:10px;
	width:100%;
	margin-top:auto;
}

.cartButtonItem span {
	font-family: 'Roboto', sans-serif;
}

.cartButtonItem a {
	color:#4D4D4D;
	text-decoration:none;
	display:block;
}

.cartButtonItem img {
	width:28px;
	height:26px;
	float:right;
	margin-top:-12px;
	margin-right:25px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.cartButtonItem img {
	margin-right:5px;
}
}

/*メインスライドのカート*/
.slideOriginal .cartButtonItem {
	width: calc(100% - 210px);
	margin:40px auto 0;
	text-align:left;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.slideOriginal .cartButtonItem {
	margin:15px auto 0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.slideOriginal .cartButtonItem {
	width: calc(100% - 110px);
	margin:20px auto 0;
	text-align:left;
}
}

/*==============================
外部サイトリンク
==============================*/
#links {
	border-top:1px solid #FFF;
	color:#FFF;
	margin-top:100px;
	padding:95px 0;
	text-align:center;
}

@media screen and (max-width:899px) {
#links {
	margin-top:40px;
	padding:20px 20px 40px;
}
}

#links h3 {
	font-size:2.0rem;
	line-height:2.8rem;
	letter-spacing:0.5rem;
}

@media screen and (max-width:899px) {
#links h3 {
	font-size:1.8rem;
	line-height:2.8rem;
}
}

#links h3 div {
	font-family: 'Amiri', serif;
	letter-spacing:0;
	margin-top:5px;
}

#links h3 br {
	display:none;
}

@media screen and (max-width:899px) {
#links h3 br {
	display:inherit;
}
}

#links ul {
	margin:25px auto 0;
}

@media screen and (max-width:899px) {
#links ul {
	width:100%;
	margin:25px 0 0;
}
}

@media screen and (max-width:480px) { 
#links ul {
	display:inherit;
	margin:20px auto 0;
}
}

@media screen and (max-width:480px) {
#links ul li:first-child {
	margin-right:0;
	margin-bottom:10px;
}
}

#links ul li img {
	width:720px;
	height:auto;
}

@media screen and (max-width:899px) {
#links ul li img {
	width:100%;
	height:auto;
}
}

/*==============================
お知らせ／トップページ
==============================*/
#news {
	background:#FFF url(../images/news_bg.jpg) no-repeat left bottom;
	background-size:504px 336px;
	display:flex;
	justify-content:center;
	padding:40px 0 100px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#news {
	padding:70px 70px 100px 0;

}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#news {
	padding:70px 70px 100px 0;

}
}

@media screen and (max-width:899px) {
#news {
	background-size:320px 213px;
	display:inherit;
	padding:30px 20px 240px;
}
}

.newsTitleWrapper {
	background:url(../images/news_title_bg.svg) no-repeat center center;
	width:250px;
	height:254px;
	margin-right:70px;
	display:flex;
	justify-content: center; 
	align-items: center;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.newsTitleWrapper {
	margin-right:20px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.newsTitleWrapper {
	margin-right:20px;
}
}

@media screen and (max-width:899px) {
.newsTitleWrapper {
	background:none;
	width:auto;
	height:auto;
	margin-right:0;
	display:inherit;
}
}

.newsTitleWrapper h3 {
	font-size:4.0rem;
	line-height:4.4rem;
}

@media screen and (max-width:899px) {
.newsTitleWrapper h3 {
	font-size: 3.0rem;
    line-height: 3.2rem;
	text-align:center;
}
}

.newsTitleWrapper h3.en {
	font-size:3.0rem;
	line-height:3.4rem;
}

@media screen and (max-width:899px) {
.newsTitleWrapper h3.en {
	font-size: 2.4rem;
    line-height: 2.6rem;
}
}

.newsTitleWrapper .titleLine {
	margin:-10px 0 10px;
}

@media screen and (max-width:899px) {
.newsTitleWrapper .titleLine {
	margin:-14px 0 12px;
	text-align:center;
}
}

.newsTitleWrapper .titleLine img {
	width:50px;
	height:2px;
}

@media screen and (max-width:899px) {
.newsTitleWrapper .titleLine img {
	width:35px;
	height:2px;
}	
}

#news dl {
	width:880px;
	display:flex;
	flex-wrap:wrap;
	margin-top:71px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#news dl {
	width:800px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#news dl {
	width:660px;
}
}

@media screen and (max-width:899px) {
#news dl {
	width:100%;
	margin-top:20px;
	display:inherit;
}
}

#news dl dt {
	flex-basis:880px;
	color:#4D4D4D;
	font-family: 'Roboto', sans-serif;
	font-size:1.4rem;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#news dl dt {
	flex-basis:800px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#news dl dt {
	flex-basis:660px;
}
}

#news dl dd.newsTitle {
	flex-basis:770px;
	padding-left:30px;
	padding-right:10px;
	font-size:2.2rem;
	line-height:3.2rem;
}


@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#news dl dd.newsTitle {
	flex-basis:690px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#news dl dd.newsTitle {
	flex-basis:550px;
}
}

@media screen and (max-width:899px) {
#news dl dd.newsTitle {
	padding-left:0;
	padding-right:0;
	font-size:1.8rem;
	line-height:2.2rem;
}
}

#news dl dd.newsRead {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	flex-basis:110px;
	margin-top:auto;
	background:url(../images/news_link_arrow.svg) no-repeat right top 20px;
}

@media screen and (max-width:899px) {
#news dl dd.newsRead {
	display:none;
}
}

#news dl dd.newsRead a {
	color:#4D4D4D;
}

#news dl dd {
	border-bottom:1px solid #B3B3B3;
	margin-bottom:20px;
	padding-bottom:20px;
}

@media screen and (max-width:899px) {
#news dl dd {
	margin-bottom:10px;
	padding-bottom:10px;
}
}

.AllNews {
	background:#E6E6E6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	line-height:2.0rem;
	text-align:center;
	width:880px;
	margin-top:30px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.AllNews {
	width:800px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.AllNews {
	width:660px;
}
}

@media screen and (max-width:899px) {
.AllNews {
	width:100%;
	margin-top:30px;
}
}

.AllNews span {
	font-family: 'Roboto', sans-serif;
}

.AllNews a {
	display:block;
	color:#4D4D4D;
	padding:15px;
}

@media screen and (max-width:899px) {
.AllNews a {
	padding:10px;
}
}

/*==============================
ブログ／トップページ
==============================*/
#weblog {
	padding:95px 0 100px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#weblog {
	padding:95px 70px 100px 0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#weblog {
	padding:95px 70px 100px 0;
}
}

@media screen and (max-width:899px) {
#weblog {
	padding:40px 0;
}
}

#weblog h3 {
	color:#FFF;
	font-size:4.0rem;
	line-height:4.4rem;
	text-align:center;
	letter-spacing:0.5rem;
}

@media screen and (max-width:899px) {
#weblog h3 {
	font-size: 3.0rem;
    line-height: 3.2rem;
}
}

#weblog h3.en {
	font-size:3.0rem;
	line-height:4.0rem;
	font-family: 'Amiri', serif;
	letter-spacing:0;
}

@media screen and (max-width:899px) {
#weblog h3.en {
	font-size: 2.4rem;
    line-height: 2.6rem;
}
}

#weblog .titleLine {
	margin:-10px 0 17px;
	text-align:center;
}

@media screen and (max-width:899px) {
#weblog .titleLine {
	margin:-14px 0 12px
}
}

#weblog .titleLine img {
	width:50px;
	height:2px;
}

@media screen and (max-width:899px) {
#weblog .titleLine img {
	width:35px;
	height:2px;
}	
}

.blogArticle {
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	margin:60px auto 30px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.blogArticle {
	width: calc(100% - 42px);
	margin:60px auto 30px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.blogArticle {
	width: calc(100% - 20px);
	margin:60px auto 30px;
}
}

@media screen and (max-width:899px) {
.blogArticle {
	width: calc(100% - 40px);
	margin:60px auto 30px;
	justify-content: center;
}
}

@media screen and (max-width:480px) {
.blogArticle {
	display:inherit;
	width: calc(100% - 40px);
	margin:30px auto;
}
}

.blogArticle li {
	width:386px;
	margin-right:21px;
	padding:15px 0;
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction: column;
	margin-bottom:20px;
	background:
    linear-gradient(225deg, transparent 10px, #fff 10px);
	background-position: top right;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.blogArticle li {
	width: calc(33% - 11px);
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.blogArticle li {
	width: calc(33% - 3px);
	margin-right:9px;
}
}

@media screen and (max-width:899px) {
.blogArticle li {
	width: calc(50% - 5px);
	margin-right:10px;
}
}

@media screen and (max-width:480px) {
.blogArticle li {
	width:100%;
	margin-righ:t0;
	display:inherit;
	margin-bottom:10px;
}
}

.blogArticle li:nth-of-type(3n) {
	margin-right:0;
}

@media screen and (max-width:899px) {
.blogArticle li:nth-of-type(3n) {
	margin-right:10px;
}

.blogArticle li:nth-of-type(2n) {
	margin-right:0;
}
}

.blogThumb {
	padding:0 15px;
}

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

.blogArticle time {
	color:#AB0D3E;
	font-size:1.4rem;
	font-family: 'Roboto', sans-serif;
	background:url(../images/blog_date.svg) no-repeat left bottom;
	display:block;
	padding-left:15px;
	margin:15px 0;
}

.blogArticle li h4 {
	padding:0 15px;
	font-size:2.4rem;
	line-height:3.8rem;
	margin-bottom:20px;
}

@media screen and (max-width:899px) {
.blogArticle li h4 {
	font-size:2.0rem;
	line-height:3.0rem;
}
}

.blogRead {
	margin-right:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	margin-top:auto;
	background:url(../images/item_link_arrow.svg) no-repeat right top 20px;
	display:block;
	width:110px;
	margin-left: auto
}

.blogRead a {
	color:#4D4D4D;
}

.AllBlog {
	background:#000;
	border:1px solid #FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	line-height:2.0rem;
	text-align:center;
	width:1200px;
	margin:0 auto;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.AllBlog {
	width:calc(100% - 42px);
	margin:0 auto;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.AllBlog {
	width:calc(100% - 20px);
	margin:0 auto;
}
}

@media screen and (max-width:899px) {
.AllBlog {
	width: calc(100% - 40px);
	margin:0 auto;
}

#blog .AllBlog {
	width:100%;
	margin:0 auto 30px;
}
}

.AllBlog a {
	display:block;
	color:#FFF;
	padding:15px;
}

@media screen and (max-width:899px) {
.AllBlog a {
	padding:10px;
}
}

/*==============================
フッター
==============================*/
footer {
	background:#FFF;
	text-align:center;
	padding:45px 0 100px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
footer {
	margin-right:70px;
}
}

@media screen and (max-width:899px) {
footer {
	padding:30px 20px 80px;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
footer {
	margin-bottom:0;
	padding:30px 20px;
}
}

address,#precautionary {
	width: 1200px;
	margin:0 auto;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
address,#precautionary {
	width:980px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
address,#precautionary {
	width:910px;
}
}

@media screen and (max-width:899px) {
address,#precautionary {
	width:100%;
	margin:0;
}	
}

address {
	position:relative;
}

#precautionary {
	font-size:1.3rem;
	line-height:1.8rem;
	padding:16px;
	border-top:1px solid #B3B3B3;
	margin-top:15px;
}

@media screen and (max-width:899px) {
#precautionary {
	padding:15px 0 0;
	margin-top:15px;
	text-align:left;
}
}

#precautionary span {
	font-family: 'Amiri', serif;
}

.companyName {
	font-size:3.2rem;
	line-height:3.6rem;
	margin:20px 0;
	letter-spacing:0.5rem;
}

@media screen and (max-width:899px) {
.companyName {
	font-size:1.8rem;
	line-height:2.4rem;
	margin:10px 0;
}
}

.companyName span {
	font-family: 'Amiri', serif;
}

.map {
	position:absolute;
	right:0;
	bottom:0;
}

#companyInfo br {
	display:none;
}

@media screen and (max-width:899px) {
#companyInfo br {
	display:inherit;
}

#companyInfo span {
	display:none;
}

#companyInfo a {
	display:inline;	
}

.footerLogo {
	width:120px;
	height:105px;
}
}

/*==============================
サブナビ
==============================*/
#subNav {
	font-size:2.4rem;
	line-height:3.0rem;
	display:flex;
	justify-content:center;
	padding:40px 0;
	background:#AB0D3E;
	margin:0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#subNav {
	margin-right:70px;
	padding:30px 20px;
}
}

#subNav span {
	font-family: 'Amiri', serif;
}

@media screen and (max-width:899px) {
#subNav {
	font-size:1.6rem;
	line-height:2.0rem;
	display:block;
	padding:0;
}
}

#subNav li {
	flex-basis:398px;
	border-left:1px solid #FFF;
	text-align:center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#subNav li {
	flex-basis:33.3%;
}
}

@media screen and (max-width:899px) {
#subNav li {
	border-left:none;
	border-bottom:1px solid #FFF;
	padding:10px 0;
}
}

#subNav li:last-child {
	border-right:1px solid #FFF;
}

@media screen and (max-width:899px) {
#subNav li:last-child {
	border-right:none;
	border-bottom:none;
}
}

#subNav a:link,#subNav a:visited,#subNav a:hover,#subNav a:active {
	color:#FFF;
	text-decoration:none;
}

/*==============================
ページトップ
==============================*/
.page_top_btn{
	display: none !Important;
}
.pagetop {
	display: none;
	position: fixed;
	bottom:85px;
	right:24px;
	z-index:130;
	width:18px;
	height:48px;
	background:url(../images/page_top.svg) no-repeat center center;
	background-size:18px 48px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

@media screen and (max-width:899px) {
.pagetop {
	bottom:80px;
	right:10px;
	background:url(../images/page_top_sp.svg) no-repeat center center;
}
}

@media screen and (max-width:899px) and (orientation: landscape) {
/*スマホ横位置*/
.pagetop {
	bottom:30px;
}
}

/*==============================
ブログ
==============================*/
#blog {
	width:1000px;
	margin:0 auto;
	padding:100px 0 50px;
	display:flex;
	flex-wrap:wrap;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#blog {
	padding:100px 70px 50px 0;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#blog {
	padding:100px 70px 50px 0;
}
}

@media screen and (max-width:899px) {
#blog {
	width:100%;
	padding:100px 0 0;
}
}

#mainColumn {
	flex: 1;
}

@media screen and (max-width:899px) {
#mainColumn {
	margin:0 20px;
}
}

#mainColumn article p a {
	word-break:break-all;
}

#sideBar {
	width:250px;
	margin-left:50px;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:80px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#sideBar {
	margin-left:30px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#sideBar {
	margin-left:30px;
}
}

@media screen and (max-width:899px) {
#sideBar {
	width:100%;
	margin-left:0;
	margin-top:30px;
	background:#000000;
	padding-bottom:50px;
	padding-top:30px;
}	
}

#blog h2 {
	font-size:4.0rem;
	line-height:4.8rem;
	letter-spacing:0.2rem;
	text-align:center;
	color:#FFF;
	width:100%;
}

@media screen and (max-width:899px) {
#blog h2 {
	font-size: 2.6rem;
    line-height: 3.6rem;
}
}

#blog h2.en {
	letter-spacing:0;
	font-size:3.0rem;
	line-height:3.4rem;
	font-family: 'Amiri', serif;
	margin-bottom:90px;
}

@media screen and (max-width:899px) {
#blog h2.en {
	font-size: 1.8rem;
    line-height: 2.3rem;
	margin-bottom:40px;
}
}

#blog .titleLine {
	text-align:center;
	margin:-15px 0 10px;
	width:100%;
}

#blog .titleLine img {
	width:50px;
	height:2px;
}

.blogMainWrapper {
	display:flex;
	align-items: flex-end;
}

.mainPhoto {
	flex:1;
}

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

#blog h3 {
	font-size:3.0rem;
	line-height:4.0rem;
	letter-spacing:0.5rem;
	display:block;
	padding:60px 50px 25px;
}

@media screen and (max-width:899px) {
#blog h3 {
	font-size: 2.0rem;
    line-height: 2.8rem;
	padding:35px 20px 25px 20px;
	background:none;
	letter-spacing:0;
}
}

#blog h3:after {
	content:"";
	display:block;
	width:50px;
	height:2px;
	background:url(../images/title_line.svg) no-repeat;
	background-size:50px 2px;
	position:relative;
	bottom:-25px;
}

@media screen and (max-width:899px) {
#blog h3:after {
	left:-20px;
	bottom:-25px;
}
}

#blog article {
	background:#FFFFFF;
	margin-bottom:50px;
	padding-bottom:45px;
}

@media screen and (max-width:899px) {
#blog article {
	margin-bottom:30px;
	padding-bottom:20px;
}
}

#blog article time {
	color:#AB0D3E;
	width:82px;
	margin:0 22px -16px 50px;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	font-family: 'Roboto', sans-serif;
	text-align:center;
}

@media screen and (max-width:899px) {
#blog article time {
	width:60px;
	margin:0 10px -10px 20px;
}
}

#blog article time .year,#blog article time .month,#blog article time .day {
	width:100%;
	padding-right:28px;
}

@media screen and (max-width:899px) {
#blog article time .year,#blog article time .month,#blog article time .day {
	padding-right:14px;
}
}

#blog article time .year {
	font-size:1.5rem;
	line-height:2.0rem;
	margin-bottom:-8px;
}

@media screen and (max-width:899px) {
#blog article time .year {
	font-size:1.2rem;
	line-height:1.4rem;
	margin-bottom:0;
}
}

#blog article time .month,#blog article time .day {
	font-size:4.0rem;
	line-height:6.0rem;
}

@media screen and (max-width:899px) {
	#blog article time .month,#blog article time .day {
	font-size:3.0rem;
	line-height:4.0rem;
}
}

#blog article time .month {
	background:url(../images/blog_date.svg) no-repeat bottom right;
}

@media screen and (max-width:899px) {
#blog article time .month {
	background-size:74px 15px;
}
}

#blog article time .new {
	margin:0 24px 20px 0;
}

@media screen and (max-width:899px) {
#blog article time .new {
	margin:0 10px 20px 0;
}
}

.blogPwrapper {
	background: rgb(242,242,242);
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 10%);
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 10%);
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
	padding:50px 50px 0;
}

@media screen and (max-width:899px) {
.blogPwrapper {
	padding:20px 20px 0;
}
}

/*文中スタイル*/
.blogPwrapper h4 {
	font-size:2.1rem;
	line-height:3.0rem;
	margin-bottom:20px;
}

@media screen and (max-width:899px) {
.blogPwrapper h4 {
	font-size:1.8rem;
	line-height:2.7rem;
	margin-bottom:15px;
}
}

.blogPwrapper p {
	margin-bottom:25px;
}

@media screen and (max-width:899px) {
.blogPwrapper p {
	margin-bottom:20px;
}
}

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

.blogPwrapper .fcRed {
	color:#AB0D3E;
}

.blogPwrapper a:link,.blogPwrapper a:visited,.blogPwrapper a:hover,.blogPwrapper a:active {
	color:#AB0D3E;
	text-decoration:none;
	border-bottom:1px dotted #AB0D3E;
}

@media screen and (max-width:899px) {
.blogPwrapper a:link,.blogPwrapper a:visited,.blogPwrapper a:hover,.blogPwrapper a:active {
	display:inline;
}
}

/*写真*/
.blogPwrapper figure {
	margin-bottom:40px;
}

@media screen and (max-width:899px) {
.blogPwrapper figure {
	margin-bottom:30px;
}
}

.blogPwrapper figure img {
	width:100%;
	height:auto;
}

.blogPwrapper figcaption {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2rem;
	line-height:1.8rem;
	margin-top:12px;
}

/*記事内動画*/
video.videoBlog {
	width: 100%;
	float: none;
}

/*==============================
お知らせ
==============================*/
#information {
	padding-bottom:50px;
	background:url(../images/information_bg02.gif) no-repeat top 100px right 170px;
}

@media screen and (max-width:899px) {
#information {
	padding-bottom:40px;
	background:url(../images/information_bg02.gif) no-repeat top 100px right 40px;
}
}

#infoBg {
	background:url(../images/information_bg.jpg) no-repeat top right 70px;
	padding-top:200px;
}

@media screen and (max-width:899px) {
#infoBg {
	background:url(../images/information_bg.jpg) no-repeat top 70px right;
	background-size:40% auto;
	padding-top:220px;
}
}

.infoLogo {
	width:100px;
	height:100px;
	background:#FFFFFF;
	display:flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:-30px;
	right:-30px;
}

@media screen and (max-width:899px) {
.infoLogo {
	width:70px;
	height:70px;
	top:-30px;
	right:-10px;
}
}

.infoLogo img {
	width:94px;
	height:82px;
}

@media screen and (max-width:899px) {
.infoLogo img {
	width:65px;
	height:57px;
}
}

.infoTitleWrapper {
	background:url(../images/news_title_bg.svg) no-repeat center center;
	background-size:300px 306px;
	width:300px;
	height:306px;
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding-left:50px;
	position:absolute;
	top:-150px;
	left:-240px;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
.infoTitleWrapper {
	top:-180px;
	left:-100px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
.infoTitleWrapper {
	top:-180px;
	left:-100px;
}
}

@media screen and (max-width:899px) {
.infoTitleWrapper {
	background:none;
	width:100%;
	height:auto;
	padding-left:0;
	top:-90px;
	left:0;
}
}

.infoTitleWrapper h2 {
	font-size:4.8rem;
	letter-spacing:0.2rem;
}

@media screen and (max-width:899px) {
.infoTitleWrapper h2 {
	font-size: 2.6rem;
    line-height: 3.0rem;
}
}

.infoTitleWrapper h2.en {
	font-size:3.6rem;
	font-family: 'Amiri', serif;
	letter-spacing:0;
}

@media screen and (max-width:899px) {
.infoTitleWrapper h2.en {
	font-size: 1.8rem;
}
}

.infoTitleWrapper .titleLine {
	margin:2px 0 15px;
}

@media screen and (max-width:899px) {
.infoTitleWrapper .titleLine {
	margin:-20px 0 0;
}
}

.infoTitleWrapper .titleLine img {
	width:60px;
	height:2px;
}

@media screen and (max-width:899px) {
.infoTitleWrapper .titleLine img {
	width:50px;
	height:2px;
}
}

#infoWrap {
	background:#FFF;
	width:1000px;
	margin:0 auto;
	padding:40px 50px 50px;
	position:relative;
	display:flex;
	flex-wrap:wrap;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#infoWrap {
	width:800px;
	padding:100px 30px 50px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#infoWrap {
	width:800px;
	padding:100px 30px 50px;
}
}

@media screen and (max-width:899px) {
#infoWrap {
	width: calc(100% - 40px);
	margin:0 auto;
	padding:0 0 30px;
}

.infoDetail #infoWrap {
	padding:0 20px 30px;
}
}

#infoMainColumn {
	flex: 1;
}

@media screen and (max-width:899px) {
#infoMainColumn {
	padding:0 20px;
}
}

#infoMainColumn article p a {
	word-break:break-all;
}

#infoSideBar {
	width:250px;
	margin-left:50px;
	padding-top:40px;
	color:#4D4D4D;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (min-width:899px) and (max-width:1536px) {
/*Macbook*/
#infoSideBar {
	margin-left:30px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#infoSideBar {
	margin-left:30px;
}
}

@media screen and (max-width:899px) {
#infoSideBar {
	width:100%;
	margin-left:0;
}
}

#infoWrap article {
	border-bottom:1px solid #B3B3B3;
	padding:50px 0;
}

@media screen and (max-width:899px) {
#infoWrap article {
	padding:30px 0 40px;
}
}

#infoWrap article time {
	font-size:1.4rem;
	font-family: 'Roboto', sans-serif;
	color:#4D4D4D;
}

#infoWrap article h3 {
	font-size:3.0rem;
	line-height:3.8rem;
	margin:5px 0 40px;
	padding-bottom:30px;
	background:url(../images/title_line.svg) no-repeat left bottom;
	background-size:50px 2px;
}

@media screen and (max-width:899px) {
#infoWrap article h3 {
	font-size: 2.0rem;
    line-height: 2.8rem;
	margin:0 0 20px;
	padding-bottom:20px;
}
}

/*写真*/
#infoMainColumn figure {
	margin-bottom:40px;
}

@media screen and (max-width:899px) {
#infoMainColumn figure {
	margin-bottom:30px;
}
}

#infoMainColumn figure img {
	width:100%;
	height:auto;
}

#infoMainColumn figcaption {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2rem;
	line-height:1.8rem;
	margin-top:12px;
}

#infoMainColumn  p {
	margin-bottom:25px;
}

@media screen and (max-width:899px) {
#infoMainColumn  p {
	margin-bottom:20px;
}
}

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

#infoMainColumn .fcRed {
	color:#AB0D3E;
}

#infoMainColumn p a:link,#infoMainColumn p a:visited,#infoMainColumn p a:hover,#infoMainColumn p a:active {
	color:#AB0D3E;
	text-decoration:none;
	border-bottom:1px dotted #AB0D3E;
}

@media screen and (max-width:899px) {
#infoMainColumn p a:link,#infoMainColumn p a:visited,#infoMainColumn p a:hover#infoMainColumn p a:active {
	display:inline;
}
}

#infoMainColumn .new {
	vertical-align:middle;
	margin-right:10px;
	padding-bottom:6px;
}

#infoMainColumn h4 {
    font-size: 2.1rem;
    line-height: 3.0rem;
    margin-bottom: 20px;
}

/*==============================
CMSパーツ
==============================*/
/*Shareボタン*/
.shareButtton {
	font-size:1.2rem;
	line-height:1.6rem;
	font-family: 'Roboto', sans-serif;
	display:flex;
	justify-content: flex-end;
}

@media screen and (max-width:899px) {
.shareButtton {
	justify-content: center;
}
}

#mainColumn .shareButtton {
	margin:0 50px;
}

@media screen and (max-width:899px) {
#mainColumn .shareButtton {
	margin:0 20px;
}
}

@media screen and (max-width:899px) {
.shareButtton {
	justify-content: center;
	margin:0 20px;
}
}

.shareButtton li {
	margin-left:30px;
}

.shareButtton li:first-child {
	margin-left:0;
}

/*ボタン関連*/
.readMore {
	text-align:center;
	font-size:1.4rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
}

#mainColumn .readMore {
	background:#333333;
}

#infoMainColumn .readMore {
	background:#F2F2F2;
	margin-top:50px;
}

.readMore a {
	padding:12px 20px 34px 20px;
	display:block;
}

@media screen and (max-width:899px) {
.readMore a {
	padding:5px 10px 25px 10px;
}
}

#mainColumn .readMore a {
	color:#FFFF;
}

#infoMainColumn .readMore a {
	color:#4D4D4D;
}

.readMore:after {
	position: absolute;
	content: '';
	bottom:20px;
	left:calc(50% - 13px);
	width:30px;
	height:12px;
	display:block;
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
}

@media screen and (max-width:899px) {
.readMore:after {
	bottom:10px;
}
}

#mainColumn .readMore:after {
	background-image:url(../images/button_arrow.svg);
	pointer-events: none;
}

#infoMainColumn .readMore:after {
	background-image:url(../images/button_arrow2.svg);
}

.articlePageNavi {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	line-height:2.0rem;
	display:flex;
}

@media screen and (max-width:899px) {
.articlePageNavi {
	flex-wrap:wrap;
}
}

#infoMainColumn .articlePageNavi {
	margin-top:50px;
}

@media screen and (max-width:899px) {
#infoMainColumn .articlePageNavi {
	margin-top:45px;
}
}

.articlePageNavi a {
	display:block;
	padding:30px 10px;
}

@media screen and (max-width:899px) {
.articlePageNavi a {
	padding:20px 10px;
}
}

#mainColumn .articlePageNavi a {
	color:#FFF;
}

#infoMainColumn .articlePageNavi a {
	color:#4D4D4D;
}

.articlePageNavi li {
	background:#333333;
	text-align:center;
	width:33.3%;
	margin-right:2px;
	position:relative;
}

#mainColumn .articlePageNavi li {
	background:#333333;
}

#infoMainColumn .articlePageNavi li {
	background:#F2F2F2;
}

.articlePageNavi li:last-child {
	margin-right:0;
}

@media screen and (max-width:899px) {
.articlePageNavi li.newPost,.articlePageNavi li.oldPost {
	width:calc(50% - 2px);
}

.articlePageNavi li.newPost {
	order:1;
}

.articlePageNavi li.oldPost {
	order:2;
}

.articlePageNavi li.top {
	width:100%;
	order:3;
	margin-top:2px;
}
}

.articlePageNavi li.newPost:before {
	position: absolute;
	content: '';
	left:8px;
	top:calc(50% - 5px);
	width:30px;
	height:12px;
	display:block;
	background-image:url(../images/button_arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
	transform: rotateZ(90deg);
}

@media screen and (max-width:899px) {
.articlePageNavi li.newPost:before {
	left:3px;
}
}

#mainColumn .articlePageNavi li.newPost:before {
	background-image:url(../images/button_arrow.svg);
}

#infoMainColumn .articlePageNavi li.newPost:before {
	background-image:url(../images/button_arrow2.svg);
}

.articlePageNavi li.oldPost:after {
	position: absolute;
	content: '';
	right:8px;
	top:calc(50% - 5px);
	width:30px;
	height:12px;
	display:block;
	background-image:url(../images/button_arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
	transform: rotateZ(-90deg);
}

@media screen and (max-width:899px) {
.articlePageNavi li.oldPost:after {
	right:3px;
}
}

#mainColumn .articlePageNavi li.oldPost:after {
	background-image:url(../images/button_arrow.svg);
}

#infoMainColumn .articlePageNavi li.oldPost:after {
	background-image:url(../images/button_arrow2.svg);
}

.articlePageNavi li.noPost {
	visibility:hidden;
}

/*サイドバーパーツ-*/
#sideBar h4,#infoSideBar h4 {
	font-size:2.0rem;
	line-height:2.4rem;
	letter-spacing:0.3rem;
	border-bottom:1px solid #B3B3B3;
	padding-bottom:16px;
	margin-bottom:22px;
}

@media screen and (max-width:899px) {
#sideBar h4,#infoSideBar h4 {
	font-size:1.6rem;
	line-height:2.0rem;
	padding:0 20px 10px;
	margin-bottom:25px;
	text-align:center;
}
}

.forList {
	font-size:1.4rem;
	line-height:1.8rem;
	text-align:center;
	margin-top:30px;
}

@media screen and (max-width:899px) {
.forList {
	margin:20px 20px 0;
}
}

#sideBar .forList {
	background:#333333;
}

#infoSideBar .forList {
	background:#F2F2F2;
}

.forList a {
	display:block;
	padding:20px;
}

#sideBar .forList a {
	color:#FFF;
}

#infoSideBar .forList a {
	color:#4D4D4D;
}

/*検索窓*/
#_search_ {
	margin-bottom:75px;
	position:relative;
}

@media screen and (max-width:899px) {
#_search_ {
	display:none;
}
}

#searchSP {
	display:none;
}

@media screen and (max-width:899px) {
#searchSP {
	display:inherit;
	position:relative;
	width:100%;
	margin:-10px 20px 60px;
}

#infoMainColumn #searchSP {
	margin:50px 0 90px;
}
}

#_search_ input[type="search"],#searchSP input[type="search"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
	outline: none !important;
	width:100% !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size:1.6rem !important;
	border-radius:22px !important;
	padding:8px 50px 8px 20px !important;
	border:none !important;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
}

#sideBar #_search_ input[type="search"],#searchSP input[type="search"] {
	background:#FFF !important;
}

#infoSideBar #_search_ input[type="search"],#infoMainColumn #searchSP input[type="search"] {
	background:#F2F2F2 !important;
}

#_search_ button,
#_search_ input[type="submit"],
#searchSP button,
#searchSP input[type="submit"] {
   -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
	position:absolute !important;
	top:10px !important;
	right:20px !important;
	width:20px !important;
	height:20px !important;
	display:inline-block !important;
	background:url(../images/icon_serch.svg) no-repeat center right !important;
	background-size:20px 20px !important;
	text-indent:-10000px !important;
	z-index:2 !important;
	cursor:pointer !important;
}

/*最新記事*/
#latestArticles {
	margin-bottom:60px;
}

@media screen and (max-width:899px) {
#latestArticles {
	margin-bottom:40px;
}
}

@media screen and (max-width:899px) {
#latestArticles dl {
	margin:0 20px;
}
}

#latestArticles dt {
	font-size:1.2rem;
	line-height:1.8rem;
	color:#999999;
	font-family: 'Roboto', sans-serif;
	margin-bottom:2px;
}

#latestArticles dd {
	margin-bottom:12px;
	font-size:1.4rem;
	line-height:2.0rem;
}

@media screen and (max-width:899px) {
#latestArticles dd {
	margin-bottom:10px;
}
}

#sideBar #latestArticles dd a {
	color:#FFF;
}

#infoSideBar #latestArticles dd a {
	color:#4D4D4D;
}

/*カテゴリー*/
#category {
	margin-bottom:60px;
}

@media screen and (max-width:899px) {
#category {
	margin-bottom:40px;
}
}

#sideBar #category ul a {
	color:#FFFF;
}

#infoSideBar #category ul a {
	color:#4D4D4D;
}

#category ul {
	font-size:1.4rem;
	line-height:2.0rem;
}

@media screen and (max-width:899px) {
#category ul {
	margin:0 20px;
}
}

#category ul li {
	margin-bottom:15px;
}

@media screen and (max-width:899px) {
#category ul li {
	margin-bottom:15px;
}
}

#category ul li:last-child {
	margin-bottom:0;
}

/*月別アーカイブ*/
#archives {
	margin-bottom:60px;
}

@media screen and (max-width:899px) {
#archives {
	margin-bottom:40px;
}
}

#archives dl {
	font-size:1.4rem;
	line-height:2.0rem;
}

@media screen and (max-width:899px) {
#archives dl {
	margin:0 20px;
}
}

#archives ol {
	margin-left:45px;
}

@media screen and (max-width:899px) {
#archives ol {
	margin:0 20px;
	display:flex;
	flex-wrap:wrap;
}
}

#sideBar #archives ol a {
	color:#FFF;
}

#infoSideBar #archives ol a {
	color:#4D4D4D;
}

#archives ol li {
	margin-bottom:10px;
}

@media screen and (max-width:899px) {
#archives ol li {
	margin:0 6px 15px 0;
	width: calc(33.5% - 6px);
}

#archives ol li:nth-of-type(3n) {
	margin-right:0;
}
}

#archives ol li:last-child {
	margin-bottom:0;
}

.ac-parent {
	padding:12px 15px;
	margin-bottom:10px;
	position: relative; 
}

@media screen and (max-width:899px) {
.ac-parent {
	padding:12px 15px 12px 0;
}
}

#sideBar .ac-parent {
	border:1px solid #666666;
}

@media screen and (max-width:899px) {
#sideBar .ac-parent {
	border:none;
	border-bottom:1px solid #666666;
}
}

#infoSideBar .ac-parent {
	border:1px solid #DEDEDE;
}

@media screen and (max-width:899px) {
#infoSideBar .ac-parent {
	border:none;
	border-bottom:1px solid #DEDEDE;
}
}

.ac-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}

#sideBar .ac-parent:after {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#infoSideBar .ac-parent:after {
	border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
}

.ac-parent.open:after {
	transform: rotate(225deg);
}

.ac-child {
  display: none;
  margin:15px 0 25px;
}

/*バナー*/
@media screen and (max-width:899px) {
#banners ul {
	margin:0 20px;
}
}

#banners li {
	margin-bottom:20px;
}

@media screen and (max-width:899px) {
#banners li {
	margin-bottom:10px;
}
}


#banners li:last-child {
	margin-bottom:0;
}

#banners li img {
	width:100%;
	height:auto;
}


/*==============================
サブコンテンツ
==============================*/
/*タイトル部分*/
.subContentsTitleWrapper {
	border-left:1px solid #FFF;
	padding:30px 0 0 30px;
	position:relative;
	margin-bottom:100px;
}

@media screen and (max-width:899px) {
.subContentsTitleWrapper {
	border-left:none;
	padding:80px 0  0 0;
	margin-bottom:50px;
}
}

.subContentsTitleWrapper h4 {
	font-size:2.0rem;
	line-height:2.5rem;
	letter-spacing:0.5rem;
	margin-bottom:70px;
}

@media screen and (max-width:899px) {
.subContentsTitleWrapper h4  {
	font-size:1.4rem;
	line-height:1.8rem;
	margin:10px 0 50px 80px;
}
}

.subContentsTitleWrapper h4 span {
	font-family: 'Amiri', serif;
	letter-spacing:0;
}

.subContentsLogo {
	background:#FFF;
	width:100px;
	height:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:0;
	left:-100px;
}

@media screen and (max-width:899px) {
.subContentsLogo {
	width:70px;
	height:70px;
	top:80px;
	left:0;
}
}

.subContentsLogo img {
	width:95px;
	height:82px;
}

@media screen and (max-width:899px) {
.subContentsLogo img{
	width:65px;
	height:57px;
}
}

.subContentsTitleWrapper h2 {
	font-size:4.5rem;
	line-height:4.8rem;
	letter-spacing:0.3rem;
}

@media screen and (max-width:899px) {
.subContentsTitleWrapper h2 {
	font-size: 2.6rem;
    line-height: 3.6rem;
}
}

.subContentsTitleWrapper h2.en {
	letter-spacing:0;
	font-size:3.0rem;
	line-height:3.4rem;
	font-family: 'Amiri', serif;
}

@media screen and (max-width:899px) {
.subContentsTitleWrapper h2.en {
	font-size: 1.8rem;
    line-height: 2.3rem;
}
}

.subContentsTitleWrapper .titleLine {
	margin:-10px 0 15px;
}

@media screen and (max-width:899px) {
.subContentsTitleWrapper .titleLine {
	margin:-20px 0 10px;
}

.subContentsTitleWrapper .titleLine img {
	width:50px;
	height:2px;
}
}


/*会社概要*/
#corporateProfile {
	max-width:960px;
	margin:0 auto;
	color:#FFF;
	padding-bottom:100px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#corporateProfile {
	width:800px;
	margin:0 auto;
	color:#FFF;
	padding-bottom:100px;
}
}

@media screen and (max-width:899px) {
#corporateProfile {
	width: calc(100% - 40px);
	margin:0 auto;
	padding-bottom:40px;
}
}

#corporateProfile h3 {
	font-size:3.5rem;
	line-height:3.8rem;
	text-align:center;
}

@media screen and (max-width:899px) {
#corporateProfile h3 {
	font-size:2.6rem;
	line-height:3.6rem;
}
}

#corporateProfile h3 div {
	font-size:2.5rem;
	line-height:2.8rem;
	font-family: 'Amiri', serif;
	margin-top:5px;
}

@media screen and (max-width:899px) {
#corporateProfile h3 div {
	font-size:1.8rem;
	line-height:2.3rem;
}
}

#cpList01 dt {
	border-bottom:1px solid #FFF;
	padding-bottom:15px;
	margin-bottom:15px;
}

#cpList01 dd.en {
	font-family: 'Amiri', serif;
	line-height:2.7rem;
	margin-top:15px;
	margin-bottom:90px;
}

@media screen and (max-width:899px) {
#cpList01 dd.en {
	line-height:2.2rem;
	margin-bottom:40px;
}
}


.outlineTitle {
	border-bottom:1px solid #FFF;
	padding-bottom:15px;
}


#cpList02 {
	color:#FFF;
	display:flex;
	flex-wrap:wrap;
	line-height:2.2rem;
	margin-top:20px;
}

@media screen and (max-width:899px) {
#cpList02 {
	display:inherit;
}	
}

#cpList02 a:link,#cpList02 a:visited,#cpList02 a:hover,#cpList02 a:active {
	color:#FFFFFF;
	text-decoration:none;
	display:inline;
}

#cpList02 span {
	font-family: 'Amiri', serif;
}

#cpList02 dt {
	flex-basis:30%;
	padding:20px 0;
	display:flex;
	color:#FFF;
	border-bottom:1px solid #444;
}

@media screen and (max-width:899px) {
#cpList02 dt {
	flex-basis:auto;
	padding:10px 0 0;
	border-bottom:none;
}
}

#cpList02 dd {
	flex-basis:70%;
	padding:20px 50px 20px 0;
	display:flex;
	flex-direction: column;
	border-bottom:1px solid #444;
}

@media screen and (max-width:899px) {
#cpList02 dd {
	flex-basis:auto;
	padding:10px 0;
}
}

#cpList02 .mapOutline {
	margin-left:auto;
	margin-top:-45px;
}

@media screen and (max-width:899px) {
#cpList02 .mapOutline {
	margin-left:5px;
	margin-top:10px;
}	
}

/*プライバシーポリシー*/
#privacyPolicy {
	width:960px;
	margin:0 auto;
	color:#FFF;
	padding-bottom:100px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#privacyPolicy {
	width:800px;
}
}

@media screen and (max-width:899px) {
#privacyPolicy {
	width: calc(100% - 40px);
	margin:0 auto;
	padding-bottom:40px;
}
}

#privacyPolicyWrapper {
	color:#FFF;
}

#privacyPolicyWrapper h3 {
	font-size:3.5rem;
	line-height:4.0rem;
	text-align:center;
	padding-bottom:15px;
	margin:45px 0 20px;
	border-bottom:1px solid #B3B3B3;
}

@media screen and (max-width:899px) {
#privacyPolicyWrapper h3 {
	font-size:2.2rem;
	line-height:2.8rem;
	padding-bottom:10px;
	margin:40px 0 15px;
}

#privacyPolicyWrapper h3 br {
	display:none;
}
}

#privacyPolicyWrapper h3 div {
	font-size:2.5rem;
	line-height:2.8rem;
	font-family: 'Amiri', serif;
	margin-top:10px;
}

@media screen and (max-width:899px) {
#privacyPolicyWrapper h3 div {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#privacyPolicyWrapper p {
	margin-bottom:15px;
}

#privacyPolicyWrapper p.en,#privacyPolicyWrapper dd.en {
	font-family: 'Amiri', serif;
	line-height:2.7rem;
	margin-bottom:0;
}

#privacyPolicyWrapper p span {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left:1.5rem;
}

#privacyPolicyWrapper p.en span {
	font-family: 'Roboto', sans-serif;
}

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

#privacyPolicyWrapper dt.en {
	font-family: 'Roboto', sans-serif;
	margin-top:10px;
}

#privacyPolicyWrapper dd {
	padding-left:2rem;
}

#privacyPolicyWrapper dd.en {
	margin-bottom:30px;
}

/*==============================
お問い合わせ
==============================*/
#contact {
	width:960px;
	margin:0 auto;
	color:#FFF;
	padding-bottom:100px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
/*iPadが横向きのみの記述*/
#contact  {
	width:800px;
}
}

@media screen and (max-width:899px) {
#contact {
	width: calc(100% - 40px);
	margin:0 auto;
	padding-bottom:40px;
}
}

#contact h3 {
	font-size:3.5rem;
	line-height:3.8rem;
	text-align:center;
	border-bottom:1px solid #FFF;
	padding-bottom:15px;
	margin-bottom:15px;
}

@media screen and (max-width: 899px) {
#contact h3 {
    font-size: 2.6rem;
    line-height: 3.6rem;
    padding-bottom: 10px;
    margin: 40px 0 15px;
}
}

#contact h3 div {
	font-size:2.5rem;
	line-height:2.8rem;
	font-family: 'Amiri', serif;
	margin-top:5px;
}

@media screen and (max-width: 899px) {
#contact h3 div {
    font-size: 1.8rem;
    line-height: 2.3rem;
}
}

#contact p {
	text-align:center;
}

@media screen and (max-width: 899px) {
#contact p {
	text-align:left;
}
}

#contact p.en {
	font-family: 'Amiri', serif;
}


#formWrapper {
	background:#F2F2F2;
	margin-top:40px;
	color:#000;
	padding:50px;
}

@media screen and (max-width:899px) {
#formWrapper {
	margin-top:20px;
	padding:20px;
}
}

#formWrapperThanks {
	/*background:#FFF;*/
	background:#F2F2F2;
	margin-top:40px;
	color:#000;
	padding:50px;
}

@media screen and (max-width:899px) {
#formWrapperThanks {
	margin-top:20px;
	padding:20px 20px 30px;
}
}

/*フォーム部分*/
#formWrapper input[type="text"],
#formWrapper input[type="email"],
#formWrapper textarea,
#formWrapper select {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size:1.6rem !important;
	border-radius:2px !important;
	padding:18px !important;
	border:1px solid #CCCCCC !important;
	background:#FFF !important;
}

@media screen and (max-width:899px) {
#formWrapper input[type="text"],
#formWrapper input[type="email"],
#formWrapper textarea,
#formWrapper select {
	padding:10px !important;
}
}

#formWrapper input[type="text"],
#formWrapper input[type="email"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	outline: none !important;
	width:100% !important;
}

#formWrapper textarea {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	outline:none !important;
	width:100% !important;
	height:230px !important;
}

#formWrapper select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	outline: none !important;
	width:100% !important;
	color:#000 !important;
}

#formWrapper select::-ms-expand {
	display: none !important;
}

.selectWrap {
	position:relative;
	width:360px;
}

@media screen and (max-width:899px) {
.selectWrap {
	position:relative;
	width:100%;
}
}

.selectWrap:after {
  content: "";
    position: absolute;
    right:18px;
    /*top:calc(50% - 3px);*/
    top:25px;
    width:12px;
    height:12px;
    border-top: 2px solid #666666;
    border-left: 2px solid #666666;
    transform: translateY(-50%) rotate(-135deg);
}

@media screen and (max-width:899px) {
.selectWrap:after {
    top:18px;
}
}


#formWrapper button,
#formWrapper input[type="submit"],
#formWrapper input[type="button"],
#formWrapperThanks input[type="submit"],
#formWrapperThanks input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
	font-size:1.4rem;
	font-weight:normal;
	cursor:pointer;
}


#formWrapper input[type="submit"].buttonType1,
#formWrapper input[type="button"].buttonType1,
#formWrapper input[type="submit"].buttonType2,
#formWrapper input[type="button"].buttonType2,
#formWrapperThanks input[type="submit"].buttonType1,
#formWrapperThanks input[type="button"].buttonType1,
#formWrapperThanks input[type="submit"].buttonType2,
#formWrapperThanks input[type="button"].buttonType2{
	color:#FFF;
	width:300px;
	padding:18px;
	border-radius:2px;
	
}

#formWrapper input[type="submit"].buttonType1 .en,
#formWrapper input[type="button"].buttonType1 .en,
#formWrapper input[type="submit"].buttonType2 .en,
#formWrapper input[type="button"].buttonType2 .en,
#formWrapperThanks input[type="submit"].buttonType1 .en,
#formWrapperThanks input[type="button"].buttonType1 .en,
#formWrapperThanks input[type="submit"].buttonType2 .en,
#formWrapperThanks input[type="button"].buttonType2 .en{
	font-family: 'Roboto', sans-serif;
}

@media screen and (max-width:899px) {
#formWrapper input[type="submit"].buttonType1,
#formWrapper input[type="button"].buttonType1,
#formWrapper input[type="submit"].buttonType2,
#formWrapper input[type="button"].buttonType2,
#formWrapperThanks input[type="submit"].buttonType1,
#formWrapperThanks input[type="button"].buttonType1,
#formWrapperThanks input[type="submit"].buttonType2,
#formWrapperThanks input[type="button"].buttonType2{
	width:100%;
	padding:10px;
}
}

#formWrapper input[type="submit"].buttonType1,
#formWrapper input[type="button"].buttonType1,
#formWrapperThanks input[type="submit"].buttonType1,
#formWrapperThanks input[type="button"].buttonType1{
	background:#4D4D4D;
}

#formWrapper input[type="submit"].buttonType2,
#formWrapper input[type="button"].buttonType2,
#formWrapperThanks input[type="submit"].buttonType2,
#formWrapperThanks input[type="button"].buttonType2{
	background:#AB0D3E;
	margin-left:25px;
}

@media screen and (max-width:899px) {
#formWrapper input[type="submit"].buttonType2,
#formWrapper input[type="button"].buttonType2,
#formWrapperThanks input[type="submit"].buttonType2,
#formWrapperThanks input[type="button"].buttonType2{
	margin-left:0;
	margin-top:10px;
}
}

.buttonType3 {
	/*background:#AB0D3E;*/
	background:#4D4D4D;
	color:#FFF;
	width:300px;
	border-radius:2px;
	margin:0 auto;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	line-height:2.0rem;
	font-weight:normal;
	margin-top:50px;
}

@media screen and (max-width:899px) {
.buttonType3 {
	width:100%;
	margin-top:20px;
}
}

.buttonType3 a {
	display:block;
	color:#FFF;
	padding:18px;
}

@media screen and (max-width:899px) {
.buttonType3 a {
	padding:10px;
}
}

.buttonType3 .en {
	font-family: 'Roboto', sans-serif;
}

.buttonWrapper {
	text-align:center;
	width:300px;
	margin:0 auto -20px;
}

.formRow {
	margin-bottom:40px;
}

@media screen and (max-width:899px) {
.buttonWrapper {
	width:100%;
}

.formRow {
	margin-bottom:15px;
}
}

#formWrapperThanks .buttonWrapper {
	width:625px;
	margin:0 auto -20px;
}

#formWrapperThanks .formRow:last-child {
	margin-bottom:0;
}

@media screen and (max-width:899px) {
#formWrapperThanks .buttonWrapper {
	width:100%;
	margin-top:30px;
}
}

#contact label {
	font-size:1.8rem;
	line-height:2.4rem;
}

@media screen and (max-width:899px) {
#contact label {
	font-size:1.6rem;
	line-height:2.0rem;
}
}

#contact label .en {
	font-family: 'Amiri', serif;
}

#formWrapper .field,#formWrapperThanks .field {
	margin-top:10px;
}

@media screen and (max-width:899px) {
#formWrapper .field,#formWrapperThanks .field {
	margin-top:5px;
}
}

#formWrapperThanks .field {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.6rem;
	border-radius:2px;
	padding:18px;
	border:1px solid #CCCCCC;
	background:#FFF;
}

@media screen and (max-width:899px) {
#formWrapperThanks .field {
	padding:10px;
}
}

#formWrapper .formRow span.required {
	background:#000;
	font-size:1.2rem;
	line-height:1.6rem;
	text-align:center;
	color:#FFFFFF;
	width:60px;
	display:inline-block;
	padding:1px 2px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-right:10px;
	border-radius:10px;
}

@media screen and (max-width:899px) {
#formWrapper .formRow span.required {
	font-size:1.1rem;
	line-height:1.6rem;
	margin-right:6px;
	margin-top:-2px;
}
}

#formWrapper .formRow .en span.required {
	font-family: 'Roboto', sans-serif;
}

.wpcf7-spinner {/*読み込みアニメーション*/
	top:20px;
}

@media screen and (max-width:899px) {
.wpcf7-spinner {/*読み込みアニメーション*/
	top:5px;
}
}

/*エラ－*/
.wpcf7 form.invalid .wpcf7-response-output　{	
	border:none;
}

.wpcf7 form .wpcf7-response-output {	
	margin:0;	
	padding:0;	
	border:none;	
}

span.wpcf7-not-valid-tip {
	color:#E30000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:1.4rem;
	line-height:2.0rem;
	margin-top:5px;	
}

.wpcf7 form .wpcf7-response-output {
	background:#E30000;
	line-height:2.0rem;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	text-align:center;
	padding:8px 20px;
	margin-bottom:25px;
}

@media screen and (max-width:899px) {
.wpcf7 form .wpcf7-response-output {
	margin-bottom:10px;
}
}


/*==============================
フェイドアップ
==============================*/
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/*==============================
メディア掲載
==============================*/
#media {
	text-align:center;
	padding-bottom:90px;
}

@media screen and (max-width:899px) {
#media {
	padding-bottom:40px;
}
}

.videWrapper {
	/*width:386px;*/
	width:792px;
	height:auto;
	margin:0 auto;
}

video {
	width:386px;
	float:left;
	margin:0 20px 0 0;
}

video:last-child {
	margin:0;
}

@media screen and (max-width:480px) {
.videWrapper {
	width:100%;
	height:auto;
	padding:0 20px;
}
	
video {
	width:100%;
	float:none;
	margin:0;
}
}

#media h3 {
	color:#FFFFFF;
    font-size: 2.0rem;
    line-height: 2.8rem;
    letter-spacing: 0.5rem;
	margin-bottom:25px;
}

@media screen and (max-width:899px) {
#media h3 {
	font-size: 1.8rem;
    line-height: 2.8rem;
	margin-bottom:15px;
}
}

#media h3 div {
	font-family: 'Amiri', serif;
    letter-spacing: 0;
    margin-top: 5px;
}

/*==============================
記事下の追加読み込みボタン
==============================*/

#infoWrap #infoMainColumn .next_link,
#blog #mainColumn .next_link{
	margin-top: 30px;
}
#infoWrap #infoMainColumn .next_link > a,
#blog #mainColumn .next_link > a{
	box-sizing: border-box;
	display: block;
	position: relative;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #AB0D3E;
	text-align: center;
	text-decoration: none;
	color: #AB0D3E;
}
#infoWrap #infoMainColumn .next_link.-loading > a,
#blog #mainColumn .next_link.-loading > a{
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
}
@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
#infoWrap #infoMainColumn .next_link.-loading > a::before,
#blog #mainColumn .next_link.-loading > a::before{
	content:'';
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RURCNDI2QTZCMThBMTFFQzlDNThENDNGRTE2OTczMTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RURCNDI2QTdCMThBMTFFQzlDNThENDNGRTE2OTczMTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFREI0MjZBNEIxOEExMUVDOUM1OEQ0M0ZFMTY5NzMxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFREI0MjZBNUIxOEExMUVDOUM1OEQ0M0ZFMTY5NzMxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvJGPmYAAALfSURBVHja7JlJaBRBFIZ7zMQc4oSIGMdxQVBURLyKItGAChJcUEFwuYiHYBQULyIuiQlEBCHgcklQEOMlIC7ESxRFxIOKBw8uwSCacXQiQTDxkBiX/zFPGB5FprqrupmRevAd6k131/urX79aJtadqPVK2SZ5JW5OgBPgBDgB/4+AyWAduAgegD4wzPSx7wJYC8o1n3mq0AUxCxNZEpwAe0BC857v4CpoAYMTBN9EMYb1BipAM3gH9vsInqwKHOB7T/LbUwUfWgolOSWo80qDQUjwINwH0/0GTxYP0OlScBfMUfw2AO7w72/BF/anwEKwkZkp7lsFnoEefpva5vcbmAGegrnCn+GRuwJ+FXgGfcANfP00nRhtpRDl/A1F8DTii0GnRvBkP8F5sAg8jLKMHgUrhY8C2cKl0q8NgfXgZRQCasARxcgfAr8N+j8GlkUh4Lgok5TzuwyD91VtTARQpdotfE0B08Zq8LoCqExNzWunweViCF5XwCbRvqVZbUIPXlfAEtHuKZbgdQXIWbM/YF/NPCn5xVhASrQ/uw1NxAIyBVKq6AXIlJlfagJeiXZ9qQm4LdqbQVkIsdAy+xP4k8cGGwIegW957dlgbwgCdoqK9xX02hAwDq4p1kIJi8FXgzbhu859WymjrWLxRiPVZakM0zM6RHUbUQgyEkBHH+eEj/a27YYiYvyM7cJ/FmRtT2RnwBPhOwhuBkwnOlrp5mfk22Puy/pMPAq2go+KN/EG7NOsTnHeDL0G2xRzzg7eN4eylMjyPDCgWC9RHr/3ckeLdM0CMIUPA+axj1LjAxcFucYi/xrFzG/1WOWfJfmEYoWlKvSC55d0VIs5OrCqA6fBD4PAx7zc6d7yIMGbrkZHeZNCqXLJ5x55mKsPnQ216NT7iT4oU6O30QgOg9V8TkS7uFlc28v426Hcfg7ueblz1REbuRf37NkYT/29XoTm/qFxApwAJ8AJMLK/AgwAa22NHuPBPKMAAAAASUVORK5CYII=) no-repeat center center / contain;
	animation:1s linear infinite rotation;
}

.thum_on_title{
	background: #fff;

}
.thum_on_title h1{
	color: #000;
}

/*==============================
人気通信のサムネイルの画像サイズを540x350で固定（windowサイズ900以上のとき限定）
==============================*/
/*
@media screen and (min-width: 900px) {
	#blog article time{
		margin-left: 14px;
		margin-right: 14px;
	}
	.blogMainWrapper .mainPhoto{
		width: 540px;
		height: 350px;
		max-width: 496px;
		max-height: 231px;
		background: no-repeat center center / cover;
	}
	.blogMainWrapper .mainPhoto > img{
		display: none;
	}
}*/