@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* reset */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img,input{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;text-align: left;}q:after,q:before{content:''}abbr,acronym{border:0}a,img{vertical-align:top;display:inline-block}

/******************************
共通
******************************/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

html{
  font-size:62.5%;
}
body{
  width: 100%;
  font-size: 1.6rem;
  line-height:1.75;
  font-family: 'Kosugi Maru', "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  word-break: break-all;
  /*min-width: 745px;*/
  color: #323232;
}
@media screen and (min-width:769px){
body{
  min-width:  1024px;
}
.br-sp{
	display: none;
}
}
a,input{
  outline:none;
  color:#323232;
  text-decoration:none;
}
a,
a:link,
a:visited {
  text-decoration:underline;
}
a:hover,
a:active  {
  text-decoration:underline;
}
.fixedCh {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 999999;
	width: 100%;
	background: url(../img/top/bg_slide_top.gif) left bottom repeat-x;
	background-color: #ffffff;
}
.fixedCh ul{
	width: 1024px;
	padding-top: 15px;
    margin: 0 auto;
}
a:focus, *:focus { outline:none; }
.active p a{
	color: #0a36b5;
}

.pos-r{
	position: relative;
}
.pos-a{
	position: absolute;
}

/******************************
レイアウト
******************************/

.spNone{
  display: block;
}
.pcNone{
  display: none;
}


