@charset "utf-8";

.device-pc{
	display: block;
}
.device-pc-inline{
	display: inline-block;
}
.device-sp{
	display: none;
}
.device-sp-inline{
	display: none;
}


/* --------------------------------------------------------------------------------
enjoy_okage_yokocho
※PC用
 -------------------------------------------------------------------------------- */
#enjoy_okage {
	background: #f5f5f5;
	font-family: "Shippori Mincho", serif;
}
#enjoy_okage img{
	width: 100%;
}





/*メイン スライダー
-------------------------------------------------------------*/
#enjoy_okage .main {
	margin-bottom: 134px;
}
#enjoy_okage .main .slide-items img{
	max-height: 680px;
	border-radius: 0;
}
#enjoy_okage .main h1 {
	margin: 0;
	padding: 0;
}
#enjoy_okage .main h2{	
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	line-height: 1.75;
	letter-spacing: 0.01em;
	margin: 40px 0 10px 0;
}
#enjoy_okage .main h3{	
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.01em;
	margin: 0 0 22px 0;
}
#enjoy_okage .main p{	
	width: 840px;
	margin: 0 auto 22px auto;
	line-height: 1.85;
}

/*ボタン*/
#enjoy_okage .main .btn{
	width: 480px;
	margin: 0 auto;
	background: #7d7d7d;
	border-radius: 12px;
	text-align: center;
}
#enjoy_okage .main .btn a{
	display: block;
	font-size: 18px;
	color: #fff;
	padding: 20px 0 22px 0;	
}
#enjoy_okage .main .btn a::after{
	content: '＞';
	padding-left: 15px;
	
}



/* コンテンツ
-------------------------------------------------------------*/
#enjoy_okage .inner{
	width: 980px;
	margin: 0 auto;
	padding: 00px 0 85px 0;	
}




/* ガイドツアー
-------------------------------------------------------------*/
#enjoy_okage .guide{
	margin-bottom: 135px;
}
#enjoy_okage .guide h2{	
	font-size: 30px;
	font-weight:600;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 40px;
	letter-spacing: 0.02em;
}
#enjoy_okage .guide h2 span.ttl{	
	color: #1d76bb;
	font-style: italic;
}
#enjoy_okage .guide h2 span.line{
	color: #000;
	padding: 5px;
}
#enjoy_okage .guide .img{
	margin-bottom: 25px;
}
#enjoy_okage .guide .txt{
	line-height: 1.9;
}

/*ツアー*/
#enjoy_okage .guide .bnr-tour{
	background: #fff;
	width: 800px;
	margin: 10px auto 25px auto;
	border-left: 5px solid #1d76bb;
	padding: 13px 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	box-sizing: border-box;
}
#enjoy_okage .guide .bnr-tour .img{
	width: 200px;
	margin: 10px 0 0 0;
}
#enjoy_okage .guide .bnr-tour .txt-box{
	width: 525px;
}
#enjoy_okage .guide .bnr-tour .txt-box p{
	line-height: 1.5;
	padding: 0;
}
#enjoy_okage .guide .bnr-tour .txt-box .ttl{	
	font-size: 28px;
	color: #1d76bb;
	font-style: italic;
	padding-right: 24px;
	font-weight: 600;
}

#enjoy_okage .guide .bnr-tour .txt-box .txt{	
	font-size: 17px;
}

/*ボタン*/
#enjoy_okage .guide .bnr-tour .txt-box .btn{
	width: 220px;
	margin: 9px 0 0 auto;
	background: #7d7d7d;	
	border-radius: 8px;
	text-align: center;
}
#enjoy_okage .guide .bnr-tour .txt-box .btn a{
	display: block;
	font-size: 15px;
	color: #fff;
	padding: 9px 0 11px 0;
	
}
#enjoy_okage .guide .bnr-tour .txt-box .btn a::after{
	content: '＞';
	padding-left: 10px;
	
}





/*着物 木綿
-------------------------------------------------------------*/
#enjoy_okage .kimono{
	margin-bottom: 135px;
}
#enjoy_okage .kimono h2,
#enjoy_okage .momen h2{	
	font-size: 30px;
	font-weight:600;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 40px;
	letter-spacing: 0.02em;
}
#enjoy_okage .kimono h2 span,
#enjoy_okage .momen h2 span{	
	color: #1d76bb;
	font-style: italic;
}
#enjoy_okage .kimono h2 span.line,
#enjoy_okage .momen h2 span.line{
	color: #000;
	font-weight:400;
	padding: 5px;
}
#enjoy_okage .kimono .img,
#enjoy_okage .momen .img{
	margin-bottom: 25px;
}
#enjoy_okage .momen{
	margin-bottom: 130px;
}
#enjoy_okage .momen p{	
	margin-bottom: 40px;
	line-height: 1.85;
}

/*ゆかたレンタル*/
#enjoy_okage .kimono .bnr-rental{
	background: #fff;
	width: 800px;
	margin: 25px auto;
	border-left: 5px solid #1d76bb;
	padding: 13px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
