@charset "UTF-8";

/*------------------コンセプト01------------------------*/

#concept01+section{
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/20220723095251.png),
		url(/common/upload_data/nagoya-kishimen-ippachicom2/image/udon2_4.png)!important;
	background-repeat: repeat-x,no-repeat!important;
	background-position: bottom left,bottom -30px left -60px!important;
	background-size: auto,1000px auto!important;
}
#concept01+section{
	padding-top: 80px;
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
}
#concept01+section .content_wrapper{
	text-align: right;
}
#concept01+section .concept_wrapper{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-orientation: upright;
	display: inline-block;
	text-align: left;
}

#concept01+section p{
	font-size: 1.75rem;
	letter-spacing: 0.2rem;
	line-height: 3;
	padding-right: 240px;
	position: relative;
	text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
#concept01+section p::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/concept1_midasi_1.png) no-repeat;
  background-position: right top;
  position: absolute;
  top: -15px;
  right: 0;
	z-index: 1;
	background-size: 204px auto;
}




@media screen and (max-width: 1500px){
	#concept01+section{
		background-position: bottom left,bottom -30px left -140px!important;
		background-size: auto,950px auto!important;
	}
}
@media screen and (max-width: 1300px){
	#concept01+section{
		background-position: bottom left,bottom -30px left -230px!important;
	}
}
@media screen and (max-width: 1100px){
	#concept01+section{
		background-position: bottom left,bottom -30px left -300px!important;
	}
	#concept01+section p{
		padding-right: 200px;
	}
	#concept01+section p::before {
		background-size: 170px auto;
	}
}
@media screen and (max-width: 1000px){
	#concept01+section{
		background-position: bottom left,bottom -30px left -360px!important;
	}
}

@media screen and (max-width: 900px){
	#concept01+section .pc_only{
		display: none;
	}
	#concept01+section{
		padding-top: 30px;
		padding-bottom: 350px;
		background-position: bottom left,bottom center!important;
		background-size: auto,650px auto!important;
	}
	#concept01+section .concept_wrapper {
		writing-mode:inherit;
	}
	#concept01+section p {
    	line-height: 2;
		letter-spacing: 0.02rem;
		font-size: 1.65rem;
		padding-right: 0px;
		padding-top: 210px;
		text-align: center;
	}
	#concept01+section p::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/sp_concept1_midasi.png) no-repeat;
  background-position: center top;
  position: absolute;
  top: 0px;
  right: 0;
	left: 0;
	z-index: 1;
	background-size: 390px auto;
	}
}

@media screen and (max-width: 800px){
	#concept01+section {
    	padding-bottom: 400px;
	}
	#concept01+section p::before {
    	background-size: 300px auto;
	}
	#concept01+section p {
    	padding-top: 160px;
	}
}

@media screen and (max-width: 600px){
	#concept01+section {
    	background-size: auto,500px auto!important;
	}
	#concept01+section {
    	padding-top: 25px;
    	padding-bottom: 280px;
	}
	#concept01+section p {
    	padding-top: 135px;
	}
	#concept01+section p::before {
    	background-size: 250px auto;
	}
}
@media screen and (max-width: 460px){
	#concept01+section {
    	background-size: auto,400px auto!important;
	}
	#concept01+section {
    	padding-bottom: 235px;
	}
}


/*画像+テキストパーツの装飾*/

#con_right+section .inner_item_img{
	position: relative
}
#con_right+section .inner_item_img::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/pt_kin2.png) repeat;
  opacity: 1;
  pointer-events: none;
  z-index: -1;
  top: 0px;
  right: -30px;
	transform: rotate(4deg);
}
@media screen and (max-width: 900px){
#con_right+section .inner_item_img::before {
  top: -10px;
  right: -10px;
	transform:none;
}
}

#con_left+section .inner_item_img{
	position: relative
}
#con_left+section .inner_item_img::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/pt_kin2.png) repeat;
  opacity: 1;
  pointer-events: none;
  z-index: -1;
  top: 0px;
  left: -30px;
	transform: rotate(-4deg);
}
@media screen and (max-width: 900px){
#con_left+section .inner_item_img::before {
  top: -10px;
  left: -10px;
	transform:none;
}
}

/*金箔*/
#con_right+section .content_wrapper{
	position: relative;
}

#con_right+section .content_wrapper::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/kin2_3.png) no-repeat;
  background-position: right top;
  position: absolute;
  top: 180px;
  right: -230px;
  z-index: -1;
  background-size: 265px auto;
}
@media screen and (max-width: 1300px){
	#con_right+section .content_wrapper::before {
    	top: -70px;
    	right: -70px;
	}
}
@media screen and (max-width: 800px){
	#con_right+section .content_wrapper::before {
    	top: -100px;
    	right: 0px;
    	background-size: 200px auto;
	}
}
@media screen and (max-width: 500px){
	#con_right+section .content_wrapper::before {
    	top: -80px;
    	right: -30px;
    	background-size: 190px auto;
	}
}