/******************************
top
******************************/
#header{
	background: url("../img/top/bg_slide_top.gif") left bottom repeat-x;
}
#header h1{
	width: 270px;
	padding-top: 20px;
	float: left;
}
#header h1 img{
	max-width: 100%;
}
#header h1 a{
	display: block;
}
#header .wrap .head{
	margin-bottom: 20px;
	overflow: hidden;
}
#header .wrap .nav ul{
	display: flex;
	-js-display: flex;
	padding-bottom: 15px;
}
#header .wrap .nav ul li{
	/*width: 25%;*/
	width: 33.33%;
}
#header .wrap .nav ul li a{
	text-align: center;
	display: block;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	letter-spacing: 1px;
}
#header .wrap .nav ul li a::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #a9bacc;
}
#header .wrap .nav ul li a:hover{
	color: #0a36b5;
}
#header .wrap .nav ul li:last-child a::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #a9bacc;
}
@media screen and (min-width:769px){
#header .wrap{
	width: 1024px;
	margin: 0 auto;
}
}
#header .headMenu{
	display: flex;
	-js-display: flex;
	float: right;
}
#header .headMenu li a{
	color: #ffffff;
	text-decoration: none;
	border-radius: 0 0 10px 10px;
	padding: 10px 10px;
	box-sizing: border-box;
	text-align: center;
	letter-spacing: 2px;
}
#header .headMenu li:nth-child(1),
#header .headMenu li:nth-child(2){
	margin-right: 5px;
}
#header .headMenu li:nth-child(1):not(:target),
#header .headMenu li:nth-child(2):not(:target){
	width: 110px\9;
}
#header .headMenu li:nth-child(3):not(:target){
	width: 290px\9;
}
#header .headMenu li:nth-child(1) a{
	background: #fe69b9;
	min-width: 110px;
}
#header .headMenu li:nth-child(2) a{
	background: #079fdf;
	min-width: 110px;
}
#header .headMenu li:nth-child(3) a{
	background: #6ead40;
}
#header .headMenu li a:hover{
	opacity: 0.8;
}
#mainSlideArea{
	width: 100%;
	overflow: hidden;
	background: url("../img/top/bg_slide_top.gif"), url("../img/top/bg_slide.gif");
	background-position: left bottom,left center;
	background-repeat: repeat-x, repeat-y;
	background-size:auto,100%;
}
#mainSlideArea .banBox {
	width: 1024px;
	margin: 30px auto 45px;
	padding: 25px 0 8px;
	text-align: center;
	border-radius: 20px;
	background: #d92c2c;
  box-shadow: 0px 7px 0px 0px rgba(159, 159, 159, 0.3);
	box-sizing: border-box;
}
#mainSlideArea .banBox .tit img {
	margin: 0 auto;
}
#mainSlideArea .banBox .inner {
	padding: 15px 0 0;
	overflow: hidden;
	position: relative;
}
#mainSlideArea .banBox .inner a {
	pointer-events: none;
}
#mainSlideArea .banBox .inner .left {
	float: left;
}
#mainSlideArea .banBox .inner .right {
	float: right;
}
#mainSlideArea .banBox .inner .plus {
	position: absolute;
	top: 150px;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#mainSlideArea .banBox .inner .plus {
	width: 48px;
}
#mainSlideArea .banBox .inner .plus img {
	max-width: 100%;
	width: 100%;
}
#mainSlideArea .ban a {
	transition: .3s;
	-webkit-transition: .3s;
}
.tax_ban {
	width: 1023px;
	margin: 0 auto 30px;
	text-align: center;
}
.innner_tax_box {
	font-weight: bold;
	color: #122a88;/*文字色*/
	background: #FFF;
	border: solid 3px #FFF;/*線*/
	border-radius: 23px;/*角の丸み*/
	margin: 0 28px;
}
.box3 {
	background: #FFF;
	border: solid 3px #FFF;/*線*/
	border-radius: 10px;/*角の丸み*/
	margin: 0 28px;
}
.innner_tax_box p {
	margin: 0; 
	padding: 0;
	text-align: center;
	font-size: 36.72px;
}
.photospot {
	width:1024px;
	margin:0 auto 60px;
}
@media screen and (min-width:769px){
.mainSlider{
	width: 1024px;
	height: 540px;
	margin: 0 auto;
}
}
.mainSlider a{
	display: block;
}
.mainSlider a img{
	width: 100%;
}
.slick-dots{
	display: flex;
	-js-display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.slick-dots li{
	width: 10px;
	height: 10px;
	position: relative;
	margin:0 5px;
	background: #cdcdcd;
	border-radius: 50px;
}
.slick-dots li button{
	font-size: 0;
	border: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: transparent;
}
.slick-dots li.slick-active{
	width: 13px;
	height: 13px;
	background: #258ae9;
}
.slick-initialized .slick-slide{
	position: relative;
}
.slick-initialized .slick-slide::before{
	background:rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
}
.slick-initialized .slick-center::before{
	display: none;
}
.slick-initialized .slick-center{
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
	z-index: 999;
}
@media screen and (min-width:769px){
.ban{
	width: 1024px;
}
}
.ban{
	margin: 30px auto 45px;
}
.ban a{
	display: block;
}
.ban a:hover{
	opacity: 0.8;
}
.ban a img{
	width: 100%;
}
.select{}
.select .selectTit{
	background: url("../img/top/model_01.png"), url("../img/top/model_02.png");
	background-position: 15% -7%, 85% -7% ;
	background-repeat: no-repeat, no-repeat;
}
.select .selectTit h2{
	color: #122a88;
	text-align: center;
	padding: 25px 0 ;
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1.4em;
	letter-spacing: 2px;
}
.select .selectTit h2 span{
	height: 22px;
	display: block;
	margin-bottom:5px;
}
.select .selectTit h2 span img{
	max-height: 100%;
}
.selectDesign{
	padding: 70px 0 30px;
	background: url("../img/top/bg_center.png"),url("../img/top/bg_design.gif");
	background-repeat: no-repeat, repeat;
	background-position: top center,left center;
}
.selectDesign h3{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8em;
	letter-spacing: 7px;
	text-align: center;
	margin-bottom: 40px;
}
.selectBox,
.select2col{
	display: flex;
	-js-display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 1024px;
	margin: 0 auto 20px;
}
.selectBox .selectBoxWrap{
	width: 239.5px;
}
.selectBox .selectBoxWrap,
.select2col .selectBoxWrap{
	margin-right: 22px;
	margin-bottom: 25px;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.1);
}
.selectBox .selectBoxWrap:not(:target),
.select2col .selectBoxWrap:not(:target){
  margin-right: 20px\9;  /* IE10以下 => 結果的にIE9のみ */
}
.selectBox .selectBoxWrap div.img{
	width: 100%;
	height: 190px;
	border-radius: 20px 20px 0 0;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
}
@media screen and (min-width:769px){
.selectBox .selectBoxWrap:nth-child(4),
.selectBox .selectBoxWrap:nth-child(8),
.select2col .selectBoxWrap:nth-child(2){
	margin-right: 0;
}
}
.selectBox .selectBoxWrap a:hover div.img,
.select2col .selectBoxWrap a:hover div.img{
	background-size: 115%;
}
.selectBox .selectBoxWrap a:hover,
.select2col .selectBoxWrap a:hover{
	opacity: 0.8;
}
.selectBox .selectBoxWrap:nth-child(1) div.img{
	background:url("../img/top/designimg_01.jpg") center center no-repeat;
	background-size: 105%;
}
.selectBox .selectBoxWrap:nth-child(2) div.img{
	background:url("../img/top/designimg_02.jpg") center center no-repeat;
	background-size: 105%;
}
.selectBox .selectBoxWrap:nth-child(3) div.img{
	background:url("../img/top/designimg_03.jpg") center center no-repeat;
	background-size: 105%;
}
.selectBox .selectBoxWrap:nth-child(4) div.img{
	background:url("../img/top/designimg_04.jpg") center center no-repeat;
	background-size: 105%;
}
.selectBox .selectBoxWrap:nth-child(5) div.img{
	background:url("../img/top/designimg_05.jpg") center center no-repeat;
	background-size: 105%;
}
.selectBox .selectBoxWrap:nth-child(6) div.img{
	background:url("../img/top/designimg_06.jpg") center center no-repeat;
	background-size: 105%;
}
.selectBox .selectBoxWrap:nth-child(7) div.img{
	background:url("../img/top/designimg_07.jpg") center center no-repeat;
	background-size: 105%;
}
.selectBox .selectBoxWrap a,
.select2col .selectBoxWrap a{
	text-decoration: none;
	display: block;
}
.selectBox .selectBoxWrap .textBox,
.select2col .selectBoxWrap .textBox{
	padding: 20px;
}
.selectBox .selectBoxWrap .textBox .tit{
	color: #e0317a;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 5px;
	letter-spacing: 2px;
}
.selectBox .selectBoxWrap .textBox .text{
	color: #3f3f3f;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1.6em;
}
.select2col{}
.select2col .selectBoxWrap:nth-child(1) div.img{
	background:url("../img/top/selectimg_01.jpg") center center no-repeat;
	background-size: 105%;
}
.select2col .selectBoxWrap:nth-child(2) div.img{
	background:url("../img/top/selectimg_02.jpg") center center no-repeat;
	background-size: 105%;
}
.select2col .selectBoxWrap{
	width: 501px;
}
.select2col .selectBoxWrap div.img{
	width: 100%;
	height: 170px;
	border-radius: 20px 20px 0 0;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
}
.select2col .selectBoxWrap .textBox .tit{
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 1.3em;
	position: relative;
}
.select2col .selectBoxWrap .textBox .tit::after{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url("../img/top/ico_btn_arrow.png") no-repeat;
	background-size: 100%;
	display: block;
	content: "";
	right: 2%;
	top: 7px;
}
.storeBtnArea{
	padding-bottom: 70px;
	margin-top: 30px;
}
.storeBtnArea ul{
	display: flex;
	-js-display: flex;
	justify-content: center;
}
.storeBtnArea ul li:first-child{
	margin-right: 22px;
}
.storeBtnArea ul li a{
	width: 450px;
	color: #ffffff;
	background: url("../img/top/ico_arrow_white.png") 93% center no-repeat;
	background-size:10px;
	background-color: #fe69b9;
	text-align: center;
	padding: 20px 0;
	border-radius: 20px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.3em;
	letter-spacing: 3px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 0 0 rgba(245, 61, 113, 1);
	-moz-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	transition: .3s;
}
.storeBtnArea ul li a:hover{
	background: url("../img/top/ico_arrow_white.png") 95% center no-repeat;
	background-size:10px;
	background-color: #ff84c6;
}

