@charset 'utf-8';

:root {
    --height-header: 10em;
    --border-radius: 0;
}

	@media screen and (max-width: 768px) {
		:root {
		    --height-header: 6em;
		}
	}

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 { font-family: inherit; font-size: inherit; }
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-family: 'Roboto', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #000;
}

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
a { transition: all 0.25s ease; }
a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; }

html[lang="km"] body { font-family: 'Noto Sans Khmer', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; }

/* clearfix
------------------------------------------------ */
.clearfix {
	clear: both;
	*zoom: 1;
}
.clearfix:before,.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after { clear: both; }

/* hide show pc and sp */
.pc { display: block !important; }
.sp { display: none !important; }

	@media only screen and (max-width: 768px) {
	    .pc { display: none !important; }
	    .sp { display: block !important; }
	}

/* container
------------------------------------------------ */
#container {
	font-size: 10px;
	position: relative;
	display: block;
	overflow: clip;
}

	.wrap { position: relative; display: block; max-width: 130em; margin: 0 auto; padding: 0 2em; z-index: 1; }
	.wrap.w-full { max-width: 100%; }
	.wrap-initial { position: initial; }

	@media only screen and (min-width: 768px) and (max-width: 1340px) {
			#container { font-size: .7462vw; }
		}

	@media only screen and (max-width: 376px) {
		#container { font-size: 2.65vw; }
	}

	/* section style */
	.section { display: block; position: relative; }
	.section--block { display: block; position: relative; }
	.section--btn { display: block; margin-top: 5.5em; text-align: center; }
	.section--btn a { font-size: 2em; font-family: Haydena-6Yz7Y; min-width: 8.4em; padding: .4em 1em; display: inline-block; text-align: center; color: #fff; background: #181818; border-radius: var(--border-radius); border: .1em solid #23350D; box-sizing: border-box; }
	.section--btn.b-left { text-align: left; }
	.section--btn.b-white a { border-color: #fff; background: none;  }

		@media screen and (min-width: 768px) {
			.section--btn a:hover { color: #23350D; background: none; }
			.section--btn.b-white a:hover { background: #fff; color: #23350D; }
		}

		@media screen and (max-width: 768px) {
			.section--btn { margin-top: 3em; }
			.section--btn a { font-size: 1.6em; }
		}

	/* pages style */	
	#pages { padding: 7.5em 0 11em; }
	#pages .wrap { max-width: 82em; }
	.pages--title { font-size: 4.8em; line-height: 1.2; color: #23350D; margin-bottom: .58em; }
	.pages--desc { font-size: 1.8em; line-height: 1.5; color: #6D7278; margin-bottom: 2.95em; }
	.pages--desc.line { margin-top: 2em; padding-bottom: 6em; margin-bottom: 5em; border-bottom: 1px solid #B4B4B4; }
	.pages--desc img { border-radius: 1.25em; }
	.pages--desc p + p { margin-bottom: 1.87em; }
	.pages--desc p + figure,
	.pages--desc p + p img,
	.pages--desc p + .wp-block-table,
	.pages--desc figure + .wp-block-table,
	.pages--desc .wp-block-buttons + .wp-block-table { margin-top: 4em; }
	.pages--desc ol li { list-style: number; margin-left: 1em; }
	.pages--desc ul li { list-style: disc; margin-left: 1em; }
	.pages--desc h2,
	.pages--desc h3,
	.pages--desc h4,
	.pages--desc h5,
	.pages--desc h6 { margin-bottom: .75em; }
	.pages--desc p + h2,
	.pages--desc p + h3,
	.pages--desc p + h4,
	.pages--desc p + h5,
	.pages--desc p + h6,
	.pages--desc figure + h2,
	.pages--desc figure + h3,
	.pages--desc figure + h4,
	.pages--desc figure + h5,
	.pages--desc figure + h6,
	.pages--desc .wp-block-buttons + h2,
	.pages--desc .wp-block-buttons + h3,
	.pages--desc .wp-block-buttons + h4,
	.pages--desc .wp-block-buttons + h5,
	.pages--desc .wp-block-buttons + h6 { margin-top: 2em; }
	.pages--desc h2 { font-size: 162.5%; }
	.pages--desc h3 { font-size: 137.5%; }
	.pages--desc h4 { font-size: 125%; }
	.pages--desc h5 { font-size: 112.5%; }
	.pages--desc h6 { font-size: 100%; }
	.pages--desc a { display: inline-block; position: relative; }
	.pages--desc a:not([class]) { color: #23350D; }
	.pages--desc a:not([class]):before { content: ""; position: absolute; left: 0; width: 100%; bottom: 0; background: #23350D; height: 1px; transition-property: width; transition-duration: 0.3s; transition-timing-function: ease-out; }
	.pages--desc table,
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table { width: 100%; border-collapse: collapse; }
	.pages--desc table tbody tr:nth-child(odd),
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr:nth-child(odd) { background: #e5e5e5; }
	.pages--desc table tr th,
	.pages--desc table tbody tr td,
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td { font-size: initial; line-height: 1.8; vertical-align: top; text-align: left; box-sizing: border-box; padding: 1.17em 1.33em; border: none; }
	.pages--desc table tbody tr td:first-child,
	.pages--desc table tbody tr th:first-child,
	/*.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr td:first-child,
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr th:first-child { min-width: 11.09em; }*/
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td,
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th { background: none; }
	.pages--desc p + .wp-block-buttons,
	.pages--desc figure + .wp-block-buttons { margin-top: 3.75em; }
	.pages--desc .wp-block-buttons { display: block; position: relative; text-align: center; }
	.pages--desc .wp-block-buttons a { font-weight: bold; box-sizing: border-box; width: initial; padding: .7em 1.2em .7em; color: #fff; border: 1px solid #23350D; background: #23350D; text-align: center; display: inline-block; position: relative; border-radius: 10em; }


		@media only screen and (max-width: 768px) {
			#pages { padding: 4.5em 0 10em; }
			.pages--title { font-size: 3.2em; }
			.pages--desc { font-size: 1.6em; margin-bottom: 1.48em; }
	        .pages--desc table,
	        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table { width: 100%; display: block; margin-bottom: -1px; }
	        .pages--desc table tbody,
	        .pages--desc table tbody tr,
	        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody,
	        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr { display: block; }
	        .pages--desc table tr th,
	        .pages--desc table tbody tr td,
	        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
	        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody tr td, { padding: 0 .9375em 1.1875em; display: block; border-top: none; width: 100% !important; }
	        .pages--desc table tbody tr td:first-child,
	        .pages--desc table tbody tr th:first-child,
	        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td:first-child,
	        .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th:first-child { padding-top: 1.5625em; padding-bottom: 0; }
	        .pages--desc p + .wp-block-buttons,
	        .pages--desc figure + .wp-block-buttons { margin-top: 2.5em; }
	        .pages--desc .wp-block-buttons a { max-width: 17.75em; padding: .41em 1.2em; border-radius: 1.5625em; }
		}

	/* scroll image style */
	.anime-pic { display: block; overflow: hidden; }
	.anime-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.2); transition: ease .5s; opacity: 0; }
	.anime-pic.animated img { transform: scale(1.0); opacity: 1; }

	/* pagination style */
    #pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 10em; }
    #pagination a { font-size: 1.8em; height: 1.375em; width: 1em; margin: 0 1.5em; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-bottom: 1px solid #fff; }
    #pagination a.next,
    #pagination a.prev { padding: 0; width: initial; height: initial; border: none; background: none !important; }
    #pagination a.next:after,
    #pagination a.prev:after { content: ''; display: inline-block; width: .77em; height: .5em; background-image: url(../img/share/icon-arrow2.png); background-repeat: no-repeat; background-size: 100% 100%; transform: rotate(270deg); }
    #pagination a.prev:after { transform: rotate(180deg); }
    #pagination a.active,
    #pagination a:hover { color: #23350D; border-color: #23350D; }
    #pagination a.next:hover,
    #pagination a.prev:hover { color: #808080; }
    #pagination a.prev:after { transform: rotate(90deg); }

        @media only screen and (max-width: 768px) {
            #pagination { margin: 6em 0 0; }
            #pagination a { font-size: 1.6em; margin: 0 1em; }
        }

/* header
------------------------------------------------ */
#header {
	position: sticky;
    left: 0;
    top: 0;
    right: 0;
	display: block;
	height: var(--height-header);
	background-color:#181818;
	background-size:100%;
	z-index: 1000;
	box-shadow: 0 .3em 1em rgba(68, 68, 68, .2);
	transition: transform 0.3s ease;
  	will-change: transform;
}
	#header.hide { transform: translateY(-100%); }

	#head-logo { float: left; max-width: 20em; margin-top: 2.5em; }
	#head-logo a { display: block; }
	#head-menu { float: left; display: block; position: relative; margin-left: 9em; }
	.head_menu__links { display: flex; flex-wrap: wrap; align-items: center; }
	.head_menu__links > li { font-size: 1.6em; line-height: 6.25em; margin-right: 2.31em; position: relative; }
	.head_menu__links > li > a { display: inline-block; text-transform: uppercase; }
	.head_menu__links > li a:hover,
	.head_menu__links > li.current-menu-item > a,
	.head_menu__links > li.current-menu-parent a { color: #fff; }
	.head_menu__links--sub ul > li a:hover,
	.head_menu__links--sub ul > li.current-menu-item > a { color: #C2B280; }
	
		@media screen and (min-width: 768px) {
			.head_menu__links--sub { position: absolute; top: calc( 100% - 1em ); left: -1.155em; min-width: 12.5em; padding-top: 1px; opacity: 0; visibility: hidden; transition: linear .2s; box-shadow: 0 .3em 1em rgba(68, 68, 68, .2); }
			.head_menu__links--sub ul { padding: 1em 0; display: block; background: #e6018a; }
			.head_menu__links--sub ul li { line-height: initial; }
			.head_menu__links--sub ul li a { padding: 1em 1.25em; display: block; color: #fff; }
			.head_menu__links--sub ul li .head_menu__links--sub { top: 0; left: calc( 100% - 1em ); padding-left: 1px; padding-top: 0; }
			.head_menu__links--sub ul li:hover .head_menu__links--sub { left: 100%; opacity: 1; visibility: initial; }
			.head_menu__links > li:hover > .head_menu__links--sub { top: calc( 100% - 1px ); opacity: 1; visibility: initial; }
			.head_menu__links .menu-item-has-children > a:after { content: ''; display: inline-block; vertical-align: .05em; margin-left: .33em; width: .77em; height: .5em; background-image: url(../img/share/icon-arrow2.png); background-repeat: no-repeat; background-size: 100% 100%; transition: background-image 0.3s; }
			.head_menu__links .menu-item-has-children.current-menu-parent  > a:after,
			.head_menu__links .menu-item-has-children.current-category-parent  > a:after,
			.head_menu__links .menu-item-has-children > a:hover:after { background-image: url(../img/share/icon-arrow2-w.png); }
			#head-menu .poly-lang { display: none; }
		}

		@media screen and (max-width: 768px) {
			#header .wrap { padding: 0 1.5em; }
			#head-logo { max-width: 7.2em; margin-top: .65em; }

			#head-hamb { font-size: 1em; position: absolute; right: 1.5em; top: 1.8em; z-index: 10; }
	        #head-hamb a { display: block; position: relative; width: 3em; height: 2.4em; border-radius: var(--border-radius); }
	        #head-hamb span { display: block; position: absolute; left: 50%; width: 3em; height: .15em; color: #000; background: #000; transform: translate(-50%); transition: all .2s; border-radius: var(--border-radius); }
	        #head-hamb span:first-of-type { top: 0; }
	        #head-hamb span:nth-of-type(2) { top: calc( 50% - .1em); }
	        #head-hamb span:last-of-type { bottom: 0; }

	        #head-menu { position: fixed; top: 0; right: -100%; width: 30em; height: 100vh; background-color: #23350D; transition: right 0.3s ease; z-index: 200; }
			#head-menu.h-show { right: 0; }
			.head-menu--frame { width: 100%; height: 100%; display: block; padding: 5em 0 10em; overflow: scroll; overflow-y: scroll; transition: transform 0.3s 0.15s ease-out; -ms-overflow-style: none; scrollbar-width: none; box-sizing: border-box; }
			.head-menu--frame::-webkit-scrollbar { display: none; }
			.head_menu__links { display: block; background-color: #23350D; overflow: hidden; }
  			.head_menu__links > li { line-height: 1.4; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 0; transition: background-color 0.3s ease; }
  			.head_menu__links > li:last-child { border-bottom: none; }
  			.head_menu__links > li > a { display: block; padding: 1em 1.25em; color: #fff; font-weight: 500; text-decoration: none; transition: background-color 0.3s ease; }
  			.head_menu__links > li > a:hover { background-color: #2f4c0f; color: #C2B280; }
  			.head_menu__links--sub ul { background-color: #1a2908; padding: 0.5em 0; }
  			.head_menu__links--sub ul li a { display: block; padding: 0.75em 2em; color: #ddd; font-size: 0.95em; border-left: 3px solid transparent; transition: all 0.3s ease; }
  			.head_menu__links--sub ul li a:hover { background-color: #2a3f0c; border-left: 3px solid #C2B280; color: #fff; }
  			.head_menu__links--sub .head_menu__links--sub ul li a { padding-left: 3em; font-size: 0.9em; }

  			#head-menu .poly-lang { display: flex; position: relative; top: auto; right: auto; transform: none; justify-content: center; margin-top: 2em; }

			body.h-show { overflow: hidden; }
			body.h-show #head-hamb { z-index: 1000; }
			body.h-show #head-hamb span { background: #fff; }
	        body.h-show #head-hamb span:first-of-type { top: calc( 50% - 1px ); width: 3.2em; transform: translateX(-50%) rotate(-45deg); }
	        body.h-show #head-hamb span:nth-of-type(2) { opacity: 0; }
	        body.h-show #head-hamb span:last-of-type { bottom: calc( 50% - 1px ); width: 3.2em; transform: translateX(-50%) rotate(45deg); }

	        /* Full-screen overlay */
		    .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 100; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s 0.3s; }
		    .overlay.h-show { opacity: 1; visibility: visible; transition: opacity 0.3s ease; }
		}

	#head-search { float: right; height: var(--height-header); display: flex; justify-content: center; align-items: center; }
	.head-search--btn { width: 2em; cursor: pointer; }
	.head-search--btn img { display: inline-block; transition: linear .25s; }
	.head-search--btn:hover img { -webkit-filter: invert(1); }

	.head-search--form { position: absolute; left: 50%; top: 0; width: 100vw; height: var(--height-header); opacity: 0; visibility: hidden; transform: translateX(-50%); transition: linear .25s; z-index: 300; background: #23350D; }
	.head-search--box { position: absolute; left: 50%; top: 50%; max-width: 40em; width: 100%; transform: translate(-50%,-50%); opacity: 0; z-index: 2; }
	.head-search--close { font-size: 1em; position: absolute; right: 2.5em; top: 50%; transform: translateY(-50%); z-index: 10; }
    .head-search--close a { display: block; position: relative; width: 3em; height: 2.4em; border-radius: var(--border-radius); }
    .head-search--close span { display: block; position: absolute; left: 50%; width: 3em; height: .2em; color: #fff; background: #fff; transform: translate(-50%); transition: all 1s; border-radius: var(--border-radius); }
    .head-search--close span:first-of-type { top: calc( 50% - 1px ); width: 3.2em; transform: translateX(-50%) rotate(-45deg); }
    .head-search--close span:nth-of-type(2) { top: calc( 50% - 1px); opacity: 0; }
    .head-search--close span:last-of-type { bottom: calc( 50% - 1px ); width: 3.2em; transform: translateX(-50%) rotate(45deg); }

    #head-search.active .head-search--form { opacity: 1; visibility: initial; }
    #head-search.active .head-search--box { opacity: 1; }

    .searchform { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto; padding: .5em; background-color: #fff; border-radius: var(--border-radius); box-shadow: 0 .3em 1em rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease-in-out; box-sizing: border-box; }
    .searchform--input { font-size: 1.6em; width: 100%; padding: .66em 1em; border: none; border-radius: var(--border-radius); outline: none; background-color: transparent; color: #333; }
    .searchform--input::placeholder { color: #999; }
    .searchform--btn { background-color: #C2B280; border: none; padding: .7em; margin-left: 1em; border-radius: 0; color: #fff; cursor: pointer; transition: background-color 0.3s ease; display: flex; align-items: center; justify-content: center; }
    .searchform--btn img { width: 2em; -webkit-filter: invert(1); }
    .searchform--btn:hover { background-color: #978245; }
    .searchform:hover { box-shadow: 0 .5em 1.5em rgba(0, 0, 0, 0.2); }

		@media screen and (max-width: 768px) {
			#head-search { margin-right: 4.5em; }
			.head-search--form { position: fixed; height: 100vh; background: rgb(35 53 13 / 80%); }
			.head-search--box { max-width: 40em; width: calc( 100% - 4em ); }
			.head-search--close { right: 1.5em; top: 1.5em; transform: none; }
		}

	.poly-lang { display: flex; flex-wrap: wrap; align-items: center; position: absolute; right: 6em; top: 50%; transform: translateY(-50%); }
	.poly-lang li { display: block; margin-left: .5em }
	.poly-lang li a { display: block; position: relative; width: 2.4em; height: 1.5em; }
	.poly-lang li a:before { content: ''; display: inline-block; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; }
	.poly-lang li img { display: none; }
	.poly-lang .lang-item-en a:before { background-image: url(../img/share/flag-en.png); }
	.poly-lang .lang-item-km a:before { background-image: url(../img/share/flag-kh.png); }

		@media screen and (max-width: 768px) {
			.poly-lang { display: none; }
		}

/* main
------------------------------------------------ */
#main {
	display: block;
	position: relative;
	width: 100%;
	z-index: 2;
}

	.fade-in { opacity: 0; transition: ease .3s; }
	.fade-in.animated { opacity: 1; }

	.product--lists { display: flex; flex-wrap: wrap; }
	.product--list { display: block; position: relative; width: 24.11%; margin-right: 1.186%; }
	.product--list:nth-child(4n) { margin-right: 0; }
	.product--list:nth-child(n+5) { margin-top: 6em; }
	.product--news { font-size: 1.2em; line-height: 2; color: #E92E26; padding: 0 1.2em; border: 1px solid #E92E26; background: rgba(255, 255, 255, .75); position: absolute; right: -.7em; top: 1em; display: inline-block; z-index: 2; }
	.product--pic { display: block; position: relative; width: 100%; height: 0; padding-bottom: 100%; }
	.product--pic .anime-pic { display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	.product--shop { padding: .7em .5em .3em; position: absolute; right: 1em; bottom: 1em; width: 2.8em; height: 2.8em; border-radius: 50%; background: rgba(255, 255, 255, .75); box-sizing: border-box; z-index: 2; transition: linear .2s; }
	.product--desc { font-size: 1.5em; line-height: 1.7; text-align: center; margin-top: 1em; }
	.product--desc .p-price { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
	.product--desc .p-price .p-regular { font-size: 1em; position: relative; }
	.product--desc .p-price .p-discount { font-size: 1em; color: red; display: none; }
	.product--desc .p-price.on .p-regular { font-size: .9em; margin-left: 1em; }
	.product--desc .p-price.on .p-regular:before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: red; transform: rotate(-12deg); }
	.product--desc .p-price.on .p-regular span { display: none; }
	.product--desc .p-price.on .p-discount { display: inline-block; }

		@media screen and (min-width: 768px) {
			.product--list a:hover .anime-pic img { transform: scale(1.1); }
			.product--list a:hover .product--shop { background: #000; }
			.product--list a:hover .product--shop img { -webkit-filter: invert(1); }
		}

		@media screen and (max-width: 768px) {
			.product--list { width: 48%; margin-right: 4%; }
			.product--list:nth-child(2n) { margin-right: 0; }
			.product--list:nth-child(n+3) { margin-top: 2.5em; }
			.product--news { right: -.5em; top: .5em; }
			.product--desc { margin-top: .5em; }
		}

/* footer
------------------------------------------------ */
#footer {
	display: block;
	position: relative;
	width: 100%;
	color: #fff;
}

#ft-info {
    padding: 5em 0 10em;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#ft-info::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("https://i.imgur.com/0tLYovy.jpeg");
    background-repeat: round;
    background-size:cover;
	background-attachment: scroll;
    filter: blur(0px);
    z-index: -1;
	
}

	.ft-info--block,
	.ft-info--blocks { display: block; position: relative; }
	.ft-info--logo { width: auto; display: block; margin-top: 2em; }
	.ft-info--title { font-size: 2em; font-weight: bold; line-height: 1.2; }
	.ft-info--cont { display: block; }
	.ft-info--cont:not(:last-child) { margin-bottom: -1em; }
	.ft-info--cont dt { font-size: 1.4em; line-height: 1.42; font-weight: bold; margin-bottom: 1em; }
	.ft-info--cont dd a { display: inline-block; color: #fff; }
	.ft-info--cont dd p { font-size: 1.4em; line-height: 1.42; }
	.ft-info--info dd p span { display: inline-block; margin-bottom: .75em; }
	.ft-info--partner { margin: -2em 0 0 -2em; display: flex; flex-wrap: wrap; }
	.ft-info--partner li { display: block; margin: 2em 0 0 2em; }
	.ft-info--partner li a { display: inline-block; }
	.ft-info--partner li img { height: 10.4em; width: auto; }
	.ft-info__sns { display: flex; flex-wrap: wrap; align-items: center; }
	.ft-info__sns--text { padding: 0 1.8em; margin-right: 3em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 4em; background: #1e3945; border-radius: 10em; }
	.ft-info__sns--text i { display: inline-block; width: 1.8em; margin-right: .8em; }
	.ft-info__sns--text span { font-size: 1.8em; font-weight: bold; display: inline-block; color: #fff; }
	.ft-info__sns--text span:last-child { font-size: 1em; display: inline-block; width: 4em; margin-left: .8em; margin-top: .25em; }
	.ft-info__sns--lists { margin: -1.8em 0 0 -1.8em; display: flex; flex-wrap: wrap; }
	.ft-info__sns--lists li { display: block; margin: 1.8em 0 0 1.8em; }
	.ft-info__sns--lists li a { display: inline-block; }
	.ft-info__sns--lists li img { height: 3.8em; width: auto; }
	.ft-info--newsletter { display: block; position: relative; margin-top: 1em; }
	.ft-info--newsletter input,
	.ft-info--newsletter button { font-family: inherit; font-size: 1.8rem; outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: .27em 1.11em; max-width: 17.22em; width: 100%; height: 2.22em; background: #fff url(../img/share/icon-arrow.png) no-repeat center right 1em; background-size: 1.5em; position: relative; border: 1px solid #000; -webkit-border-radius: var(--border-radius); border-radius: var(--border-radius); -webkit-box-sizing: border-box; box-sizing: border-box; }
	.ft-info--newsletter button { position: absolute; left: calc( 17.22em - 3.7em - 1px ); top: 1px; width: 3.7em; height: calc( 2.22em - 2px ); border-color: transparent; }

	#ft-copy { padding: 2em 0; display: block; position: relative; text-align: center; color: #fff; background: #181818; }
	#ft-copy small { font-size: 1.4em; display: inline-block; }

		@media screen and (min-width: 768px) {
			.ft-info--block { display: flex; flex-wrap: wrap; justify-content: space-between; }
			.ft-info--head { width: 28.46%; }
			.ft-info--mid { width: 28.46%; }
			.ft-info--last { width: 35.38%; padding-bottom: 4em; }
			.ft-info__sns { position: relative; margin-top: 13.5em; width: 100%; }
			.ft-info--blog { max-width: 35em; }
		}

		@media screen and (max-width: 768px) {
			#ft-info { padding: 5em 0; }
			.ft-info--block { display: block; text-align: center; }
			.ft-info--blocks:not(:last-child) { margin-bottom: 3.5em; }
			.ft-info--logo { max-width: 12em; margin: 0 auto 2em; }
			.ft-info--partner { margin: -1em 0 0 -1em; justify-content: center; align-items: center; }
			.ft-info--partner li { display: block; margin: 1em 0 0 1em; }
			.ft-info--partner li img { height: 8em; }
			.ft-info__sns { justify-content: center; }
			.ft-info__sns--text { padding: 0 1.5em; margin-right: 1.5em; height: 3.8em; }
			.ft-info__sns--text i { width: 1.5em; margin-right: .5em; }
			.ft-info__sns--text span { font-size: 1.5em; }
			.ft-info__sns--text span:last-child { width: 4em; margin-left: .5em; }
			.ft-info__sns--lists { margin: -1em 0 0 -1em; }
			.ft-info__sns--lists li { margin: 1em 0 0 1em; }
			.ft-info__sns--lists li img { height: 3em; width: auto; }
			.ft-info--newsletter { margin: 1em auto 0; max-width: 31em; width: 100%; }
			.ft-info--newsletter input { max-width: 100%; }
			.ft-info--newsletter button { left: auto; right: 1px; }
				
				.ft-info--head { display: flex; flex-direction: column; }
				.ft-info--head .ft-info--logo { order: 1; }
				.ft-info--head .ft-info--title { order: 2; }
				.ft-info--head .ft-info--info { order: 3; margin:  0; margin-top: 3.5em; }

			#ft-copy { padding: 1em 0; }
			#ft-copy small { font-size: 1.2em;  }

		}
	
.grecaptcha-badge { opacity: 0; visibility: hidden; }