body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	/*
	太字を指定する場合は游ゴシック Mediumの記述を抜いた下記のフォント指定をテキストCSSに改めてする。
	※Mediumをした状態でfont-weightを太字に指定すると文字がにじむため
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
	*/
	margin:0;
	padding:0;
}

@font-face {
	font-family: 'irohamaru-Medium-pickup';
	font-style: normal;
	font-weight: 100;
	src: url('/data/font/MODI_irohamaru_2016_0727/irohamaru-Medium_pickup.woff') format('woff'),
		url('/data/font/MODI_irohamaru_2016_0727/irohamaru-Medium_pickup.eot')  format('eot');

}
@font-face {
	font-family: '07LogoTypeGothic-Condense_pickup';
	font-style: normal;
	font-weight: 100;
	src: url('/data/font/LogoTypeGothicCondense/07LogoTypeGothic-Condense_pickup.woff') format('woff'),
		url('/data/font/LogoTypeGothicCondense/07LogoTypeGothic-Condense_pickup.eot')  format('eot');

}

/* float */
.float{
	float:left;
}

/* clearfix */
.clearfix{
	display:block;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* テキストが折り返された時の改行位置を指定 */
.kaigyo{
	display: inline-block;
}

/* 一行目を頭出し */
.indent-1_3em{
	text-indent:-1.3em;
	margin-left:1.3em;
}

/* リンクの色を変えない */
a,
a:visited,
a:hover,
a:active {
	color: inherit;
	text-decoration: none;
}

*, *:before, *:after {
	box-sizing: border-box;
}

ul{
	padding-left:0;
}

li{
	list-style:none;
}


/* 空間調整用 */
.m-t10{margin-top:10px;}
.m-t20{margin-top:20px;}
.m-t30{margin-top:30px;}
.m-t40{margin-top:40px;}
.m-t50{margin-top:50px;}
.m-t60{margin-top:60px;}
.m-t70{margin-top:70px;}
.m-t80{margin-top:80px;}
.m-t90{margin-top:90px;}
.m-t100{margin-top:100px;}
.m-t110{margin-top:110px;}
.m-t120{margin-top:120px;}
.m-t130{margin-top:130px;}
.m-t140{margin-top:140px;}
.m-t150{margin-top:150px;}
.m-b10{margin-bottom:10px;}
.m-b20{margin-bottom:20px;}
.m-b30{margin-bottom:30px;}
.m-b40{margin-bottom:40px;}
.m-b50{margin-bottom:50px;}
.m-b60{margin-bottom:60px;}
.m-b70{margin-bottom:70px;}
.m-b80{margin-bottom:80px;}
.m-b90{margin-bottom:90px;}
.m-b100{margin-bottom:100px;}
.m-b150{margin-bottom:150px;}
.p-t10{padding-top:10px;}
.p-t20{padding-top:20px;}
.p-t30{padding-top:30px;}
.p-t40{padding-top:40px;}
.p-t50{padding-top:50px;}
.p-t60{padding-top:60px;}
.p-t70{padding-top:70px;}
.p-t80{padding-top:80px;}
.p-t90{padding-top:90px;}
.p-t100{padding-top:100px;}
.p-l10{padding-top:10px;}
.p-l20{padding-left:20px;}
.p-l30{padding-left:30px;}
.p-l40{padding-left:40px;}
.p-l50{padding-left:50px;}
.p-l60{padding-left:60px;}
.p-l70{padding-left:70px;}
.p-l80{padding-left:80px;}
.p-l90{padding-left:90px;}
.p-l100{padding-left:100px;}
.p-r10{padding-right:10px;}
.p-r20{padding-right:20px;}
.p-r30{padding-right:30px;}
.p-r40{padding-right:40px;}
.p-r50{padding-right:50px;}
.p-r60{padding-right:60px;}
.p-r70{padding-right:70px;}
.p-r80{padding-right:80px;}
.p-r90{padding-right:90px;}
.p-r100{padding-right:100px;}
.p-b10{padding-bottom:10px;}
.p-b20{padding-bottom:20px;}
.p-b30{padding-bottom:30px;}
.p-b40{padding-bottom:40px;}
.p-b50{padding-bottom:50px;}
.p-b60{padding-bottom:60px;}
.p-b70{padding-bottom:70px;}
.p-b80{padding-bottom:80px;}
.p-b90{padding-bottom:90px;}
.p-b100{padding-bottom:100px;}
.p-b110{padding-bottom:110px;}
.p-b120{padding-bottom:120px;}
.p-b130{padding-bottom:130px;}
.p-b140{padding-bottom:140px;}
.p-b150{padding-bottom:150px;}
.p-b160{padding-bottom:160px;}
.p-b170{padding-bottom:170px;}
.p-b180{padding-bottom:180px;}
.p-b190{padding-bottom:190px;}
.p-b200{padding-bottom:200px;}


.main-img{
	height: 50vh;
	background: url(/data/image/kyotsu/main.jpg) center / cover;
	padding-top:200px;
}

#menu{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 60px 0;
}
#menu li{
	display: block;
	float: left;
	width: 16.5%;
	margin: 0;
	padding: 0 15px; 
}