/*イトーヨーカドーのランドセルが選ばれるポイント*/
.point{
	padding: 80px 0 60px 0;
}
.pointcont::after{
	position: absolute;
	height: 350px;
	width: 100%;
	background: url("../img/top/bg_point.gif") center center repeat;
	top: 70px;
	left: 0;
	content: "";
	z-index: 0;
}
.point .tit h2{
	font-size: 1.8em;
	text-align: center;
	font-weight: bold;
	line-height: 1.3em;
	color: #48ca94;
	letter-spacing: 3px;
	position: relative;
	margin: 0 auto 30px;
}
@media screen and (min-width:769px){
.point .tit h2{
	width: 1024px;
}
}
.point .tit h2::before{
	content: "";
	display: block;
	position: absolute;
	background: url("../img/top/bg_point_left.png") left center no-repeat;
	background-size: 100%;
	width: 23px;
	height: 37px;
	top: 0;
	left: 10%;
}
.point .tit h2::after{
	content: "";
	display: block;
	position: absolute;
	background: url("../img/top/bg_point_right.png") right center no-repeat;
	background-size: 100%;
	width: 23px;
	height: 37px;
	top: 0;
	right: 10%;
}
.pointcont{
	display: flex;
	-js-display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}
.pointcont .cont{
	background: #ffffff;
	border-radius: 10px;
	border: 4px solid #60d2a3;
	box-sizing: border-box;
	padding: 25px;
	z-index: 1;
}
.pointcont .slim{
	width: 501px;
}
.pointcont .wide{
	margin-top: 22px;
}
@media screen and (min-width:769px){
.pointcont .wide{
	width: 1024px;
}
}
.pointcont .slim h3{
	text-align: center;
	margin-bottom: 25px;
}
.pointcont .slim h3 img{
	max-width: 100%;
}
.pointcont .slim:first-child{
	margin-right: 22px;
}
.pointcont .cont p{
	font-size: 0.8em;
	text-align: center;
}
.pointcont .cont p span{
	display: block;
}
.pointcont .wide p{
	text-align: left;
}
.pointcont .wide{
	display: flex;
	-js-display:flex;
	padding: 25px 40px;
	margin-bottom: 40px;
}
.pointcont .wide h3{
	margin-right: 50px;
}
.pointcont .btn{
	width: 501px;
}
.pointcont .btn_fst{
	margin-right: 22px;
}
.pointcont .btn a{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 35px 35px;
	border-radius: 20px;
	font-size: 1.3em;
	letter-spacing: 4px;
	line-height: 1.3em;
	background: url("../img/top/ico_arrow_white_opacity.png") 95% center no-repeat;
	background-size: 22px;
	transition: .3s;
	box-shadow: 0 8px 0 0 rgba(208, 208, 208, 1);
	-webkit-box-shadow: 0 8px 0 0 rgba(208, 208, 208, 1);
	-moz-box-shadow: 0 8px 0 0 rgba(208, 208, 208, 1);
	-ms-box-shadow: 0 8px 0 0 rgba(208, 208, 208, 1);
}
.pointcont .btn a:hover{
	opacity: 0.8;
	background-position: 97% center;
}
.pointcont .btn_fst a{
	background-color: #9a714d;
	padding-top: 50px;
}
.pointcont .btn_snd a{
	background-color: #6ead40;
}