#enjoy_okage .kimono .bnr-rental .img{
	width: 200px;
	margin: 0;
}
#enjoy_okage .kimono .bnr-rental .txt-box{
	width: 525px;
}
#enjoy_okage .kimono .bnr-rental .txt-box p{
	line-height: 1.1;
	padding: 0;
}
#enjoy_okage .kimono .bnr-rental .txt-box .ttl{	
	font-size: 20px;
	padding-bottom: 3px;
}
#enjoy_okage .kimono .bnr-rental .txt-box .ttl span{	
	font-size: 30px;
	color: #1d76bb;
	font-style: italic;
	padding-right: 24px;
}
#enjoy_okage .kimono .bnr-rental .txt-box .price{	
	font-size: 24px;
	padding-bottom: 5px;
}
#enjoy_okage .kimono .bnr-rental .txt-box .price span{	
	font-size: 36px;
	padding: 0 8px 0 6px;
}
#enjoy_okage .kimono .bnr-rental .txt-box .txt{	
	font-size: 15px;
}

/*ボタン*/
#enjoy_okage .kimono .bnr-rental .txt-box .btn{
	width: 220px;
	margin: 9px 0 0 auto;
	background: #7d7d7d;	
	border-radius: 8px;
	text-align: center;
}
#enjoy_okage .kimono .bnr-rental .txt-box .btn a{
	display: block;
	font-size: 15px;
	color: #fff;
	padding: 9px 0 11px 0;
	
}
#enjoy_okage .kimono .bnr-rental .txt-box .btn a::after{
	content: '＞';
	padding-left: 10px;
	
}





/*コース
-------------------------------------------------------------*/
#enjoy_okage .course{
	margin-bottom: 100px;
}
#enjoy_okage .course h2{	
	font-size: 30px;
	font-weight:600;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 40px;
	letter-spacing: 0.01em;
}
#enjoy_okage .course h2 span{	
	color: #1d76bb;
	font-style: italic;	
}
#enjoy_okage .course .img{
	margin-bottom: 58px;
}

/*プラン*/
#enjoy_okage .course .plan-box{	
	margin-bottom: 48px;
}
#enjoy_okage .course .plan-box .img{	
	margin-bottom: 38px;
}
#enjoy_okage .course .plan-box h3{
	font-size: 26px;
	font-weight:600;
	margin-bottom: 35px;
	letter-spacing: 0.01em;
}

#enjoy_okage .course .plan-box ul.plan{
	display: flex;
	flex-wrap: wrap;
}
#enjoy_okage .course .plan-box ul li{
	width: 290px;
	margin-right: 40px;
	margin-bottom: 25px;
	position: relative;
}
#enjoy_okage .course .plan-box ul li::after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 15px;
	border-color: transparent transparent transparent #1d76bb;
	position: absolute;
	top: 70px;
	right: -27px;
}
#enjoy_okage .course .plan-box ul li:nth-child(3),
#enjoy_okage .course .plan-box ul li:nth-child(6){
	margin-right: 30px;
}
#enjoy_okage .course .plan-box ul li:nth-child(6n)::after{
	display: none;
}
#enjoy_okage .course .plan-box ul li h4{
	font-size: 18px;
	border-bottom: 1px solid #1d76bb;
	padding-bottom: 8px;
	margin: 5px 0 7px 0;
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 1.4;
	letter-spacing: 0.02em;
}
#enjoy_okage .course .plan-box ul li h4 span{
	font-size: 17px;
	color: #fff;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #1d76bb;
	border-radius: 50%;
	text-align: center;
	margin-right: 5px;
	text-indent: 0;
	line-height: 1;
}
#enjoy_okage .course .plan-box ul li p{
	line-height: 1.45;
	letter-spacing: -0.03em;
}
#enjoy_okage .course .plan-box ul li p span{
	font-style: italic;	
}




/* at Okage Yokocho
-------------------------------------------------------------*/
#enjoy_okage .yokocho{
	margin-bottom: 145px;
}
#enjoy_okage .yokocho h2{	
	font-size: 30px;
	font-weight:600;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 34px;
	letter-spacing: 0.01em;
}
#enjoy_okage .yokocho ul.yokocho-box{	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#enjoy_okage .yokocho ul.yokocho-box li{
	width: 300px;
}
#enjoy_okage .yokocho ul.yokocho-box li h4{
	font-size: 20px;
	color: #1d76bb;
	border-bottom: 1px solid #1d76bb;
	padding-bottom: 5px;
	margin: 10px 0 13px 0;
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 1.6;
	letter-spacing: 0.01em;
}
#enjoy_okage .yokocho ul.yokocho-box li ul{
	margin-left: 20px;
}
#enjoy_okage .yokocho ul.yokocho-box li ul li{
	font-size: 16px;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
	box-sizing: border-box;
	padding-bottom: 4px;
}



/* Instagram
-------------------------------------------------------------*/
#enjoy_okage .instagram{
	margin-bottom: 135px;
}
#enjoy_okage .instagram .instagram-feed iframe {
	display: block;
	max-width: 960px;
	width: 90%;
	height: 400px;
	margin: 0 auto 60px;
}
#enjoy_okage .instagram{
	width: 800px;
	margin: 0 auto 135px;
}
#enjoy_okage .instagram img{
	width: 100%;
}


/* イラストマップ
-------------------------------------------------------------*/
#enjoy_okage .map{
	margin-bottom: 135px;
}
#enjoy_okage .map h2{	
	font-size: 30px;
	font-weight:600;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 40px;
	letter-spacing: 0.01em;
}



/* デジタルマップ
-------------------------------------------------------------*/
#enjoy_okage .digital-map h2{	
	font-size: 30px;
	font-weight:600;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 40px;
	letter-spacing: 0.01em;
}

#enjoy_okage .digital-map .map{
	width: 625px;
	margin: 0 auto 40px;
}
#enjoy_okage .digital-map .map iframe{
	width: 625px;
	height: 813px;
}