#menu li a.current{
	border-bottom:2px solid #FA6A7E;
	padding-bottom: 5px;
}
#menu li a:hover{
	border-bottom:2px solid #FA6A7E;
	padding-bottom: 5px;

}

.header-top{
	position: relative;
	height: 50vh;
	background: url(/data/image/top/top-main.jpg) center;
	background-size: cover;
}

.header-top #menu-box{
	background-color: rgba(0,0,0,0.5);
}
.header-top #menu li a{
	display: block;
	text-align: center;
	text-decoration: none;
	font-family: '07LogoTypeGothic-Condense_pickup';
	font-size:16px;
	color: #FFFFFF;
}

.header-sub #menu li a{
	display: block;
	text-align: center;
	text-decoration: none;
	font-family: '07LogoTypeGothic-Condense_pickup';
	font-size:16px;
}

.container {
	width: 100%;
	display: flex;
}

.main-container {
	width: 100%;
	margin-left:130px;
}

.side{
	background-image: url("/data/image/side/wood.jpg");
	background-size: 100% 1500px;
	background-repeat: repeat-y;
	text-align: center;
	height: 100%;
	width:130px;
	position: fixed;
	z-index:1;
}
.side-img-logo{
	margin: 20px 0px;
}
.side-img-categoly{
	width:50px;
	margin-top:25px;
}
.side-title{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #FFFFFF;
	font-size: 12px;
	padding-bottom:5px;
}
.side-title-sub{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #FFFFFF;
	font-size: 12px;
	padding-bottom:20px;
}

.side-title-sub_br{
	display:none;
}

.side_line{
	margin: 0 auto;
	width:60%;
	height:1px;
	background-color:#FFF;
}

.side-pink-block{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size:13px;
	background: #FF7795;
	color: #FFFFFF;
	padding: 5px 0px;

}

.side-pink-block:hover{
	background-color: #F495AE;
}

.side-pink-block_br{
	display:none;
}

.side-categoly-box img:hover{
	opacity: 0.5;
}
.side-categoly-box p:hover{
	opacity: 0.5;
}


.footer_menu{
	width:95%;
	max-width:1000px;
	margin:50px auto;
	display: grid;
	grid-template-rows:auto auto;
	grid-template-columns:1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px;
	row-gap:30px;
	text-align:center;

}

.footer_menu1{
	width:100%;
	grid-row: 1;
	grid-column: 1 / 2;
}

.footer_menu2{
	width:100%;
	grid-row: 1;
	grid-column: 2 / 3;
	text-align:center;
}

.footer_menu3{
	width:100%;
	grid-row: 1;
	grid-column: 3 / 4;
}

.footer_menu4{
	width:100%;
	grid-row: 1;
	grid-column: 4 / 5;
}

.footer_menu5{
	width:100%;
	grid-row: 1;
	grid-column: 5 / 6;
}

.footer_menu6{
	width:100%;
	grid-row: 1;
	grid-column: 6 / 7;
}

.footer_menu7{
	width:100%;
	grid-row: 1;
	grid-column: 7 / 8;
}

.footer_menu8{
	width:100%;
	grid-row: 1;
	grid-column: 8 / 9;
}

.footer_menu9{
	width:100%;
	grid-row: 1;
	grid-column: 9 / 10;
}

.footer_menu10{
	width:100%;
	grid-row: 2;
	grid-column: 1 / 2;
}

.footer_menu11{
	width:100%;
	grid-row: 2;
	grid-column: 2 / 3;
}

.footer_menu12{
	width:100%;
	grid-row: 2;
	grid-column: 3 / 4;
}

.footer_menu13{
	width:100%;
	grid-row: 2;
	grid-column: 4 / 5;
}

.footer_menu14{
	width:100%;
	grid-row: 2;
	grid-column: 5 / 6;
}