/*合同展示会*/
.exhibition {
	padding: 55px 0 62px;
	text-align: center;
	background: url("../img/top/bg_exhibition.gif") center center repeat;
}
.exhibition > .lead {
	margin-top: 7px;
	font-size: 16px;
}
.exhibition > .tit {
	width: 100%;
	max-width: 927px;
	margin: 0 auto;
}
.exhibition > .tit img {
	max-width: 100%;
}
.exhibition > ul {
	width: 1036px;
	margin: 18px auto 0;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 0;
	text-align: center;
}
.exhibition > ul li {
	width: 328px;
	padding: 15px 20px 20px;
	text-align: left;
	border-radius: 15px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.exhibition > ul li:not(:first-child) {
	margin-left: 19px;
}
.exhibition > ul li .tit {
	font-size: 20px;
	color: #122a88;
	font-weight: bold;
	letter-spacing: .06em;
}
.exhibition > ul li .txt {
	margin-top: 5px;
	font-size: 13px;
}
.exhibition > ul li .txt span {
	font-weight: bold;
	display: block;
}
.exhibition .note {
	margin-top: 20px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.exhibition .btn{
	margin-top: 15px;
}
.exhibition .btn a{
	max-width: 450px;
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
	color: #ffffff;
	background: url("../img/top/ico_arrow_white.png") 93% center no-repeat;
	background-size:10px;
	background-color: #122a88;
	text-align: center;
	border-radius: 20px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.3em;
	letter-spacing: 3px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 0 0 rgba(3, 14, 56, 1);
	-moz-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	transition: .3s;
}
.exhibition .btn a:hover{
	background: url("../img/top/ico_arrow_white.png") 95% center no-repeat;
	background-size:10px;
	background-color: #4155a0;
}
@media screen and (max-width:768px){
	.exhibition {
		padding: 27px 0 40px;
	}
	.exhibition > .tit {
		max-width: 250px;
	}
	.exhibition > .lead {
		font-size: 10px;
	}
	.exhibition > ul {
		width: 85%;
		margin: 5px auto 0;
	}
	.exhibition > ul li {
		width: 100%;
		min-height: auto;
		margin: 0 0 8px;
		padding: 10px 12px 10px;
		border-radius: 10px;
	}
	.exhibition > ul li:not(:first-child) {
		margin-left: 0;
	}
	.exhibition > ul li .tit {
		font-size: 12px;
	}
	.exhibition > ul li .txt {
		font-size: 9px;
		letter-spacing: -.1em;
	}
	.exhibition .note {
		width: 85%;
		margin: 5px auto 0;
		font-size: 13px;
	}
	.exhibition .btn{
		margin-top: 10px;
	}
	.exhibition .btn a{
		font-size: 1em;
    line-height: 1em;
    border-radius: 10px;
	}
	/*.tax_box {
		width:90%;
		margin: 0 auto;
		background: url(../img/top/tax_background_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		padding-top:10px;
		margin-top: -20px;
	}
	.tax_box .tax_txt {
		width: 90%;
		text-align: center;
		padding: 10px 0;
		font-size:11px;
		margin: 0 auto;
	}
	.tax_box img {
		 padding-left: 31px; 
	}*/
	.tax_box {
		display: none;
	}
	.tax_ban {
		width: 90%;
		margin: 0 auto 20px;
		text-align: center;
		display: block;
	}
	.tax_ban img {
		max-width: 100%;
		width: 100%;
	}
	.innner_tax_box {
		width: 90%;
		font-weight: bold;
		color: #122a88;/*文字色*/
		background: #FFF;
		border: solid 3px #FFF;/*線*/
		border-radius: 23px;/*角の丸み*/
		margin: 0 auto;
		margin-top: 10px;
	}
	.box3 {
		background: #FFF;
		border: solid 3px #FFF;/*線*/
		border-radius: 10px;/*角の丸み*/
		margin: 0 28px;
	}
	.innner_tax_box p {
		margin: 0; 
		padding: 0;
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
	}
	.photospot {
		width:90%;
		margin:0 auto 30px;
	}
}

/*商品のご購入はネット通販または店頭にて*/
.store{
	padding: 70px 0 0 0;
	background: url("../img/top/bg_store.gif") center center repeat;
}
.store h2{
	color: #ffffff;
	text-align: center;
	font-size: 2em;
	line-height: 1.3em;
	letter-spacing: 5px;
}

/*イトーヨーカドーTOPへ*/
.site_top {
	padding: 54px 0 53px;
	text-align: center;
	border-bottom: 1px solid #c2ccd2;
}
.site_top .btn a{
	width: 80%;
	max-width: 450px;
	margin: 0 auto;
	color: #ffffff;
	background: url("../img/top/ico_arrow_white.png") 93% center no-repeat;
	background-size:10px;
	background-color: #dc2f2f;
	text-align: center;
	padding: 20px 0;
	border-radius: 20px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.3em;
	letter-spacing: 3px;
	box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 0 0 rgba(164, 12, 12, 1);
	-moz-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
	transition: .3s;
}
.site_top .btn a:hover{
	background: url("../img/top/ico_arrow_white.png") 95% center no-repeat;
	background-size:10px;
	background-color: #e35959;
}
@media screen and (max-width:768px){
	.site_top {
		padding: 35px 0 43px;
	}
	.site_top .btn a{
		font-size: 1em;
    line-height: 1em;
    border-radius: 10px;
	}
}

#footer{
	padding: 50px 0 30px 0;
	position: relative;
}
#footer .sns{
	display: flex;
	-js-display: flex;
	justify-content: center;
	margin-bottom: 25px;
}
#footer .sns li{
	width: 40px;
	margin: 0 5px;
}
#footer .sns li img{
	width: 100%;
}
.copy{
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 3px;
}
.btnTop{
	position: absolute;
	width: 75px;
	top: -35px;
	right: 5%;
  z-index: 99;
}
.btnTop a{
	display: block;
}
.btnTop a img{
	max-width: 100%;
}




