/*===============================================
●画面の横幅が768px以上
===============================================*/
@media print, screen and (min-width: 768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

#main_img{
	width:980px;
	height:420px;
	margin-top:20px;
	margin-bottom:40px;
}

#main_img .main_message{
	width:270px;
	height:270px;
	padding:75px 680px 75px 30px;
}

#indexLeft_space{
	float:left;
	width:440px;
	padding-right:44px;
}

#indexRight_space{
	float:right;
	width:476px;
}

#indexLeft_space .preBox{
	width:440px;
	margin-bottom:20px;
}

#indexLeft_space #facebookBox{
	width:438px;
	border:1px #CCC solid;
	margin-bottom:30px;
}

.sp_insta_banner{
	display:none;
}

#indexLeft_space .pointcard_img{
	float:left;
	width:168px;
	padding-top:3px;
	padding-right:25px;
}

#indexLeft_space .pointcard_img img{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#indexLeft_space .pointcard_img img:hover{
	opacity: .60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .60;
	-moz-opacity: .60;
}

#indexLeft_space .pointcard_message{
	float:left;
	width:247px;
}

#indexLeft_space .pointcard_message p.sns_tit{
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:1.6em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:10px;
}

#indexLeft_space .pointcard_message p.pointcard_tit{
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:1.6em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:15px;
}

#indexLeft_space .pointcard_message .card_bt{
}

#indexLeft_space .pointcard_message .card_bt a{
	display:block;
	max-width:170px;
	padding:11px 0;
	margin:0 auto 20px;
	text-align:center;
	font-size:13px;
	font-weight:500;
	color:#F04A53;
	line-height:1.0em;
	letter-spacing:0.1em;
	text-decoration:none;
	background:#FFF;
	border:1px solid #F47D83;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#indexLeft_space .pointcard_message .card_bt a:hover{
	background:#FDE8E9;
	text-decoration:none;
}

#indexRight_space .menuBoxLeft{
	float:left;
	width:224px;
	padding-right:28px;
	margin-bottom:30px;
}

#indexRight_space .menuBoxRight{
	float:left;
	width:224px;
	margin-bottom:30px;
}

#indexRight_space .menuBoxLeft h2,
#indexRight_space .menuBoxRight h2{
	margin-top:22px;
	margin-bottom:16px;
	text-align:center;
}

#indexRight_space .menuBoxLeft .menu_txt,
#indexRight_space .menuBoxRight .menu_txt{
	font-size:13px;
	line-height:1.5em;
	color:#444;
	padding:0 10px 0 10px;
}

.ph_navi{
	width: 224px;
	height: 138px;
	overflow: hidden;
}

.sp_navi{
	display:none;
}

}













/*===============================================
●画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

#main_img{
	margin-bottom:20px;
	width:100%;
	height:280px;
}

#main_img .main_message{
	width:150px;
	height:150px;
	padding-top:65px;
	padding-left:12px;
}

#indexRight_space{
	padding:0 7px;
}

#indexRight_space .menuBoxLeft{
	float:left;
	width:46%;
	padding:0 2%;
}

#indexRight_space .menuBoxRight{
	float:left;
	width:46%;
	padding:0 2%;
}

#indexRight_space .menuBoxLeft h2,
#indexRight_space .menuBoxRight h2{
	margin-top:15px;
	margin-bottom:10px;
	text-align:center;
}

#indexRight_space .menuBoxLeft .menu_txt,
#indexRight_space .menuBoxRight .menu_txt{
	font-size:11px;
	line-height:1.5em;
	color:#666;
	padding:0;
}

.ph_navi{
	display:none;
}

.sp_navi{
}

.sp_navi img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.sp_navi a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.sp_clr{
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 20px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

#indexLeft_space{
	margin-top:25px;
	padding: 0 15px;
}

#indexLeft_space .preBox{
}

#indexLeft_space .facebook_space{
	text-align:center;
}

#indexLeft_space #facebookBox{
}

#indexLeft_space .insta_space{
	display:none;
}

#indexLeft_space .insta_banner{
	display:none;
}

#indexLeft_space .sp_insta_banner{
	margin-top:30px;
	text-align:center;
}

#indexLeft_space .sp_insta_banner img{
	width:100%;
	max-width:440px;
}

#indexLeft_space .pointcard_img{
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}

#indexLeft_space .pointcard_img img{
	width:200px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#indexLeft_space .pointcard_img img:hover{
	opacity: .60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .60;
	-moz-opacity: .60;
}

#indexLeft_space .pointcard_message p.sns_tit{
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:1.6em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:12px;
}

#indexLeft_space .pointcard_message p.pointcard_tit{
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:1.6em;
	letter-spacing:0.07em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#indexLeft_space .pointcard_message .card_bt{
	width:280px;
	margin:20px auto 30px;
}

#indexLeft_space .pointcard_message .card_bt a{
	display:block;
	width:100%;
	padding:18px 0;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#F04A53;
	line-height:1.0em;
	letter-spacing:0.1em;
	text-decoration:none;
	background:#FFF;
	border:1px solid #F47D83;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#indexLeft_space .pointcard_message .card_bt a:hover{
	background:#FDE8E9;
	text-decoration:none;
}

#indexLeft_space .pointcard_message p{
	font-size:13px;
	color:#666;
	line-height:1.7em;
	letter-spacing:0.05em;
}

}