/*------------------コンセプト02------------------------*/

#concept02+section{
	background:url(/common/upload_data/nagoya-kishimen-ippachicom2/image/concept02_syati.png),
		url(/common/upload_data/nagoya-kishimen-ippachicom2/image/concept02_img.png),
		url(/common/upload_data/nagoya-kishimen-ippachicom2/image/bg_kuro_1.png)!important;
	background-repeat:no-repeat,no-repeat,repeat!important;
	background-position:bottom 85px right 85px,bottom 150px left 150px,top left!important;
}
#concept02+section{
	padding-top: 150px;
	padding-bottom: 120px;
	position: relative;
	overflow: hidden;
}
#concept02+section .content_wrapper{
	text-align: right;
}
#concept02+section .concept_wrapper{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-orientation: upright;
	display: inline-block;
	text-align: left;
}

#concept02+section p{
	font-size: 1.75rem;
	letter-spacing: 0.2rem;
	line-height: 3;
	text-shadow: 0 10px 10px rgba(0,0,0,0.9),0 0 5px rgba(0,0,0,0.9),0 0 5px rgba(0,0,0,0.9);
	padding-right: 280px;
	position: relative;
	color: #fff;
}
#concept02+section p::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/concept02_midasi_1.png) no-repeat;
  background-position: right top;
  position: absolute;
  top: -15px;
  right: 0;
	z-index: 1;
	background-size: 224px auto;
}

#concept02+section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: -80px;
	bottom: 50px;
  background-image: url("/common/upload_data/nagoya-kishimen-ippachicom2/image/concept02_kin.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 0;
  background-size: 265px auto;
}
#concept02+section::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background-image: url("/common/upload_data/nagoya-kishimen-ippachicom2/image/concept02_kumo_2.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  z-index: 0;
  background-size: 500px auto;
}



@media screen and (max-width: 1500px){
	#concept02+section{
		background-position:bottom 65px right 60px,bottom 150px left 100px,top left!important;
		background-size: 330px auto,550px auto,auto!important;
	}
	#concept02+section::after {
    	background-size: 430px auto;
	}
}
@media screen and (max-width: 1300px){
	#concept02+section{
		background-position:bottom 60px right 30px,bottom 150px left 60px,top left!important;
		background-size: 310px auto,500px auto,auto!important;
	}
}
@media screen and (max-width: 1100px){
	#concept02+section{
		padding-top: 130px;
    	padding-bottom: 100px;
		background-position:bottom 50px right 20px,bottom 80px left -30px,top left!important;
		background-size: 280px auto,470px auto,auto!important;
	}
	#concept02+section::after {
    	background-size: 370px auto;
	}
	#concept02+section p{
		padding-right: 240px;
	}
	#concept02+section p::before {
		background-size: 195px auto;
	}
	#concept02+section::before {
    	bottom: 280px;
	}
}

@media screen and (max-width: 900px){
	#concept02+section .pc_only{
		display: none;
	}
	#concept02+section{
		padding-top: 70px;
		padding-bottom: 480px;
	background:url(/common/upload_data/nagoya-kishimen-ippachicom2/image/concept02_syati.png),
		url(/common/upload_data/nagoya-kishimen-ippachicom2/image/sp_concept02_img.png),
		url(/common/upload_data/nagoya-kishimen-ippachicom2/image/bg_kuro_1.png)!important;
	background-repeat:no-repeat,no-repeat,repeat!important;
	background-position:bottom 30px right 30px,bottom 50px center,top left!important;
	background-size: 260px auto,590px auto,auto!important;
	}
	#concept02+section .concept_wrapper {
		writing-mode:inherit;
	}
	#concept02+section p {
    	line-height: 2;
		letter-spacing: 0.02rem;
		font-size: 1.65rem;
		padding-right: 0px;
		padding-top: 235px;
		text-align: center;
	}
	#concept02+section::before {
		display: block;
		background-size: 320px auto;
	}
	#concept02+section::before {
   		bottom: 0;
    	top: 30px;
    	background-position: left top;
	}
	#concept02+section p::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/sp_concept02_midasi.png) no-repeat;
  background-position: center top;
  position: absolute;
  top: 0px;
  right: 0;
	left: 0;
	z-index: 1;
	background-size: 355px auto;
	}
}

@media screen and (max-width: 800px){
	#concept02+section {
    	padding-bottom: 400px;
		background-position: bottom 30px right -20px,bottom 50px center,top left!important;
    	background-size: 250px auto,490px auto,auto!important;
	}
	#concept02+section p::before {
    	background-size: 280px auto;
	}
	#concept02+section p {
    	padding-top: 185px;
	}
	#concept02+section::after {
    	background-size: 260px auto;
	}
}