@media screen and (max-width:768px){
.nav,
.headMenu{
	display: none !important;
}
.fixedCh ul{
	width: 100%;
}
.selectBox, .select2col {
    width: 85%;
}
.storeBtnArea ul{
	flex-direction: column;
}
.storeBtnArea ul li a{
	width: 100%;
    display: block;
    font-size: 1em;
    line-height: 1em;
	border-radius: 10px;
}
.storeBtnArea ul li p{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.storeBtnArea ul li:first-child p{
	margin-bottom: 20px;
}
.storeBtnArea {
    margin-top: 20px;
}
.mainSlider {
    width: 90%;
    margin: 0 auto 30px;
}
.slick-dots{
	bottom: -20px;
}
.slick-dots li{
    width: 7px;
    height: 7px;
	margin: 0 3px;
}
.slick-dots li.slick-active {
    width: 10px;
    height: 10px;
}
#header h1 {
    width: auto;
    height: 30px;
    margin: 0 auto;
    padding: 15px 0 20px 0;
    float: none;
    text-align: center;
}
#header h1 a {
    display: block;
    height: 100%;
}
#header h1 img {
    height: 100%;
}
#header {
    background: url(../img/top/bg_slide_top_sp.gif) left bottom repeat-x;
    background-size: 35%;
}
#header .wrap .head {
    margin-bottom: 0;
}
.ban {
    width: 90%;
	margin: 20px auto 40px;
}
#mainSlideArea {
	background: url(../img/top/bg_slide_top_sp.gif), url(../img/top/bg_slide.gif);
  background-size: 35%,800px;
	background-position: left bottom,50% center;
	background-repeat: repeat-x, repeat-y;
}
#mainSlideArea .banBox {
	width: 90%;
	margin: 30px auto 40px;
	position: relative;
}
#mainSlideArea .banBox .tit {
	width: 87%;
	margin: 0 auto;
}
#mainSlideArea .banBox .tit img {
	max-width: 100%;
	width: 100%;
}
#mainSlideArea .banBox .inner {
	padding: 0;
}
#mainSlideArea .banBox .inner a {
	pointer-events: auto;
}
#mainSlideArea .banBox .inner .left,
#mainSlideArea .banBox .inner .right
#mainSlideArea .banBox .inner p {
	float: none;
	width: 100%;
}
#mainSlideArea .banBox .inner .left img,
#mainSlideArea .banBox .inner .right img,
#mainSlideArea .banBox .inner p img {
	max-width: 100%;
	width: 100%;
}