.footer_menu15{
	width:100%;
	grid-row: 2;
	grid-column: 6 / 7;
}

.footer_menu16{
	width:100%;
	grid-row: 2;
	grid-column: 7 / 8;
}

.footer_menu17{
	width:100%;
	grid-row: 2;
	grid-column: 8 / 9;
}

.footer_menu18{
	width:100%;
	grid-row: 2;
	grid-column: 9 / 10;
}

.footer_menu_txt{
	width:100%;
	height:20px;
	font-family: 'irohamaru-Medium-pickup';
	font-size: 14px;

	display: flex;
	justify-content: center;
	align-items: center;

}

.footer_menu_line{
	width:1px;
	height:20px;
	background-color:#000;
}

.footer_menu_sp{
	display:none;
}


.footer_bg{
	background-color: #604C3F;
	text-align: center;
}

.footer_logo{
	padding:30px 0 50px;
}

.footer_info{
	width: 90%;
	font-family: 'irohamaru-Medium-pickup';
	font-size: 13px;
	color: #FFFFFF;
	padding-bottom:100px;
	margin:0 auto;
}

.footer_info_br{
	display:none;
}


/*　ハンバーガーボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 3;
	right : 13px;
	top   : 12px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}
.hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 5px ;
	left	: 6px;
	background : #FF7795;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition		: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2) {
	top: 20px;
}
.hamburger span:nth-child(3) {
	top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition	 : all 0.3s ease-in-out;
	transition		: all 0.3s ease-in-out;
	-webkit-transition-delay: 0.6s;
	-o-transition-delay	 : 0.6s;
	transition-delay		: 0.6s;
	-webkit-transform: rotate(45deg);
	-ms-transform	: rotate(45deg);
	-o-transform	 : rotate(45deg);
	transform		: rotate(45deg);
}
.hamburger.active span:nth-child(2){
	width: 0px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1){
	-webkit-transform: translateY(4px);
	-ms-transform	: translateY(4px);
	-o-transform	 : translateY(4px);
	transform		: translateY(4px);
}

.hamburger.active span:nth-child(3){
	-webkit-transform: translateY(-16px) rotate(90deg);
	-ms-transform: translateY(-16px) rotate(90deg);
	-o-transform : translateY(-16px) rotate(90deg);
	transform	: translateY(-16px) rotate(90deg);
}

nav.globalMenuSp {
	position: fixed;
	z-index : 2;
	top  : 0;
	left : 0;
	color: #000;
	background: #fff;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.9s;
	width: 100%;
}
nav.globalMenuSp ul {
	background: #ccc;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
nav.globalMenuSp ul li:hover{
	background :#ddd;
}

nav.globalMenuSp ul li a {
	font-family: '07LogoTypeGothic-Condense_pickup';
	display: block;
	color: #000;
	padding: 1em 0;
	text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}

.sub-main-title {
	position:relative;
	z-index:1;
	font-family: 'irohamaru-Medium-pickup';
	background-color:rgba(255,119,149,0.6);
	width: 70%;
	max-width:350px;
	text-align: center;
	margin:0 auto;
	padding: 60px 0px 100px;
}
.sub-under-yellow {
	border-bottom: solid 4px #FFEB49;
	padding-bottom: 12px;
}

.sub-main-title h1 {
	font-size: 22px;
	color: #FFFFFF;
}

.sub-main-title_line{
	height:4px;
	background-color:#FFEB49;
	margin:0 auto;
}


.sub-main-title_line_shop{
	width:150px;
}

.sub-main-title_line_shop_detail{
	width:150px;
}

.sub-main-title_line_access{
	width:140px;
}

.sub-main-title_line_contact{
	width:140px;
}

.sub-main-title_line_item{
	width:140px;
}

.sub-main-title_line_item_detail{
	width:140px;
}

.sub-main-title_line_news{
	width:140px;
}

.sub-main-title_line_news_list{
	width:170px;
}

.sub-main-title_line_privacy{
	width:230px;
}

.sub-main-title_line_qa{
	width:140px;
}

.sub-main-title_line_sitemap{
	width:150px;
}



.header-top .top-sp-nav {
	display:none;
}

.header-sub .top-sp-nav {
	display:none;
}







/* 画面幅1024以下 PC*/
@media screen and (max-width: 1024px) {




}