@media screen and (max-width: 600px){
	#concept02+section {
    	padding-top: 65px;
    	padding-bottom: 330px;
		background-position: bottom 20px right -30px,bottom 50px center,top left!important;
    	background-size: 210px auto,380px auto,auto!important;
	}
	#concept02+section::before {
    	background-size: 250px auto;
	}
	#concept02+section::after {
    	display: none;
	}
	#concept02+section p {
    	padding-top: 155px;
	}
	#concept02+section p::before {
    	background-size: 240px auto;
	}
}
@media screen and (max-width: 480px){
	#concept02+section p {
    	padding-top: 145px;
	}
	#concept02+section p::before {
    	background-size: 220px auto;
	}
	#concept02+section {
    	padding-top: 45px;
    	padding-bottom: 290px;
		background-position: bottom 20px right -50px,bottom 50px center,top left!important;
    	background-size: 190px auto,330px auto,auto!important;
	}
	#concept02+section::before {
    	background-size: 200px auto;
		opacity: 0.7;
    	top: 10px;
	}
}

/*ポイント6つ並び*/
#point1+div .wrapper_item{
	margin-right: -220px;
}
#point2+div .wrapper_item{
	margin-left: -220px;
}

#point1+div.composite_box01 .inner_item_txt,
#point2+div.composite_box01 .inner_item_txt{
	margin-top: 15px;
	border-top: 1px solid rgba(0,0,0,0.75);
	padding-top: 15px;
	width: 86%;
	margin-left: 7%;
	
	font-size: 1.65rem;
	line-height: 1.75;
	letter-spacing: 0.01rem;
}
#point1+div.composite_box01 .inner_item_img img,
#point2+div.composite_box01 .inner_item_img img{
	width: 260px!important;
	height: 430px!important;
}
#point1+div.composite_box01 .inner_item,
#point2+div.composite_box01 .inner_item{
	position: relative;
	padding-top: 20px;
}
#point1+div.composite_box01 .inner_item:nth-child(1):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title1.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}
#point1+div.composite_box01 .inner_item:nth-child(2):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title2.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}
#point1+div.composite_box01 .inner_item:nth-child(3):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title3.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}
#point1+div.composite_box01 .inner_item:nth-child(4):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title4.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}
#point2+div.composite_box01 .inner_item:nth-child(1):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title5.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}
#point2+div.composite_box01 .inner_item:nth-child(2):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title6.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}
#point2+div.composite_box01 .inner_item:nth-child(3):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title7.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}
#point2+div.composite_box01 .inner_item:nth-child(4):before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/common/upload_data/nagoya-kishimen-ippachicom2/image/point_title8.png) no-repeat;
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-size: 100px auto;
}

@media screen and (max-width: 1500px){
	#point1+div .wrapper_item{
		margin-right: 0px;
	}
	#point2+div .wrapper_item{
		margin-left: 0px;
	}
	#point1+div.composite_box01 .inner_item_txt,
	#point2+div.composite_box01 .inner_item_txt{
		width: 90%;
		margin-left: 5%;
	}
}
@media screen and (max-width: 920px){
	#point1+div.composite_box01 .inner_item_img img,
	#point2+div.composite_box01 .inner_item_img img {
    	height: 350px!important;
		width: 310px!important;
	}
	#point1+div.composite_box01 .inner_item_txt,
	#point2+div.composite_box01 .inner_item_txt {
    	width: 100%;
    	margin-left: 0%;
	}
	#point1+div.composite_box01 .inner_item:nth-child(1):before,
	#point1+div.composite_box01 .inner_item:nth-child(2):before,
	#point1+div.composite_box01 .inner_item:nth-child(3):before,
	#point1+div.composite_box01 .inner_item:nth-child(4):before,
	#point2+div.composite_box01 .inner_item:nth-child(1):before,
	#point2+div.composite_box01 .inner_item:nth-child(2):before,
	#point2+div.composite_box01 .inner_item:nth-child(3):before,
	#point2+div.composite_box01 .inner_item:nth-child(4):before{
		background-size: 80px auto;
	}
}
@media screen and (max-width: 700px){
	#point1+div .inner_item,
	#point2+div .inner_item{
		width: 100% !important;
		margin-left: 0% !important;
	}
	#point1+div.composite_box01 .inner_item_img img,
	#point2+div.composite_box01 .inner_item_img img{
    	height: 300px!important;
		width: 100%!important;
	}
}
@media screen and (max-width: 550px){
	#point1+div.composite_box01 .inner_item_img img,
	#point2+div.composite_box01 .inner_item_img img{
    	height: 220px!important;
	}
	#point1+div.composite_box01 .inner_item:nth-child(1):before,
	#point1+div.composite_box01 .inner_item:nth-child(2):before,
	#point1+div.composite_box01 .inner_item:nth-child(3):before,
	#point1+div.composite_box01 .inner_item:nth-child(4):before,
	#point2+div.composite_box01 .inner_item:nth-child(1):before,
	#point2+div.composite_box01 .inner_item:nth-child(2):before,
	#point2+div.composite_box01 .inner_item:nth-child(3):before,
	#point2+div.composite_box01 .inner_item:nth-child(4):before{
		background-size: 65px auto;
	}
}