#mainSlideArea .banBox .inner .plus {
	width: 8.26%;
	position: absolute;
	top: 44.5%;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#mainSlideArea .banBox .inner .plus img {
	max-width: 100%;
	width: 100%;
}
#mainSlideArea .ban a {
	transition: .3s;
	-webkit-transition: .3s;
}
.select .selectTit h2 {
    font-size: 1.2em;
	line-height: 1.2em;
	padding: 15px 0 10px;
}
.select .selectTit h2 span {
    height: 14px;
}
.select .selectTit {
    background: url(../img/top/model_01.png), url(../img/top/model_02.png);
    background-position: 5% -7%, 95% -7%;
    background-repeat: no-repeat, no-repeat;
    background-size: 60px;
}
.selectDesign {
		background-size: 110px, 30px;
		padding-top: 50px;
}
.selectDesign h3 {
    font-size: 1.2em;
    letter-spacing: 5px;
	margin-bottom: 20px;
}
.selectBox .selectBoxWrap {
    width: 48%;
}
.selectBox .selectBoxWrap, .select2col .selectBoxWrap {
    margin-right: 0;
}
.selectBox .selectBoxWrap:nth-child(odd){
    margin-right: 4%;
}
.selectBox .selectBoxWrap div.img {
    height: 110px;
}
.selectBox .selectBoxWrap .textBox .tit {
    font-size: 0.8em;
    line-height: 1.6em;
}
.selectBox .selectBoxWrap .textBox, .select2col .selectBoxWrap .textBox {
    padding: 13px;
}
.select2col .selectBoxWrap div.img {
    height: 105px;
}
.storeBtnArea ul li:first-child {
    margin-right: 0;
}
.select2col .selectBoxWrap .textBox .tit {
    font-size: 1.1em;
}
.selectBox .selectBoxWrap .textBox .text {
    font-size: 0.7em;
    line-height: 1.4em;
}
.point .tit h2{
	font-size: 1em;
	letter-spacing: 1px;
}
.point .tit h2::before {
    top: 10px;
    left: 5%;
}
.point .tit h2::after {
    top: 10px;
    right: 5%;
}
.point {
    padding: 40px 0;
}
.pointcont .slim:first-child {
    margin-right: 0;
}
.pointcont .slim {
    width: 85%;
    margin-bottom: 20px;
}
.pointcont .cont p span {
    font-size: 0.7em;
}
.pointcont .slim h3 {
	width: 80%;
	margin: 0 auto 15px;
}
.pointcont .wide{
	flex-direction: column;
	width: 85%;
	margin: 0 auto 40px;
}
.pointcont .wide h3 {
    width: 25%;
	margin: 0 auto 15px;
}
.pointcont .wide h3 img{
    max-width: 100%;
}
.pointcont .cont {
    padding: 25px 15px;
}
.pointcont::after {
    position: absolute;
    height: 70%;
    width: 100%;
    background: url(../img/top/bg_point.gif) center center repeat;
	background-size: 20px;
    top: 40px;
    left: 0;
    content: "";
    z-index: 0;
}
.pointcont .btn_fst {
    margin-right: 0;
	margin-bottom: 20px;
}
.pointcont .btn {
  width: 80%;
}
.pointcont .btn a {
  padding: 15px;
  border-radius: 10px;
  font-size: 1em;
  line-height: 1.1em;
	text-align: center;
}
.pointcont .btn_fst a {
  padding: 25px 15px;
}
.store h2 {
  font-size: 1.3em;
  line-height: 1.4em;
}
.store {
  padding: 40px 0 0 0;
  background: url(../img/top/bg_store.gif) center center repeat;
	background-size: 20px;
}
.store .storeBtnArea{
	padding-bottom: 60px;
}
.btnTop {
  position: absolute;
  width: 50px;
  top: -25px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 99;
}
#footer .sns {
  margin-bottom: 15px;
}
.copy {
  text-align: center;
  font-size: 0.5em;
  letter-spacing: 1px;
}
#header{
	position: fixed;
	width: 100%;
	background-color: #ffffff;
	z-index: 999999;
	height: 67px;
}
#header .wrap{
	position: relative;
}
#header .wrap .spNav{
	position: absolute;
	    right: 3%;
    top: 16%;
}
.spNav a{
	display: block;
	width: 44px;
    height: 41px;
}
.spNav a.open{
	background: url("../img/top/btn_menu.png") center center no-repeat;
	background-size: cover;
}
.spNav a.close{
	background: url("../img/top/btn_close.png") center center no-repeat;
	background-size: cover;
}
.spMenu{
	display: none;
	z-index: 99999;
    position: fixed;
    height: 100vh;
	background: #e2eef2;
	width: 100%;
    padding: 80px 0 0 0;
}
.spMenu ul{
	width: 80%;
	margin: 0 auto;
}
.spMenu p{
	width: 60px;
    margin: 0 auto;
    height: 4px;
}
.spMenu p img{
	max-width: 100%;
}
.spMenu ul li{
	margin: 30px 0;
	text-align: center;
}
.spMenu ul li a{
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.sp_menu_wrap{
	height: 67px;
}
.spNone{
  display: none;
}
.pcNone{
  display: block;
}
}