/* 画面幅768px以下 タブレット*/
@media screen and (max-width: 768px) {

	.header-top .top-sp-nav {
		display:block;
	}

	.header-sub .top-sp-nav {
		display:block;
	}

	.sub-main-title h1 {
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
		font-weight: bold;
		font-size:15px;
	}

	.sub-main-title_line_shop{
		width:120px;
	}

	.sub-main-title_line_shop_detail{
		width:120px;
	}

	.sub-main-title_line_access{
		width:110px;
	}

	.sub-main-title_line_contact{
		width:110px;
	}

	.sub-main-title_line_item{
		width:110px;
	}

	.sub-main-title_line_item_detail{
		width:110px;
	}

	.sub-main-title_line_news{
		width:110px;
	}

	.sub-main-title_line_news_list{
		width:140px;
	}

	.sub-main-title_line_privacy{
		width:100px;
	}

	.sub-main-title_line_qa{
		width:110px;
	}

	.sub-main-title_line_sitemap{
		width:120px;
	}

	#menu-box {
		display:none;
	}


	.footer_menu{
		display:none;
	}

	.footer_menu_sp{
		width:90%;
		max-width:1000px;
		margin:50px auto;
		display: grid;
		grid-template-rows:auto auto auto auto;
		grid-template-columns:1px 1fr 1px 1fr 1px;
		row-gap:20px;
		text-align:center;
	}

	.footer_menu_sp1{
		width:100%;
		grid-row: 1;
		grid-column: 1 / 2;
	}

	.footer_menu_sp2{
		width:100%;
		grid-row: 1;
		grid-column: 2 / 3;
		text-align:center;
	}

	.footer_menu_sp3{
		width:100%;
		grid-row: 1;
		grid-column: 3 / 4;
	}

	.footer_menu_sp4{
		width:100%;
		grid-row: 1;
		grid-column: 4 / 5;
	}

	.footer_menu_sp5{
		width:100%;
		grid-row: 1;
		grid-column: 5 / 6;
	}

	.footer_menu_sp6{
		width:100%;
		grid-row: 2;
		grid-column: 1 / 2;
	}

	.footer_menu_sp7{
		width:100%;
		grid-row: 2;
		grid-column: 2 / 3;
		text-align:center;
	}

	.footer_menu_sp8{
		width:100%;
		grid-row: 2;
		grid-column: 3 / 4;
	}

	.footer_menu_sp9{
		width:100%;
		grid-row: 2;
		grid-column: 4 / 5;
	}

	.footer_menu_sp10{
		width:100%;
		grid-row: 2;
		grid-column: 5 / 6;
	}

	.footer_menu_sp11{
		width:100%;
		grid-row: 3;
		grid-column: 1 / 2;
	}

	.footer_menu_sp12{
		width:100%;
		grid-row: 3;
		grid-column: 2 / 3;
		text-align:center;
	}

	.footer_menu_sp13{
		width:100%;
		grid-row: 3;
		grid-column: 3 / 4;
	}

	.footer_menu_sp14{
		width:100%;
		grid-row: 3;
		grid-column: 4 / 5;
	}

	.footer_menu_sp15{
		width:100%;
		grid-row: 3;
		grid-column: 5 / 6;
	}

	.footer_menu_sp16{
		width:100%;
		grid-row: 4;
		grid-column: 1 / 2;
	}

	.footer_menu_sp17{
		width:100%;
		grid-row: 4;
		grid-column: 2 / 3;
		text-align:center;
	}

	.footer_menu_sp18{
		width:100%;
		grid-row: 4;
		grid-column: 3 / 4;
	}

	.footer_menu_sp19{
		width:100%;
		grid-row: 4;
		grid-column: 4 / 5;
	}

	.footer_menu_sp20{
		width:100%;
		grid-row: 4;
		grid-column: 5 / 6;
	}

	.footer_menu_txt{
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-size: 12px;
	}

	.footer_info{
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-size: 12px;
		text-align: left;
		padding-left:30px;
	}

	.footer_info_br{
		display:block;
	}



	.side-img-logo{
		text-align:center;
	}

	.side-img-logo{
		max-width:74px;
		width:90%;
	}



}

/* 画面幅375px以下　モバイル*/
@media screen and (max-width: 375px) {

	.main-container {
		margin-left:80px;
	}

	.side{
		width: 80px;
	}

	.side-img-categoly{
		width:35px;
	}

	.side-pink-block{
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-size:12px;
		line-height:1;
	}

	.side-pink-block_br{
		display:block;
	}

	.side-title-sub_br{
		display:block;
	}

	.side-title{
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		padding-bottom:0;
	}
	.side-title-sub{
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		line-height:1;
	}

}