@charset 'UTF-8';
/*normalize: http://necolas.github.io/normalize.css/*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video{
	display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){
	display: none;
	height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],template{
	display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html{
	font-family: sans-serif; /* 1 */

	-webkit-text-size-adjust: 100%; /* 2 */
	    -ms-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body{
	margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a{
	background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus{
	outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover{
	outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,h2,h3,h4,p{
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title]{
	border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong,.strong{
	font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,em,.em{
	font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr{
	box-sizing: content-box;
	height: 0;
}
/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p{
	-webkit-hyphens: auto;
	        hyphens: auto;

	-epub-hyphens: auto;
	    -ms-hyphens: auto;
}
/*
 * Addresses margins set differently in IE6/7.
 */
pre{
	margin: 0;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp{
	font-family: monospace, serif;
	font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre{
	white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q{
	quotes: '\201C' '\201D' '\2018' '\2019';
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,q:after{
	content: '';
	content: none;
}
small,.small{
	font-size: 75%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{
	top: -.5em;
}
sub{
	bottom: -.25em;
}
/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,menu,ol,ul{
	margin: 0;
}
dd{
	margin: 0;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu{
	padding: 0 0 0 40px;
}
ol,ul{
	padding: 0;
	list-style-type: none;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,nav ol{
	list-style: none;
	list-style-image: none;
}
/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img{
	border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root){
	overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure{
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset{
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend{
	padding: 0; /* 2 */
	border: 0; /* 1 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,input,select,textarea{
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input{
	line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,select{
	text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type='button'],/* 1 */
input[type='reset'],input[type='submit']{
	cursor: pointer; /* 3 */

	-webkit-appearance: button; /* 2 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled]{
	cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],input[type='radio']{
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search']{
	box-sizing: content-box;

	-webkit-appearance: textfield; /* 1 */ /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
	-webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea{
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table{
	border-spacing: 0;
	border-collapse: collapse;
}
*{
	box-sizing: border-box;
}
.image-replacement,.ir{
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.clearfix,.cf{
	zoom: 1;
}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
	display: table; 
	content: '';
}
.clearfix:after,.cf:after{
	clear: both;
}
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp{
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic;
}
:root{
	--color: #525252;
	/*イージング*/
	--easeInOutSine: cubic-bezier(.445, .050, .550, .950);
	--siteColor: #f485a1;
}
/* ==========================================================================
   共通設定
========================================================================== */
html{
	font-size: 62.5%;
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body{
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
	font-size: 1.6rem;
	line-height: 1.4;
	overflow: hidden;
	width: 100%;
	min-width: 1200px;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #525252;
	color: var(--color);

	font-feature-settings: 'pkna';
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
a{
	text-decoration: none;
	opacity: 1;
	color: #525252;
	color: var(--color);
}
a:hover{
	opacity: .8;
}
.spShow{
	display: none;
}
.pcShow{
	display: inline-block;
}
.pageContainer{
	padding-top: 40px;
}
/* ==========================================================================
   header
========================================================================== */
.header{
	background: #f485a1;
	background: var(--siteColor);
}
.header .logo{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 10px;
}
.header .logo a{
	display: flex;
	height: 68px;

	align-items: center;
}
.header .logo .text{
	font-size: 2.8rem;
	font-weight: bold;
	margin-left: 18px;
	letter-spacing: .04em;
	color: #fff;
}
/* ==========================================================================
   footer
========================================================================== */
.footer{
	position: relative;
	margin-top: 100px;
	padding: 20px 0;
	text-align: center;
	background: #eee;
}
.footer p{
	font-size: 1.2rem;
	line-height: 1.83;
}
.footer .pagetop{
	position: fixed;
	right: 65px;
	bottom: 20px;
	display: none;
	width: 5.86667vw;
	outline: none;
}
.footer .pagetop:focus{
	outline: none;
}
.footer .stopBtn{
	position: absolute;
	top: -24px;
	bottom: auto;
}
/* ==========================================================================
   商品ページ
========================================================================== */
.itemPage .pankuzu{
	line-height: 1;
	display: flex;
	max-width: 1300px;
	margin: 0 auto 60px;
	padding: 0 10px;
}
.itemPage .pankuzu li:not(:last-child)::after{
	margin: 0 .5em;
	content: '>';
}
.itemPage .main{
	padding: 58px 0;
	background: #fff6f8;
}
.itemPage .itemMain{
	display: flex;
	max-width: 1300px;
	margin: 0 auto 60px;
	padding: 0 10px;

	flex-flow: row wrap;
	justify-content: space-between;
}
.itemPage .itemMain .text{
	position: relative;
	padding-bottom: 60px;

	flex: 0 1 49.23077%;
	order: 2;
}
.itemPage .itemMain .img{
	box-sizing: content-box;
	height: 496px;
	margin-left: 70px;

	flex: 0 1 38.15385%;
	order: 1;
}
.itemPage .img{
	display: flex;
	border: 2px solid #cbcbcb;
	background: #fff;

	align-items: center;
	justify-content: center;
}
.itemPage .img img{
	max-height: 100%;
}
.itemPage .itemTitle{
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 80px;
	padding-left: 18px;
	letter-spacing: .04em;
	border-left: 5px solid #f485a1;
	border-left: 5px solid var(--siteColor);
}
.itemPage .data h2{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 35px;
	padding-left: 20px;
	letter-spacing: .04em;
}
.itemPage .data dl{
	display: flex;

	flex-flow: row wrap;
}
.itemPage .data dl dt{
	font-weight: bold;
	box-sizing: content-box;
	padding-left: 3.125%;

	flex: 0 1 22.65625%;
}
.itemPage .data dl dd{
	box-sizing: content-box;

	flex: 0 1 74.21875%;
}
.itemPage .data dl dt,.itemPage .data dl dd{
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #cbcbcb;
}
.itemPage .download{
	position: absolute;
	bottom: 0;
	left: 0;
}
.itemPage .download .dBtn{
	font-size: 1.8rem;
	line-height: 1;
	display: flex;
	width: 360px;
	height: 60px;
	letter-spacing: .05em;
	color: #fff;
	border-radius: 8px;
	background: #f485a1;
	background: var(--siteColor);

	align-items: center;
	justify-content: center;
}
.itemPage .download .dBtn::after{
	height: 26px;
	margin-left: 15px;
	content: '';
	background: url('../../img/pdf_icon.png') no-repeat center center;

	flex: 0 0 26px;
}
.itemPage .download span{
	pointer-events: none;
	opacity: .5;
}
.itemPage .acr{
	display: flex;
	box-sizing: content-box;
	max-width: 616px;
	margin: 60px auto;
	padding: 29px 20px;
	border: 2px solid #cbcbcb;
	background: #eee;

	align-items: center;
	justify-content: space-between;
}
.itemPage .acr .banner{
	flex: 0 1 158px;
}
.itemPage .acr p{
	font-size: 1.2rem;
	letter-spacing: 1.8;

	flex: 0 1 448px;
}
.itemPage .acr p a{
	text-decoration: underline;
	color: #4ca3d0;
}
.itemPage .goHome{
	font-size: 1.8rem;
	line-height: 1;
	display: flex;
	width: 360px;
	height: 60px;
	margin: 60px auto 0;
	letter-spacing: .05em;
	color: #fff;
	border-radius: 8px;
	background: url('../../img/arrow.svg') no-repeat 20px center;
	background-color: #f485a1;
	background-color: var(--siteColor);
	background-size: 13px 19px;

	align-items: center;
	justify-content: center;
}
/* ==========================================================================
   home
========================================================================== */
.homePage .topText{
	line-height: 1.87;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: .04em;
}
.homePage .lang{
	margin-bottom: 60px;
	padding: 50px 0;
	background: #fff6f8;
}
.homePage .langInner{
	display: flex;
	max-width: 895px;
	margin: 0 auto;

	align-items: center;
}
.homePage .langInner h2{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;

	flex: 0 1 235px;
}
.homePage .langInner ul{
	display: flex;

	flex: 0 1 660px;
	justify-content: space-between;
}
.homePage .langInner ul li{
	flex: 0 1 120px;
}
.homePage .langInner ul a{
	font-size: 2.0rem;
	display: flex;
	height: 50px;
	color: #525252;
	border: 2px solid #525252;
	border-radius: 4px;
	background: #fff;

	align-items: center;
	justify-content: center;
}
.homePage .langInner ul span{
	font-size: 2.0rem;
	font-weight: bold;
	display: flex;
	height: 50px;
	color: #f485a1;
	border: 4px solid #f485a1;
	border-radius: 4px;
	background: #fff;

	align-items: center;
	justify-content: center;
}
.homePage .main{
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 10px;
}
.homePage .borderTitle{
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 40px;
	padding-left: 18px;
	border-left: 5px solid #f485a1;
	border-left: 5px solid var(--siteColor);
}
.homePage .search .row{
	display: flex;
}
.homePage .search .searchBox{
	margin-right: 50px;

	flex: 0 0 380px;
}
.homePage .search .itemCode{
	position: relative;
	min-height: 395px;

	flex: 1 1 65.38462%;
}
.homePage .search .itemCode h2{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
	display: flex;
	height: 60px;
	margin-bottom: 25px;
	border-bottom: 1px solid #cbcbcb;

	align-items: center;
}
.homePage .search .itemCode p{
	line-height: 1.7;
	width: 63.76471%;
	margin: 0 0 0 auto;
	letter-spacing: .02em;
}
.homePage .search .itemCode .code1{
	position: absolute;
	top: 85px;
	left: 0;
	width: 33.17647%;
}
.homePage .search .itemCode .code2{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 63.52941%;
}
.homePage .search .searchForm{
	display: flex;

	align-items: flex-start;
	justify-content: space-between;
}
.homePage .search .searchForm .searchWord{
	flex: 0 1 260px;
}
.homePage .search .searchForm .searchWord input{
	font-weight: 500;
	line-height: 60px;
	width: 100%;
	height: 60px;
	padding: 0 15px;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	background: #f7f7f7;
}
.homePage .search .searchForm .searchWord .codeNum{
	font-size: .9em;
	margin-top: .3em;
	transition: color .3s;
}
.homePage .search .searchForm .searchWord .error{
	transition: color .3s;
	color: #e52323;
}
.homePage .search .searchForm .searchBtn{
	transition: opacity .3s;
	opacity: 1;

	flex: 0 1 100px;
}
.homePage .search .searchForm .searchBtn button{
	font-size: 1.8rem;
	font-weight: 500;
	display: flex;
	width: 100%;
	height: 60px;
	padding: 0;
	cursor: pointer;
	letter-spacing: .05em;
	color: #fff;
	border: none;
	border-radius: 8px;
	outline: none;
	background: #f485a1;
	background: var(--siteColor);

	align-items: center;
	justify-content: center;
}
.homePage .search .searchForm .loading{
	position: relative;
	transition: opacity .2s;
	opacity: .5;
}
.homePage .search .searchForm .loading::before{
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin: 10px auto;
	margin: -14px 0 0 -14px;
	content: '';
	-webkit-animation: fadeIn .6s 1 linear,loader .8s infinite linear;
	        animation: fadeIn .6s 1 linear,loader .8s infinite linear;
	border: 4px solid #000;
	border-top-color: #ddd;
	border-radius: 50%;
}
.homePage .search .result{
	display: none;
	margin-top: 25px;
	padding: 20px;
	background: #fff6f8;
}
.homePage .search .result h2{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 20px;
}
.homePage .search .result li{
	line-height: 1.3;
}
.homePage .search .result li a{
	display: flex;
}
.homePage .search .result li a::before{
	height: 19px;
	margin-right: 10px;
	content: '';
	background: url('../../img/search_arrow.svg') no-repeat center bottom;
	background-size: contain;

	flex: 0 0 11px;
}
.homePage .search .result li+li{
	margin-top: 15px;
}
.homePage .search .result .noResult{
	color: #e52323;
}
.homePage .categoryList{
	margin-top: 60px;
}
.homePage .categoryList .parentCat{
	font-size: 2.0rem;
	line-height: 1;
	border-top: 1px solid #cbcbcb;
}
.homePage .categoryList .parentCat>li{
	font-weight: bold;
	border-bottom: 1px solid #cbcbcb;
}
.homePage .categoryList .parentCat>li>span{
	display: block;
	padding: 20px 60px 20px 20px;
}
.homePage .categoryList .childCat{
	font-weight: normal;
	border-top: 1px solid #cbcbcb;
}
.homePage .categoryList .childCat .childList>span{
	display: block;
	margin-left: 40px;
	padding: 20px 60px 20px 20px;
	border-bottom: 1px solid #cbcbcb;
}
.homePage .categoryList .childCat .childList:last-child{
	padding-bottom: 0;
}
.homePage .categoryList .childCat .childList:last-child>span{
	border-bottom: none;
}
.homePage .categoryList .childCat .childList:last-child.openJS{
	padding-bottom: 0;
}
.homePage .categoryList .childCat .childList:last-child.openJS>span{
	border-bottom: 1px solid #cbcbcb;
}
.homePage .categoryList .childCat .childList:not(:last-child) .itemList{
	border-bottom: 1px solid #cbcbcb;
}
.homePage .categoryList .parentCat>li,.homePage .categoryList .childCat>li{
	transition: background .6s ease;
	background: #fff;
}
.homePage .categoryList .parentCat .openAcBack,.homePage .categoryList .childCat .openAcBack{
	transition: background .6s ease;
	background: #fff6f8;
}
.homePage .categoryList .parentCat .acBtn,.homePage .categoryList .childCat .acBtn{
	position: relative;
	cursor: pointer;
}
.homePage .categoryList .parentCat .acBtn::before,.homePage .categoryList .childCat .acBtn::before{
	position: absolute;
	top: 50%;
	right: 20px;
	width: 21px;
	height: 21px;
	content: '';
	transform: translateY(-50%);
	background-image: url('../../img/ac_btn.png');
	background-repeat: no-repeat;
	background-position: center top;
}
.homePage .categoryList .parentCat .acBtn:hover,.homePage .categoryList .childCat .acBtn:hover{
	opacity: .8;
}
.homePage .categoryList .parentCat .openAc::before,.homePage .categoryList .childCat .openAc::before{
	background-position: center bottom;
}
.homePage .categoryList .itemList{
	font-size: 1.6rem;
	font-weight: normal;
	display: flex;
	margin-left: 40px;
	/* border-bottom:1px solid #cbcbcb; */
	padding: 20px 0 5px 20px;

	flex-flow: row wrap;
	justify-content: space-between;
}
.homePage .categoryList .itemList li{
	line-height: 1.3;
	margin-bottom: 15px;

	flex: 0 0 48.36066%;
}
.homePage .categoryList .itemList a{
	display: inline-flex;
}
.homePage .categoryList .itemList a::before{
	width: 9px;
	height: 18px;
	margin-right: 10px;
	content: '';
	background: url('../../img/search_arrow.svg') no-repeat center bottom;
	background-size: contain;
}
.homePage .categoryList .acBox2{
	border-top: 1px solid #cbcbcb;
	background: #fff6f8;
}
.homePage .categoryList .acBox{
	display: none;
}
/* ==========================================================================
   end
========================================================================== */
@media only screen and (max-width: 767px){
	html{
		font-size: 1.33333vw;
	}
	body{
		font-size: 2.4rem;
		width: 100%;
		min-width: 0;
	}
	.spShow{
		display: inline-block;
	}
	.pcShow{
		display: none;
	}
	.pageContainer{
		padding-top: 6.66667vw;
	}
	/* ==========================================================================
   header
========================================================================== */
	.header{
		background: #f485a1;
		background: var(--siteColor);
	}
	.header .logo a{
		height: 13.33333vw;

		justify-content: center;
	}
	.header .logo .img{
		flex: 0 1 20.8vw;
	}
	.header .logo .text{
		font-size: 3.2rem;
		margin-left: .93333vw;
	}
	/* ==========================================================================
   footer
========================================================================== */
	.footer{
		margin-top: 13.33333vw;
		padding: 4.66667vw 0;
	}
	.footer p{
		font-size: 1.8rem;
		line-height: 1.83;
	}
	.footer .pagetop{
		position: fixed;
		right: 2.66667vw;
		bottom: 10px;
		width: 11.73333vw;
	}
	.footer .stopBtn{
		position: absolute;
		top: -5.86667vw;
		bottom: auto;
	}
	/* ==========================================================================
   商品ページ
========================================================================== */
	.itemPage .pankuzu{
		line-height: 1.35;
		display: flex;
		width: 94.66667vw;
		max-width: none;
		margin: 0 auto 8vw;
		padding: 0;

		flex-flow: row wrap;
	}
	.itemPage .main{
		padding: 8vw 0 10.66667vw;
	}
	.itemPage .itemMain{
		display: flex;
		width: 94.66667vw;
		max-width: none;
		margin: 0 auto 8vw;
		padding: 0;

		flex-flow: column;
		justify-content: flex-start;
	}
	.itemPage .itemMain .text{
		padding-bottom: 0;

		flex: 1 1 auto;
	}
	.itemPage .itemMain .img{
		box-sizing: border-box;
		width: 100%;
		height: 94.66667vw;
		margin: 0 0 8vw;

		flex: 1 1 auto;
	}
	.itemPage .img{
		border: .26667vw solid #cbcbcb;
	}
	.itemPage .itemTitle{
		font-size: 4.0rem;
		margin-bottom: 8vw;
		padding-left: 3.2vw;
		border-left: .8vw solid #f485a1;
		border-left: .8vw solid var(--siteColor);
	}
	.itemPage .data h2{
		font-size: 3.0rem;
		margin-bottom: 5.06667vw;
		padding-left: 4vw;
	}
	.itemPage .data dl dt{
		box-sizing: border-box;
		padding-left: 4vw;

		flex: 0 1 25.33333vw;
	}
	.itemPage .data dl dd{
		box-sizing: border-box;

		flex: 0 1 69.33333vw;
	}
	.itemPage .data dl dt,.itemPage .data dl dd{
		margin-bottom: 3.33333vw;
		padding-bottom: 3.33333vw;
		border-bottom: .26667vw solid #cbcbcb;
	}
	.itemPage .download{
		position: static;
		margin-top: 4.66667vw;
	}
	.itemPage .download .dBtn{
		font-size: 2.8rem;
		width: 100%;
		height: 10.66667vw;
		border-radius: 1.06667vw;
	}
	.itemPage .download .dBtn::after{
		height: 4.93333vw;
		margin-left: 2.66667vw;
		background: url('../../img/sp_pdf_icon.png') no-repeat center center;
		background-size: contain;

		flex: 0 0 4.26667vw;
	}
	.itemPage .acr{
		display: block;
		box-sizing: border-box;
		width: 94.66667vw;
		max-width: none;
		margin: 10.66667vw auto;
		padding: 4vw 5.33333vw;
		border: .26667vw solid #cbcbcb;
		background: #eee;
	}
	.itemPage .acr .banner{
		width: 34.66667vw;
		margin: 0 auto 2vw;
	}
	.itemPage .acr p{
		font-size: 2.2rem;
	}
	.itemPage .goHome{
		font-size: 2.8rem;
		width: 94.66667vw;
		height: 10.66667vw;
		margin: 10.66667vw auto 0;
		border-radius: 1.06667vw;
		background: url('../../img/arrow.svg') no-repeat 5.33333vw center;
		background-color: #f485a1;
		background-color: var(--siteColor);
		background-size: 2vw 3.2vw;
	}
	/* ==========================================================================
   home
========================================================================== */
	.homePage .topText{
		font-size: 2.4rem;
		line-height: 1.83;
		margin-bottom: 10.66667vw;
		padding: 0 .5em;
		letter-spacing: 0;
	}
	.homePage .lang{
		margin-bottom: 10.66667vw;
		padding: 5.33333vw 0;
	}
	.homePage .langInner{
		display: block;
		width: 94.66667vw;
		max-width: none;
		margin: 0 auto;
	}
	.homePage .langInner h2{
		font-size: 3.0rem;
		margin-bottom: 7.33333vw;
	}
	.homePage .langInner ul li{
		flex: 0 1 21.33333vw;
	}
	.homePage .langInner ul a{
		font-size: 2.8rem;
		height: 10.66667vw;
		border: .26667vw solid #525252;
		border-radius: .53333vw;
	}
	.homePage .langInner ul span{
		font-size: 2.8rem;
		height: 10.66667vw;
		border: .53333vw solid #f485a1;
		border-radius: .53333vw;
	}
	.homePage .main{
		width: 94.66667vw;
		max-width: none;
		padding: 0;
	}
	.homePage .borderTitle{
		font-size: 4.0rem;
		margin-bottom: 7.33333vw;
		padding-left: 2.66667vw;
		border-left: .66667vw solid #f485a1;
		border-left: .66667vw solid var(--siteColor);
	}
	.homePage .search .row{
		display: block;
	}
	.homePage .search .searchBox{
		margin: 0 0 10vw;
	}
	.homePage .search .itemCode{
		min-height: 0;
	}
	.homePage .search .itemCode h2{
		font-size: 3.0rem;
		display: block;
		height: auto;
		margin-bottom: 3.33333vw;
		padding: 0 0 3.6vw 2.53333vw;
		border-bottom: .26667vw solid #cbcbcb;
	}
	.homePage .search .itemCode p{
		font-size: 2.15rem;
		line-height: 1.8;
		width: 100%;
		margin: 0 0 3.33333vw 0;
		letter-spacing: 0;
	}
	.homePage .search .itemCode .code1{
		position: static;
		width: 49.46667vw;
		margin: 0 auto 3.33333vw;
	}
	.homePage .search .itemCode .code2{
		position: static;
		width: 100%;
	}
	.homePage .search .searchForm .searchWord{
		flex: 0 1 69.33333vw;
	}
	.homePage .search .searchForm .searchWord input{
		font-size: 16px;
		line-height: 10.66667vw;
		height: 10.66667vw;
		padding: 0 3.33333vw;
		border: .26667vw solid #cbcbcb;
		border-radius: .53333vw;
		background: #f7f7f7;
	}
	.homePage .search .searchForm .codeNum{
		font-size: 1em;
	}
	.homePage .search .searchForm .searchBtn{
		flex: 0 1 18.66667vw;
	}
	.homePage .search .searchForm .searchBtn button{
		font-size: 2.8rem;
		height: 10.66667vw;
		border-radius: 1.06667vw;
	}
	.homePage .search .result{
		margin-top: 2.66667vw;
		padding: 5.33333vw;
	}
	.homePage .search .result h2{
		font-size: 2.4rem;
		margin-bottom: 4.66667vw;
	}
	.homePage .search .result li a::before{
		height: 3.73333vw;
		margin-right: 2vw;

		flex: 0 0 2.13333vw;
	}
	.homePage .search .result li+li{
		margin-top: 2.66667vw;
	}
	.homePage .categoryList{
		margin-top: 10.66667vw;
	}
	.homePage .categoryList .borderTitle{
		margin-bottom: 4vw;
	}
	.homePage .categoryList .parentCat{
		font-size: 3.0rem;
		border-top: .26667vw solid #cbcbcb;
	}
	.homePage .categoryList .parentCat>li{
		border-bottom: .26667vw solid #cbcbcb;
	}
	.homePage .categoryList .parentCat>li>span{
		padding: 5.33333vw 13.33333vw 5.33333vw 3.33333vw;
	}
	.homePage .categoryList .childCat{
		border-top: .26667vw solid #cbcbcb;
	}
	.homePage .categoryList .childCat .childList>span{
		margin-left: 0;
		padding: 5.33333vw 13.33333vw 5.33333vw 3.33333vw;
		border-bottom: .26667vw solid #cbcbcb;
	}
	.homePage .categoryList .childCat .childList:not(:last-child) .itemList{
		border-bottom: .26667vw solid #cbcbcb;
	}
	.homePage .categoryList .parentCat .acBtn::before,.homePage .categoryList .childCat .acBtn::before{
		right: 5.33333vw;
		width: 4vw;
		height: 4vw;
		background-image: url('../../img/sp_ac_btn.png');
		background-size: 100% auto;
	}
	.homePage .categoryList .parentCat .acBtn:hover,.homePage .categoryList .childCat .acBtn:hover{
		opacity: 1;
	}
	.homePage .categoryList .itemList{
		font-size: 2.4rem;
		display: block;
		margin-left: 0;
		padding: 4.66667vw 4.66667vw 4.66667vw 13.33333vw;
	}
	.homePage .categoryList .itemList li{
		margin-bottom: 4.66667vw;
	}
	.homePage .categoryList .itemList li:last-child{
		margin-bottom: 0;
	}
	.homePage .categoryList .itemList a{
		display: flex;
	}
	.homePage .categoryList .itemList a::before{
		height: 3.73333vw;
		margin-right: 2.4vw;

		flex: 0 0 2.13333vw;
	}
	.homePage .categoryList .acBox2{
		border-top: .26667vw solid #cbcbcb;
	}
	/*end*/
}
@media only screen and (max-width: 481px){
}
/* ==========================================================================
  アニメーション
========================================================================== */
@-webkit-keyframes loader{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes loader{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}