@media screen and (max-width:768px){
.slick-slide img{
	height: 330px !important;
}
/*.slick-active img{
	height: 100% !important;
}*/
.slick-slide img{
	transition: .3s;
}
}
@media screen and (max-width:700px){
.slick-slide img{
	height: 300px !important;
}
/*.slick-active img{
	height: 100% !important;
}*/
.slick-slide img{
	transition: .3s;
}
}
@media screen and (max-width:640px){
.slick-slide img{
	height: 270px !important;
}
/*.slick-active img{
	height: 100% !important;
}*/
.slick-slide img{
	transition: .3s;
}
}
@media screen and (max-width:600px){
.slick-slide img{
	height: 250px !important;
}
/*.slick-active img{
	height: 100% !important;
}*/
.slick-slide img{
	transition: .3s;
}
}
@media screen and (max-width:550px){
.slick-slide img{
	height: 240px !important;
}
/*.slick-active img{
	height: 100% !important;
}*/
.slick-slide img{
	transition: .3s;
}
}
@media screen and (max-width:500px){
.slick-slide img{
	height: 200px !important;
}
/*.slick-active img{
	height: 100% !important;
}*/
.slick-slide img{
	transition: .3s;
}
}
@media screen and (max-width:450px){
.slick-slide img{
	height: 170px !important;
}
/*.slick-active img{
	height: 100% !important;
}*/
.slick-slide img{
	transition: .3s;
}
}

@media screen and (min-width:769px){
.spMenu,.spNav{
	display: none;
}
.slick-slide img{
	transition: .3s;
}
.slick-slide img{
	height: 500px !important;
}
/*.slick-active img{
	height: 550px !important;
}*/

}
/*.pos-r img{
	width: 100%;
	height: auto;
}*/
.icon{
	right: 10px;
	bottom: 10px;
}
@media screen and (max-width:450px){
	.icon{
	    left: 0;
	    right: 0;
	    bottom: 10px;
	    margin: auto;
	}
}